dsh-later 1.2.0 → 1.3.0

package/lib/client.js

@@ -4,9 +4,11 @@ window.__ModuleLoader__.load({
 		var module = { exports: {} };
 		var exports = module.exports;
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name2 in all)
@@ -20,6 +22,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/client/index.tsx
@@ -78,25 +88,27 @@ var COMPONENTS = [
   "  margin: 0 auto calc(0px - var(--dsh-composer-stack-gap) - 3px);",
   "  padding: 0 var(--dsh-composer-dock-inset);",
   "}",
-  "/* \u9762\u677F\u4E0E QueueDock .panel \u4E00\u81F4\uFF1Abg tip\u3001\u9876\u90E8\u5706\u89D2\u3001::after \u753B\u63CF\u8FB9\uFF08\u7559\u5E95\u8FB9\u5F00\u53E3\uFF09\u3002 */",
+  "/* \u9762\u677F\u4E0E QueueDock .panel \u4E00\u81F4\uFF1Abg menu + backdrop-filter\u3001\u9876\u90E8\u5706\u89D2\u3001::before \u753B\u63CF\u8FB9\uFF08\u7559\u5E95\u8FB9\u5F00\u53E3\uFF09\u3002 */",
   ".ss-dock-body {",
   "  position: relative; overflow: hidden; width: 100%; padding: 2px 0;",
-  "  background: var(--dsw-specific-tip);",
-  "  border-radius: 12px 12px 0 0;",
+  "  isolation: isolate;",
+  "  border-radius: var(--dsw-radius-lg) var(--dsw-radius-lg) 0 0;",
   "  --dsh-scrollbar-thumb: var(--dsw-alias-scrollbar-bg-l2);",
   "  --dsh-scrollbar-thumb-hover: var(--dsw-alias-scrollbar-hover-l2);",
   "}",
-  ".ss-dock-body::after {",
-  "  content: ''; position: absolute; inset: 0; pointer-events: none;",
-  "  border: 1px solid var(--dsw-alias-border-l1); border-bottom: none; border-radius: inherit;",
+  ".ss-dock-body::before {",
+  "  z-index: -1; border-radius: inherit; background: var(--dsw-specific-menu);",
+  "  backdrop-filter: var(--dsw-menu-backdrop-filter); content: '';",
+  "  position: absolute; inset: 0; pointer-events: none;",
+  "  border: 1px solid var(--dsw-alias-border-l1); border-bottom: none;",
   "}",
   ".ss-dock-header {",
   "  box-sizing: border-box; display: flex; align-items: center; gap: 10px;",
   "  width: 100%; height: 36px; padding: 4px 12px;",
-  "  background: none; border: none; border-radius: 8px; cursor: pointer; text-align: left;",
+  "  background: none; border: none; border-radius: var(--dsw-radius-md); cursor: pointer; text-align: left;",
   "  color: var(--dsw-alias-label-primary);",
   "}",
-  ".ss-dock-header:focus-visible { outline: 2px solid var(--dsw-alias-label-tertiary); outline-offset: -2px; }",
+  ".ss-dock-header:focus-visible { outline: var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary)); outline-offset: -2px; }",
   ".ss-dock-lead { display: grid; place-items: center; color: var(--dsw-alias-label-tertiary); flex: none; }",
   ".ss-dock-count {",
   "  flex: auto; min-width: 0;",
@@ -189,13 +201,30 @@ var COMPONENTS = [
   "  background-repeat: no-repeat;",
   "}",
   ".ss-dock-actions { display: flex; align-items: center; gap: 10px; flex: none; }",
+  "/* DockTip\uFF1A\u9010\u5B57\u5BF9\u9F50\u5B98\u65B9 Tooltip.module.css .bubble\uFF08portal: true \u5C42\uFF09\u3002 */",
+  ".ss-dock-tip-anchor { display: inline-grid; flex: none; }",
+  ".ss-dock-tip {",
+  "  position: fixed; z-index: 1100;",
+  "  display: inline-flex; align-items: center; gap: 8px;",
+  "  width: max-content; max-width: 50vw;",
+  "  padding: 3px 7px; border-radius: var(--dsw-radius-sm);",
+  "  background: var(--dsw-alias-tooltip-bg); color: var(--dsw-static-neutral-bluish-00);",
+  "  font-size: 13px; line-height: 20px;",
+  "  white-space: pre-line; overflow-wrap: break-word;",
+  "  pointer-events: none;",
+  "  transform: translateX(-50%);",
+  "  animation: ss-dock-tip-in 150ms var(--ds-ease-in-out);",
+  "}",
+  '.ss-dock-tip[data-side="top"] { transform: translate(-50%, -100%); }',
+  "@keyframes ss-dock-tip-in { from { opacity: 0; } }",
+  "@media (prefers-reduced-motion: reduce) { .ss-dock-tip { animation: none; } }",
   ".ss-dock-action {",
   "  display: grid; place-items: center; width: 28px; height: 28px; padding: 0; flex: none;",
   "  border: none; border-radius: 999px; background: none; cursor: pointer;",
   "  color: var(--dsw-alias-label-tertiary);",
   "}",
   ".ss-dock-action:hover:not(:disabled) { background: var(--dsw-alias-interactive-bg-hover); }",
-  ".ss-dock-action:focus-visible { outline: 2px solid var(--dsw-alias-label-tertiary); outline-offset: -2px; }",
+  ".ss-dock-action:focus-visible { outline: var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary)); outline-offset: -2px; }",
   ".ss-dock-action:disabled { cursor: default; opacity: 0.45; }",
   "/* \u63D2\u8BDD\u5B8C\u6210\u6001\uFF1AQueueDock \u65E0\u6B64\u6001\uFF0C\u7528\u6210\u529F\u8272\u505A\u8F7B\u63D0\u793A\uFF08\u53E0\u52A0 disabled \u534A\u900F\u660E\uFF09\u3002 */",
   ".ss-dock-action-steer.ss-done { color: var(--dsw-alias-state-success-primary); }",
@@ -245,19 +274,40 @@ var COMPONENTS = [
   ".ss-dock-editing { flex-wrap: wrap; }",
   "",
   "/* ==================== \u9762\u677F ==================== */",
-  "/* \u5BF9\u9F50\u5B98\u65B9 popover panel\uFF1Az-index 100\u3001border-inverted\u3001radius 12\u3001\u5B57\u53F7 12\u3001secondary \u6587\u5B57 */",
+  "/*",
+  " * \u62AC\u5347\u9762\u9010\u9879\u5BF9\u9F50\u5B98\u65B9 PickerPopover\uFF08@deepseek-ai/dsh-client-ui-schedule \u7684",
+  " * PickerPopover.module.css + primitives MenuSurface.module.css\uFF09\uFF1A",
+  " *   \u80CC\u666F --dsw-menu-surface-fill\uFF08\u5E26\u900F\u660E\u5EA6\u7684\u83DC\u5355\u9762\uFF09+ blur(40px) \u6BDB\u73BB\u7483",
+  " *   \u63CF\u8FB9\u8D70\u4E3B\u9898\u7684 --dsw-elevation-stroke\uFF080 0 0 .5px\uFF09\uFF0C\u800C\u4E0D\u662F\u624B\u5199 1px \u2014\u2014",
+  " *     0.5px \u63CF\u8FB9\u662F\u9AD8\u5206\u5C4F\u4E0B\u7684\u6B63\u786E\u7EC6\u7EBF\uFF0C1px \u5728 1x \u4E0A\u8FC7\u91CD\u3001\u5728 2x \u4E0A\u53C8\u53D1\u865A\u3002",
+  " *   \u9634\u5F71 --dsw-elevation-prominent\uFF08\u542B\u63CF\u8FB9\u5C42\uFF0C\u4E0D\u662F\u7B2C\u4E8C\u5957\u9634\u5F71\uFF09\u3002",
+  " *   \u5706\u89D2 16px = --dsw-radius-lg\uFF08\u5B98\u65B9\u9762\u677F\u540C\u4E00\u6863\uFF1B\u65E7\u7684 12px \u662F --dsw-radius-md\uFF09\u3002",
+  " *   z-index 1100 = \u5B98\u65B9\u6D6E\u5C42\u6863\uFF08\u65E7\u7684 101 \u662F\u81EA\u9020\u503C\uFF0C\u6392\u5728 dock \u4E4B\u4E0B\uFF09\u3002",
+  " *",
+  " * \u26A0\uFE0F \u52FF\u518D\u5F15\u5165 --dsw-shadow-lv3 / --dsw-alias-border-inverted\uFF1A\u90A3\u662F\u66F4\u65E9\u8BBE\u8BA1\u4EE3\u6B21\u7684",
+  " *    token\uFF0C\u6DF7\u7528\u4F1A\u8BA9\u9762\u677F\u5728\u6D45\u8272/\u6DF1\u8272\u4E0B\u90FD\u504F\u79BB\u5B98\u65B9\u89C2\u611F\uFF08issue #24\uFF09\u3002",
+  " */",
   ".ss-backdrop {",
-  "  position: fixed; inset: 0; z-index: 100; background: transparent;",
+  "  position: fixed; inset: 0; z-index: 1099; background: transparent;",
   "}",
   ".ss-panel {",
-  "  position: fixed; z-index: 101;",
+  "  position: fixed; top: auto; left: auto; z-index: 1100;",
+  "  box-sizing: border-box; display: flex; flex-direction: column;",
   "  width: min(340px, calc(100vw - 24px));",
-  "  background: var(--dsw-specific-menu);",
+  "  padding: 12px;",
+  "  background: var(--dsw-menu-surface-fill);",
+  "  backdrop-filter: var(--dsw-menu-backdrop-filter);",
+  "  -webkit-backdrop-filter: var(--dsw-menu-backdrop-filter);",
+  "  border: 0; border-radius: var(--dsw-radius-lg);",
+  "  box-shadow: var(--dsw-elevation-prominent);",
+  "  /* \u63CF\u8FB9\u4E0E\u9634\u5F71\u540C\u53D8\u91CF\uFF1A--dsw-elevation-prominent \u81EA\u8EAB\u542B --dsw-elevation-stroke\uFF0C",
+  "     \u8FD9\u91CC\u53EA\u9700\u7ED9 stroke \u989C\u8272\u3002\u5B98\u65B9 schedule/input-trigger/subagent \u4E09\u4E2A\u5305\u4E00\u81F4\u53D6 l1\u3002 */",
+  "  --dsw-elevation-stroke-color: var(--dsw-alias-border-l1);",
   "  color: var(--dsw-alias-label-secondary);",
-  "  border: 1px solid var(--dsw-alias-border-inverted); border-radius: 12px;",
-  "  box-shadow: var(--dsw-shadow-lv3); padding: 12px; box-sizing: border-box;",
   "  font-size: 12px; line-height: 20px; font-family: var(--dsw-font-family);",
   "}",
+  /* 兜底定位分支（无官方 useAnchoredPosition 的旧代次宿主）才用 bottom，
+     有官方锚定时 left/top 由 hook 注入，这里只兜住首帧测量前的 top:auto。 */
   ".ss-panel-header {",
   "  display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px;",
   "}",
@@ -635,7 +685,8 @@ function injectStyles() {
 }
 
 // src/client/components/SchedButton.tsx
-var import_react6 = require("react");
+var import_react7 = require("react");
+var import_dsh_client_ui_primitives3 = require("@deepseek-ai/dsh-client-ui-primitives");
 
 // src/time-utils.ts
 function detectTimeZone() {
@@ -879,7 +930,9 @@ function useSchedT(locale) {
 }
 
 // src/client/components/SchedPanel.tsx
-var import_react3 = require("react");
+var import_react4 = require("react");
+var import_react_dom = require("react-dom");
+var import_dsh_client_ui_primitives2 = require("@deepseek-ai/dsh-client-ui-primitives");
 
 // src/smart-window.ts
 var DEFAULT_SMART_WINDOW = Object.freeze({
@@ -894,13 +947,13 @@ function isValidHhmm(value) {
   return typeof value === "string" && HHMM_RE.test(value);
 }
 function sanitizeSmartWindowConfig(raw) {
-  const pick = (key, fallback) => isValidHhmm(raw?.[key]) ? raw[key] : fallback;
+  const pick2 = (key, fallback) => isValidHhmm(raw?.[key]) ? raw[key] : fallback;
   return {
-    workStart: pick("workStart", DEFAULT_SMART_WINDOW.workStart),
-    workEnd: pick("workEnd", DEFAULT_SMART_WINDOW.workEnd),
-    lunchStart: pick("lunchStart", DEFAULT_SMART_WINDOW.lunchStart),
-    lunchEnd: pick("lunchEnd", DEFAULT_SMART_WINDOW.lunchEnd),
-    eveningEnd: pick("eveningEnd", DEFAULT_SMART_WINDOW.eveningEnd)
+    workStart: pick2("workStart", DEFAULT_SMART_WINDOW.workStart),
+    workEnd: pick2("workEnd", DEFAULT_SMART_WINDOW.workEnd),
+    lunchStart: pick2("lunchStart", DEFAULT_SMART_WINDOW.lunchStart),
+    lunchEnd: pick2("lunchEnd", DEFAULT_SMART_WINDOW.lunchEnd),
+    eveningEnd: pick2("eveningEnd", DEFAULT_SMART_WINDOW.eveningEnd)
   };
 }
 var SMART_MIN_DELAY_MS = 2 * 60 * 1e3;
@@ -1035,8 +1088,21 @@ function epochFromLocal(date, time, timeZone) {
   if (hour > 23 || minute > 59 || second > 59 || month < 1 || month > 12 || day < 1 || day > 31) {
     return void 0;
   }
-  const approx = Date.UTC(year, month - 1, day, 0, 0, 0, 0);
-  return resolveWallClock(approx, timeZone, hour, minute, second);
+  const localEpoch = Date.UTC(year, month - 1, day, hour, minute, second, 0);
+  const offsets = /* @__PURE__ */ new Set();
+  for (let delta = -2; delta <= 2; delta += 1) {
+    offsets.add(offsetOf(localEpoch + delta * DAY_MS2, timeZone));
+  }
+  const candidates = [];
+  for (const offset of offsets) {
+    const candidate = localEpoch - offset;
+    const f = localFieldsOf(candidate, timeZone);
+    if (f.year === year && f.month === month && f.day === day && f.hour === hour && f.minute === minute && f.second === second) {
+      candidates.push(candidate);
+    }
+  }
+  candidates.sort((a, b) => a - b);
+  return candidates[0];
 }
 function nextSmartAt(now, timeZone, window2 = DEFAULT_SMART_WINDOW) {
   let target;
@@ -1062,6 +1128,7 @@ function nextSmartAt(now, timeZone, window2 = DEFAULT_SMART_WINDOW) {
 }
 
 // src/client/components/TaskList.tsx
+var import_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
 var import_jsx_runtime = require("react/jsx-runtime");
 function scheduleStateOf(item, now) {
   return Date.parse(item.scheduled_at) <= now ? "overdue" : "scheduled";
@@ -1095,7 +1162,7 @@ function TaskList({ items, now, deliveredIds, cancellingIds, onDelete, timeZone,
             event.stopPropagation();
             onDelete(item.id);
           },
-          children: "\u2715"
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.IconCloseOutlineRegular, { size: 14 })
         }
       )
     ] }, item.id);
@@ -1113,6 +1180,96 @@ function useNow(intervalMs = 1e3) {
   return now;
 }
 
+// src/client/primitives-compat.ts
+var import_react3 = require("react");
+var primitives = __toESM(require("@deepseek-ai/dsh-client-ui-primitives"), 1);
+function pick(name2) {
+  return primitives[name2];
+}
+var hostUseAnchoredPosition = pick("useAnchoredPosition");
+var hostUseDismissOnOutsidePointer = pick("useDismissOnOutsidePointer");
+function useLegacyAnchoredPosition({
+  open,
+  anchorRef,
+  panelRef,
+  side = "bottom",
+  align = "start",
+  gap,
+  margin
+}) {
+  const [position, setPosition] = (0, import_react3.useState)(null);
+  (0, import_react3.useLayoutEffect)(() => {
+    if (!open) {
+      setPosition(null);
+      return void 0;
+    }
+    const measure = () => {
+      const anchor = anchorRef.current;
+      const panel2 = panelRef.current;
+      if (anchor === null || panel2 === null) return;
+      const rect = anchor.getBoundingClientRect();
+      const panelWidth = panel2.offsetWidth;
+      const panelHeight = panel2.offsetHeight;
+      const viewportWidth = window.innerWidth;
+      const viewportHeight = window.innerHeight;
+      const left = align === "end" ? rect.right - panelWidth : rect.left;
+      const rawTop = side === "top" ? rect.top - panelHeight - gap : rect.bottom + gap;
+      const clampedLeft = Math.min(
+        Math.max(margin, left),
+        Math.max(margin, viewportWidth - panelWidth - margin)
+      );
+      const overflowsTop = rawTop < margin;
+      const overflowsBottom = rawTop + panelHeight > viewportHeight - margin;
+      const top = overflowsTop && !overflowsBottom ? rect.bottom + gap : overflowsBottom && !overflowsTop ? rect.top - panelHeight - gap : rawTop;
+      setPosition({
+        left: `${Math.round(clampedLeft)}px`,
+        top: `${Math.round(Math.max(margin, Math.min(top, viewportHeight - panelHeight - margin)))}px`
+      });
+    };
+    measure();
+    window.addEventListener("scroll", measure, true);
+    window.addEventListener("resize", measure);
+    const panel = panelRef.current;
+    const observer = typeof ResizeObserver === "undefined" || panel === null ? void 0 : new ResizeObserver(measure);
+    if (observer !== void 0 && panel !== null) observer.observe(panel);
+    return () => {
+      window.removeEventListener("scroll", measure, true);
+      window.removeEventListener("resize", measure);
+      observer?.disconnect();
+    };
+  }, [open, anchorRef, panelRef, side, align, gap, margin]);
+  return position;
+}
+function noopDismiss() {
+}
+var anchorImpl = hostUseAnchoredPosition ?? useLegacyAnchoredPosition;
+var dismissImpl = hostUseDismissOnOutsidePointer ?? noopDismiss;
+var hasOfficialOutsideDismiss = hostUseDismissOnOutsidePointer !== void 0;
+var hasOfficialAnchoredPosition = hostUseAnchoredPosition !== void 0;
+function usePanelAnchorPosition(options) {
+  return anchorImpl(options);
+}
+function usePanelOutsideDismiss(root, open, setOpen, portal) {
+  return dismissImpl(root, open, setOpen, portal);
+}
+var PANEL_MEASURE_STYLE = {
+  visibility: "hidden",
+  left: 0,
+  top: 0
+};
+function useEscapeToClose(open, setOpen) {
+  const setOpenRef = (0, import_react3.useRef)(setOpen);
+  setOpenRef.current = setOpen;
+  (0, import_react3.useEffect)(() => {
+    if (!open) return void 0;
+    const onKey = (event) => {
+      if (event.key === "Escape") setOpenRef.current(false);
+    };
+    window.addEventListener("keydown", onKey, true);
+    return () => window.removeEventListener("keydown", onKey, true);
+  }, [open]);
+}
+
 // src/client/components/SchedPanel.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
 function atOnDay(dayOffset, hhmm, timeZone, now) {
@@ -1135,22 +1292,36 @@ function SchedPanel({
   onCreate,
   onDelete,
   bottom,
+  anchorRef,
+  panelRef: externalPanelRef,
   smartWindow = DEFAULT_SMART_WINDOW,
   promptLimits
 }) {
   const now = useNow(1e3);
-  const [selected, setSelected] = (0, import_react3.useState)("after-600");
-  const [customDate, setCustomDate] = (0, import_react3.useState)(() => {
+  const localPanelRef = (0, import_react4.useRef)(null);
+  const panelRef = externalPanelRef ?? localPanelRef;
+  const anchored = usePanelAnchorPosition({
+    open: true,
+    anchorRef: anchorRef ?? { current: null },
+    panelRef,
+    side: "top",
+    align: "start",
+    gap: 4,
+    margin: 12
+  });
+  const panelStyle = hasOfficialAnchoredPosition ? anchored ?? PANEL_MEASURE_STYLE : { bottom };
+  const [selected, setSelected] = (0, import_react4.useState)("after-600");
+  const [customDate, setCustomDate] = (0, import_react4.useState)(() => {
     const f = localFieldsOf(Date.now(), timeZone);
     return `${String(f.year).padStart(4, "0")}-${String(f.month).padStart(2, "0")}-${String(f.day).padStart(2, "0")}`;
   });
-  const [customTime, setCustomTime] = (0, import_react3.useState)("18:00");
-  const [error, setError] = (0, import_react3.useState)(null);
-  const [cancelling, setCancelling] = (0, import_react3.useState)(/* @__PURE__ */ new Set());
-  const [delivered, setDelivered] = (0, import_react3.useState)(/* @__PURE__ */ new Set());
-  const deliveredTimers = (0, import_react3.useRef)([]);
-  const prevIds = (0, import_react3.useRef)(null);
-  (0, import_react3.useEffect)(() => {
+  const [customTime, setCustomTime] = (0, import_react4.useState)("18:00");
+  const [error, setError] = (0, import_react4.useState)(null);
+  const [cancelling, setCancelling] = (0, import_react4.useState)(/* @__PURE__ */ new Set());
+  const [delivered, setDelivered] = (0, import_react4.useState)(/* @__PURE__ */ new Set());
+  const deliveredTimers = (0, import_react4.useRef)([]);
+  const prevIds = (0, import_react4.useRef)(null);
+  (0, import_react4.useEffect)(() => {
     const currentIds = new Set(schedules.map((item) => item.id));
     const previous = prevIds.current;
     prevIds.current = currentIds;
@@ -1169,13 +1340,13 @@ function SchedPanel({
       deliveredTimers.current.push(timer);
     }
   }, [schedules, cancelling]);
-  (0, import_react3.useEffect)(
+  (0, import_react4.useEffect)(
     () => () => {
       for (const timer of deliveredTimers.current) window.clearTimeout(timer);
     },
     []
   );
-  const quickOptions = (0, import_react3.useMemo)(() => {
+  const quickOptions = (0, import_react4.useMemo)(() => {
     const options = [
       { kind: "after", seconds: 600, label: t.quick10m },
       { kind: "after", seconds: 3600, label: t.quick1h }
@@ -1200,7 +1371,7 @@ function SchedPanel({
     options.push({ kind: "custom", label: t.quickCustom });
     return options;
   }, [timeZone, now, t, smartWindow]);
-  const target = (0, import_react3.useMemo)(() => {
+  const target = (0, import_react4.useMemo)(() => {
     if (selected === "custom") {
       const match = /^(\d{2}):(\d{2})$/.exec(customTime);
       if (match === null) return null;
@@ -1213,7 +1384,7 @@ function SchedPanel({
     if (option.kind === "after") return { after_seconds: option.seconds, epoch: now + option.seconds * 1e3 };
     return { at: option.at, epoch: option.epoch };
   }, [selected, customDate, customTime, timeZone, now, quickOptions]);
-  const targetLabel = (0, import_react3.useMemo)(() => {
+  const targetLabel = (0, import_react4.useMemo)(() => {
     if (target === void 0 || target === null) return null;
     return `${formatAbsolute(target.epoch, timeZone, lang)} \xB7 ${formatRelative(target.epoch, now, lang)}`;
   }, [target, timeZone, now]);
@@ -1261,87 +1432,101 @@ function SchedPanel({
   };
   const promptEmpty = defaultPrompt.trim().length === 0;
   const canConfirm = !busy && !promptEmpty && target !== null;
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "ss-panel", "data-ss-panel": "", role: "dialog", "aria-label": t.panelTitle, style: { bottom }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "ss-panel-header", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "ss-panel-title", children: t.panelTitle }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { type: "button", className: "ss-panel-close", "aria-label": t.close, onClick: onClose, children: "\u2715" })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "ss-quick-grid", role: "radiogroup", "aria-label": t.panelTitle, children: quickOptions.map((option) => {
-      const key = keyOf(option);
-      const active = selected === key || option.kind === "custom" && selected === "custom";
-      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-        "button",
-        {
-          type: "button",
-          role: "radio",
-          "aria-checked": active,
-          className: active ? "ss-quick-chip ss-active" : "ss-quick-chip",
-          onClick: () => {
-            setSelected(key);
-            setError(null);
-          },
-          children: option.label
-        },
-        key
-      );
-    }) }),
-    selected === "custom" && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "ss-custom-row", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-        "input",
-        {
-          type: "date",
-          className: "ss-input",
-          "aria-label": t.dateLabel,
-          value: customDate,
-          onChange: (event) => {
-            if (event.target.value) setCustomDate(event.target.value);
+  const panel = /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    "div",
+    {
+      ref: panelRef,
+      className: "ss-panel",
+      "data-ss-panel": "",
+      role: "dialog",
+      "aria-label": t.panelTitle,
+      style: panelStyle,
+      onClick: (event) => event.stopPropagation(),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "ss-panel-header", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "ss-panel-title", children: t.panelTitle }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { type: "button", className: "ss-panel-close", "aria-label": t.close, onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dsh_client_ui_primitives2.IconCloseOutlineRegular, { size: 14 }) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "ss-quick-grid", role: "radiogroup", "aria-label": t.panelTitle, children: quickOptions.map((option) => {
+          const key = keyOf(option);
+          const active = selected === key || option.kind === "custom" && selected === "custom";
+          return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            "button",
+            {
+              type: "button",
+              role: "radio",
+              "aria-checked": active,
+              className: active ? "ss-quick-chip ss-active" : "ss-quick-chip",
+              onClick: () => {
+                setSelected(key);
+                setError(null);
+              },
+              children: option.label
+            },
+            key
+          );
+        }) }),
+        selected === "custom" && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "ss-custom-row", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            "input",
+            {
+              type: "date",
+              className: "ss-input",
+              "aria-label": t.dateLabel,
+              value: customDate,
+              onChange: (event) => {
+                if (event.target.value) setCustomDate(event.target.value);
+              }
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            "input",
+            {
+              type: "time",
+              className: "ss-input",
+              "aria-label": t.timeLabel,
+              value: customTime,
+              onChange: (event) => {
+                if (event.target.value) setCustomTime(event.target.value);
+              }
+            }
+          )
+        ] }),
+        target !== null && targetLabel !== null && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "ss-hint", style: { margin: "6px 0 0" }, children: targetLabel }),
+        error !== null && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "ss-error", role: "alert", style: { marginTop: 6 }, children: error }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "ss-tasklist-head", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: "ss-hint", children: [
+          t.taskListTitle,
+          schedules.length > 0 ? ` (${schedules.length})` : ""
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          TaskList,
+          {
+            items: schedules,
+            now,
+            deliveredIds: delivered,
+            cancellingIds: cancelling,
+            onDelete: handleDelete,
+            timeZone,
+            t,
+            lang
           }
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-        "input",
-        {
-          type: "time",
-          className: "ss-input",
-          "aria-label": t.timeLabel,
-          value: customTime,
-          onChange: (event) => {
-            if (event.target.value) setCustomTime(event.target.value);
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "ss-footer", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          "button",
+          {
+            type: "button",
+            className: "ss-confirm",
+            disabled: !canConfirm,
+            onClick: () => void handleConfirm(),
+            children: busy ? t.sending : target !== null ? format(t.confirmAdd, { time: formatAbsolute(target.epoch, timeZone, lang) }) : t.confirmAddNoTime
           }
-        }
-      )
-    ] }),
-    target !== null && targetLabel !== null && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "ss-hint", style: { margin: "6px 0 0" }, children: targetLabel }),
-    error !== null && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "ss-error", role: "alert", style: { marginTop: 6 }, children: error }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "ss-tasklist-head", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: "ss-hint", children: [
-      t.taskListTitle,
-      schedules.length > 0 ? ` (${schedules.length})` : ""
-    ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      TaskList,
-      {
-        items: schedules,
-        now,
-        deliveredIds: delivered,
-        cancellingIds: cancelling,
-        onDelete: handleDelete,
-        timeZone,
-        t,
-        lang
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "ss-footer", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      "button",
-      {
-        type: "button",
-        className: "ss-confirm",
-        disabled: !canConfirm,
-        onClick: () => void handleConfirm(),
-        children: busy ? t.sending : target !== null ? format(t.confirmAdd, { time: formatAbsolute(target.epoch, timeZone, lang) }) : t.confirmAddNoTime
-      }
-    ) }),
-    promptEmpty && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "ss-hint", style: { marginTop: 6 }, children: t.promptFromDraft })
-  ] });
+        ) }),
+        promptEmpty && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "ss-hint", style: { marginTop: 6 }, children: t.promptFromDraft })
+      ]
+    }
+  );
+  if (typeof document === "undefined") return panel;
+  return (0, import_react_dom.createPortal)(panel, document.body);
 }
 function keyOf(option) {
   switch (option.kind) {
@@ -1357,7 +1542,7 @@ function keyOf(option) {
 }
 
 // src/client/hooks/useSchedules.ts
-var import_react4 = require("react");
+var import_react5 = require("react");
 
 // src/client/local-store.ts
 var STORAGE_KEY = "dsh-later:pending";
@@ -1410,28 +1595,28 @@ var createLine = (input) => {
 var deleteLine = (id) => `/user-schedule-delete ${JSON.stringify({ id })}`;
 function useSchedules(inject2) {
   const { callCommand, sessionId, inputActions, input, useProjection, useInput } = inject2;
-  const [busy, setBusy] = (0, import_react4.useState)(false);
-  const [anchorBottom, setAnchorBottom] = (0, import_react4.useState)(80);
-  const [pendingSync, setPendingSync] = (0, import_react4.useState)(() => readPending());
-  const rowRef = (0, import_react4.useRef)(null);
+  const [busy, setBusy] = (0, import_react5.useState)(false);
+  const [anchorBottom, setAnchorBottom] = (0, import_react5.useState)(80);
+  const [pendingSync, setPendingSync] = (0, import_react5.useState)(() => readPending());
+  const rowRef = (0, import_react5.useRef)(null);
   const now = useNow(1e3);
   const draft = input?.draft ?? (typeof useInput === "function" ? useInput((s) => s.draft) : "") ?? "";
   const projection = typeof useProjection === "function" ? useProjection("userSchedules") : void 0;
-  const schedules = (0, import_react4.useMemo)(() => schedulesOf(projection), [projection]);
-  const nextEpoch = (0, import_react4.useMemo)(() => {
+  const schedules = (0, import_react5.useMemo)(() => schedulesOf(projection), [projection]);
+  const nextEpoch = (0, import_react5.useMemo)(() => {
     return schedules.map((item) => Date.parse(item.scheduled_at)).filter((value) => !Number.isNaN(value)).sort((a, b) => a - b)[0];
   }, [schedules]);
   const enabled = draft.trim().length > 0 || schedules.length > 0;
-  const reposition = (0, import_react4.useCallback)(() => {
+  const reposition = (0, import_react5.useCallback)(() => {
     const el = rowRef.current;
     if (el === null) return;
     const rect = el.getBoundingClientRect();
     setAnchorBottom(Math.max(12, window.innerHeight - rect.top + 10));
   }, []);
-  const syncedPrompts = (0, import_react4.useMemo)(() => {
+  const syncedPrompts = (0, import_react5.useMemo)(() => {
     return new Set(schedules.map((item) => item.prompt));
   }, [schedules]);
-  (0, import_react4.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     if (pendingSync.length === 0) return;
     const remaining = pendingSync.filter((item) => !syncedPrompts.has(item.payload.prompt));
     if (remaining.length !== pendingSync.length) {
@@ -1439,7 +1624,7 @@ function useSchedules(inject2) {
       writePendingLocal(remaining);
     }
   }, [syncedPrompts, pendingSync]);
-  (0, import_react4.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     if (pendingSync.length === 0 || !sessionId) return;
     let cancelled = false;
     const syncAll = async () => {
@@ -1467,7 +1652,7 @@ function useSchedules(inject2) {
       window.removeEventListener("online", onOnline);
     };
   }, [pendingSync, sessionId, callCommand]);
-  const handleCreate = (0, import_react4.useCallback)(async (inputPayload) => {
+  const handleCreate = (0, import_react5.useCallback)(async (inputPayload) => {
     if (!sessionId) {
       throw new Error(CLIENT_ERR.NO_SESSION);
     }
@@ -1483,15 +1668,15 @@ function useSchedules(inject2) {
       setBusy(false);
     }
   }, [sessionId, callCommand]);
-  const handleDelete = (0, import_react4.useCallback)(async (id) => {
+  const handleDelete = (0, import_react5.useCallback)(async (id) => {
     if (!sessionId) return;
     await callCommand(sessionId, deleteLine(id));
   }, [sessionId, callCommand]);
-  const handleCancelAll = (0, import_react4.useCallback)(async () => {
+  const handleCancelAll = (0, import_react5.useCallback)(async () => {
     if (!sessionId) return;
     await Promise.all(schedules.map((item) => callCommand(sessionId, deleteLine(item.id))));
   }, [sessionId, schedules, callCommand]);
-  const handleClearDraft = (0, import_react4.useCallback)(() => {
+  const handleClearDraft = (0, import_react5.useCallback)(() => {
     inputActions?.setDraft("");
   }, [inputActions]);
   return {
@@ -1519,7 +1704,7 @@ function writePendingLocal(pending) {
 }
 
 // src/client/hooks/useSchedulerSettings.ts
-var import_react5 = require("react");
+var import_react6 = require("react");
 var CLIENT_DEFAULT_MAX_PROMPT_CHARS = 1e3;
 var FALLBACK_PROMPT = {
   allowLong: false,
@@ -1563,16 +1748,16 @@ function resolveFromSnapshot(snap) {
 var NOOP_SUBSCRIBE = () => () => void 0;
 var EMPTY_SNAPSHOT = { status: "unavailable" };
 function useSchedulerSettings(scope) {
-  const getSnapshot = (0, import_react5.useCallback)(
+  const getSnapshot = (0, import_react6.useCallback)(
     () => scope === void 0 ? EMPTY_SNAPSHOT : scope.getSnapshot(),
     [scope]
   );
-  const subscribe = (0, import_react5.useCallback)(
+  const subscribe = (0, import_react6.useCallback)(
     (onStoreChange) => scope === void 0 ? NOOP_SUBSCRIBE() : scope.subscribe(onStoreChange),
     [scope]
   );
-  const raw = (0, import_react5.useSyncExternalStore)(subscribe, getSnapshot, getSnapshot);
-  return (0, import_react5.useMemo)(() => resolveFromSnapshot(raw), [raw]);
+  const raw = (0, import_react6.useSyncExternalStore)(subscribe, getSnapshot, getSnapshot);
+  return (0, import_react6.useMemo)(() => resolveFromSnapshot(raw), [raw]);
 }
 
 // src/client/components/SchedButton.tsx
@@ -1581,7 +1766,7 @@ function SchedButton(props) {
   const { callCommand, sessionId, inputActions, input, useProjection, useInput, locale, schedulerScope } = props;
   const { lang, t } = useSchedT(locale);
   const { smartWindow, promptLimits, showButton } = useSchedulerSettings(schedulerScope);
-  const [open, setOpen] = (0, import_react6.useState)(false);
+  const [open, setOpen] = (0, import_react7.useState)(false);
   const {
     draft,
     schedules,
@@ -1600,19 +1785,15 @@ function SchedButton(props) {
     useProjection,
     useInput
   });
-  (0, import_react6.useEffect)(() => {
-    if (!open) return;
+  useEscapeToClose(open, setOpen);
+  (0, import_react7.useEffect)(() => {
+    if (!open) return void 0;
     reposition();
     window.addEventListener("resize", reposition);
-    const onKey = (event) => {
-      if (event.key === "Escape") setOpen(false);
-    };
-    window.addEventListener("keydown", onKey, true);
-    return () => {
-      window.removeEventListener("resize", reposition);
-      window.removeEventListener("keydown", onKey, true);
-    };
+    return () => window.removeEventListener("resize", reposition);
   }, [open, reposition]);
+  const panelRef = (0, import_react7.useRef)(null);
+  usePanelOutsideDismiss(rowRef, open, setOpen, panelRef);
   if (!showButton) return null;
   const handleCreateWithErrorBoundary = async (inputPayload) => {
     try {
@@ -1633,14 +1814,11 @@ function SchedButton(props) {
         "aria-expanded": open,
         disabled: !enabled,
         onClick: () => setOpen((value) => !value),
-        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("polyline", { points: "12 6 12 12 16 14" })
-        ] })
+        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_dsh_client_ui_primitives3.IconClockOutlineRegular, { size: 16 })
       }
     ),
     open && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "ss-backdrop", onClick: () => setOpen(false), "aria-hidden": "true" }),
+      !hasOfficialOutsideDismiss && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "ss-backdrop", onClick: () => setOpen(false), "aria-hidden": "true" }),
       /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
         SchedPanel,
         {
@@ -1654,6 +1832,8 @@ function SchedButton(props) {
           onCreate: handleCreateWithErrorBoundary,
           onDelete: (id) => void handleDelete(id),
           bottom: anchorBottom,
+          anchorRef: rowRef,
+          panelRef,
           smartWindow,
           promptLimits
         }
@@ -1663,7 +1843,9 @@ function SchedButton(props) {
 }
 
 // src/client/components/ScheduleDock.tsx
-var import_react7 = require("react");
+var import_react8 = require("react");
+var import_react_dom2 = require("react-dom");
+var import_dsh_client_ui_primitives4 = require("@deepseek-ai/dsh-client-ui-primitives");
 
 // src/bar-geometry.ts
 var BAR_UNIT_MS = 36e5;
@@ -1774,8 +1956,8 @@ function ScheduleDock({ callCommand, sessionId, useProjection, locale }) {
   const now = useNow(1e3);
   const { t } = useSchedT(locale);
   const projection = typeof useProjection === "function" ? useProjection("userSchedules") : void 0;
-  const [dismissedPaused, setDismissedPaused] = (0, import_react7.useState)(/* @__PURE__ */ new Set());
-  (0, import_react7.useEffect)(() => {
+  const [dismissedPaused, setDismissedPaused] = (0, import_react8.useState)(/* @__PURE__ */ new Set());
+  (0, import_react8.useEffect)(() => {
     const live = projection?.schedules;
     if (live === void 0) return;
     setDismissedPaused((current) => {
@@ -1788,8 +1970,8 @@ function ScheduleDock({ callCommand, sessionId, useProjection, locale }) {
       return changed ? nextSet : current;
     });
   }, [projection]);
-  const [promptOverrides, setPromptOverrides] = (0, import_react7.useState)(/* @__PURE__ */ new Map());
-  (0, import_react7.useEffect)(() => {
+  const [promptOverrides, setPromptOverrides] = (0, import_react8.useState)(/* @__PURE__ */ new Map());
+  (0, import_react8.useEffect)(() => {
     const live = projection?.schedules;
     if (live === void 0 || promptOverrides.size === 0) return;
     setPromptOverrides((current) => {
@@ -1806,7 +1988,7 @@ function ScheduleDock({ callCommand, sessionId, useProjection, locale }) {
       return changed ? nextMap : current;
     });
   }, [projection, promptOverrides]);
-  const schedules = (0, import_react7.useMemo)(
+  const schedules = (0, import_react8.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 };
@@ -1815,17 +1997,17 @@ function ScheduleDock({ callCommand, sessionId, useProjection, locale }) {
     ),
     [projection, dismissedPaused, promptOverrides]
   );
-  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 [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 [steerUnconfirmed, setSteerUnconfirmed] = (0, import_react8.useState)(/* @__PURE__ */ new Set());
+  (0, import_react8.useEffect)(() => {
     const live = projection?.schedules;
     if (live === void 0) return;
     const present = new Set(live.filter((item) => item.status !== "paused").map((item) => item.id));
@@ -1842,7 +2024,7 @@ function ScheduleDock({ callCommand, sessionId, useProjection, locale }) {
       return changed ? next2 : current;
     });
   }, [projection]);
-  (0, import_react7.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     if (steerDone.size === 0) return void 0;
     const timer = window.setTimeout(() => {
       const live = projection?.schedules;
@@ -1863,11 +2045,11 @@ function ScheduleDock({ callCommand, sessionId, useProjection, locale }) {
     }, 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 [pausing, setPausing] = (0, import_react8.useState)(/* @__PURE__ */ new Set());
+  const [resuming, setResuming] = (0, import_react8.useState)(/* @__PURE__ */ new Set());
+  const [pauseErr, setPauseErr] = (0, import_react8.useState)(/* @__PURE__ */ new Map());
+  const firstSeenRef = (0, import_react8.useRef)(/* @__PURE__ */ new Map());
+  const lastActiveAtRef = (0, import_react8.useRef)(/* @__PURE__ */ new Map());
   const wallClock = Date.now();
   {
     const next2 = new Map(lastActiveAtRef.current);
@@ -1888,8 +2070,8 @@ function ScheduleDock({ callCommand, sessionId, useProjection, locale }) {
     }
     if (changed) lastActiveAtRef.current = next2;
   }
-  const byId = (0, import_react7.useMemo)(() => new Map(schedules.map((item) => [item.id, item])), [schedules]);
-  (0, import_react7.useEffect)(() => {
+  const byId = (0, import_react8.useMemo)(() => new Map(schedules.map((item) => [item.id, item])), [schedules]);
+  (0, import_react8.useEffect)(() => {
     let changed = false;
     const next2 = new Map(firstSeenRef.current);
     for (const [id] of byId) {
@@ -1906,7 +2088,7 @@ function ScheduleDock({ callCommand, sessionId, useProjection, locale }) {
     }
     if (changed) firstSeenRef.current = next2;
   }, [byId]);
-  (0, import_react7.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     if (schedules.length <= 1) setCollapsed(true);
   }, [schedules.length]);
   if (schedules.length === 0 || sessionId === void 0) return null;
@@ -2088,7 +2270,7 @@ function ScheduleDock({ callCommand, sessionId, useProjection, locale }) {
             children: saving ? "\u2026" : t.editSave
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: "ss-dock-action", onClick: cancelEdit, "aria-label": t.editCancel, children: "\u2715" }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: "ss-dock-action", onClick: cancelEdit, "aria-label": t.editCancel, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_dsh_client_ui_primitives4.IconCloseOutlineRegular, { size: 14 }) }),
         editErr !== null && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "ss-dock-edit-err", children: editErr })
       ] }, item.id);
     }
@@ -2115,63 +2297,58 @@ function ScheduleDock({ callCommand, sessionId, useProjection, locale }) {
             ] })
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "ss-dock-actions", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(DockTip, { label: t.editTask, 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, {})
+                children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_dsh_client_ui_primitives4.IconEditOutlineRegular, { size: 14 })
               }
-            ),
-            isPaused ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            ) }),
+            isPaused ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(DockTip, { label: t.resumeTask, children: /* @__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, {})
+                children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_dsh_client_ui_primitives4.IconPlayOutlineRegular, { size: 16 })
               }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            ) }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(DockTip, { label: canPause(item, now) ? t.pauseTask : t.pauseUnsupportedKind, children: /* @__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, {})
+                children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_dsh_client_ui_primitives4.IconPauseOutlineRegular, { size: 16 })
               }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            ) }),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(DockTip, { label: t.deleteTask, children: /* @__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, {})
+                children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_dsh_client_ui_primitives4.IconTrashOutlineRegular, { size: 14 })
               }
-            ),
-            item.kind !== "every" && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            ) }),
+            item.kind !== "every" && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(DockTip, { label: steerDone.has(item.id) ? t.steerAlreadySent : t.steerTask, children: /* @__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, {})
+                children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_dsh_client_ui_primitives4.IconSendOutlineRegular, { size: 16 })
               }
-            )
+            ) })
           ] })
         ]
       },
@@ -2187,9 +2364,9 @@ function ScheduleDock({ callCommand, sessionId, useProjection, locale }) {
         "aria-expanded": !collapsed,
         onClick: () => setCollapsed((value) => !value),
         children: [
-          /* @__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-lead", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_dsh_client_ui_primitives4.IconClockOutlineRegular, { size: 16 }) }),
           /* @__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, {}) })
+          /* @__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)(import_dsh_client_ui_primitives4.IconChevronDownOutlineRegular, { size: 14 }) })
         ]
       }
     ),
@@ -2208,7 +2385,7 @@ function MultiBar({
   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);
+  const phaseAtRef = (0, import_react8.useRef)(null);
   if (frozen || prefersReducedMotion()) {
     phaseAtRef.current = null;
   } else if (phaseAtRef.current === null) {
@@ -2252,33 +2429,76 @@ function MultiBar({
     }
   );
 }
-function QueueClockIcon() {
-  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_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_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_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_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 DockTip({ label, children }) {
+  const anchorRef = (0, import_react8.useRef)(null);
+  const bubbleRef = (0, import_react8.useRef)(null);
+  const [pos, setPos] = (0, import_react8.useState)(null);
+  const timerRef = (0, import_react8.useRef)(null);
+  const cancel = () => {
+    if (timerRef.current !== null) {
+      window.clearTimeout(timerRef.current);
+      timerRef.current = null;
+    }
+  };
+  const show = () => {
+    const el = anchorRef.current;
+    if (!el) return;
+    const r = el.getBoundingClientRect();
+    setPos({ left: r.left + r.width / 2, top: r.bottom + 8, side: "bottom" });
+  };
+  const enter = () => {
+    cancel();
+    timerRef.current = window.setTimeout(show, 500);
+  };
+  const leave = () => {
+    cancel();
+    setPos(null);
+  };
+  (0, import_react8.useEffect)(() => cancel, []);
+  (0, import_react8.useLayoutEffect)(() => {
+    if (!pos || !bubbleRef.current) return;
+    const b = bubbleRef.current;
+    const w = b.offsetWidth;
+    const h = b.offsetHeight;
+    const edge = 12;
+    let left = pos.left;
+    let top = pos.top;
+    let side = pos.side;
+    left = Math.max(edge + w / 2, Math.min(left, window.innerWidth - edge - w / 2));
+    if (side === "bottom" && top + h > window.innerHeight - edge) {
+      const anchorEl = anchorRef.current;
+      const r = anchorEl.getBoundingClientRect();
+      top = r.top - 8;
+      side = "top";
+    }
+    b.style.left = `${left}px`;
+    b.style.top = `${top}px`;
+    b.dataset.side = side;
+    b.style.visibility = "visible";
+  }, [pos]);
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      "span",
+      {
+        ref: anchorRef,
+        className: "ss-dock-tip-anchor",
+        onPointerEnter: enter,
+        onPointerLeave: leave,
+        onFocus: enter,
+        onBlur: leave,
+        children
+      }
+    ),
+    pos && typeof document !== "undefined" && (0, import_react_dom2.createPortal)(
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { ref: bubbleRef, className: "ss-dock-tip", style: { left: pos.left, top: pos.top, visibility: "hidden" }, children: label }),
+      document.body
+    )
   ] });
 }
-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_react8 = require("react");
+var import_react9 = require("react");
+var import_dsh_client_ui_primitives5 = require("@deepseek-ai/dsh-client-ui-primitives");
 var import_jsx_runtime5 = require("react/jsx-runtime");
 var SECTIONS = [
   {
@@ -2345,22 +2565,50 @@ var SECTIONS = [
         defaultValue: "keep"
       }
     ]
+  },
+  {
+    id: "advanced",
+    titleKey: "sectionAdvanced",
+    layout: "stack",
+    beta: true,
+    fields: [
+      {
+        kind: "boolean",
+        key: "advancedSyntax",
+        labelKey: "advancedSyntaxLabel",
+        hintKey: "advancedSyntaxHint",
+        defaultValue: true
+      }
+    ]
   }
 ];
 var FIELDS = SECTIONS.flatMap((s) => s.fields);
-function SchedulerSettingsCard({ scope, t }) {
-  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)(() => {
+function SchedulerSettingsCard({ scope, t, surface }) {
+  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 [helpOpen, setHelpOpen] = (0, import_react9.useState)({});
+  const SHOW_SETTINGS_KEY = "dsh-later:show-settings-section";
+  const [showSettings, setShowSettings] = (0, import_react9.useState)(() => {
+    if (typeof localStorage === "undefined") return false;
+    return localStorage.getItem(SHOW_SETTINGS_KEY) === "true";
+  });
+  const toggleShowSettings = () => {
+    const next = !showSettings;
+    setShowSettings(next);
+    if (typeof localStorage !== "undefined") {
+      if (next) localStorage.setItem(SHOW_SETTINGS_KEY, "true");
+      else localStorage.removeItem(SHOW_SETTINGS_KEY);
+    }
+  };
+  (0, import_react9.useEffect)(() => {
     const initial = scope.getSnapshot();
     setSnapshot(initial);
     setPending({});
     if (initial.status === "ready") setFailed(false);
   }, [scope]);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     return scope.subscribe(() => {
       const snap = scope.getSnapshot();
       setSnapshot(snap);
@@ -2438,11 +2686,11 @@ function SchedulerSettingsCard({ scope, t }) {
     setFieldPending(field.key, baselineValue(field), true);
     setFailed(false);
   };
-  const handleDiscard = (0, import_react8.useCallback)(() => {
+  const handleDiscard = (0, import_react9.useCallback)(() => {
     setPending({});
     setFailed(false);
   }, []);
-  const handleSave = (0, import_react8.useCallback)(async () => {
+  const handleSave = (0, import_react9.useCallback)(async () => {
     if (!dirty || saving || !writable) return;
     setSaving(true);
     setFailed(false);
@@ -2478,8 +2726,32 @@ function SchedulerSettingsCard({ scope, t }) {
   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") }),
+    surface === "detail" && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("section", { className: "ss-section", "aria-labelledby": "ss-section-display-toggle", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h3", { className: "ss-section-heading", id: "ss-section-display-toggle", children: t("sectionDisplayToggle") }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "ss-section-fields", children: /* @__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", { className: "ss-toggle-label", htmlFor: "ss-show-settings", children: t("showInSettings") }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            "button",
+            {
+              type: "button",
+              id: "ss-show-settings",
+              role: "switch",
+              "aria-checked": showSettings,
+              "aria-label": t("showInSettings"),
+              className: "ss-toggle-switch",
+              onClick: toggleShowSettings
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "ss-toggle-description", children: t("showInSettingsHint") })
+      ] }) })
+    ] }),
     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.jsxs)("h3", { className: "ss-section-heading", id: `ss-section-${section.id}`, children: [
+        t(section.titleKey),
+        section.beta === true ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "ss-section-beta", "aria-label": t("betaBadgeAria"), children: t("betaBadge") }) : null
+      ] }),
       /* @__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";
@@ -2538,11 +2810,7 @@ function SchedulerSettingsCard({ scope, t }) {
                   "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" })
-                  ] })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_dsh_client_ui_primitives5.IconInfoOutlineRegular, { size: 12 })
                 }
               )
             ] }),
@@ -3056,23 +3324,23 @@ function subscribeScheduleSummaryStore(listener) {
 }
 
 // src/client/useScheduleSummary.ts
-var import_react9 = require("react");
+var import_react10 = require("react");
 var EMPTY_SUMMARY = /* @__PURE__ */ new Map();
 var noopSubscribe2 = () => () => void 0;
 var emptySnapshot = () => EMPTY_SUMMARY;
 var missingSnapshot = () => void 0;
 function useScheduleSummary(store) {
-  const registered = (0, import_react9.useSyncExternalStore)(subscribeScheduleSummaryStore, getScheduleSummaryStore, missingSnapshot);
+  const registered = (0, import_react10.useSyncExternalStore)(subscribeScheduleSummaryStore, getScheduleSummaryStore, missingSnapshot);
   const target = store ?? registered;
-  const subscribe = (0, import_react9.useMemo)(
+  const subscribe = (0, import_react10.useMemo)(
     () => target === void 0 ? noopSubscribe2 : (listener) => target.subscribe(listener),
     [target]
   );
-  const getSnapshot = (0, import_react9.useMemo)(
+  const getSnapshot = (0, import_react10.useMemo)(
     () => target === void 0 ? emptySnapshot : () => target.getSnapshot(),
     [target]
   );
-  return (0, import_react9.useSyncExternalStore)(subscribe, getSnapshot, emptySnapshot);
+  return (0, import_react10.useSyncExternalStore)(subscribe, getSnapshot, emptySnapshot);
 }
 
 // src/client/index.tsx
@@ -3122,6 +3390,11 @@ function apply(ctx) {
         sectionDisplay: "\u663E\u793A\u8BBE\u7F6E",
         sectionTime: "\u65F6\u95F4\u8BBE\u7F6E",
         sectionDelivery: "\u6295\u9012\u8BBE\u7F6E",
+        sectionAdvanced: "\u9AD8\u7EA7\u8BED\u6CD5",
+        betaBadge: "Beta",
+        betaBadgeAria: "Beta \u529F\u80FD\uFF0C\u884C\u4E3A\u53EF\u80FD\u968F\u7248\u672C\u8C03\u6574",
+        advancedSyntaxLabel: "\u542F\u7528\u591A\u6B21\u5199\u6CD5\uFF08+1h*3 / 15:32+16:32\uFF09",
+        advancedSyntaxHint: "\u8BA9 /later \u4E0E /schedule \u652F\u6301\u4E00\u6B21\u5199\u591A\u6761\uFF1A+1h*3\uFF08\u7B49\u95F4\u9694 3 \u6B21\uFF09\u3001+1h+1h+0.5h\uFF08\u76F8\u5BF9\u5E8F\u5217\uFF09\u300115:32+16:32 \u4E0E 9:00+1d\uFF08\u951A\u70B9\u5E8F\u5217\uFF0C\u6309\u5899\u949F\u63A8\u8FDB\uFF0C\u8DE8\u590F\u4EE4\u65F6\u4E0D\u6F02\uFF09\u3002\u6BCF\u6761\u90FD\u662F\u72EC\u7ACB\u4EFB\u52A1\uFF0C\u53EF\u5355\u72EC\u53D6\u6D88\u6216\u7F16\u8F91\uFF1B\u5355\u6B21\u6700\u591A 10 \u6761\u3002\u6807\u8BB0\u4E3A Beta\uFF1A\u5C55\u5F00\u540E\u7684\u89C2\u611F\u4E0E\u6761\u6570\u4E0A\u9650\u4ECD\u9700\u89C2\u5BDF\u3002",
         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",
         maxSchedulesLabel: "\u5355\u4F1A\u8BDD\u4EFB\u52A1\u4E0A\u9650",
@@ -3159,7 +3432,10 @@ function apply(ctx) {
         discard: "\u653E\u5F03\u4FEE\u6539",
         saveFailed: "\u4FDD\u5B58\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5\u3002",
         loading: "\u52A0\u8F7D\u4E2D\u2026",
-        unavailable: "\u8BBE\u7F6E\u6682\u4E0D\u53EF\u7528\u3002"
+        unavailable: "\u8BBE\u7F6E\u6682\u4E0D\u53EF\u7528\u3002",
+        sectionDisplayToggle: "\u663E\u793A\u8BBE\u7F6E",
+        showInSettings: "\u5728\u8BBE\u7F6E\u4E2D\u663E\u793A",
+        showInSettingsHint: "\u5728\u8BBE\u7F6E\u5BF9\u8BDD\u6846\u4E2D\u663E\u793A\u672C\u63D2\u4EF6\u7684\u8BBE\u7F6E\u9875\uFF08\u5237\u65B0\u9875\u9762\u540E\u751F\u6548\uFF09"
       },
       en: {
         title: "Session Scheduler",
@@ -3171,6 +3447,11 @@ function apply(ctx) {
         sectionDisplay: "Display",
         sectionTime: "Time windows",
         sectionDelivery: "Delivery",
+        sectionAdvanced: "Advanced syntax",
+        betaBadge: "Beta",
+        betaBadgeAria: "Beta feature; behaviour may change between versions",
+        advancedSyntaxLabel: "Multi-shot syntax (+1h*3 / 15:32+16:32)",
+        advancedSyntaxHint: "Let /later and /schedule create several tasks at once: +1h*3 (same interval N times), +1h+1h+0.5h (relative chain), 15:32+16:32 and 9:00+1d (anchored on a wall clock \u2014 it keeps the clock time across DST). Each occurrence is an independent task you can cancel or edit on its own; up to 10 per command. Marked Beta: the expanded result and the 10-task cap still need real-world observation.",
         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.",
         maxSchedulesLabel: "Max schedules per session",
@@ -3208,7 +3489,10 @@ function apply(ctx) {
         discard: "Discard",
         saveFailed: "Save failed, please try again.",
         loading: "Loading\u2026",
-        unavailable: "Settings unavailable."
+        unavailable: "Settings unavailable.",
+        sectionDisplayToggle: "Display",
+        showInSettings: "Show in settings",
+        showInSettingsHint: "Show this plugin's settings page in the settings dialog (refresh to take effect)"
       }
     }), "dsh-later: locale");
   }
@@ -3253,11 +3537,17 @@ function apply(ctx) {
     );
   };
   const cardT = locale === void 0 ? void 0 : locale.bind(NS);
-  const cardDeclaration = (slot, scope) => ({
+  const cardDeclaration = (slot, scope, surface = "detail") => ({
     name: slot,
+    id: SETTINGS_NS,
+    order: 30,
     key: SETTINGS_NS,
     locale: NS,
-    inject: () => ({ scope, t: cardT })
+    label: () => {
+      const active = locale === void 0 ? "zh" : locale.getSnapshot().active;
+      return active === "en" ? "Session Scheduler" : "\u5B9A\u65F6\u63D0\u9192";
+    },
+    inject: () => ({ scope, t: cardT, surface })
   });
   ctx.inject(["settingsScope"], () => {
     const binder = ctx.get("settingsScope");
@@ -3273,10 +3563,18 @@ function apply(ctx) {
     };
     mountComposer(scope);
     if (cardT === void 0) return;
-    ctx.slots.inject(
-      "settings.plugin.item",
-      () => ctx.slots.register(cardDeclaration("settings.plugin.item", scope), SchedulerSettingsCard)
+    const SHOW_SETTINGS_KEY = "dsh-later:show-settings-section";
+    const showSettingsSection = typeof localStorage !== "undefined" && localStorage.getItem(SHOW_SETTINGS_KEY) === "true";
+    if (!showSettingsSection) return;
+    const disposeSection = ctx.slots.inject(
+      "settings.section",
+      () => ctx.slots.register(cardDeclaration("settings.section", scope, "settings"), SchedulerSettingsCard)
     );
+    if (typeof disposeSection === "function") {
+      ctx.effect(() => () => {
+        disposeSection();
+      });
+    }
   });
   ctx.inject(["configForms"], () => {
     const forms = ctx.get("configForms");
@@ -3297,11 +3595,23 @@ function apply(ctx) {
         [ENTRY_ID],
         () => ctx.slots.inject(
           "plugins.bundle.config",
-          () => ctx.slots.register(cardDeclaration("plugins.bundle.config", scope), SchedulerSettingsCard)
+          () => ctx.slots.register(cardDeclaration("plugins.bundle.config", scope, "detail"), SchedulerSettingsCard)
         )
       ),
       "dsh-later: plugins-page card"
     );
+    const SHOW_SETTINGS_KEY = "dsh-later:show-settings-section";
+    const showSettingsSection = typeof localStorage !== "undefined" && localStorage.getItem(SHOW_SETTINGS_KEY) === "true";
+    if (!showSettingsSection) return;
+    const disposeSection = ctx.slots.inject(
+      "settings.section",
+      () => ctx.slots.register(cardDeclaration("settings.section", scope, "settings"), SchedulerSettingsCard)
+    );
+    if (typeof disposeSection === "function") {
+      ctx.effect(() => () => {
+        disposeSection();
+      });
+    }
   });
 }