@michengai/dsh-automation 0.1.19 → 0.1.21

package/lib/client.js

@@ -27,10 +27,10 @@ __export(index_exports, {
   name: () => name
 });
 module.exports = __toCommonJS(index_exports);
-var import_react8 = require("react");
+var import_react11 = require("react");
 
 // src/client/AutomationView.tsx
-var import_react4 = require("react");
+var import_react6 = require("react");
 
 // src/client/helpers.ts
 var AutomationFormError = class extends Error {
@@ -227,6 +227,24 @@ function sortAutomations(items, key, direction) {
     return left.id.localeCompare(right.id);
   });
 }
+var SETTINGS_SORT_DEFAULT_KEY = "dsh-automation.sort-default.settings";
+var OVERVIEW_SORT_DEFAULT_KEY = "dsh-automation.sort-default.overview";
+function readSortDefault(storage, storageKey) {
+  if (storage === void 0) return void 0;
+  try {
+    const raw = storage.getItem(storageKey);
+    if (raw === null) return void 0;
+    const parsed = JSON.parse(raw);
+    if (parsed.key !== "created" && parsed.key !== "planned") return void 0;
+    if (parsed.direction !== "asc" && parsed.direction !== "desc") return void 0;
+    return { key: parsed.key, direction: parsed.direction };
+  } catch {
+    return void 0;
+  }
+}
+function writeSortDefault(storage, storageKey, key, direction) {
+  storage.setItem(storageKey, JSON.stringify({ key, direction }));
+}
 function groupHistory(runs, range, now, t) {
   const buckets = /* @__PURE__ */ new Map();
   for (const run of runs) {
@@ -322,6 +340,9 @@ function RefreshIcon(props) {
 function PlayIcon(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { viewBox: "0 0 16 16", width: 16, height: 16, fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M4.6 3.4 11.7 8l-7.1 4.6V3.4Z", fill: "currentColor", stroke: "currentColor", strokeWidth: "1.6", strokeLinejoin: "round" }) });
 }
+function PauseIcon(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconFrame, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M9 7v10M15 7v10" }) });
+}
 function TrashIcon(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FillIcon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { fill: "currentColor", d: "M14.478 4.841 14.214 10.115c-.104 2.072-.147 2.896-.827 3.846a3.53 3.53 0 0 1-1.044.993c-.519.333-1.101.478-1.784.546-.671.067-1.509.066-2.559.066s-1.887.001-2.558-.066c-.683-.068-1.266-.213-1.784-.546a3.53 3.53 0 0 1-1.044-.993c-.681-.95-.724-1.774-.828-3.846L1.522 4.841l1.368-.068.263 5.273c.109 2.176.171 2.556.573 3.117a2.16 2.16 0 0 0 .673.64c.263.169.603.277 1.179.334.587.059 1.345.06 2.422.06s1.834-.001 2.422-.06c.575-.057.916-.165 1.179-.335.262-.168.49-.386.672-.64.402-.56.464-.94.573-3.116l.263-5.273 1.369.068ZM5.43 6.228h1.37v5.163H5.43V6.228Zm3.77 0h1.37v5.163H9.2V6.228ZM8.536.434c.644 0 1.116-.007 1.56.137.14.045.276.101.406.168.416.212.745.552 1.2 1.007l.796.795h2.876v1.37H.626V2.541h2.876l.796-.795c.456-.455.784-.795 1.2-1.007.13-.067.266-.123.405-.168C6.348.427 6.82.434 7.464.434h1.072Zm-1.072 1.37c-.732 0-.948.008-1.138.07a2.2 2.2 0 0 0-.206.085c-.156.08-.296.204-.678.583h5.117c-.382-.379-.522-.503-.679-.583a2.2 2.2 0 0 0-.205-.085c-.191-.062-.406-.07-1.138-.07H7.464Z" }) });
 }
@@ -331,6 +352,15 @@ function ShieldIcon(props) {
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m9.4 12 1.7 1.7 3.7-4" })
   ] });
 }
+function CalendarIcon(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(IconFrame, { ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "4", y: "5.5", width: "16", height: "14", rx: "2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M8 3.8v3.4M16 3.8v3.4M4 9.5h16" })
+  ] });
+}
+function CheckIcon(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconFrame, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m5.5 12.5 4 4 9-9" }) });
+}
 function MoreIcon(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(IconFrame, { ...props, children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "6", cy: "12", r: "1.2", fill: "currentColor" }),
@@ -1167,6 +1197,131 @@ function DeleteConfirmation({
   ) });
 }
 
+// src/client/dropdown-menu.tsx
+var import_react4 = require("react");
+var import_react_dom2 = require("react-dom");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+function DropdownMenu({
+  ariaLabel,
+  className,
+  buttonClassName,
+  menuClassName,
+  options,
+  trigger
+}) {
+  const [open, setOpen] = (0, import_react4.useState)(false);
+  const root = (0, import_react4.useRef)(null);
+  const menuRef = (0, import_react4.useRef)(null);
+  const [menuStyle, setMenuStyle] = (0, import_react4.useState)({});
+  const selectedLabel = options.find((option) => option.selected)?.label ?? options[0]?.label ?? ariaLabel;
+  (0, import_react4.useEffect)(() => {
+    if (!open) return;
+    const close = (event) => {
+      if (root.current !== null && root.current.contains(event.target)) return;
+      if (menuRef.current?.contains(event.target) === true) return;
+      setOpen(false);
+    };
+    const closeOnEscape = (event) => {
+      if (event.key === "Escape") setOpen(false);
+    };
+    document.addEventListener("mousedown", close);
+    document.addEventListener("keydown", closeOnEscape);
+    return () => {
+      document.removeEventListener("mousedown", close);
+      document.removeEventListener("keydown", closeOnEscape);
+    };
+  }, [open]);
+  (0, import_react4.useLayoutEffect)(() => {
+    if (!open) return;
+    const update = () => {
+      const button = root.current?.querySelector(".dsh-st-dropdown-btn");
+      const rect = button?.getBoundingClientRect();
+      if (rect === void 0) return;
+      const height = menuRef.current?.offsetHeight ?? 220;
+      const margin = 8;
+      let top = rect.bottom + 6;
+      if (top + height > window.innerHeight - margin) top = Math.max(margin, rect.top - height - 6);
+      const right = Math.max(margin, window.innerWidth - rect.right);
+      setMenuStyle((current) => current.top === top && current.right === right ? current : { position: "fixed", top, right });
+    };
+    const onScroll = (event) => {
+      if (event.target instanceof Node && menuRef.current?.contains(event.target)) return;
+      update();
+    };
+    update();
+    window.addEventListener("resize", update);
+    document.addEventListener("scroll", onScroll, true);
+    return () => {
+      window.removeEventListener("resize", update);
+      document.removeEventListener("scroll", onScroll, true);
+    };
+  }, [open, selectedLabel]);
+  const menu = open && typeof document !== "undefined" ? (0, import_react_dom2.createPortal)(
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { ref: menuRef, className: `dsh-st-dropdown-menu is-float${menuClassName === void 0 ? "" : ` ${menuClassName}`}`, style: menuStyle, children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      DropdownRow,
+      {
+        label: option.label,
+        selected: option.selected,
+        trailing: option.trailing,
+        onSelect: () => {
+          if (option.keepOpen !== true) setOpen(false);
+          option.onSelect();
+        }
+      },
+      option.key
+    )) }),
+    document.body
+  ) : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: `dsh-st-dropdown${className === void 0 ? "" : ` ${className}`}`, ref: root, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: `dsh-st-dropdown-btn${buttonClassName === void 0 ? "" : ` ${buttonClassName}`}${open ? " is-open" : ""}`, "aria-label": ariaLabel, "aria-expanded": open, onClick: () => setOpen((value) => !value), children: trigger ?? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "dsh-st-dropdown-label", children: selectedLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ChevronIcon, { width: 10, height: 10, className: "dsh-st-dropdown-chevron" })
+    ] }) }),
+    menu
+  ] });
+}
+function DropdownRow({
+  label,
+  selected,
+  trailing,
+  onSelect
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+    "div",
+    {
+      className: `dsh-st-dropdown-row${selected ? " is-selected" : ""}${trailing === void 0 ? "" : " has-trailing"}`,
+      role: "menuitemradio",
+      "aria-checked": selected,
+      tabIndex: 0,
+      onClick: onSelect,
+      onKeyDown: (event) => {
+        if (event.key === "Enter" || event.key === " ") {
+          event.preventDefault();
+          onSelect();
+        }
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "dsh-st-dropdown-label-cell", children: label }),
+        trailing !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          "button",
+          {
+            type: "button",
+            className: `dsh-st-dropdown-default${trailing.active ? " is-on" : ""}`,
+            disabled: trailing.active,
+            onClick: (event) => {
+              event.stopPropagation();
+              trailing.onSelect();
+            },
+            children: trailing.label
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "dsh-st-dropdown-spacer" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "dsh-st-dropdown-check", children: selected ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(CheckOutlineIcon, { width: 16, height: 16 }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "dsh-st-sort-tick" }) })
+      ]
+    }
+  );
+}
+
 // src/client/prefill.ts
 var pending = null;
 var listeners = /* @__PURE__ */ new Set();
@@ -1349,29 +1504,139 @@ function createAutomationRuntime(rpc) {
   };
 }
 
+// src/client/sort-menu.tsx
+var import_react5 = require("react");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var SORT_OPTIONS = [
+  ["created", "desc"],
+  ["created", "asc"],
+  ["planned", "asc"],
+  ["planned", "desc"]
+];
+function SortMenu({
+  t,
+  storage,
+  storageKey,
+  sortKey,
+  sortDirection,
+  onSelect,
+  compact = false,
+  iconOnly = false,
+  className
+}) {
+  const [saved, setSaved] = (0, import_react5.useState)(() => readSortDefault(storage, storageKey));
+  const options = SORT_OPTIONS.map(([key, direction]) => {
+    const selected = sortKey === key && sortDirection === direction;
+    const isDefault = saved?.key === key && saved.direction === direction;
+    return {
+      key: `${key}-${direction}`,
+      label: t(key === "planned" ? `sort.planned.${direction}` : `sort.created.${direction}`),
+      selected,
+      keepOpen: true,
+      onSelect: () => onSelect(key, direction),
+      ...selected && storage !== void 0 ? {
+        trailing: {
+          label: t("sort.default.saved"),
+          active: isDefault,
+          onSelect: () => {
+            writeSortDefault(storage, storageKey, key, direction);
+            setSaved({ key, direction });
+          }
+        }
+      } : {}
+    };
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    DropdownMenu,
+    {
+      ariaLabel: t("sort.by"),
+      ...compact || className !== void 0 ? { className: [compact ? "dsh-st-dropdown-compact" : "", className ?? ""].filter(Boolean).join(" ") } : {},
+      ...iconOnly ? { buttonClassName: "dsh-st-n-head-btn", trigger: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SlidersIcon, { width: 16, height: 16 }) } : {},
+      menuClassName: compact ? "dsh-st-dropdown-sort dsh-st-dropdown-compact" : "dsh-st-dropdown-sort",
+      options
+    }
+  );
+}
+
+// src/client/task-settings-request.ts
+var AUTOMATION_TASK_SETTINGS_EVENT = "dsh-automation:open-task-settings";
+var AUTOMATION_TASK_SETTINGS_STORAGE_KEY = "dsh-automation:pending-task-settings";
+function parseAutomationTaskSettingsRequest(value) {
+  if (typeof value !== "object" || value === null) return void 0;
+  const record = value;
+  if (typeof record.name !== "string" || record.name.trim() === "" || !Array.isArray(record.sessionIds) || record.sessionIds.some((id) => typeof id !== "string")) return void 0;
+  if (record.automationId !== void 0 && (typeof record.automationId !== "string" || record.automationId.trim() === "")) return void 0;
+  return {
+    ...typeof record.automationId === "string" ? { automationId: record.automationId } : {},
+    name: record.name,
+    sessionIds: [...record.sessionIds]
+  };
+}
+function writeAutomationTaskSettingsRequest(storage, request) {
+  try {
+    storage?.setItem(AUTOMATION_TASK_SETTINGS_STORAGE_KEY, JSON.stringify(request));
+  } catch {
+  }
+}
+function requestAutomationTaskSettings(request) {
+  if (typeof window === "undefined") return;
+  writeAutomationTaskSettingsRequest(window.sessionStorage, request);
+  window.dispatchEvent(new CustomEvent(AUTOMATION_TASK_SETTINGS_EVENT, { detail: request }));
+}
+function readAutomationTaskSettingsRequest(storage) {
+  if (storage === void 0) return void 0;
+  try {
+    const raw = storage.getItem(AUTOMATION_TASK_SETTINGS_STORAGE_KEY);
+    return raw === null ? void 0 : parseAutomationTaskSettingsRequest(JSON.parse(raw));
+  } catch {
+    return void 0;
+  }
+}
+function clearAutomationTaskSettingsRequest(storage) {
+  try {
+    storage?.removeItem(AUTOMATION_TASK_SETTINGS_STORAGE_KEY);
+  } catch {
+  }
+}
+function resolveAutomationTaskSettings(request, automations, runs) {
+  if (request.automationId !== void 0) {
+    const exact = automations.find((item) => item.id === request.automationId);
+    if (exact !== void 0) return exact;
+  }
+  const sessionIds = new Set(request.sessionIds);
+  const automationId = runs.find((run) => run.sessionId !== void 0 && sessionIds.has(run.sessionId))?.automationId;
+  const mapped = automations.find((item) => item.id === automationId);
+  if (mapped !== void 0) return mapped;
+  const named = automations.filter((item) => item.name === request.name);
+  return named.length === 1 ? named[0] : void 0;
+}
+
 // src/client/AutomationView.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var SORT_STORAGE = typeof window === "undefined" ? void 0 : window.localStorage;
+var TASK_SETTINGS_STORAGE = typeof window === "undefined" ? void 0 : window.sessionStorage;
 var EXAMPLES = [
   { name: "\u6BCF\u65E5\u56DE\u5F52\u68C0\u67E5", scheduleKind: "daily", time: "09:00", weekdays: [1, 2, 3, 4, 5] },
   { name: "\u6BCF\u5468\u4F9D\u8D56\u5DE1\u68C0", scheduleKind: "weekly", time: "10:00", weekdays: [1] },
   { name: "\u5DE5\u4F5C\u65E5\u65E9\u62A5", scheduleKind: "weekly", time: "08:00", weekdays: [1, 2, 3, 4, 5] }
 ];
 function AutomationView({ t, permissionT, modelT, runtime, closeSettings }) {
-  const state = (0, import_react4.useSyncExternalStore)(runtime.source.subscribe, runtime.source.getSnapshot, runtime.source.getSnapshot);
-  const [tab, setTab] = (0, import_react4.useState)("mine");
-  const [query, setQuery] = (0, import_react4.useState)("");
-  const [creating, setCreating] = (0, import_react4.useState)(false);
-  const [editingId, setEditingId] = (0, import_react4.useState)();
-  const [deleteTarget, setDeleteTarget] = (0, import_react4.useState)();
-  const [draft, setDraft] = (0, import_react4.useState)();
-  const [busy, setBusy] = (0, import_react4.useState)(false);
-  const [error, setError] = (0, import_react4.useState)();
-  const [historyRange, setHistoryRange] = (0, import_react4.useState)("day");
-  const [historyTask, setHistoryTask] = (0, import_react4.useState)("all");
-  const [historyStatus, setHistoryStatus] = (0, import_react4.useState)("all");
-  const [sortKey, setSortKey] = (0, import_react4.useState)("created");
-  const [sortDirection, setSortDirection] = (0, import_react4.useState)("desc");
-  const now = (0, import_react4.useMemo)(() => new Date(state.snapshot?.serverNow ?? Date.now()), [state.snapshot?.serverNow, state.refreshedAt]);
+  const state = (0, import_react6.useSyncExternalStore)(runtime.source.subscribe, runtime.source.getSnapshot, runtime.source.getSnapshot);
+  const [tab, setTab] = (0, import_react6.useState)("mine");
+  const [query, setQuery] = (0, import_react6.useState)("");
+  const [creating, setCreating] = (0, import_react6.useState)(false);
+  const [editingId, setEditingId] = (0, import_react6.useState)();
+  const [deleteTarget, setDeleteTarget] = (0, import_react6.useState)();
+  const [draft, setDraft] = (0, import_react6.useState)();
+  const [busy, setBusy] = (0, import_react6.useState)(false);
+  const [error, setError] = (0, import_react6.useState)();
+  const [historyRange, setHistoryRange] = (0, import_react6.useState)("day");
+  const [historyTask, setHistoryTask] = (0, import_react6.useState)("all");
+  const [historyStatus, setHistoryStatus] = (0, import_react6.useState)("all");
+  const [sortKey, setSortKey] = (0, import_react6.useState)(() => readSortDefault(SORT_STORAGE, SETTINGS_SORT_DEFAULT_KEY)?.key ?? "created");
+  const [sortDirection, setSortDirection] = (0, import_react6.useState)(() => readSortDefault(SORT_STORAGE, SETTINGS_SORT_DEFAULT_KEY)?.direction ?? "desc");
+  const [taskSettingsRequest, setTaskSettingsRequest] = (0, import_react6.useState)(() => readAutomationTaskSettingsRequest(TASK_SETTINGS_STORAGE));
+  const now = (0, import_react6.useMemo)(() => new Date(state.snapshot?.serverNow ?? Date.now()), [state.snapshot?.serverNow, state.refreshedAt]);
   const snapshot = state.snapshot;
   const workspaces = snapshot?.workspaces ?? [];
   const models = snapshot?.models ?? [];
@@ -1415,37 +1680,61 @@ function AutomationView({ t, permissionT, modelT, runtime, closeSettings }) {
     setDraft(formFromAutomation(item, workspaces, snapshot?.defaultModel ?? null, snapshot?.defaultPermission ?? item.permission));
     setCreating(true);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "dsh-st-shell", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("header", { className: "dsh-st-top", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "dsh-st-heading", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h1", { children: t("tab") }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { children: t("header.lead") })
+  (0, import_react6.useEffect)(() => {
+    if (typeof window === "undefined") return;
+    const onTaskSettings = (event) => {
+      const request = parseAutomationTaskSettingsRequest(event.detail);
+      if (request !== void 0) setTaskSettingsRequest(request);
+    };
+    window.addEventListener(AUTOMATION_TASK_SETTINGS_EVENT, onTaskSettings);
+    return () => {
+      window.removeEventListener(AUTOMATION_TASK_SETTINGS_EVENT, onTaskSettings);
+    };
+  }, []);
+  (0, import_react6.useEffect)(() => {
+    if (taskSettingsRequest === void 0 || snapshot === void 0) return;
+    const item = resolveAutomationTaskSettings(taskSettingsRequest, snapshot.automations, snapshot.runs);
+    clearAutomationTaskSettingsRequest(TASK_SETTINGS_STORAGE);
+    setTaskSettingsRequest(void 0);
+    setTab("mine");
+    setQuery("");
+    if (item === void 0) {
+      setError(t("error.taskMissing"));
+      return;
+    }
+    openEdit(item);
+  }, [snapshot, taskSettingsRequest, t]);
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "dsh-st-shell", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("header", { className: "dsh-st-top", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "dsh-st-heading", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("h1", { children: t("tab") }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { children: t("header.lead") })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "dsh-st-toolbar", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("input", { className: "dsh-st-search", value: query, placeholder: t("search.placeholder"), onChange: (event) => setQuery(event.target.value) }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("button", { type: "button", className: "dsh-st-btn", onClick: () => {
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "dsh-st-toolbar", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("input", { className: "dsh-st-search", value: query, placeholder: t("search.placeholder"), onChange: (event) => setQuery(event.target.value) }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("button", { type: "button", className: "dsh-st-btn", onClick: () => {
           setChatPrefill(t("chat.prompt"));
           closeSettings?.();
         }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ChatIcon, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ChatIcon, {}),
           t("action.chatCreate")
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("button", { type: "button", className: "dsh-st-btn dsh-st-btn--primary", disabled: defaultPermission === "" || permissions.length === 0, onClick: () => openCreate(), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(PlusIcon, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("button", { type: "button", className: "dsh-st-btn dsh-st-btn--primary", disabled: defaultPermission === "" || permissions.length === 0, onClick: () => openCreate(), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(PlusIcon, {}),
           t("action.create")
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "dsh-st-icon", onClick: () => {
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", className: "dsh-st-icon", onClick: () => {
           void runtime.refresh();
-        }, "aria-label": t("section.refresh"), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(RefreshIcon, {}) })
+        }, "aria-label": t("section.refresh"), children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(RefreshIcon, {}) })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "dsh-st-banner", role: "note", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(InfoIcon, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "dsh-st-banner", role: "note", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(InfoIcon, {}),
       t("banner.wake")
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("section", { className: "dsh-st-examples", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "dsh-st-examples-head", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h2", { children: t("examples.title") }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "dsh-st-example-row", children: EXAMPLES.map((example, index) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("section", { className: "dsh-st-examples", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "dsh-st-examples-head", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("h2", { children: t("examples.title") }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "dsh-st-example-row", children: EXAMPLES.map((example, index) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
         "button",
         {
           type: "button",
@@ -1459,10 +1748,10 @@ function AutomationView({ t, permissionT, modelT, runtime, closeSettings }) {
             weekdays: example.weekdays
           }),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("strong", { children: t(`examples.${index + 1}.title`) }),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { children: t(`examples.${index + 1}.body`) }),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "dsh-st-chip", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ClockIcon, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("strong", { children: t(`examples.${index + 1}.title`) }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { children: t(`examples.${index + 1}.body`) }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "dsh-st-chip", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ClockIcon, {}),
               t(`examples.${index + 1}.chip`)
             ] })
           ]
@@ -1470,22 +1759,24 @@ function AutomationView({ t, permissionT, modelT, runtime, closeSettings }) {
         example.name
       )) })
     ] }),
-    error !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "dsh-st-error", children: error }),
-    (state.phase === "idle" || state.phase === "loading" && snapshot === void 0) && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "dsh-st-muted", children: t("loading") }),
-    state.phase === "error" && snapshot === void 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "dsh-st-empty", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h3", { children: t("error.title") }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { children: state.error }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "dsh-st-btn dsh-st-btn--primary", onClick: () => {
+    error !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "dsh-st-error", children: error }),
+    (state.phase === "idle" || state.phase === "loading" && snapshot === void 0) && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "dsh-st-muted", children: t("loading") }),
+    state.phase === "error" && snapshot === void 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "dsh-st-empty", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("h3", { children: t("error.title") }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { children: state.error }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", className: "dsh-st-btn dsh-st-btn--primary", onClick: () => {
         void runtime.refresh();
       }, children: t("error.retry") })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "dsh-st-tabs", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: tab === "mine" ? "is-on" : "", onClick: () => setTab("mine"), children: t("tabs.mine") }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: tab === "runs" ? "is-on" : "", onClick: () => setTab("runs"), children: t("tabs.runs") }),
-      tab === "mine" && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "dsh-st-tabs", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", className: tab === "mine" ? "is-on" : "", onClick: () => setTab("mine"), children: t("tabs.mine") }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", className: tab === "runs" ? "is-on" : "", onClick: () => setTab("runs"), children: t("tabs.runs") }),
+      tab === "mine" && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "dsh-st-sort-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
         SortMenu,
         {
           t,
+          ...SORT_STORAGE === void 0 ? {} : { storage: SORT_STORAGE },
+          storageKey: SETTINGS_SORT_DEFAULT_KEY,
           sortKey,
           sortDirection,
           onSelect: (key, direction) => {
@@ -1493,10 +1784,10 @@ function AutomationView({ t, permissionT, modelT, runtime, closeSettings }) {
             setSortDirection(direction);
           }
         }
-      ),
-      tab === "runs" && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "dsh-st-filters", children: [
-        ["day", "week", "month"].map((range) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: historyRange === range ? "is-on" : "", onClick: () => setHistoryRange(range), children: t(`history.range.${range}`) }, range)),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      ) }),
+      tab === "runs" && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "dsh-st-filters", children: [
+        ["day", "week", "month"].map((range) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", className: historyRange === range ? "is-on" : "", onClick: () => setHistoryRange(range), children: t(`history.range.${range}`) }, range)),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
           DropdownMenu,
           {
             ariaLabel: t("history.allTasks"),
@@ -1511,7 +1802,7 @@ function AutomationView({ t, permissionT, modelT, runtime, closeSettings }) {
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
           DropdownMenu,
           {
             ariaLabel: t("history.allStatus"),
@@ -1528,10 +1819,10 @@ function AutomationView({ t, permissionT, modelT, runtime, closeSettings }) {
         )
       ] })
     ] }),
-    tab === "mine" && (automations.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "dsh-st-empty", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h3", { children: t("empty.title") }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { children: t("empty.body") })
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "dsh-st-grid", children: automations.map((item) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    tab === "mine" && (automations.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "dsh-st-empty", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("h3", { children: t("empty.title") }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { children: t("empty.body") })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "dsh-st-grid", children: automations.map((item) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       TaskCard,
       {
         item,
@@ -1549,11 +1840,11 @@ function AutomationView({ t, permissionT, modelT, runtime, closeSettings }) {
       },
       item.id
     )) })),
-    tab === "runs" && (groups.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "dsh-st-empty", children: t("runs.empty") }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "dsh-st-timeline", children: groups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("section", { className: "dsh-st-group", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h3", { children: group.label }),
-      group.items.map((run) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(RunRow, { run, t }, run.id))
+    tab === "runs" && (groups.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "dsh-st-empty", children: t("runs.empty") }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "dsh-st-timeline", children: groups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("section", { className: "dsh-st-group", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("h3", { children: group.label }),
+      group.items.map((run) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(RunRow, { run, t }, run.id))
     ] }, group.key)) })),
-    creating && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    creating && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       CreateModal,
       {
         t,
@@ -1583,7 +1874,7 @@ function AutomationView({ t, permissionT, modelT, runtime, closeSettings }) {
       },
       editingId ?? "create"
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       DeleteConfirmation,
       {
         target: deleteTarget,
@@ -1612,9 +1903,9 @@ function TaskCard({
   onRun,
   onDelete
 }) {
-  const [menu, setMenu] = (0, import_react4.useState)(false);
-  const root = (0, import_react4.useRef)(null);
-  (0, import_react4.useEffect)(() => {
+  const [menu, setMenu] = (0, import_react6.useState)(false);
+  const root = (0, import_react6.useRef)(null);
+  (0, import_react6.useEffect)(() => {
     if (!menu) return;
     const close = (event) => {
       if (root.current !== null && !root.current.contains(event.target)) setMenu(false);
@@ -1624,131 +1915,59 @@ function TaskCard({
       document.removeEventListener("mousedown", close);
     };
   }, [menu]);
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("article", { className: "dsh-st-card", ref: root, onClick: onEdit, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "dsh-st-card-head", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: `dsh-st-switch ${item.status === "active" ? "is-on" : ""}`, role: "switch", "aria-checked": item.status === "active", disabled: busy, onClick: (event) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("article", { className: "dsh-st-card", ref: root, onClick: onEdit, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "dsh-st-card-head", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", className: `dsh-st-switch ${item.status === "active" ? "is-on" : ""}`, role: "switch", "aria-checked": item.status === "active", disabled: busy, onClick: (event) => {
         event.stopPropagation();
         onToggle();
       } }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "dsh-st-more", onClick: (event) => {
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", className: "dsh-st-more", onClick: (event) => {
         event.stopPropagation();
         setMenu((value) => !value);
-      }, "aria-label": t("card.more"), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(MoreIcon, {}) }),
-      menu && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "dsh-st-menu", onClick: (event) => event.stopPropagation(), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("button", { type: "button", disabled: busy, onClick: () => {
+      }, "aria-label": t("card.more"), children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(MoreIcon, {}) }),
+      menu && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "dsh-st-menu", onClick: (event) => event.stopPropagation(), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("button", { type: "button", disabled: busy, onClick: () => {
           setMenu(false);
           onRun();
         }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(PlayIcon, { width: 16, height: 16 }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(PlayIcon, { width: 16, height: 16 }),
           t("menu.run")
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("button", { type: "button", disabled: busy, onClick: () => {
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("button", { type: "button", disabled: busy, onClick: () => {
           setMenu(false);
           onEdit();
         }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(PencilIcon, { width: 16, height: 16 }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(PencilIcon, { width: 16, height: 16 }),
           t("menu.edit")
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("button", { type: "button", className: "is-danger", disabled: busy, onClick: () => {
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("button", { type: "button", className: "is-danger", disabled: busy, onClick: () => {
           setMenu(false);
           onDelete();
         }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(TrashIcon, { width: 16, height: 16 }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(TrashIcon, { width: 16, height: 16 }),
           t("menu.delete")
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h3", { children: item.name }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { children: item.prompt }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "dsh-st-card-foot", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "dsh-st-chip", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ClockIcon, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("h3", { children: item.name }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { children: item.prompt }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "dsh-st-card-foot", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "dsh-st-chip", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ClockIcon, {}),
         formatSchedule(item.schedule, t)
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: item.nextRunAt === void 0 ? t("stats.noneScheduled") : t("history.nextApprox", { when: formatWithin(item.nextRunAt, now, t) }) })
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: item.nextRunAt === void 0 ? t("stats.noneScheduled") : t("history.nextApprox", { when: formatWithin(item.nextRunAt, now, t) }) })
     ] })
   ] });
 }
-function SortMenu({
-  t,
-  sortKey,
-  sortDirection,
-  onSelect
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-    DropdownMenu,
-    {
-      className: "dsh-st-sort",
-      ariaLabel: t("sort.by"),
-      options: [
-        { key: "created-desc", label: t("sort.created.desc"), selected: sortKey === "created" && sortDirection === "desc", onSelect: () => onSelect("created", "desc") },
-        { key: "created-asc", label: t("sort.created.asc"), selected: sortKey === "created" && sortDirection === "asc", onSelect: () => onSelect("created", "asc") },
-        { key: "planned-asc", label: t("sort.planned.asc"), selected: sortKey === "planned" && sortDirection === "asc", onSelect: () => onSelect("planned", "asc") },
-        { key: "planned-desc", label: t("sort.planned.desc"), selected: sortKey === "planned" && sortDirection === "desc", onSelect: () => onSelect("planned", "desc") }
-      ]
-    }
-  );
-}
-function DropdownMenu({
-  ariaLabel,
-  className,
-  options
-}) {
-  const [open, setOpen] = (0, import_react4.useState)(false);
-  const root = (0, import_react4.useRef)(null);
-  (0, import_react4.useEffect)(() => {
-    if (!open) return;
-    const close = (event) => {
-      if (root.current !== null && !root.current.contains(event.target)) setOpen(false);
-    };
-    const closeOnEscape = (event) => {
-      if (event.key === "Escape") setOpen(false);
-    };
-    document.addEventListener("mousedown", close);
-    document.addEventListener("keydown", closeOnEscape);
-    return () => {
-      document.removeEventListener("mousedown", close);
-      document.removeEventListener("keydown", closeOnEscape);
-    };
-  }, [open]);
-  const selectedLabel = options.find((option) => option.selected)?.label ?? options[0]?.label ?? ariaLabel;
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: `dsh-st-dropdown${className === void 0 ? "" : ` ${className}`}`, ref: root, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("button", { type: "button", className: `dsh-st-dropdown-btn${open ? " is-open" : ""}`, "aria-label": ariaLabel, "aria-expanded": open, onClick: () => setOpen((value) => !value), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "dsh-st-dropdown-label", children: selectedLabel }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ChevronIcon, { width: 10, height: 10, className: "dsh-st-dropdown-chevron" })
-    ] }),
-    open && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "dsh-st-dropdown-menu", children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-      DropdownRow,
-      {
-        label: option.label,
-        selected: option.selected,
-        onSelect: () => {
-          setOpen(false);
-          option.onSelect();
-        }
-      },
-      option.key
-    )) })
-  ] });
-}
-function DropdownRow({
-  label,
-  selected,
-  onSelect
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("button", { type: "button", "aria-pressed": selected, className: selected ? "is-selected" : void 0, onClick: onSelect, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: label }),
-    selected ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(CheckOutlineIcon, { width: 16, height: 16 }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "dsh-st-sort-tick" })
-  ] });
-}
 function RunRow({ run, t }) {
   const duration = formatDuration(run.startedAt, run.finishedAt);
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("article", { className: `dsh-st-run is-${run.status}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("strong", { children: run.automationName }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("p", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: clockTime(run.startedAt ?? run.scheduledFor) }),
-      duration !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: duration }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: t("history.trigger") })
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("article", { className: `dsh-st-run is-${run.status}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("strong", { children: run.automationName }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("p", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: clockTime(run.startedAt ?? run.scheduledFor) }),
+      duration !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: duration }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: t("history.trigger") })
     ] })
   ] });
 }
@@ -1761,6 +1980,8 @@ var en = {
   "sidebar.tabs": "Workspace views",
   "sidebar.tasksTab": "Tasks",
   "sidebar.channelsTab": "Channels",
+  "sidebar.views": "Scheduled views",
+  "sidebar.viewOverview": "Task overview",
   "sidebar.empty": "No scheduled runs yet.",
   "sidebar.tasksEmpty": "No web tasks yet.",
   "sidebar.ungrouped": "Ungrouped",
@@ -1795,6 +2016,16 @@ var en = {
   "session.rename": "Rename",
   "session.fork": "Fork session",
   "session.archive": "Archive session",
+  "session.moreActions": "More actions for {title}",
+  "session.groupActions": "Actions for {name}",
+  "session.taskSettings": "Task settings",
+  "session.archiveGroup": "Archive all conversations",
+  "session.archiveGroupConfirm": "Archive all",
+  "session.archiveGroupDescription": "Archive all {count} conversations for \u201C{name}\u201D. You can restore them later in Settings \u2192 Archived.",
+  "session.archiveGroupPending": "Archiving conversations\u2026",
+  "session.archiveGroupFailed": "Some conversations could not be archived: {message}",
+  "session.archiveGroupClose": "Close",
+  "session.archiveGroupCancel": "Cancel",
   "session.idle": "Idle",
   "session.runningStatus": "Running",
   "session.delete": "Remove from Scheduled",
@@ -1828,6 +2059,7 @@ var en = {
   "sort.created.desc": "Created time descending",
   "sort.planned.asc": "Planned time ascending",
   "sort.planned.desc": "Planned time descending",
+  "sort.default.saved": "Default",
   "form.workspace": "Workspace",
   "form.workspacePath": "Folder path",
   "form.workspacePathPlaceholder": "D:\\work\\project",
@@ -1864,6 +2096,7 @@ var en = {
   "empty.body": "Save a self-contained task, a schedule, and a permission boundary. Every run starts in a new Session.",
   "empty.action": "Create the first automation",
   "runs.empty": "No runs yet. Run one now, or wait for the next scheduled occurrence.",
+  "overview.empty": "No scheduled tasks yet. Create one in Settings.",
   "form.title": "Create automation",
   "form.subtitle": "Write a complete, standalone task. Scheduled runs do not inherit this conversation.",
   "form.name": "Name",
@@ -1946,6 +2179,7 @@ var en = {
   "error.title": "Automations could not be loaded",
   "error.retry": "Try again",
   "error.action": "The action failed. Please try again.",
+  "error.taskMissing": "This scheduled task no longer exists.",
   "error.offline": "Could not reach the local automation service. Check that DSH is still running and try again.",
   "time.now": "now",
   "time.minuteAgo": "{count}m ago",
@@ -1961,6 +2195,8 @@ var zh = {
   "sidebar.tabs": "\u5DE5\u4F5C\u533A\u5206\u7C7B",
   "sidebar.tasksTab": "\u4EFB\u52A1",
   "sidebar.channelsTab": "\u9891\u9053",
+  "sidebar.views": "\u5B9A\u65F6\u9875\u89C6\u56FE",
+  "sidebar.viewOverview": "\u4EFB\u52A1\u603B\u89C8",
   "sidebar.empty": "\u8FD8\u6CA1\u6709\u5B9A\u65F6\u4EFB\u52A1\u6267\u884C\u8BB0\u5F55\u3002",
   "sidebar.tasksEmpty": "\u6682\u65E0\u7F51\u9875\u4EFB\u52A1",
   "sidebar.ungrouped": "\u672A\u5206\u7EC4",
@@ -1995,6 +2231,16 @@ var zh = {
   "session.rename": "\u91CD\u547D\u540D",
   "session.fork": "\u5206\u53C9\u4F1A\u8BDD",
   "session.archive": "\u5F52\u6863\u4F1A\u8BDD",
+  "session.moreActions": "\u201C{title}\u201D\u7684\u66F4\u591A\u64CD\u4F5C",
+  "session.groupActions": "\u201C{name}\u201D\u7684\u4EFB\u52A1\u64CD\u4F5C",
+  "session.taskSettings": "\u4EFB\u52A1\u8BBE\u7F6E",
+  "session.archiveGroup": "\u5F52\u6863\u6574\u7EC4\u4F1A\u8BDD",
+  "session.archiveGroupConfirm": "\u786E\u8BA4\u5F52\u6863",
+  "session.archiveGroupDescription": "\u5C06\u5F52\u6863\u201C{name}\u201D\u4E0B\u7684 {count} \u4E2A\u4F1A\u8BDD\u3002\u5F52\u6863\u540E\u53EF\u4EE5\u5728\u201C\u8BBE\u7F6E \u2192 \u5DF2\u5F52\u6863\u201D\u4E2D\u6062\u590D\u3002",
+  "session.archiveGroupPending": "\u6B63\u5728\u5F52\u6863\u6574\u7EC4\u4F1A\u8BDD\u2026",
+  "session.archiveGroupFailed": "\u90E8\u5206\u4F1A\u8BDD\u5F52\u6863\u5931\u8D25\uFF1A{message}",
+  "session.archiveGroupClose": "\u5173\u95ED",
+  "session.archiveGroupCancel": "\u53D6\u6D88",
   "session.idle": "\u7A7A\u95F2",
   "session.runningStatus": "\u8FD0\u884C\u4E2D",
   "session.delete": "\u4ECE\u5B9A\u65F6\u9875\u79FB\u9664",
@@ -2028,6 +2274,7 @@ var zh = {
   "sort.created.desc": "\u6309\u521B\u5EFA\u65F6\u95F4\u5012\u5E8F",
   "sort.planned.asc": "\u6309\u8BA1\u5212\u65F6\u95F4\u5347\u5E8F",
   "sort.planned.desc": "\u6309\u8BA1\u5212\u65F6\u95F4\u5012\u5E8F",
+  "sort.default.saved": "\u9ED8\u8BA4",
   "form.workspace": "\u5DE5\u4F5C\u76EE\u5F55",
   "form.workspacePath": "\u76EE\u5F55\u8DEF\u5F84",
   "form.workspacePathPlaceholder": "D:\\work\\project",
@@ -2064,6 +2311,7 @@ var zh = {
   "empty.body": "\u8BBE\u7F6E\u4E00\u4E2A\u76EE\u6807\u660E\u786E\u7684\u4EFB\u52A1\u3001\u8FD0\u884C\u65F6\u95F4\u548C\u6743\u9650\u8FB9\u754C\u3002\u6BCF\u6B21\u8FD0\u884C\u90FD\u4ECE\u5168\u65B0 Session \u5F00\u59CB\u3002",
   "empty.action": "\u521B\u5EFA\u7B2C\u4E00\u4E2A\u81EA\u52A8\u5316",
   "runs.empty": "\u8FD8\u6CA1\u6709\u8FD0\u884C\u8BB0\u5F55\u3002\u4F60\u53EF\u4EE5\u7ACB\u5373\u8FD0\u884C\u4E00\u6B21\uFF0C\u6216\u7B49\u5F85\u8BA1\u5212\u89E6\u53D1\u3002",
+  "overview.empty": "\u6682\u65E0\u5B9A\u65F6\u4EFB\u52A1\uFF0C\u53EF\u5230\u8BBE\u7F6E\u9875\u521B\u5EFA\u3002",
   "form.title": "\u521B\u5EFA\u81EA\u52A8\u5316",
   "form.subtitle": "\u8BF7\u5199\u5B8C\u6574\u3001\u72EC\u7ACB\u7684\u4EFB\u52A1\u8BF4\u660E\uFF1A\u5B9A\u65F6\u8FD0\u884C\u4E0D\u4F1A\u7EE7\u627F\u5F53\u524D\u5BF9\u8BDD\u3002",
   "form.name": "\u540D\u79F0",
@@ -2146,6 +2394,7 @@ var zh = {
   "error.title": "\u65E0\u6CD5\u52A0\u8F7D\u81EA\u52A8\u5316",
   "error.retry": "\u91CD\u8BD5",
   "error.action": "\u64CD\u4F5C\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5\u3002",
+  "error.taskMissing": "\u8BE5\u5B9A\u65F6\u4EFB\u52A1\u5DF2\u4E0D\u5B58\u5728\u3002",
   "error.offline": "\u65E0\u6CD5\u8FDE\u63A5\u672C\u673A\u81EA\u52A8\u5316\u670D\u52A1\uFF0C\u8BF7\u786E\u8BA4 DSH \u4ECD\u5728\u8FD0\u884C\u540E\u91CD\u8BD5\u3002",
   "time.now": "\u521A\u521A",
   "time.minuteAgo": "{count} \u5206\u949F\u524D",
@@ -2233,8 +2482,9 @@ function isForeignSidebarHost(component) {
 }
 
 // src/client/native-session-list.tsx
-var import_react6 = require("react");
-var import_react_dom2 = require("react-dom");
+var import_react9 = require("react");
+var import_react_dom3 = require("react-dom");
+var import_dsh_client_ui_primitives2 = require("@deepseek-ai/dsh-client-ui-primitives");
 
 // src/client/native-session-menu.ts
 function resolveEventElement(target) {
@@ -2308,6 +2558,18 @@ function relativeTime(value, t, now = Date.now()) {
   return t("time.dayAgo", { count: Math.floor(hour / 24) });
 }
 
+// src/client/native-group-actions.ts
+var ARCHIVE_MANAGER_PLUGIN = "@michengai/dsh-archive-manager";
+function hasArchiveManagerPlugin(root) {
+  return root?.querySelector(`[data-plugin="${ARCHIVE_MANAGER_PLUGIN}"]`) != null;
+}
+function scheduledGroupShowsActiveFolder(expanded, sessionIds, selectedId) {
+  return expanded && selectedId !== null && sessionIds.includes(selectedId);
+}
+async function archiveScheduledGroup(sessionIds, archiveSession) {
+  for (const sessionId of sessionIds) await archiveSession(sessionId);
+}
+
 // src/run-title.ts
 function formatRunStamp(iso) {
   const value = new Date(iso);
@@ -2354,6 +2616,26 @@ function groupScheduledSessions(automations, runs) {
     };
   }).filter((group) => group.sessions.length > 0);
 }
+function deriveTaskOverviewRows(automations, runs) {
+  const lastByAutomation = /* @__PURE__ */ new Map();
+  for (const run of runs) {
+    if (run.sessionId === void 0 || run.sessionId === "") continue;
+    const current = lastByAutomation.get(run.automationId);
+    const stamp = Date.parse(run.startedAt ?? run.scheduledFor);
+    const currentStamp = current === void 0 ? Number.NaN : Date.parse(current.startedAt ?? current.scheduledFor);
+    if (current === void 0 || stamp >= currentStamp) lastByAutomation.set(run.automationId, run);
+  }
+  return automations.map((item) => {
+    const last = lastByAutomation.get(item.id);
+    return {
+      id: item.id,
+      name: item.name,
+      status: item.status,
+      ...item.nextRunAt === void 0 ? {} : { nextRunAt: item.nextRunAt },
+      ...last === void 0 ? {} : { lastSessionId: last.sessionId }
+    };
+  });
+}
 function keepScheduledSessionLink(sessionId, archived, presentIds) {
   if (sessionId === void 0 || sessionId === "") return false;
   if (archived.has(sessionId)) return false;
@@ -2585,9 +2867,116 @@ function latestSessionTime(group) {
   return latest;
 }
 
+// src/client/schedule-overview.tsx
+var import_react7 = require("react");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var EMPTY_SET = /* @__PURE__ */ new Set();
+var SORT_STORAGE2 = typeof window === "undefined" ? void 0 : window.localStorage;
+function ScheduleViewSwitch({
+  t,
+  view,
+  onChange
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "dsh-st-rail-views", role: "tablist", "aria-label": t("sidebar.views"), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", role: "tab", "aria-selected": view === "runs", className: view === "runs" ? "is-on" : void 0, onClick: () => onChange("runs"), children: t("tabs.runs") }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", role: "tab", "aria-selected": view === "overview", className: view === "overview" ? "is-on" : void 0, onClick: () => onChange("overview"), children: t("sidebar.viewOverview") })
+  ] });
+}
+function ScheduleOverview({
+  t,
+  automations,
+  runs,
+  openSession,
+  serverNow,
+  archived,
+  presentIds
+}) {
+  const [sortKey, setSortKey] = (0, import_react7.useState)(() => readSortDefault(SORT_STORAGE2, OVERVIEW_SORT_DEFAULT_KEY)?.key ?? "planned");
+  const [sortDirection, setSortDirection] = (0, import_react7.useState)(() => readSortDefault(SORT_STORAGE2, OVERVIEW_SORT_DEFAULT_KEY)?.direction ?? "asc");
+  const now = (0, import_react7.useMemo)(() => new Date(serverNow ?? Date.now()), [serverNow]);
+  const rows = (0, import_react7.useMemo)(() => {
+    const sorted = sortAutomations(automations, sortKey, sortDirection);
+    return deriveTaskOverviewRows(sorted, runs).map((row) => {
+      if (row.lastSessionId === void 0 || !keepScheduledSessionLink(row.lastSessionId, archived ?? EMPTY_SET, presentIds)) {
+        const { lastSessionId: _dropped, ...rest } = row;
+        return rest;
+      }
+      return row;
+    });
+  }, [archived, automations, presentIds, runs, sortDirection, sortKey]);
+  const scheduleSummaries = (0, import_react7.useMemo)(() => new Map(automations.map((item) => [item.id, formatSchedule(item.schedule, t)])), [automations, t]);
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "dsh-st-overview", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "dsh-st-overview-head", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "dsh-st-overview-title", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("strong", { children: t("sidebar.viewOverview") }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { "aria-label": `${rows.length}`, children: rows.length })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        SortMenu,
+        {
+          t,
+          compact: true,
+          iconOnly: true,
+          className: "dsh-st-overview-sort",
+          ...SORT_STORAGE2 === void 0 ? {} : { storage: SORT_STORAGE2 },
+          storageKey: OVERVIEW_SORT_DEFAULT_KEY,
+          sortKey,
+          sortDirection,
+          onSelect: (key, direction) => {
+            setSortKey(key);
+            setSortDirection(direction);
+          }
+        }
+      )
+    ] }),
+    rows.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "dsh-st-rail-empty", children: t("overview.empty") }) : rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(OverviewRow, { t, row, now, scheduleSummary: scheduleSummaries.get(row.id) ?? "", ...openSession === void 0 ? {} : { openSession } }, row.id))
+  ] });
+}
+function OverviewRow({
+  t,
+  row,
+  now,
+  scheduleSummary,
+  openSession
+}) {
+  const paused = row.status !== "active";
+  const nextRun = row.nextRunAt === void 0 ? t("stats.noneScheduled") : formatWithin(row.nextRunAt, now, t);
+  const status = paused ? t("status.paused") : t("status.active");
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+    "button",
+    {
+      type: "button",
+      className: `dsh-st-overview-row${paused ? " is-paused" : ""}`,
+      disabled: row.lastSessionId === void 0,
+      title: paused ? t("status.paused") : t("status.active"),
+      onClick: () => {
+        if (row.lastSessionId !== void 0) openSession?.(row.lastSessionId);
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "dsh-st-overview-copy", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "dsh-st-overview-status", children: [
+            paused ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(PauseIcon, { width: 14, height: 14 }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(CheckIcon, { width: 14, height: 14 }),
+            status
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "dsh-st-overview-name", children: row.name }),
+          scheduleSummary !== "" && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "dsh-st-overview-schedule", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(CalendarIcon, { width: 14, height: 14 }),
+            scheduleSummary
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "dsh-st-overview-next", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: t("stats.next") }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("strong", { children: nextRun })
+        ] }),
+        row.lastSessionId !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ChevronIcon, { width: 12, height: 12, className: "dsh-st-overview-chevron" })
+      ]
+    }
+  );
+}
+
 // src/client/workspace-toolbar.tsx
-var import_react5 = require("react");
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_react8 = require("react");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 function officialSearchIconSize(expanded) {
   return expanded ? 11 : 14;
 }
@@ -2600,15 +2989,15 @@ function WorkspaceToolbar({
   onSortChange,
   onGroupModeChange
 }) {
-  const [searching, setSearching] = (0, import_react5.useState)(query.trim() !== "");
-  const [filterOpen, setFilterOpen] = (0, import_react5.useState)(false);
-  const inputRef = (0, import_react5.useRef)(null);
-  const rootRef = (0, import_react5.useRef)(null);
+  const [searching, setSearching] = (0, import_react8.useState)(query.trim() !== "");
+  const [filterOpen, setFilterOpen] = (0, import_react8.useState)(false);
+  const inputRef = (0, import_react8.useRef)(null);
+  const rootRef = (0, import_react8.useRef)(null);
   const searchSize = officialSearchIconSize(searching);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     if (searching) inputRef.current?.focus();
   }, [searching]);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     if (!filterOpen) return;
     const close = (event) => {
       const target = event.target;
@@ -2626,37 +3015,37 @@ function WorkspaceToolbar({
     onQueryChange("");
     setSearching(false);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: searching ? "dsh-st-n-toolbar is-search" : "dsh-st-n-toolbar", ref: rootRef, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "dsh-st-n-head-label", children: t("sidebar.workspaces") }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "dsh-st-n-search-slot", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "dsh-st-n-search", onClick: openSearch, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "dsh-st-n-search-btn", "aria-label": t("sidebar.search"), "aria-expanded": searching, onClick: openSearch, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SearchOutlineIcon, { width: searchSize, height: searchSize }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("input", { ref: inputRef, className: "dsh-st-n-search-input", value: query, placeholder: t("sidebar.searchSessions"), "aria-label": t("sidebar.searchSessions"), tabIndex: searching ? 0 : -1, "aria-hidden": !searching, onChange: (event) => onQueryChange(event.target.value), onKeyDown: (event) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: searching ? "dsh-st-n-toolbar is-search" : "dsh-st-n-toolbar", ref: rootRef, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "dsh-st-n-head-label", children: t("sidebar.workspaces") }),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "dsh-st-n-search-slot", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "dsh-st-n-search", onClick: openSearch, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("button", { type: "button", className: "dsh-st-n-search-btn", "aria-label": t("sidebar.search"), "aria-expanded": searching, onClick: openSearch, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SearchOutlineIcon, { width: searchSize, height: searchSize }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("input", { ref: inputRef, className: "dsh-st-n-search-input", value: query, placeholder: t("sidebar.searchSessions"), "aria-label": t("sidebar.searchSessions"), tabIndex: searching ? 0 : -1, "aria-hidden": !searching, onChange: (event) => onQueryChange(event.target.value), onKeyDown: (event) => {
         if (event.key === "Escape") closeSearch();
       } }),
-      searching && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "dsh-st-n-search-clear", "aria-label": t("sidebar.clearSearch"), onClick: (event) => {
+      searching && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("button", { type: "button", className: "dsh-st-n-search-clear", "aria-label": t("sidebar.clearSearch"), onClick: (event) => {
         event.stopPropagation();
         closeSearch();
-      }, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CloseOutlineIcon, { width: 14, height: 14 }) })
+      }, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(CloseOutlineIcon, { width: 14, height: 14 }) })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "dsh-st-n-head-acts", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "dsh-st-n-head-filter", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: filterOpen ? "dsh-st-n-head-btn is-on" : "dsh-st-n-head-btn", "aria-label": t("sidebar.filter"), "aria-expanded": filterOpen, onClick: () => setFilterOpen((open) => !open), children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SlidersIcon, { width: 16, height: 16 }) }),
-      filterOpen && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "dsh-st-n-filter-menu", role: "menu", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "dsh-st-n-filter-label", children: t("sidebar.groupBy") }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(FilterRow, { label: t("sidebar.groupWorkspace"), selected: groupMode === "workspace", onSelect: () => {
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "dsh-st-n-head-acts", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "dsh-st-n-head-filter", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("button", { type: "button", className: filterOpen ? "dsh-st-n-head-btn is-on" : "dsh-st-n-head-btn", "aria-label": t("sidebar.filter"), "aria-expanded": filterOpen, onClick: () => setFilterOpen((open) => !open), children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SlidersIcon, { width: 16, height: 16 }) }),
+      filterOpen && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "dsh-st-n-filter-menu", role: "menu", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "dsh-st-n-filter-label", children: t("sidebar.groupBy") }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(FilterRow, { label: t("sidebar.groupWorkspace"), selected: groupMode === "workspace", onSelect: () => {
           onGroupModeChange("workspace");
           setFilterOpen(false);
         } }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(FilterRow, { label: t("sidebar.groupList"), selected: groupMode === "list", onSelect: () => {
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(FilterRow, { label: t("sidebar.groupList"), selected: groupMode === "list", onSelect: () => {
           onGroupModeChange("list");
           setFilterOpen(false);
         } }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "dsh-st-n-filter-split" }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "dsh-st-n-filter-label", children: t("sidebar.sortBy") }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(FilterRow, { label: t("sidebar.sortManual"), selected: sort === "manual", onSelect: () => {
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "dsh-st-n-filter-split" }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "dsh-st-n-filter-label", children: t("sidebar.sortBy") }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(FilterRow, { label: t("sidebar.sortManual"), selected: sort === "manual", onSelect: () => {
           onSortChange("manual");
           setFilterOpen(false);
         } }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(FilterRow, { label: t("sidebar.sortTime"), selected: sort === "time", onSelect: () => {
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(FilterRow, { label: t("sidebar.sortTime"), selected: sort === "time", onSelect: () => {
           onSortChange("time");
           setFilterOpen(false);
         } })
@@ -2669,34 +3058,40 @@ function FilterRow({
   selected,
   onSelect
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("button", { type: "button", role: "menuitemradio", "aria-checked": selected, className: selected ? "is-on" : void 0, onClick: onSelect, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: label }),
-    selected ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CheckOutlineIcon, { width: 16, height: 16 }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "dsh-st-n-filter-tick" })
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("button", { type: "button", role: "menuitemradio", "aria-checked": selected, className: selected ? "is-on" : void 0, onClick: onSelect, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { children: label }),
+    selected ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(CheckOutlineIcon, { width: 16, height: 16 }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "dsh-st-n-filter-tick" })
   ] });
 }
 
 // src/client/native-session-list.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 var EMPTY_SESSION_BY_ID = {};
 function NativeScheduleSessionList(props) {
-  const { t, runtime, openSession, useSessions, useWorkspaces, renameSession, archiveSession, forkSession } = props;
-  const state = (0, import_react6.useSyncExternalStore)(runtime.source.subscribe, runtime.source.getSnapshot, runtime.source.getSnapshot);
-  const selectedId = useSessions ? useSessions((snap) => snap?.current ?? null) : null;
-  const sessionById = useSessions ? useSessions((snap) => snap?.byId ?? EMPTY_SESSION_BY_ID) : EMPTY_SESSION_BY_ID;
-  const archivedIds = useWorkspaces ? useWorkspaces((snap) => snap?.archivedSessionIds ?? []) : [];
-  const [folded, setFolded] = (0, import_react6.useState)({});
-  const [openMenu, setOpenMenu] = (0, import_react6.useState)(null);
-  const [query, setQuery] = (0, import_react6.useState)("");
-  const [sort, setSort] = (0, import_react6.useState)("time");
-  const [groupMode, setGroupMode] = (0, import_react6.useState)("workspace");
-  const archived = (0, import_react6.useMemo)(() => new Set(archivedIds), [archivedIds]);
-  const listedIds = useSessions ? useSessions((snap) => Array.isArray(snap?.ids) ? snap.ids : void 0) : void 0;
-  const presentIds = (0, import_react6.useMemo)(() => {
+  const { t, runtime, openSession, useSessions, useWorkspaces, renameSession, archiveSession, forkSession, openTaskSettings } = props;
+  const state = (0, import_react9.useSyncExternalStore)(runtime.source.subscribe, runtime.source.getSnapshot, runtime.source.getSnapshot);
+  const selectedId = useSessions ? useSessions((snap) => snap.current ?? null) : null;
+  const sessionById = useSessions ? useSessions((snap) => snap.byId ?? EMPTY_SESSION_BY_ID) : EMPTY_SESSION_BY_ID;
+  const archivedIds = useWorkspaces ? useWorkspaces((snap) => snap.archivedSessionIds ?? []) : [];
+  const [folded, setFolded] = (0, import_react9.useState)({});
+  const [openMenu, setOpenMenu] = (0, import_react9.useState)(null);
+  const [openGroupMenu, setOpenGroupMenu] = (0, import_react9.useState)();
+  const [archiveGroupTarget, setArchiveGroupTarget] = (0, import_react9.useState)();
+  const [archiveGroupBusy, setArchiveGroupBusy] = (0, import_react9.useState)(false);
+  const [archiveGroupError, setArchiveGroupError] = (0, import_react9.useState)();
+  const [archiveManagerInstalled, setArchiveManagerInstalled] = (0, import_react9.useState)(() => typeof document !== "undefined" && hasArchiveManagerPlugin(document));
+  const [query, setQuery] = (0, import_react9.useState)("");
+  const [sort, setSort] = (0, import_react9.useState)("time");
+  const [groupMode, setGroupMode] = (0, import_react9.useState)("workspace");
+  const [view, setView] = (0, import_react9.useState)("runs");
+  const archived = (0, import_react9.useMemo)(() => new Set(archivedIds), [archivedIds]);
+  const listedIds = useSessions ? useSessions((snap) => Array.isArray(snap.ids) ? snap.ids : void 0) : void 0;
+  const presentIds = (0, import_react9.useMemo)(() => {
     if (listedIds !== void 0) return new Set(listedIds);
     const keys = Object.keys(sessionById);
     return keys.length > 0 ? new Set(keys) : void 0;
   }, [listedIds, sessionById]);
-  const groups = (0, import_react6.useMemo)(() => {
+  const groups = (0, import_react9.useMemo)(() => {
     const snapshot = state.snapshot;
     if (snapshot === void 0) return [];
     return groupScheduledSessions(snapshot.automations, snapshot.runs).map((group) => ({
@@ -2712,63 +3107,212 @@ function NativeScheduleSessionList(props) {
       })
     })).filter((group) => group.sessions.length > 0);
   }, [archived, presentIds, sessionById, state.snapshot]);
-  const visibleGroups = (0, import_react6.useMemo)(() => applyWorkspaceBrowserQuery(groups.map((group) => ({ ...group, name: group.name })), query, sort, groupMode), [groups, query, sort, groupMode]);
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "dsh-st-n", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(WorkspaceToolbar, { t, query, sort, groupMode, onQueryChange: setQuery, onSortChange: setSort, onGroupModeChange: setGroupMode }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "dsh-st-n-tree", role: "tree", children: [
-      state.phase === "loading" && visibleGroups.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "dsh-st-n-empty", children: t("loading") }),
-      visibleGroups.length === 0 && state.phase !== "loading" && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "dsh-st-n-empty", children: t("sidebar.empty") }),
-      visibleGroups.map((group) => {
-        const expanded = folded[group.id] !== true;
-        return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "dsh-st-n-group", children: [
-          groupMode === "workspace" && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "dsh-st-n-row", role: "treeitem", "aria-expanded": expanded, onClick: () => setFolded((current) => ({ ...current, [group.id]: expanded })), children: [
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "dsh-st-n-slot dsh-st-n-folder", children: expanded ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(FolderOpenIcon, { width: 16, height: 16 }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(FolderClosedIcon, { width: 16, height: 16 }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "dsh-st-n-title", children: group.name })
-          ] }),
-          (groupMode === "list" || expanded) && group.sessions.map((session) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-            NativeSessionRow,
-            {
-              t,
-              id: session.id,
-              title: session.title,
-              hoverTitle: String(sessionById[session.id]?.displayTitle ?? sessionById[session.id]?.title ?? group.name),
-              updatedAt: session.updatedAt,
-              running: session.running,
-              selected: selectedId === session.id,
-              menuOpen: openMenu?.id === session.id,
-              menuPoint: openMenu === null || openMenu.id !== session.id ? { x: 8, y: 8 } : { x: openMenu.x, y: openMenu.y },
-              onToggleMenu: (event) => setOpenMenu((current) => nextOpenSessionMenu(current, session.id, pointerPoint(event))),
-              onCloseMenu: () => setOpenMenu((current) => current?.id === session.id ? null : current),
-              onOpen: () => {
-                setOpenMenu(null);
-                openSession?.(session.id);
+  const visibleGroups = (0, import_react9.useMemo)(() => applyWorkspaceBrowserQuery(groups.map((group) => ({ ...group, name: group.name })), query, sort, groupMode), [groups, query, sort, groupMode]);
+  (0, import_react9.useEffect)(() => {
+    if (typeof document === "undefined" || typeof MutationObserver === "undefined") return;
+    const refresh = () => {
+      setArchiveManagerInstalled(hasArchiveManagerPlugin(document));
+    };
+    refresh();
+    const observer = new MutationObserver(refresh);
+    observer.observe(document.documentElement, { childList: true, subtree: true });
+    return () => {
+      observer.disconnect();
+    };
+  }, []);
+  const canArchiveGroup = archiveManagerInstalled && archiveSession !== void 0;
+  const confirmArchiveGroup = () => {
+    if (archiveGroupTarget === void 0 || archiveSession === void 0 || archiveGroupBusy) return;
+    const target = archiveGroupTarget;
+    setArchiveGroupBusy(true);
+    setArchiveGroupError(void 0);
+    void archiveScheduledGroup(target.sessionIds, archiveSession).then(() => {
+      setArchiveGroupTarget(void 0);
+    }).catch((caught) => {
+      setArchiveGroupError(caught instanceof Error ? caught.message : t("error.action"));
+    }).finally(() => {
+      setArchiveGroupBusy(false);
+    });
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "dsh-st-n", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ScheduleViewSwitch, { t, view, onChange: setView }),
+    view === "overview" ? state.snapshot === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "dsh-st-n-empty", children: state.phase === "loading" ? t("loading") : t("overview.empty") }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      ScheduleOverview,
+      {
+        t,
+        automations: state.snapshot.automations,
+        runs: state.snapshot.runs,
+        ...openSession === void 0 ? {} : { openSession },
+        ...state.snapshot.serverNow === void 0 ? {} : { serverNow: state.snapshot.serverNow },
+        archived,
+        ...presentIds === void 0 ? {} : { presentIds }
+      }
+    ) : /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(WorkspaceToolbar, { t, query, sort, groupMode, onQueryChange: setQuery, onSortChange: setSort, onGroupModeChange: setGroupMode }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "dsh-st-n-tree", role: "tree", children: [
+        state.phase === "loading" && visibleGroups.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "dsh-st-n-empty", children: t("loading") }),
+        visibleGroups.length === 0 && state.phase !== "loading" && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "dsh-st-n-empty", children: t("sidebar.empty") }),
+        visibleGroups.map((group) => {
+          const expanded = folded[group.id] !== true;
+          const hasCurrentSession = scheduledGroupShowsActiveFolder(expanded, group.sessions.map((session) => session.id), selectedId);
+          return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "dsh-st-n-group", children: [
+            groupMode === "workspace" && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+              NativeScheduleGroupRow,
+              {
+                t,
+                id: group.id,
+                name: group.name,
+                sessionIds: group.sessions.map((session) => session.id),
+                expanded,
+                hasCurrentSession,
+                menuOpen: openGroupMenu === group.id,
+                canArchiveGroup,
+                onToggle: () => setFolded((current) => ({ ...current, [group.id]: expanded })),
+                onMenuChange: (open) => {
+                  setOpenMenu(null);
+                  setOpenGroupMenu(open ? group.id : void 0);
+                },
+                onTaskSettings: () => {
+                  openTaskSettings?.({ automationId: group.id, name: group.name, sessionIds: group.sessions.map((session) => session.id) });
+                },
+                onArchiveGroup: () => {
+                  setArchiveGroupError(void 0);
+                  setArchiveGroupTarget({ id: group.id, name: group.name, sessionIds: group.sessions.map((session) => session.id) });
+                }
+              }
+            ),
+            (groupMode === "list" || expanded) && group.sessions.map((session) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+              NativeSessionRow,
+              {
+                t,
+                id: session.id,
+                title: session.title,
+                hoverTitle: String(sessionById[session.id]?.displayTitle ?? sessionById[session.id]?.title ?? group.name),
+                updatedAt: session.updatedAt,
+                running: session.running,
+                selected: selectedId === session.id,
+                menuOpen: openMenu?.id === session.id,
+                menuPoint: openMenu === null || openMenu.id !== session.id ? { x: 8, y: 8 } : { x: openMenu.x, y: openMenu.y },
+                onToggleMenu: (event) => {
+                  setOpenGroupMenu(void 0);
+                  setOpenMenu((current) => nextOpenSessionMenu(current, session.id, pointerPoint(event)));
+                },
+                onCloseMenu: () => setOpenMenu((current) => current?.id === session.id ? null : current),
+                onOpen: () => {
+                  setOpenMenu(null);
+                  openSession?.(session.id);
+                },
+                ...renameSession === void 0 ? {} : { renameSession },
+                ...archiveSession === void 0 ? {} : { archiveSession },
+                ...forkSession === void 0 ? {} : { forkSession }
               },
-              ...renameSession === void 0 ? {} : { renameSession },
-              ...archiveSession === void 0 ? {} : { archiveSession },
-              ...forkSession === void 0 ? {} : { forkSession }
-            },
-            session.id
-          ))
-        ] }, group.id);
-      })
-    ] })
+              session.id
+            ))
+          ] }, group.id);
+        })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+      import_dsh_client_ui_primitives2.Modal,
+      {
+        open: archiveGroupTarget !== void 0,
+        onClose: () => {
+          if (archiveGroupBusy) return;
+          setArchiveGroupTarget(void 0);
+          setArchiveGroupError(void 0);
+        },
+        closeLabel: t("session.archiveGroupClose"),
+        title: t("session.archiveGroup"),
+        footer: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "dsh-st-n-dialog-actions", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_dsh_client_ui_primitives2.Button, { variant: "outline", disabled: archiveGroupBusy, onClick: () => {
+            setArchiveGroupTarget(void 0);
+            setArchiveGroupError(void 0);
+          }, children: t("session.archiveGroupCancel") }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_dsh_client_ui_primitives2.Button, { variant: "outline", className: "dsh-st-n-danger-button", disabled: archiveGroupBusy, onClick: confirmArchiveGroup, children: t("session.archiveGroupConfirm") })
+        ] }),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "dsh-st-n-dialog-copy", children: archiveGroupTarget === void 0 ? "" : t("session.archiveGroupDescription", { name: archiveGroupTarget.name, count: archiveGroupTarget.sessionIds.length }) }),
+          archiveGroupBusy && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "dsh-st-n-dialog-status", role: "status", children: t("session.archiveGroupPending") }),
+          archiveGroupError !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "dsh-st-n-dialog-error", role: "alert", children: t("session.archiveGroupFailed", { message: archiveGroupError }) })
+        ]
+      }
+    )
   ] });
 }
+function NativeScheduleGroupRow(props) {
+  const { t, id, name: name2, expanded, hasCurrentSession, menuOpen, canArchiveGroup, onToggle, onMenuChange, onTaskSettings, onArchiveGroup } = props;
+  const items = [
+    { id: "task-settings", label: t("session.taskSettings"), icon: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_dsh_client_ui_primitives2.IconSettingsOutline16, { size: 16 }) },
+    ...canArchiveGroup ? [
+      { type: "separator", id: "archive-separator" },
+      { id: "archive-group", label: t("session.archiveGroup"), icon: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_dsh_client_ui_primitives2.IconArchiveOutline20, { size: 16 }), danger: true }
+    ] : []
+  ];
+  const rowClass = "dsh-st-n-row" + (hasCurrentSession ? " has-current-session" : "") + (menuOpen ? " is-menu" : "");
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+    "div",
+    {
+      className: rowClass,
+      role: "treeitem",
+      "aria-expanded": expanded,
+      "data-n-group": id,
+      onClick: onToggle,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "dsh-st-n-slot dsh-st-n-folder", children: expanded ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(FolderOpenIcon, { width: 16, height: 16 }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(FolderClosedIcon, { width: 16, height: 16 }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "dsh-st-n-title", children: name2 }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "dsh-st-n-acts", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          import_dsh_client_ui_primitives2.Menu,
+          {
+            open: menuOpen,
+            onClose: () => {
+              onMenuChange(false);
+            },
+            items,
+            onSelect: (action) => {
+              onMenuChange(false);
+              if (action === "task-settings") onTaskSettings();
+              if (action === "archive-group") onArchiveGroup();
+            },
+            portal: true,
+            dense: true,
+            compact: true,
+            anchor: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+              "button",
+              {
+                type: "button",
+                className: "dsh-st-n-ico",
+                "aria-label": t("session.groupActions", { name: name2 }),
+                onMouseDown: (event) => {
+                  event.stopPropagation();
+                },
+                onClick: (event) => {
+                  event.stopPropagation();
+                  onMenuChange(!menuOpen);
+                },
+                children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_dsh_client_ui_primitives2.IconEllipsisOutline16, { size: 16 })
+              }
+            )
+          }
+        ) })
+      ]
+    }
+  );
+}
 function NativeSessionRow(props) {
   const { t, id, title, hoverTitle, updatedAt, running, selected, menuOpen, menuPoint, onToggleMenu, onCloseMenu, onOpen, renameSession, archiveSession, forkSession } = props;
-  const rowRef = (0, import_react6.useRef)(null);
-  const menuRef = (0, import_react6.useRef)(null);
-  const hoverRef = (0, import_react6.useRef)(null);
-  const [hoverOpen, setHoverOpen] = (0, import_react6.useState)(false);
-  const [hoverStyle, setHoverStyle] = (0, import_react6.useState)({});
-  const hoverTimer = (0, import_react6.useRef)(void 0);
-  const [renaming, setRenaming] = (0, import_react6.useState)(false);
-  const [draft, setDraft] = (0, import_react6.useState)(title);
-  const [menuStyle, setMenuStyle] = (0, import_react6.useState)({});
-  (0, import_react6.useEffect)(() => {
+  const rowRef = (0, import_react9.useRef)(null);
+  const menuRef = (0, import_react9.useRef)(null);
+  const hoverRef = (0, import_react9.useRef)(null);
+  const [hoverOpen, setHoverOpen] = (0, import_react9.useState)(false);
+  const [hoverStyle, setHoverStyle] = (0, import_react9.useState)({});
+  const hoverTimer = (0, import_react9.useRef)(void 0);
+  const [renaming, setRenaming] = (0, import_react9.useState)(false);
+  const [draft, setDraft] = (0, import_react9.useState)(title);
+  const [menuStyle, setMenuStyle] = (0, import_react9.useState)({});
+  (0, import_react9.useEffect)(() => {
     setDraft(title);
   }, [title]);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     if (!menuOpen) return;
     const close = (event) => {
       if (!shouldCloseNativeSessionMenu(event.target, [rowRef.current, menuRef.current])) return;
@@ -2784,7 +3328,7 @@ function NativeSessionRow(props) {
       document.removeEventListener("keydown", onKey);
     };
   }, [menuOpen, onCloseMenu]);
-  (0, import_react6.useLayoutEffect)(() => {
+  (0, import_react9.useLayoutEffect)(() => {
     if (!menuOpen) return;
     const update = () => {
       const el = menuRef.current;
@@ -2799,7 +3343,7 @@ function NativeSessionRow(props) {
       document.removeEventListener("scroll", update, true);
     };
   }, [menuOpen, menuPoint]);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     if (!hoverOpen || menuOpen) return;
     const update = () => {
       const row = rowRef.current?.getBoundingClientRect();
@@ -2816,7 +3360,7 @@ function NativeSessionRow(props) {
       document.removeEventListener("scroll", update, true);
     };
   }, [hoverOpen, menuOpen, title, updatedAt, running]);
-  (0, import_react6.useEffect)(() => () => {
+  (0, import_react9.useEffect)(() => () => {
     if (hoverTimer.current !== void 0) window.clearTimeout(hoverTimer.current);
   }, []);
   const run = (action) => {
@@ -2833,7 +3377,7 @@ function NativeSessionRow(props) {
   };
   const rowClass = "dsh-st-n-sess" + (selected ? " is-on" : "") + (menuOpen ? " is-menu" : "");
   if (renaming) {
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: rowClass, ref: rowRef, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("input", { className: "dsh-st-n-rename", value: draft, autoFocus: true, "aria-label": t("session.rename"), onChange: (event) => setDraft(event.target.value), onClick: (event) => event.stopPropagation(), onKeyDown: (event) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: rowClass, ref: rowRef, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("input", { className: "dsh-st-n-rename", value: draft, autoFocus: true, "aria-label": t("session.rename"), onChange: (event) => setDraft(event.target.value), onClick: (event) => event.stopPropagation(), onKeyDown: (event) => {
       if (event.key === "Enter") {
         event.preventDefault();
         setRenaming(false);
@@ -2850,23 +3394,23 @@ function NativeSessionRow(props) {
     } }) });
   }
   const menuItems = [
-    { id: "rename", label: t("session.rename"), icon: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(PencilIcon, { width: 16, height: 16 }), go: () => {
+    { id: "rename", label: t("session.rename"), icon: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(PencilIcon, { width: 16, height: 16 }), go: () => {
       setRenaming(true);
     } },
-    { id: "fork", label: t("session.fork"), icon: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(BranchIcon, { width: 16, height: 16 }), go: () => run(() => forkSession?.(id)) },
-    { id: "archive", label: t("session.archive"), icon: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ArchiveIcon, { width: 16, height: 16 }), go: () => run(() => archiveSession?.(id)) }
+    { id: "fork", label: t("session.fork"), icon: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(BranchIcon, { width: 16, height: 16 }), go: () => run(() => forkSession?.(id)) },
+    { id: "archive", label: t("session.archive"), icon: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ArchiveIcon, { width: 16, height: 16 }), go: () => run(() => archiveSession?.(id)) }
   ];
-  const menu = menuOpen && typeof document !== "undefined" ? (0, import_react_dom2.createPortal)(
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { ref: menuRef, className: "dsh-st-n-menu is-float", "data-n-menu": id, style: menuStyle, onMouseDown: (event) => event.stopPropagation(), onClick: (event) => event.stopPropagation(), children: menuItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("button", { type: "button", className: void 0, onClick: () => {
+  const menu = menuOpen && typeof document !== "undefined" ? (0, import_react_dom3.createPortal)(
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { ref: menuRef, className: "dsh-st-n-menu is-float", "data-n-menu": id, style: menuStyle, onMouseDown: (event) => event.stopPropagation(), onClick: (event) => event.stopPropagation(), children: menuItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("button", { type: "button", className: void 0, onClick: () => {
       onCloseMenu();
       item.go();
     }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "dsh-st-n-mi", children: item.icon }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "dsh-st-n-mi", children: item.icon }),
       item.label
     ] }, item.id)) }),
     document.body
   ) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: rowClass, ref: rowRef, role: "treeitem", tabIndex: 0, "aria-selected": selected, "data-n-menu-root": id, onClick: onOpen, onMouseEnter: showHover, onMouseLeave: hideHover, onKeyDown: (event) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: rowClass, ref: rowRef, role: "treeitem", tabIndex: 0, "aria-selected": selected, "data-n-menu-root": id, onClick: onOpen, onMouseEnter: showHover, onMouseLeave: hideHover, onKeyDown: (event) => {
     if (event.key === "Enter" || event.key === " ") {
       event.preventDefault();
       onOpen();
@@ -2876,21 +3420,21 @@ function NativeSessionRow(props) {
     event.stopPropagation();
     onToggleMenu(event);
   }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "dsh-st-n-slot", children: running ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(RunningStateDot, {}) : null }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "dsh-st-n-title", children: title }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "dsh-st-n-time", children: relativeTime(updatedAt, t) }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "dsh-st-n-acts", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", className: "dsh-st-n-ico", "aria-label": title + " \u66F4\u591A", onMouseDown: (event) => event.stopPropagation(), onClick: (event) => {
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "dsh-st-n-slot", children: running ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(RunningStateDot, {}) : null }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "dsh-st-n-title", children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "dsh-st-n-time", children: relativeTime(updatedAt, t) }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "dsh-st-n-acts", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("button", { type: "button", className: "dsh-st-n-ico", "aria-label": t("session.moreActions", { title }), onMouseDown: (event) => event.stopPropagation(), onClick: (event) => {
       event.stopPropagation();
       hideHover();
       onToggleMenu(event);
-    }, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(EllipsisIcon, { width: 16, height: 16 }) }) }),
+    }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(EllipsisIcon, { width: 16, height: 16 }) }) }),
     menu,
-    hoverOpen && !menuOpen && typeof document !== "undefined" && (0, import_react_dom2.createPortal)(
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { ref: hoverRef, className: "dsh-st-n-hover", style: hoverStyle, onMouseEnter: showHover, onMouseLeave: hideHover, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "dsh-st-n-hover-title", children: (hoverTitle ?? title).trim() || title }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "dsh-st-n-hover-time", children: relativeTime(updatedAt, t) }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "dsh-st-n-hover-state", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: running ? "dsh-st-n-hover-dot is-run" : "dsh-st-n-hover-dot" }),
+    hoverOpen && !menuOpen && typeof document !== "undefined" && (0, import_react_dom3.createPortal)(
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { ref: hoverRef, className: "dsh-st-n-hover", style: hoverStyle, onMouseEnter: showHover, onMouseLeave: hideHover, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "dsh-st-n-hover-title", children: (hoverTitle ?? title).trim() || title }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "dsh-st-n-hover-time", children: relativeTime(updatedAt, t) }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "dsh-st-n-hover-state", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: running ? "dsh-st-n-hover-dot is-run" : "dsh-st-n-hover-dot" }),
           running ? t("session.runningStatus") : t("session.idle")
         ] })
       ] }),
@@ -2900,11 +3444,11 @@ function NativeSessionRow(props) {
 }
 
 // src/client/ScheduleRail.tsx
-var import_react7 = require("react");
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_react10 = require("react");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 var EMPTY_EXTRA_TABS = [];
 var noopSubscribe = (_listener) => () => void 0;
-var OfficialTreeGuard = class extends import_react7.Component {
+var OfficialTreeGuard = class extends import_react10.Component {
   state = { failed: false };
   static getDerivedStateFromError() {
     return { failed: true };
@@ -2919,45 +3463,61 @@ var OfficialTreeGuard = class extends import_react7.Component {
 function ScheduleRail({
   t,
   runtime,
-  openSession
+  openSession,
+  view: controlledView,
+  showViewSwitch = true
 }) {
-  const state = (0, import_react7.useSyncExternalStore)(runtime.source.subscribe, runtime.source.getSnapshot, runtime.source.getSnapshot);
-  const [folded, setFolded] = (0, import_react7.useState)({});
-  const groups = (0, import_react7.useMemo)(() => {
-    const snapshot = state.snapshot;
+  const state = (0, import_react10.useSyncExternalStore)(runtime.source.subscribe, runtime.source.getSnapshot, runtime.source.getSnapshot);
+  const [folded, setFolded] = (0, import_react10.useState)({});
+  const [localView, setLocalView] = (0, import_react10.useState)("runs");
+  const view = controlledView ?? localView;
+  const snapshot = state.snapshot;
+  const groups = (0, import_react10.useMemo)(() => {
     if (snapshot === void 0) return [];
     return groupScheduledSessions(snapshot.automations, snapshot.runs);
-  }, [state.snapshot]);
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "dsh-st-rail", children: [
-    state.phase === "loading" && groups.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "dsh-st-rail-empty", children: t("loading") }),
-    groups.length === 0 && state.phase !== "loading" && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "dsh-st-rail-empty", children: t("sidebar.empty") }),
-    groups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("section", { className: "dsh-st-rail-group", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
-        "button",
-        {
-          type: "button",
-          className: "dsh-st-rail-head",
-          onClick: () => setFolded((current) => ({ ...current, [group.id]: !current[group.id] })),
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "dsh-st-rail-folder", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ClockIcon, { width: 16, height: 16 }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "dsh-st-rail-title", children: group.name })
-          ]
-        }
-      ),
-      folded[group.id] !== true && group.sessions.map((session) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
-        "button",
-        {
-          type: "button",
-          className: "dsh-st-rail-session",
-          onClick: () => openSession?.(session.id),
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: session.label }),
-            session.running && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(RunningStateDot, {})
-          ]
-        },
-        session.id
-      ))
-    ] }, group.id))
+  }, [snapshot]);
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "dsh-st-rail", children: [
+    showViewSwitch && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ScheduleViewSwitch, { t, view, onChange: setLocalView }),
+    view === "overview" ? snapshot === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "dsh-st-rail-empty", children: state.phase === "loading" ? t("loading") : t("overview.empty") }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      ScheduleOverview,
+      {
+        t,
+        automations: snapshot.automations,
+        runs: snapshot.runs,
+        ...openSession === void 0 ? {} : { openSession },
+        ...snapshot.serverNow === void 0 ? {} : { serverNow: snapshot.serverNow }
+      }
+    ) : /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
+      state.phase === "loading" && groups.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "dsh-st-rail-empty", children: t("loading") }),
+      groups.length === 0 && state.phase !== "loading" && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "dsh-st-rail-empty", children: t("sidebar.empty") }),
+      groups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("section", { className: "dsh-st-rail-group", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+          "button",
+          {
+            type: "button",
+            className: "dsh-st-rail-head",
+            onClick: () => setFolded((current) => ({ ...current, [group.id]: !current[group.id] })),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "dsh-st-rail-folder", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ClockIcon, { width: 16, height: 16 }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "dsh-st-rail-title", children: group.name })
+            ]
+          }
+        ),
+        folded[group.id] !== true && group.sessions.map((session) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+          "button",
+          {
+            type: "button",
+            className: "dsh-st-rail-session",
+            onClick: () => openSession?.(session.id),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { children: session.label }),
+              session.running && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(RunningStateDot, {})
+            ]
+          },
+          session.id
+        ))
+      ] }, group.id))
+    ] })
   ] });
 }
 function NativeScheduleShell({
@@ -2975,19 +3535,19 @@ function NativeScheduleShell({
   wide
 }) {
   const Official = officialTree;
-  const [tab, setTab] = (0, import_react7.useState)(() => {
+  const [tab, setTab] = (0, import_react10.useState)(() => {
     try {
       return readNativeSidebarTab(window.localStorage.getItem(NATIVE_SIDEBAR_TAB_KEY));
     } catch {
       return "tasks";
     }
   });
-  const extraTabs = (0, import_react7.useSyncExternalStore)(
+  const extraTabs = (0, import_react10.useSyncExternalStore)(
     tabRegistry?.subscribe ?? noopSubscribe,
     () => tabRegistry?.getTabs() ?? EMPTY_EXTRA_TABS,
     () => EMPTY_EXTRA_TABS
   );
-  const channelsReady = (0, import_react7.useSyncExternalStore)(
+  const channelsReady = (0, import_react10.useSyncExternalStore)(
     subscribeChannels ?? noopSubscribe,
     () => {
       try {
@@ -2999,25 +3559,25 @@ function NativeScheduleShell({
     () => false
   );
   const currentId = useSessions?.((state) => state?.current ?? null);
-  const automationState = (0, import_react7.useSyncExternalStore)(runtime.source.subscribe, runtime.source.getSnapshot, runtime.source.getSnapshot);
-  const scheduledIds = (0, import_react7.useMemo)(() => collectScheduledSessionIds(automationState.snapshot?.runs), [automationState.snapshot]);
-  const useFilteredSessions = (0, import_react7.useCallback)((selector, eq) => {
+  const automationState = (0, import_react10.useSyncExternalStore)(runtime.source.subscribe, runtime.source.getSnapshot, runtime.source.getSnapshot);
+  const scheduledIds = (0, import_react10.useMemo)(() => collectScheduledSessionIds(automationState.snapshot?.runs), [automationState.snapshot]);
+  const useFilteredSessions = (0, import_react10.useCallback)((selector, eq) => {
     if (useSessions === void 0) return selector({ ids: [], byId: {}, current: null });
     return useSessions((state) => selector(filterTaskSessionState(state, scheduledIds)), eq);
   }, [useSessions, scheduledIds]);
-  const useFilteredWorkspaces = (0, import_react7.useCallback)((selector, eq) => {
+  const useFilteredWorkspaces = (0, import_react10.useCallback)((selector, eq) => {
     if (useWorkspaces === void 0) return selector({ items: [], archivedSessionIds: [] });
     return useWorkspaces((state) => selector(filterWorkspaceListState(state, scheduledIds)), eq);
   }, [useWorkspaces, scheduledIds]);
-  (0, import_react7.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     try {
       window.localStorage.setItem(NATIVE_SIDEBAR_TAB_KEY, tab);
     } catch {
     }
   }, [tab]);
-  const previousCurrentId = (0, import_react7.useRef)(currentId);
-  const tabFollowReady = (0, import_react7.useRef)(false);
-  (0, import_react7.useEffect)(() => {
+  const previousCurrentId = (0, import_react10.useRef)(currentId);
+  const tabFollowReady = (0, import_react10.useRef)(false);
+  (0, import_react10.useEffect)(() => {
     if (!tabFollowReady.current) {
       tabFollowReady.current = true;
       previousCurrentId.current = currentId;
@@ -3040,11 +3600,11 @@ function NativeScheduleShell({
   };
   const renderOfficial = (props) => {
     if (Official === void 0) {
-      return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(NativeTaskRail, { t, ...openSession === void 0 ? {} : { openSession }, ...useSessions === void 0 ? {} : { useSessions: useFilteredSessions }, ...useWorkspaces === void 0 ? {} : { useWorkspaces } });
+      return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(NativeTaskRail, { t, ...openSession === void 0 ? {} : { openSession }, ...useSessions === void 0 ? {} : { useSessions: useFilteredSessions }, ...useWorkspaces === void 0 ? {} : { useWorkspaces } });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(OfficialTreeGuard, { fallback: (0, import_react7.createElement)(Official, rawOfficialProps), children: (0, import_react7.createElement)(Official, props) });
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(OfficialTreeGuard, { fallback: (0, import_react10.createElement)(Official, rawOfficialProps), children: (0, import_react10.createElement)(Official, props) });
   };
-  if (wide === false) return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_jsx_runtime8.Fragment, { children: renderOfficial(filteredOfficialProps) });
+  if (wide === false) return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_jsx_runtime11.Fragment, { children: renderOfficial(filteredOfficialProps) });
   const foreignTabs = extraTabs.filter((item) => item.id !== "schedule");
   const visibleTab = resolveVisibleSidebarTab({
     tab,
@@ -3052,15 +3612,15 @@ function NativeScheduleShell({
     extraTabIds: ownedSidebarTabIds({ extraTabIds: foreignTabs.map((item) => item.id), channelsReady })
   });
   const hostedSchedule = extraTabs.find((item) => item.id === "schedule");
-  const scheduleBody = hostedSchedule === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(NativeScheduleSessionList, { t, runtime, ...openSession === void 0 ? {} : { openSession }, ...useSessions === void 0 ? {} : { useSessions }, ...useWorkspaces === void 0 ? {} : { useWorkspaces } }) : hostedSchedule.render({ ...hostProps ?? {}, openSession, open: openSession, useSessions, wide: true });
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "dsh-st-shell-rail", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "dsh-st-shell-tabs", role: "tablist", "aria-label": t("sidebar.tabs"), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", role: "tab", "aria-selected": visibleTab === "tasks", className: visibleTab === "tasks" ? "is-on" : void 0, onClick: () => setTab("tasks"), children: t("sidebar.tasksTab") }),
-      foreignTabs.map((item) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", role: "tab", "aria-selected": visibleTab === item.id, className: visibleTab === item.id ? "is-on" : void 0, onClick: () => setTab(item.id), children: item.label }, item.id)),
-      channelsReady && foreignTabs.every((item) => item.id !== "channels") && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", role: "tab", "aria-selected": visibleTab === "channels", className: visibleTab === "channels" ? "is-on" : void 0, onClick: () => setTab("channels"), children: t("sidebar.channelsTab") }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", role: "tab", "aria-selected": visibleTab === "schedule", className: visibleTab === "schedule" ? "is-on" : void 0, onClick: () => setTab("schedule"), children: t("sidebar.tab") })
+  const scheduleBody = hostedSchedule === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(NativeScheduleSessionList, { t, runtime, ...openSession === void 0 ? {} : { openSession }, ...useSessions === void 0 ? {} : { useSessions }, ...useWorkspaces === void 0 ? {} : { useWorkspaces } }) : hostedSchedule.render({ ...hostProps ?? {}, openSession, open: openSession, useSessions, wide: true });
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "dsh-st-shell-rail", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "dsh-st-shell-tabs", role: "tablist", "aria-label": t("sidebar.tabs"), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("button", { type: "button", role: "tab", "aria-selected": visibleTab === "tasks", className: visibleTab === "tasks" ? "is-on" : void 0, onClick: () => setTab("tasks"), children: t("sidebar.tasksTab") }),
+      foreignTabs.map((item) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("button", { type: "button", role: "tab", "aria-selected": visibleTab === item.id, className: visibleTab === item.id ? "is-on" : void 0, onClick: () => setTab(item.id), children: item.label }, item.id)),
+      channelsReady && foreignTabs.every((item) => item.id !== "channels") && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("button", { type: "button", role: "tab", "aria-selected": visibleTab === "channels", className: visibleTab === "channels" ? "is-on" : void 0, onClick: () => setTab("channels"), children: t("sidebar.channelsTab") }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("button", { type: "button", role: "tab", "aria-selected": visibleTab === "schedule", className: visibleTab === "schedule" ? "is-on" : void 0, onClick: () => setTab("schedule"), children: t("sidebar.tab") })
     ] }),
-    visibleTab === "schedule" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "dsh-st-shell-body", children: scheduleBody }) : foreignTabs.find((item) => item.id === visibleTab) !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "dsh-st-shell-body", children: foreignTabs.find((item) => item.id === visibleTab)?.render({ ...hostProps ?? {}, openSession, open: openSession, useSessions, wide: true }) }) : visibleTab === "channels" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "dsh-st-shell-body", children: renderSlot?.("sidebar.channels", { ...hostProps ?? {}, openSession, open: openSession, useSessions, wide: true, skin: "native" }) }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "dsh-st-official-tree", children: renderOfficial(filteredOfficialProps) })
+    visibleTab === "schedule" ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "dsh-st-shell-body", children: scheduleBody }) : foreignTabs.find((item) => item.id === visibleTab) !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "dsh-st-shell-body", children: foreignTabs.find((item) => item.id === visibleTab)?.render({ ...hostProps ?? {}, openSession, open: openSession, useSessions, wide: true }) }) : visibleTab === "channels" ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "dsh-st-shell-body", children: renderSlot?.("sidebar.channels", { ...hostProps ?? {}, openSession, open: openSession, useSessions, wide: true, skin: "native" }) }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "dsh-st-official-tree", children: renderOfficial(filteredOfficialProps) })
   ] });
 }
 function NativeTaskRail({
@@ -3072,10 +3632,10 @@ function NativeTaskRail({
   const snap = useSessions === void 0 ? { ids: [], byId: {}, current: null } : useSessions((state) => state ?? { ids: [], byId: {}, current: null });
   const workspaces = useWorkspaces === void 0 ? void 0 : useWorkspaces((state) => state ?? { items: [], archivedSessionIds: [] });
   const groups = groupNativeTaskSessions(snap, workspaces, t("sidebar.ungrouped"));
-  if (groups.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "dsh-st-rail-empty", children: t("sidebar.tasksEmpty") });
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "dsh-st-rail", children: groups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("section", { className: "dsh-st-rail-group", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "dsh-st-rail-head is-static", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "dsh-st-rail-title", children: group.label }) }),
-    group.sessions.map((item) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  if (groups.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "dsh-st-rail-empty", children: t("sidebar.tasksEmpty") });
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "dsh-st-rail", children: groups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("section", { className: "dsh-st-rail-group", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "dsh-st-rail-head is-static", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "dsh-st-rail-title", children: group.label }) }),
+    group.sessions.map((item) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
       "button",
       {
         type: "button",
@@ -3083,7 +3643,7 @@ function NativeTaskRail({
         onClick: () => {
           if (item.id !== void 0) openSession?.(item.id);
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: item.title || item.id })
+        children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { children: item.title || item.id })
       },
       item.id
     ))
@@ -3121,16 +3681,33 @@ var CSS_TEXT = `
 .dsh-st-tabs>button{padding:8px 0;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--dsw-alias-label-secondary);cursor:pointer}
 .dsh-st-tabs>button.is-on{border-bottom-color:currentColor;color:var(--dsw-alias-label-primary);font-weight:650}
 .dsh-st-dropdown{position:relative;min-width:0}
-.dsh-st-sort{margin-left:auto}
-.dsh-st-dropdown-btn{display:inline-flex;align-items:center;gap:4px;max-width:220px;height:28px;padding:0 10px;border:0;border-radius:999px;background:var(--dsw-alias-bg-layer-3,rgba(255,255,255,.14));color:var(--dsw-alias-label-primary,inherit);font:13px/20px inherit;cursor:pointer;white-space:nowrap}
+.dsh-st-sort-wrap{display:flex;align-items:center;gap:6px;margin-left:auto}
+.dsh-st-dropdown-btn{display:inline-flex;align-items:center;gap:4px;max-width:220px;height:28px;padding:0 10px;border:0;border-radius:999px;background:var(--dsw-alias-bg-layer-3,rgba(255,255,255,.14));color:var(--dsw-alias-label-primary,inherit);font-family:inherit;font-size:13px;line-height:20px;cursor:pointer;white-space:nowrap}
 .dsh-st-dropdown-btn:hover,.dsh-st-dropdown-btn.is-open{background:var(--dsw-alias-interactive-bg-hover,rgba(255,255,255,.18))}
 .dsh-st-dropdown-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .dsh-st-dropdown-chevron{flex:none;transition:transform .16s ease;transform:rotate(90deg)}
 .dsh-st-dropdown-btn.is-open .dsh-st-dropdown-chevron{transform:rotate(-90deg)}
-.dsh-st-dropdown-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:30;width:180px;max-height:260px;overflow:auto;padding:6px;border:1px solid var(--dsw-alias-border-l2,rgba(255,255,255,.12));border-radius:12px;background:var(--dsw-alias-bg-layer-3,#303033);box-shadow:var(--dsw-shadow-lv3,0 8px 24px rgba(0,0,0,.32))}
-.dsh-st-dropdown-menu button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:36px;padding:6px 10px;border:0;border-radius:8px;background:transparent;color:var(--dsw-alias-label-primary,inherit);font:13px/20px inherit;cursor:pointer;text-align:left}
-.dsh-st-dropdown-menu button>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
-.dsh-st-dropdown-menu button:hover,.dsh-st-dropdown-menu button.is-selected{background:var(--dsw-alias-interactive-bg-hover,rgba(255,255,255,.08));color:var(--dsw-alias-label-primary,inherit)}
+.dsh-st-dropdown-menu{box-sizing:border-box;position:absolute;right:0;top:calc(100% + 6px);z-index:30;width:max-content;min-width:180px;max-width:calc(100vw - 16px);max-height:260px;overflow-x:hidden;overflow-y:auto;padding:6px;border:1px solid var(--dsw-alias-border-l2,rgba(255,255,255,.12));border-radius:12px;background:var(--dsw-alias-bg-layer-3,#303033);box-shadow:var(--dsw-shadow-lv3,0 8px 24px rgba(0,0,0,.32))}
+.dsh-st-dropdown-menu.is-float{position:fixed;right:auto;top:auto;z-index:1200}
+.dsh-st-dropdown-menu.dsh-st-dropdown-sort{min-width:0;transition:width .12s ease}
+.dsh-st-dropdown-row{box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;gap:8px;width:100%;min-height:36px;padding:6px 10px;border-radius:8px;background:transparent;color:var(--dsw-alias-label-primary,inherit);font-family:inherit;font-size:13px;line-height:20px;cursor:pointer;text-align:left}
+.dsh-st-dropdown-label-cell{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.dsh-st-dropdown-row:not(.has-trailing) .dsh-st-dropdown-label-cell{flex:1}
+.dsh-st-dropdown-row.has-trailing .dsh-st-dropdown-label-cell{flex:none}
+.dsh-st-dropdown-spacer{min-width:0}
+.dsh-st-dropdown-row:not(.has-trailing) .dsh-st-dropdown-spacer{flex:0 0 0}
+.dsh-st-dropdown-row.has-trailing .dsh-st-dropdown-spacer{flex:1 1 auto}
+.dsh-st-dropdown-row.has-trailing{gap:0}
+.dsh-st-dropdown-row.has-trailing .dsh-st-dropdown-label-cell{margin-right:8px}
+.dsh-st-dropdown-row.has-trailing .dsh-st-dropdown-default{margin-right:4px}
+.dsh-st-dropdown-check{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex:none}
+.dsh-st-dropdown-row:hover,.dsh-st-dropdown-row.is-selected{background:var(--dsw-alias-interactive-bg-hover,rgba(255,255,255,.08));color:var(--dsw-alias-label-primary,inherit)}
+.dsh-st-dropdown-default{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:0;height:22px;padding:0 6px;border:1px solid var(--dsw-alias-border-l2,rgba(255,255,255,.14));border-radius:999px;background:var(--dsw-alias-bg-layer-3,rgba(255,255,255,.14));color:var(--dsw-alias-label-primary,inherit);font-family:inherit;font-size:12px;line-height:18px;cursor:pointer;white-space:nowrap;overflow:hidden}
+.dsh-st-dropdown-default:hover{background:var(--dsw-alias-interactive-bg-hover,rgba(255,255,255,.2))}
+.dsh-st-dropdown-default:disabled,.dsh-st-dropdown-default.is-on{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.08);color:var(--dsw-alias-label-tertiary,#8b8f98);cursor:default}
+.dsh-st-dropdown.dsh-st-dropdown-compact .dsh-st-dropdown-btn{font-size:12px;line-height:18px}
+.dsh-st-dropdown-menu.dsh-st-dropdown-compact .dsh-st-dropdown-row{font-size:12px;line-height:18px}
+.dsh-st-dropdown-menu.dsh-st-dropdown-compact .dsh-st-dropdown-default{font-size:11px;line-height:16px}
 .dsh-st-sort-tick{width:16px;height:16px;flex:none}
 .dsh-st-filters{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-left:auto}
 .dsh-st-filters>button{height:28px;padding:0 10px;border:0;border-radius:999px;background:rgba(255,255,255,.06);color:inherit;font-size:12px}
@@ -3226,6 +3803,29 @@ var CSS_TEXT = `
 .dsh-st-menu-split{height:1px;margin:6px 8px;background:rgba(255,255,255,.08)}
 .dsh-st-subdialog{margin:0 0 12px;padding:12px;border:1px solid var(--dsw-alias-border-l2);border-radius:12px;background:rgba(255,255,255,.03)}
 .dsh-st-subdialog>strong{display:block;margin:0 0 8px;font-size:13px}
+.dsh-st-rail-views{display:flex;flex:none;gap:3px;margin:16px 8px 10px;padding:2px;border:1px solid var(--dsw-alias-border-l2,rgba(255,255,255,.1));border-radius:9px;background:var(--dsw-alias-bg-layer-2,rgba(255,255,255,.035))}
+.dsh-st-rail-views button{flex:1;appearance:none;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--dsw-alias-label-secondary,#9ca3af);padding:3px 7px;font-size:12px;line-height:18px;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}
+.dsh-st-rail-views button:hover{color:var(--dsw-alias-label-primary,inherit)}
+.dsh-st-rail-views button.is-on{border-color:var(--dsw-alias-border-l2,rgba(255,255,255,.18));background:var(--dsw-alias-bg-layer-3,rgba(255,255,255,.15));color:var(--dsw-alias-label-primary,#fff);font-weight:650;box-shadow:0 1px 3px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.06)}
+.dsh-st-overview{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;padding:2px 8px 14px}
+.dsh-st-overview-head{display:flex;flex:none;align-items:center;justify-content:space-between;gap:8px;height:36px;min-height:36px;margin-bottom:4px;padding:6px 0}
+.dsh-st-overview-title{display:flex;align-items:baseline;min-width:0;gap:6px;color:var(--dsw-alias-label-tertiary,#81858C)}
+.dsh-st-overview-title strong{font-size:14px;font-weight:400;line-height:20px}
+.dsh-st-overview-title span{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--dsw-alias-bg-layer-3,rgba(255,255,255,.1));color:var(--dsw-alias-label-tertiary,#8b8f98);font-size:11px;line-height:18px}
+.dsh-st-overview-sort{display:flex;align-items:center}
+.dsh-st-overview-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto 12px;align-items:center;gap:8px;width:100%;min-height:88px;margin:0 0 8px;padding:9px 10px;border:1px solid var(--dsw-alias-border-l2,rgba(255,255,255,.1));border-radius:9px;background:var(--dsw-alias-bg-layer-2,rgba(255,255,255,.035));color:var(--dsw-alias-label-primary,inherit);text-align:left;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.025);transition:background .14s ease,border-color .14s ease}
+.dsh-st-overview-row:hover:not(:disabled){border-color:var(--dsw-alias-border-inverted,rgba(255,255,255,.18));background:var(--dsw-alias-bg-layer-3,rgba(255,255,255,.06))}
+.dsh-st-overview-row:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary,#4c8dff);outline-offset:2px}
+.dsh-st-overview-row:disabled{cursor:default}
+.dsh-st-overview-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}
+.dsh-st-overview-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:18px;font-weight:580}
+.dsh-st-overview-status{display:inline-flex;align-self:flex-start;align-items:center;gap:4px;padding:2px 6px;border-radius:999px;background:rgba(50,205,143,.12);color:#45d483;font-size:11px;line-height:16px}
+.dsh-st-overview-row.is-paused .dsh-st-overview-status{background:var(--dsw-alias-bg-layer-3,rgba(255,255,255,.08));color:var(--dsw-alias-label-secondary,#aeb3bd)}
+.dsh-st-overview-schedule{display:inline-flex;align-items:center;gap:5px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--dsw-alias-label-tertiary,#8b8f98);font-size:12px;line-height:16px}
+.dsh-st-overview-next{display:flex;flex:none;min-width:50px;flex-direction:column;align-items:flex-end;gap:2px;color:var(--dsw-alias-label-tertiary,#8b8f98);font-size:10px;line-height:14px}
+.dsh-st-overview-next strong{color:var(--dsw-alias-label-secondary,#b6bac2);font-size:12px;font-weight:600;line-height:16px;white-space:nowrap}
+.dsh-st-overview-row:not(.is-paused) .dsh-st-overview-next strong{color:#45d483}
+.dsh-st-overview-chevron{flex:none;color:var(--dsw-alias-label-tertiary,#8b8f98)}
 .dsh-st-rail{box-sizing:border-box;height:100%;overflow:auto;padding:4px var(--dsh-sidebar-inline-padding,12px) 18px 8px;color:inherit;scrollbar-gutter:stable}
 .dsh-st-rail-empty{padding:16px 10px;color:var(--dsw-alias-label-tertiary,#8b8f98);font-size:12px}
 .dsh-st-rail-group{margin:0 0 8px}
@@ -3238,14 +3838,26 @@ var CSS_TEXT = `
 .dsh-st-rail-session span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .dsh-st-rail-dot{width:6px;height:6px;margin-left:auto;border-radius:50%;background:#34c759;flex:none}.dsh-st-run-dot{flex:none;color:var(--dsw-static-deepseek-450,#4c8dff)}.dsh-st-run-dot-cell{fill:currentColor;opacity:.15;animation:dsh-st-run-chase 1s infinite}@keyframes dsh-st-run-chase{0%,12.4%{opacity:1}12.5%,24.9%{opacity:.6}25%,37.4%{opacity:.35}37.5%,100%{opacity:.15}}
 .dsh-st-shell-rail{display:flex;flex-direction:column;min-height:0;flex:1;height:100%;overflow:hidden}
-.dsh-st-shell-tabs{display:flex;flex:none;gap:18px;padding:4px 12px 0;border-bottom:1px solid var(--dsw-alias-border-l2,rgba(255,255,255,.08))}
-.dsh-st-shell-tabs button{appearance:none;border:0;background:transparent;color:var(--dsw-alias-label-secondary,#8b8f98);padding:8px 0;font-size:13px;cursor:pointer}
+.dsh-st-shell-tabs{display:flex;flex:none;gap:18px;padding:6px 12px 0;border-bottom:1px solid var(--dsw-alias-border-l2,rgba(255,255,255,.08))}
+.dsh-st-shell-tabs button{appearance:none;border:0;background:transparent;color:var(--dsw-alias-label-secondary,#8b8f98);padding:8px 0 9px;font-size:13px;cursor:pointer}
 .dsh-st-shell-tabs button.is-on{color:var(--dsw-alias-label-primary,inherit);box-shadow:inset 0 -2px 0 currentColor}
 .dsh-st-shell-body{display:flex;min-height:0;flex:1;overflow:hidden}
 .dsh-st-shell-body>*{min-width:0;flex:1}.dsh-st-official-tree{display:flex;min-height:0;flex:1;overflow:hidden}.dsh-st-official-tree>*{min-width:0;flex:1}
 .dsh-st-rail-head.is-static{cursor:default;font-weight:600}
 .dsh-st-rail-session.is-on{background:var(--dsw-alias-interactive-bg-hover,rgba(255,255,255,.06))}
 .dsh-st-n,.dsh-st-n *{box-sizing:border-box}.dsh-st-n{box-sizing:border-box;display:flex;flex:1;min-width:0;max-width:100%;min-height:0;flex-direction:column;padding:0;padding-right:var(--dsh-sidebar-inline-padding,12px);color:var(--dsw-alias-label-primary,inherit);font:14px/20px inherit;overflow:hidden}.dsh-st-n-toolbar{box-sizing:border-box;flex:none;height:36px;margin:2px -4px 4px 0;padding-left:4px;display:flex;justify-content:flex-end;align-items:center;gap:4px;overflow:visible;position:relative;z-index:2;color:var(--dsw-alias-label-tertiary,#81858C);border-radius:12px}.dsh-st-n-head-label{white-space:nowrap;min-width:0;max-width:45%;flex:none;line-height:20px;font-size:14px;overflow:hidden;transition:max-width .18s var(--ds-ease-in-out,ease),margin-right .18s var(--ds-ease-in-out,ease),opacity .12s var(--ds-ease-in-out,ease),transform .18s var(--ds-ease-in-out,ease),visibility 0s linear}.dsh-st-n-toolbar.is-search .dsh-st-n-head-label{opacity:0;visibility:hidden;max-width:0;margin-right:-4px;transform:translate(-4px);transition-delay:0s,0s,0s,0s,.18s}.dsh-st-n-search-slot{box-sizing:border-box;min-width:28px;max-width:28px;transition:max-width .18s var(--ds-ease-in-out,ease);flex:none;align-items:center;margin-left:auto;display:flex;position:relative;z-index:2}.dsh-st-n-toolbar.is-search .dsh-st-n-search-slot{flex:1;min-width:0;max-width:100%}.dsh-st-n-search{box-sizing:border-box;cursor:text;width:100%;height:28px;color:var(--dsw-alias-label-secondary);transition:width .18s var(--ds-ease-in-out,ease),padding .18s var(--ds-ease-in-out,ease),border-color .18s var(--ds-ease-in-out,ease);background:transparent;border:none;border-radius:50%;flex:none;align-items:center;margin:0;padding:0;display:flex;overflow:hidden}.dsh-st-n-toolbar.is-search .dsh-st-n-search{border:1px solid var(--dsw-alias-border-l2,rgba(255,255,255,.10));width:calc(100% + 4px);height:30px;border-radius:10px;margin-inline:-2px;padding:0 4px 0 0}.dsh-st-n-search-btn,.dsh-st-n-head-btn{cursor:pointer;width:28px;height:28px;min-width:28px;min-height:28px;position:relative;z-index:1;color:var(--dsw-alias-label-secondary);background:transparent;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.dsh-st-n-toolbar.is-search .dsh-st-n-search-btn{width:28px;height:30px}.dsh-st-n-search-btn:hover,.dsh-st-n-head-btn:hover,.dsh-st-n-head-btn.is-on{background:var(--dsw-alias-interactive-bg-hover,rgba(255,255,255,.06));color:var(--dsw-alias-label-primary,inherit)}.dsh-st-n-toolbar.is-search .dsh-st-n-search-btn:hover{background:transparent}.dsh-st-n-head-acts{opacity:1;visibility:visible;max-width:32px;transition:max-width .18s var(--ds-ease-in-out,ease),opacity .12s var(--ds-ease-in-out,ease),transform .18s var(--ds-ease-in-out,ease),visibility 0s linear;flex:none;align-items:center;gap:4px;display:flex;overflow:visible;position:relative}.dsh-st-n-toolbar.is-search .dsh-st-n-head-acts{opacity:0;visibility:hidden;pointer-events:none;max-width:0;transform:translate(4px);transition-delay:0s,0s,0s,.18s}.dsh-st-n-head-filter{position:relative}.dsh-st-n-search-input{display:none;opacity:0;pointer-events:none;width:0;min-width:0;flex:none;color:var(--dsw-alias-label-primary,inherit);transition:opacity .12s var(--ds-ease-in-out,ease);background:transparent;border:none;outline:none;flex:1;font-size:13px;line-height:18px}.dsh-st-n-toolbar.is-search .dsh-st-n-search-input{display:block;opacity:1;pointer-events:auto;margin-left:-2px;width:auto;flex:1;min-width:0}.dsh-st-n-search-input::placeholder{color:var(--dsw-alias-label-tertiary,#81858C)}.dsh-st-n-search-clear{cursor:pointer;width:24px;height:24px;color:var(--dsw-alias-label-secondary);background:transparent;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.dsh-st-n-search-clear:hover{background:var(--dsw-alias-interactive-bg-hover,rgba(255,255,255,.06))}@media (prefers-reduced-motion:reduce){.dsh-st-n-head-label,.dsh-st-n-search-slot,.dsh-st-n-search,.dsh-st-n-head-acts,.dsh-st-n-search-input{transition:none}}.dsh-st-n-filter-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:30;min-width:196px;padding:8px 6px;border:1px solid var(--dsw-alias-border-inverted,rgba(255,255,255,.12));border-radius:12px;background:var(--dsw-specific-menu,#1c2128);box-shadow:var(--dsw-shadow-lv3,0 8px 24px rgba(0,0,0,.36))}.dsh-st-n-filter-label{padding:6px 10px 4px;font-size:12px;line-height:18px;color:var(--dsw-alias-label-tertiary,#81858C)}.dsh-st-n-filter-split{height:1px;margin:6px 8px;background:var(--dsw-alias-border-l2,rgba(255,255,255,.1))}.dsh-st-n-filter-menu button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:36px;padding:6px 10px;border:0;border-radius:8px;background:transparent;color:var(--dsw-alias-label-primary,inherit);font:14px/20px inherit;cursor:pointer;text-align:left}.dsh-st-n-filter-menu button:hover{background:var(--dsw-alias-interactive-bg-hover,rgba(255,255,255,.06))}.dsh-st-n-filter-tick{width:16px;height:16px;flex:none}.dsh-st-n-tree{flex:1;min-width:0;max-width:100%;min-height:0;overflow-x:hidden;overflow-y:auto;padding:0 0 16px;user-select:none}.dsh-st-n-empty{padding:14px 8px;color:var(--dsw-alias-label-tertiary,#8b8f98);font-size:12px}.dsh-st-n-group{min-width:0;max-width:100%}.dsh-st-n-row,.dsh-st-n-sess{display:flex;align-items:center;max-width:100%;border-radius:8px;padding:0 8px 0 12px;cursor:pointer;border:0;background:transparent;color:var(--dsw-alias-label-primary,inherit);text-align:left;font:14px/20px inherit}.dsh-st-n-row{height:34px;gap:6px}.dsh-st-n-sess{height:32px;gap:0;position:relative;width:100%;appearance:none}.dsh-st-n-row:hover,.dsh-st-n-sess:hover,.dsh-st-n-sess.is-on,.dsh-st-n-sess.is-menu{background:var(--dsw-alias-interactive-bg-hover,rgba(255,255,255,.06))}.dsh-st-n-slot{flex:none;width:16px;height:20px;display:inline-flex;align-items:center;justify-content:center}.dsh-st-n-folder{color:var(--dsw-alias-label-secondary,#9ca39f)}.dsh-st-n-lead{color:var(--dsw-alias-label-tertiary,#81858C)}.dsh-st-n-corner{color:var(--dsw-alias-label-caption,#ADB2B8);width:8px}.dsh-st-n-title{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:20px}.dsh-st-n-sess .dsh-st-n-title{margin:0 6px 0 4px}.dsh-st-n-time{flex:none;font-size:12px;line-height:20px;color:var(--dsw-alias-label-tertiary,#81858C);white-space:nowrap}.dsh-st-n-acts{flex:none;display:none;align-items:center;gap:12px}.dsh-st-n-row:hover .dsh-st-n-acts,.dsh-st-n-sess:hover .dsh-st-n-acts,.dsh-st-n-row.is-menu .dsh-st-n-acts,.dsh-st-n-sess.is-menu .dsh-st-n-acts{display:inline-flex}.dsh-st-n-sess:hover .dsh-st-n-time,.dsh-st-n-sess.is-menu .dsh-st-n-time{display:none}.dsh-st-n-ico{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border:0;border-radius:4px;background:transparent;color:var(--dsw-alias-label-tertiary,#81858C);padding:0;cursor:pointer}.dsh-st-n-ico:hover{color:var(--dsw-alias-label-primary,inherit)}.dsh-st-n-menu.is-float{position:fixed;z-index:4000;right:auto;top:auto}.dsh-st-n-menu{position:absolute;right:8px;top:calc(100% + 4px);z-index:1100;min-width:218px;max-width:360px;box-sizing:border-box;padding:4px;display:flex;flex-direction:column;border:1px solid var(--dsw-alias-border-inverted,rgba(255,255,255,.12));border-radius:12px;background:var(--dsw-specific-menu,#1c2128);box-shadow:var(--dsw-shadow-lv3,0 8px 24px rgba(0,0,0,.36))}.dsh-st-n-menu button{display:flex;align-items:center;gap:8px;width:100%;min-height:40px;padding:8px 10px;border:0;border-radius:10px;background:transparent;cursor:pointer;font-size:14px;line-height:22px;color:var(--dsw-alias-label-primary,inherit);text-align:left}.dsh-st-n-menu button:hover{background:var(--dsw-alias-interactive-bg-hover,rgba(255,255,255,.06))}.dsh-st-n-mi{display:inline-flex;flex:none;width:16px;height:16px;align-items:center;justify-content:center;color:var(--dsw-alias-label-tertiary,#81858C)}.dsh-st-n-menu button.danger{color:var(--dsw-alias-state-error-primary,#f85149)}.dsh-st-n-menu button.danger .dsh-st-n-mi{color:inherit}.dsh-st-n-menu button.danger:hover{background:var(--dsw-alias-interactive-bg-hover-danger,rgba(248,81,73,.12))}.dsh-st-n-hover{position:fixed;z-index:4100;min-width:188px;max-width:280px;padding:12px 14px;border:1px solid var(--dsw-alias-border-inverted,rgba(255,255,255,.12));border-radius:12px;background:var(--dsw-specific-menu,#1c2128);box-shadow:var(--dsw-shadow-lv3,0 8px 24px rgba(0,0,0,.36));color:var(--dsw-alias-label-primary,inherit)}.dsh-st-n-hover-title{font-size:14px;line-height:20px;font-weight:500}.dsh-st-n-hover-time{margin-top:4px;font-size:12px;line-height:18px;color:var(--dsw-alias-label-tertiary,#81858C)}.dsh-st-n-hover-state{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:12px;line-height:18px;color:var(--dsw-alias-label-secondary,#9ca39f)}.dsh-st-n-hover-dot{width:8px;height:8px;border-radius:50%;background:#34c759;flex:none}.dsh-st-n-hover-dot.is-run{background:#4c8dff}.dsh-st-n-rename{flex:1;min-width:0;margin:0 6px 0 4px;border:1px solid var(--dsw-alias-border-l2);border-radius:4px;background:var(--dsw-alias-button-elevated-fill,rgba(255,255,255,.04));color:inherit;font:inherit;padding:0 2px}
+.dsh-st-n-row.is-menu{background:var(--dsw-alias-interactive-bg-hover,rgba(255,255,255,.06))}
+.dsh-st-overview-sort .dsh-st-n-head-btn.is-open{background:var(--dsw-alias-interactive-bg-hover,rgba(255,255,255,.06));color:var(--dsw-alias-label-primary,inherit)}
+.dsh-st-n-row[aria-expanded="true"].has-current-session .dsh-st-n-folder{color:var(--dsw-static-deepseek-450,#4c8dff)}
+.dsh-st-n-sess:focus{outline:none}.dsh-st-n-sess:focus-visible:not(.is-on){box-shadow:inset 0 0 0 2px var(--dsw-alias-state-business-primary,#4c8dff)}
+.dsh-st-n-row>.dsh-st-n-acts{display:inline-flex;opacity:0;visibility:hidden;pointer-events:none}
+.dsh-st-n-row:hover>.dsh-st-n-acts,.dsh-st-n-row:focus-within>.dsh-st-n-acts,.dsh-st-n-row.is-menu>.dsh-st-n-acts{opacity:1;visibility:visible;pointer-events:auto}
+.dsh-st-n-dialog-actions{display:flex;justify-content:flex-end;gap:8px}
+.dsh-st-n-dialog-copy{margin:0;color:var(--dsw-alias-label-secondary);font-size:14px;line-height:22px}
+.dsh-st-n-dialog-status{margin-top:12px;color:var(--dsw-alias-label-secondary);font-size:13px;line-height:20px}
+.dsh-st-n-dialog-error{margin-top:12px;color:var(--dsw-alias-state-error-primary,#f85149);font-size:13px;line-height:20px}
+.dsh-st-n-danger-button{color:var(--dsw-alias-state-error-primary,#f85149)!important}
+.dsh-st-n-danger-button:hover{background:var(--dsw-alias-interactive-bg-hover-danger,rgba(248,81,73,.12))!important}
 `;
 function installStyles() {
   const existing = document.getElementById(STYLE_ID);
@@ -3262,10 +3874,87 @@ function installStyles() {
   };
 }
 
+// src/client/settings-navigation.ts
+function pickSettingsSectionButton(buttons, labels) {
+  for (const label of labels) {
+    const target = label.trim();
+    if (target === "") continue;
+    const match = buttons.find((button) => button.textContent?.replace(/\s+/g, " ").trim() === target);
+    if (match !== void 0) return match;
+  }
+  return void 0;
+}
+function pickSettingsLauncher(buttons) {
+  const named = buttons.find((button) => {
+    const label = `${button.textContent ?? ""} ${button.getAttribute("aria-label") ?? ""}`.trim();
+    return /(^|\s)(设置|settings)(\s|$)/i.test(label);
+  });
+  return named ?? (buttons.length === 1 ? buttons[0] : void 0);
+}
+var cancelPendingNavigation;
+function openSettingsSection(labels, onSelected, onMissing) {
+  if (typeof document === "undefined" || typeof window === "undefined") {
+    onMissing?.();
+    return;
+  }
+  const launchers = [...document.querySelectorAll('button[aria-haspopup="dialog"]')];
+  const launcher = pickSettingsLauncher(launchers);
+  const dialogOpen = document.querySelector('[role="dialog"]') !== null;
+  if (!dialogOpen && launcher === void 0) {
+    onMissing?.();
+    return;
+  }
+  cancelPendingNavigation?.();
+  if (!dialogOpen) launcher?.click();
+  let frame;
+  let finished = false;
+  const observer = new MutationObserver(() => {
+    schedule();
+  });
+  const cleanup = () => {
+    if (finished) return;
+    finished = true;
+    observer.disconnect();
+    window.clearTimeout(timeout);
+    if (frame !== void 0) window.cancelAnimationFrame(frame);
+    if (cancelPendingNavigation === cleanup) cancelPendingNavigation = void 0;
+  };
+  const select = () => {
+    const buttons = [...document.querySelectorAll('[role="dialog"] nav button')];
+    const target = pickSettingsSectionButton(buttons, labels);
+    if (target === void 0) return false;
+    cleanup();
+    target.click();
+    onSelected?.();
+    return true;
+  };
+  const schedule = () => {
+    if (finished || frame !== void 0) return;
+    frame = window.requestAnimationFrame(() => {
+      frame = void 0;
+      select();
+    });
+  };
+  const timeout = window.setTimeout(() => {
+    if (select()) return;
+    cleanup();
+    onMissing?.();
+  }, 1500);
+  observer.observe(document.body, { childList: true, subtree: true });
+  cancelPendingNavigation = cleanup;
+  schedule();
+}
+
 // src/client/index.ts
 var name = "dsh-automation-client";
 var inject = ["slots", "locale", "connection", "sessions"];
 var SETTINGS_CLOCK_SVG = '<svg viewBox="0 0 16 16" width="16" height="16" fill="none" aria-hidden="true" data-dsh-schedule-icon="1"><path fill="currentColor" d="M8 1.15A6.85 6.85 0 1 0 8 14.85 6.85 6.85 0 0 0 8 1.15Zm0 1.4a5.45 5.45 0 1 1 0 10.9 5.45 5.45 0 0 1 0-10.9Z"/><path fill="currentColor" d="M8.62 4.35H7.28v4.2l3.02 1.78.67-1.13-2.35-1.39V4.35Z"/></svg>';
+function isSessionSelector(value) {
+  return typeof value === "function";
+}
+function isWorkspaceSelector(value) {
+  return typeof value === "function";
+}
 function installSettingsNavIcon(labels) {
   const wanted = new Set(labels().map((item) => item.trim()).filter((item) => item !== ""));
   const applyButton = (button) => {
@@ -3311,7 +4000,7 @@ function apply(ctx) {
     label: () => t("tab"),
     icon: "schedule"
   }, function ScheduledTasksSettings(props) {
-    return (0, import_react8.createElement)(AutomationView, { t, permissionT, modelT, runtime, ...props.close === void 0 ? {} : { closeSettings: props.close } });
+    return (0, import_react11.createElement)(AutomationView, { t, permissionT, modelT, runtime, ...props.close === void 0 ? {} : { closeSettings: props.close } });
   }));
   ctx.slots.inject("sidebar.schedule", () => ctx.slots.register({
     name: "sidebar.schedule",
@@ -3320,10 +4009,12 @@ function apply(ctx) {
     locale: NS,
     label: () => t("sidebar.tab")
   }, function AutomationScheduleRail(props) {
-    return (0, import_react8.createElement)(ScheduleRail, {
+    return (0, import_react11.createElement)(ScheduleRail, {
       t,
       runtime,
-      openSession: createScheduledSessionOpener(ctx, runtime, props.openSession)
+      openSession: createScheduledSessionOpener(ctx, runtime, props.openSession),
+      ...props.view === void 0 ? {} : { view: props.view },
+      ...props.showViewSwitch === void 0 ? {} : { showViewSwitch: props.showViewSwitch }
     });
   }));
   ctx.slots.inject("sidebar.workspaces", () => {
@@ -3366,16 +4057,25 @@ function apply(ctx) {
         render: (props) => {
           const hostOpen = typeof props.openSession === "function" ? props.openSession : typeof props.open === "function" ? props.open : openSession;
           const opener = createScheduledSessionOpener(ctx, runtime, hostOpen);
-          return (0, import_react8.createElement)(NativeScheduleSessionList, {
+          return (0, import_react11.createElement)(NativeScheduleSessionList, {
             t,
             runtime,
             openSession: opener,
-            ...typeof props.useSessions === "function" ? { useSessions: props.useSessions } : {},
-            ...typeof props.useWorkspaces === "function" ? { useWorkspaces: props.useWorkspaces } : {},
+            ...isSessionSelector(props.useSessions) ? { useSessions: props.useSessions } : {},
+            ...isWorkspaceSelector(props.useWorkspaces) ? { useWorkspaces: props.useWorkspaces } : {},
             ...typeof props.renameSession === "function" ? { renameSession: props.renameSession } : {},
             ...typeof props.archiveSession === "function" ? { archiveSession: props.archiveSession } : {},
             ...typeof props.deleteSession === "function" ? { deleteSession: props.deleteSession } : {},
-            ...typeof props.forkSession === "function" ? { forkSession: props.forkSession } : {}
+            ...typeof props.forkSession === "function" ? { forkSession: props.forkSession } : {},
+            openTaskSettings: (request) => {
+              requestAutomationTaskSettings(request);
+              openSettingsSection(
+                [t("tab"), "Scheduled tasks", "\u5B9A\u65F6\u4EFB\u52A1"],
+                () => {
+                  requestAutomationTaskSettings(request);
+                }
+              );
+            }
           });
         }
       });
@@ -3407,7 +4107,7 @@ function apply(ctx) {
       try {
         let AutomationNativeWorkspaceShell2 = function(innerProps) {
           const openSession = createScheduledSessionOpener(ctx, runtime, innerProps.openSession ?? innerProps.open);
-          return (0, import_react8.createElement)(NativeScheduleShell, {
+          return (0, import_react11.createElement)(NativeScheduleShell, {
             t,
             runtime,
             hostProps: innerProps,
@@ -3493,7 +4193,7 @@ function createScheduledSessionOpener(ctx, runtime, hostOpen) {
   };
 }
 function PrefillBridge(props) {
-  (0, import_react8.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     const applyPrefill = (text) => {
       if (text === null || text === "") return;
       if (props.inputActions !== void 0) {