dsh-mishu 0.7.1 → 0.7.3

package/lib/client.js

@@ -33,7 +33,7 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/client/Board.tsx
-var import_react5 = require("react");
+var import_react6 = require("react");
 
 // src/client/api.ts
 async function post(path, body) {
@@ -80,7 +80,11 @@ var settingsApi = {
   saveMail: (lang, account, password) => post("/mail/save", { lang, account, password }),
   testMail: (lang, account, password) => post("/mail/test", { lang, account, password }),
   deleteMail: (lang, id) => post("/mail/delete", { lang, id }),
-  syncMail: (lang, id) => post("/mail/sync", { lang, id })
+  syncMail: (lang, id) => post("/mail/sync", { lang, id }),
+  saveWatch: (lang, watch) => post("/watch/save", { lang, watch }),
+  testWatch: (lang, watch) => post("/watch/test", { lang, watch }),
+  deleteWatch: (lang, id) => post("/watch/delete", { lang, id }),
+  syncWatch: (lang, id) => post("/watch/sync", { lang, id })
 };
 
 // src/client/AskAI.tsx
@@ -156,6 +160,7 @@ var zh = {
   sourceGithub: "GitHub",
   sourceMail: "\u90AE\u4EF6",
   sourceManual: "\u4EA4\u4EE3",
+  sourceWatch: "\u5173\u6CE8",
   sGeneral: "\u901A\u7528",
   sLanguage: "\u8BED\u8A00",
   sLanguageAuto: "\u8DDF\u968F\u7CFB\u7EDF",
@@ -208,6 +213,34 @@ var zh = {
   sPasswordTestOnly: "\u6CA1\u6709\u94A5\u5319\u4E32\uFF1A\u8FD9\u91CC\u586B\u7684\u53EA\u7528\u6765\u6D4B\u8BD5\u8FDE\u63A5\uFF0C\u4E0D\u4F1A\u4FDD\u5B58",
   secretKinds: { macos: "macOS \u94A5\u5319\u4E32", windows: "Windows \u51ED\u636E\u7BA1\u7406\u5668", linux: "Linux \u5BC6\u94A5\u73AF\uFF08Secret Service\uFF09", memory: "\u5185\u5B58\uFF08\u6D4B\u8BD5\u7528\uFF09" },
   sNoAccounts: "\u8FD8\u6CA1\u6709\u6DFB\u52A0\u90AE\u7BB1\u3002",
+  sWatch: "\u81EA\u5DF1\u5173\u6CE8\u7684",
+  sWatchHint: "\u9664\u4E86 GitHub \u548C\u90AE\u7BB1\uFF0C\u4F60\u4E5F\u53EF\u4EE5\u8BA9\u5C0F\u79D8\u4E66\u76EF\u7740\u4EFB\u610F\u4E00\u4E2A\u7F51\u5740\uFF1A\u516C\u544A\u9875\u3001\u4EF7\u683C\u3001\u62DB\u8058\u9875\u3001\u8BA2\u9605\u6E90\u90FD\u884C\u3002\u5B83\u4F1A\u9694\u4E00\u4F1A\u513F\u770B\u4E00\u6B21\uFF0C\u6709\u53D8\u5316\u5C31\u653E\u5230\u770B\u677F\u4E0A\u3002",
+  sNoWatches: "\u8FD8\u6CA1\u6709\u5173\u6CE8\u4EFB\u4F55\u7F51\u5740\u3002",
+  sAddWatch: "+ \u5173\u6CE8\u4E00\u4E2A\u7F51\u5740",
+  wTitleAdd: "\u5173\u6CE8\u4E00\u4E2A\u7F51\u5740",
+  wTitleEdit: "\u4FEE\u6539\u5173\u6CE8",
+  wUrl: "\u7F51\u5740",
+  wUrlHint: "RSS \u8BA2\u9605\u3001JSON \u63A5\u53E3\u3001\u666E\u901A\u7F51\u9875\u90FD\u53EF\u4EE5\u3002\u8981\u767B\u5F55\u624D\u80FD\u770B\u7684\u9875\u9762\u8BFB\u4E0D\u5230\u3002",
+  wLabel: "\u540D\u79F0",
+  wKeywords: "\u5173\u6CE8\u54EA\u4E9B\u5B57\uFF08\u53EF\u9009\uFF0C\u7528\u9017\u53F7\u5206\u5F00\uFF09",
+  wKeywordsHint: "\u586B\u4E86\u5C31\u53EA\u5728\u51FA\u73B0\u8FD9\u4E9B\u5B57\u65F6\u63D0\u9192\u4F60\uFF1B\u4E0D\u586B\u5C31\u662F\u6709\u53D8\u5316\u5C31\u63D0\u9192\u3002",
+  wEvery: "\u591A\u4E45\u770B\u4E00\u6B21",
+  wEveryUnit: (n) => `${n} \u5206\u949F`,
+  wTest: "\u5148\u8BD5\u8BFB\u4E00\u4E0B",
+  wTesting: "\u6B63\u5728\u8BFB\u2026",
+  wTestOk: (n, title) => `\u8BFB\u5230\u4E86 ${n} \u6761\u5185\u5BB9\uFF0C\u7B2C\u4E00\u6761\u662F\u300C${title}\u300D\u3002`,
+  wTestNoHit: (word) => `\u8BFB\u5230\u4E86\uFF0C\u4F46\u7B2C\u4E00\u6761\u91CC\u6CA1\u6709\u300C${word}\u300D\u3002\u4FDD\u5B58\u540E\u8FD8\u4F1A\u7EE7\u7EED\u76EF\u7740\u3002`,
+  wTestHit: (word) => `\u8BFB\u5230\u4E86\uFF0C\u7B2C\u4E00\u6761\u91CC\u5C31\u6709\u300C${word}\u300D\u3002`,
+  wSave: "\u4FDD\u5B58",
+  wSaveAndCheck: "\u4FDD\u5B58\u5E76\u770B\u4E00\u6B21",
+  wCheckNow: "\u73B0\u5728\u770B\u4E00\u6B21",
+  wDeleteConfirm: "\u5220\u6389\u8FD9\u4E2A\u5173\u6CE8\uFF1F\u5B83\u8FD8\u6CA1\u5904\u7406\u7684\u4E8B\u9879\u4F1A\u88AB\u5173\u6389\u3002",
+  wNeverChecked: "\u8FD8\u6CA1\u770B\u8FC7",
+  wKeywordsNone: "\u6709\u4EFB\u4F55\u53D8\u5316\u5C31\u544A\u8BC9\u6211",
+  wKeywordsList: (words) => `\u63D0\u5230 ${words} \u65F6\u544A\u8BC9\u6211`,
+  wChecked: (at, n) => `${at} \u770B\u8FC7\uFF0C${n} \u6761\u5185\u5BB9`,
+  wDisabled: "\u5DF2\u505C\u7528",
+  wAskSetup: "\u4E0D\u77E5\u9053\u8BE5\u586B\u4EC0\u4E48\u7F51\u5740\uFF1F",
   sAddAccount: "+ \u6DFB\u52A0\u90AE\u7BB1",
   sEdit: "\u7F16\u8F91",
   sDelete: "\u5220\u9664",
@@ -343,6 +376,7 @@ var en = {
   sourceGithub: "GitHub",
   sourceMail: "Mail",
   sourceManual: "Noted",
+  sourceWatch: "Watching",
   sGeneral: "General",
   sLanguage: "Language",
   sLanguageAuto: "Follow the system",
@@ -395,6 +429,34 @@ var en = {
   sPasswordTestOnly: "No keychain: used only to test the connection, not saved",
   secretKinds: { macos: "the macOS Keychain", windows: "Windows Credential Manager", linux: "the Linux keyring (Secret Service)", memory: "memory (tests)" },
   sNoAccounts: "No mail account yet.",
+  sWatch: "Things you watch",
+  sWatchHint: "Beyond GitHub and mail, the secretary can keep an eye on any address you give it: an announcements page, a price, a job posting, a feed. It looks now and then and puts a card on the board when something changes.",
+  sNoWatches: "Not watching anything yet.",
+  sAddWatch: "+ Watch an address",
+  wTitleAdd: "Watch an address",
+  wTitleEdit: "Edit watch",
+  wUrl: "Address",
+  wUrlHint: "An RSS feed, a JSON endpoint or a plain page all work. Pages behind a login cannot be read.",
+  wLabel: "Name",
+  wKeywords: "Words to watch for (optional, comma separated)",
+  wKeywordsHint: "With words, it only tells you when they show up; without, any change is worth a card.",
+  wEvery: "Check every",
+  wEveryUnit: (n) => `${n} minutes`,
+  wTest: "Read it once",
+  wTesting: "Reading\u2026",
+  wTestOk: (n, title) => `Read ${n} entries; the first is "${title}".`,
+  wTestNoHit: (word) => `It loaded, but the first entry does not mention "${word}". It keeps watching after you save.`,
+  wTestHit: (word) => `It loaded, and the first entry mentions "${word}".`,
+  wSave: "Save",
+  wSaveAndCheck: "Save and look once",
+  wCheckNow: "Look now",
+  wDeleteConfirm: "Delete this watch? Anything it still has open is closed.",
+  wNeverChecked: "Not checked yet",
+  wKeywordsNone: "tell me about any change",
+  wKeywordsList: (words) => `tell me when it mentions ${words}`,
+  wChecked: (at, n) => `checked ${at}, ${n} entries`,
+  wDisabled: "disabled",
+  wAskSetup: "Not sure what address to use?",
   sAddAccount: "+ Add a mail account",
   sEdit: "Edit",
   sDelete: "Delete",
@@ -516,14 +578,52 @@ function AskAI({ topic, lang, locale, openChat: openChat2, compact = false }) {
 }
 
 // src/client/Settings.tsx
-var import_react4 = require("react");
+var import_react5 = require("react");
 
-// src/client/Modal.tsx
+// src/client/Fold.tsx
 var import_react2 = require("react");
-var import_react_dom = require("react-dom");
 var import_jsx_runtime2 = require("react/jsx-runtime");
+var FoldCtx = (0, import_react2.createContext)({ open: void 0, toggle: () => {
+} });
+function FoldGroup({ children }) {
+  const [open, setOpen] = (0, import_react2.useState)();
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(FoldCtx.Provider, { value: { open, toggle: (key) => setOpen((current) => current === key ? void 0 : key) }, children });
+}
+function Fold({ id, title, aside, className = "", children }) {
+  const parent = (0, import_react2.useContext)(FoldCtx);
+  const [inner, setInner] = (0, import_react2.useState)();
+  const open = parent.open === id;
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: `mishu-card mishu-fold${open ? " open" : ""}${className === "" ? "" : ` ${className}`}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+      "div",
+      {
+        className: "mishu-card-head",
+        role: "button",
+        tabIndex: 0,
+        "aria-expanded": open,
+        onClick: () => parent.toggle(id),
+        onKeyDown: (event) => {
+          if (event.key !== "Enter" && event.key !== " ") return;
+          event.preventDefault();
+          parent.toggle(id);
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "mishu-caret", "aria-hidden": "true" }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "mishu-card-title", children: title }),
+          aside === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "mishu-card-aside", onClick: (event) => event.stopPropagation(), children: aside })
+        ]
+      }
+    ),
+    open ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "mishu-card-body", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(FoldCtx.Provider, { value: { open: inner, toggle: (key) => setInner((current) => current === key ? void 0 : key) }, children }) }) : null
+  ] });
+}
+
+// src/client/Modal.tsx
+var import_react3 = require("react");
+var import_react_dom = require("react-dom");
+var import_jsx_runtime3 = require("react/jsx-runtime");
 function Modal({ title, onClose, children }) {
-  (0, import_react2.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     const key = (event) => {
       if (event.key === "Escape") onClose();
     };
@@ -531,12 +631,12 @@ function Modal({ title, onClose, children }) {
     return () => window.removeEventListener("keydown", key);
   }, [onClose]);
   return (0, import_react_dom.createPortal)(
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "mishu-modal-backdrop", onMouseDown: (event) => {
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "mishu-modal-backdrop", onMouseDown: (event) => {
       if (event.target === event.currentTarget) onClose();
-    }, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "mishu-modal", role: "dialog", "aria-modal": "true", "aria-label": title, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "mishu-modal-head", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h2", { children: title }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { type: "button", className: "mishu-btn mishu-btn-quiet", "aria-label": "\xD7", onClick: onClose, children: "\xD7" })
+    }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "mishu-modal", role: "dialog", "aria-modal": "true", "aria-label": title, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "mishu-modal-head", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h2", { children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", className: "mishu-btn mishu-btn-quiet", "aria-label": "\xD7", onClick: onClose, children: "\xD7" })
       ] }),
       children
     ] }) }),
@@ -545,8 +645,8 @@ function Modal({ title, onClose, children }) {
 }
 
 // src/client/Notify.tsx
-var import_react3 = require("react");
-var import_jsx_runtime3 = require("react/jsx-runtime");
+var import_react4 = require("react");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 var browserZone = () => {
   try {
     return Intl.DateTimeFormat().resolvedOptions().timeZone ?? "";
@@ -557,10 +657,10 @@ var browserZone = () => {
 function NotifySection({ view, lang, locale, take }) {
   const t = TEXT[lang];
   const notify = view.notify.settings;
-  const [tested, setTested] = (0, import_react3.useState)({});
-  const [feishuOpen, setFeishuOpen] = (0, import_react3.useState)(false);
+  const [tested, setTested] = (0, import_react4.useState)({});
+  const [feishuOpen, setFeishuOpen] = (0, import_react4.useState)(false);
   const save = async (patch) => take(await settingsApi.saveNotify(locale(), patch), t.sSaved);
-  (0, import_react3.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     const zone = browserZone();
     if (notify.timeZone === "" && zone !== "") void settingsApi.saveNotify(locale(), { timeZone: zone }).then((r) => take(r));
   }, [notify.timeZone, locale]);
@@ -569,14 +669,14 @@ function NotifySection({ view, lang, locale, take }) {
     const r = await settingsApi.testNotify(locale(), channel);
     setTested({ ...tested, [channel]: r.ok ? { ok: true, text: t.nTestSent } : { ok: false, text: r.message } });
   };
-  const time = (value, onChange) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("input", { type: "time", step: 60, value, onChange: (e) => {
+  const time = (value, onChange) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("input", { type: "time", step: 60, value, onChange: (e) => {
     if (e.target.value !== "") onChange(e.target.value);
   } });
   const last = view.notify.last;
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "mishu-notify-row", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("label", { className: "mishu-check", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("input", { type: "checkbox", checked: notify.brief.enabled, onChange: (e) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mishu-notify-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "mishu-check", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("input", { type: "checkbox", checked: notify.brief.enabled, onChange: (e) => {
           void save({ brief: { ...notify.brief, enabled: e.target.checked } });
         } }),
         t.nBrief
@@ -585,15 +685,15 @@ function NotifySection({ view, lang, locale, take }) {
         void save({ brief: { ...notify.brief, time: value } });
       })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "mishu-notify-row", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("label", { className: "mishu-check", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("input", { type: "checkbox", checked: notify.urgent, onChange: (e) => {
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "mishu-notify-row", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "mishu-check", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("input", { type: "checkbox", checked: notify.urgent, onChange: (e) => {
         void save({ urgent: e.target.checked });
       } }),
       t.nUrgent
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "mishu-notify-row", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("label", { className: "mishu-check", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("input", { type: "checkbox", checked: notify.quiet.enabled, onChange: (e) => {
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mishu-notify-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "mishu-check", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("input", { type: "checkbox", checked: notify.quiet.enabled, onChange: (e) => {
           void save({ quiet: { ...notify.quiet, enabled: e.target.checked } });
         } }),
         t.nQuiet
@@ -601,19 +701,22 @@ function NotifySection({ view, lang, locale, take }) {
       time(notify.quiet.from, (value) => {
         void save({ quiet: { ...notify.quiet, from: value } });
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "mishu-hint", children: t.nTo }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "mishu-hint", children: t.nTo }),
       time(notify.quiet.to, (value) => {
         void save({ quiet: { ...notify.quiet, to: value } });
       })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "mishu-hint", children: t.nZone(notify.timeZone || browserZone()) }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h3", { children: t.nChannels }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "mishu-hint", children: t.nZone(notify.timeZone || browserZone()) }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h3", { children: t.nChannels }),
     view.notify.channels.map((channel) => {
       const result = tested[channel.id];
       const feishu = channel.id === "feishu";
-      return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "mishu-card", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "mishu-notify-row", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("label", { className: "mishu-check", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+        Fold,
+        {
+          id: `channel-${channel.id}`,
+          title: feishu ? t.nFeishu : t.nDesktop,
+          aside: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("label", { className: "mishu-check mishu-check-inline", title: channel.available ? void 0 : channel.why, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
             "input",
             {
               type: "checkbox",
@@ -623,24 +726,26 @@ function NotifySection({ view, lang, locale, take }) {
                 void save({ channels: { ...notify.channels, [channel.id]: e.target.checked } });
               }
             }
-          ),
-          feishu ? t.nFeishu : t.nDesktop
-        ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: `mishu-card-note ${channel.available ? "" : "mishu-warn"}`, children: channel.available ? feishu ? t.nFeishuOn : t.nDesktopOn : channel.why }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "mishu-actions", children: [
-          channel.available ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", className: "mishu-btn", onClick: () => {
-            void test(channel.id);
-          }, children: t.nTest }) : null,
-          feishu ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", className: view.notify.feishu.configured ? "mishu-btn" : "mishu-btn primary", onClick: () => setFeishuOpen(true), children: view.notify.feishu.configured ? t.nFeishuChange : t.nFeishuConnect }) : null,
-          feishu && view.notify.feishu.configured ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", className: "mishu-btn mishu-btn-quiet", onClick: () => {
-            if (window.confirm(t.nFeishuRemoveConfirm)) void settingsApi.deleteFeishu(locale()).then((r) => take(r));
-          }, children: t.nFeishuRemove }) : null,
-          result === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: result.ok ? "mishu-hint" : "mishu-hint mishu-danger", children: result.text })
-        ] })
-      ] }, channel.id);
+          ) }),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: `mishu-card-note ${channel.available ? "" : "mishu-warn"}`, children: channel.available ? feishu ? t.nFeishuOn : t.nDesktopOn : channel.why }),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mishu-actions", children: [
+              channel.available ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: "mishu-btn", onClick: () => {
+                void test(channel.id);
+              }, children: t.nTest }) : null,
+              feishu ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: view.notify.feishu.configured ? "mishu-btn" : "mishu-btn primary", onClick: () => setFeishuOpen(true), children: view.notify.feishu.configured ? t.nFeishuChange : t.nFeishuConnect }) : null,
+              feishu && view.notify.feishu.configured ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: "mishu-btn mishu-btn-quiet", onClick: () => {
+                if (window.confirm(t.nFeishuRemoveConfirm)) void settingsApi.deleteFeishu(locale()).then((r) => take(r));
+              }, children: t.nFeishuRemove }) : null,
+              result === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: result.ok ? "mishu-hint" : "mishu-hint mishu-danger", children: result.text })
+            ] })
+          ]
+        },
+        channel.id
+      );
     }),
-    last === null ? null : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "mishu-hint", children: t.nLast(new Date(last.at).toLocaleString(), last.kind, last.results) }),
-    feishuOpen ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(FeishuDialog, { lang, locale, onDone: (next) => {
+    last === null ? null : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "mishu-hint", children: t.nLast(new Date(last.at).toLocaleString(), last.kind, last.results) }),
+    feishuOpen ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(FeishuDialog, { lang, locale, onDone: (next) => {
       setFeishuOpen(false);
       if (next !== void 0) take({ ok: true, view: next }, t.nFeishuSaved);
     } }) : null
@@ -648,10 +753,10 @@ function NotifySection({ view, lang, locale, take }) {
 }
 function FeishuDialog({ lang, locale, onDone }) {
   const t = TEXT[lang];
-  const [webhook, setWebhook] = (0, import_react3.useState)("");
-  const [secret, setSecret] = (0, import_react3.useState)("");
-  const [busy, setBusy] = (0, import_react3.useState)(false);
-  const [error, setError] = (0, import_react3.useState)();
+  const [webhook, setWebhook] = (0, import_react4.useState)("");
+  const [secret, setSecret] = (0, import_react4.useState)("");
+  const [busy, setBusy] = (0, import_react4.useState)(false);
+  const [error, setError] = (0, import_react4.useState)();
   const connect = async () => {
     setBusy(true);
     setError(void 0);
@@ -660,46 +765,47 @@ function FeishuDialog({ lang, locale, onDone }) {
     if (r.ok) onDone(r.view);
     else setError(r.message);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Modal, { title: t.nFeishuConnect, onClose: () => onDone(), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "mishu-steps", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("ol", { children: t.nFeishuSteps.map((step, i) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("li", { children: step }, i)) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("label", { className: "mishu-field", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Modal, { title: t.nFeishuConnect, onClose: () => onDone(), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "mishu-steps", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("ol", { children: t.nFeishuSteps.map((step, i) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("li", { children: step }, i)) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "mishu-field", children: [
       t.nWebhook,
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("input", { value: webhook, autoComplete: "off", spellCheck: false, placeholder: "https://open.feishu.cn/open-apis/bot/v2/hook/\u2026", onChange: (e) => {
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("input", { value: webhook, autoComplete: "off", spellCheck: false, placeholder: "https://open.feishu.cn/open-apis/bot/v2/hook/\u2026", onChange: (e) => {
         setWebhook(e.target.value);
         setError(void 0);
       } })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("label", { className: "mishu-field", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "mishu-field", children: [
       t.nSecret,
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("input", { type: "password", value: secret, autoComplete: "off", spellCheck: false, onChange: (e) => {
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("input", { type: "password", value: secret, autoComplete: "off", spellCheck: false, onChange: (e) => {
         setSecret(e.target.value);
         setError(void 0);
       } })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "mishu-hint", children: t.nFeishuPrivacy }),
-    error === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "mishu-preview mishu-danger", children: error }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "mishu-actions", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", className: "mishu-btn primary", disabled: busy || webhook.trim() === "", onClick: () => {
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "mishu-hint", children: t.nFeishuPrivacy }),
+    error === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "mishu-preview mishu-danger", children: error }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mishu-actions", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: "mishu-btn primary", disabled: busy || webhook.trim() === "", onClick: () => {
         void connect();
       }, children: busy ? t.sTesting : t.nFeishuTry }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", className: "mishu-btn", onClick: () => onDone(), children: t.sCancel })
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: "mishu-btn", onClick: () => onDone(), children: t.sCancel })
     ] })
   ] });
 }
 
 // src/client/Settings.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 var CATEGORIES = ["document", "bill", "birthday", "renewal", "other"];
 function MishuSettings({ lang, locale, openChat: openChat2 }) {
   const t = TEXT[lang];
-  const [view, setView] = (0, import_react4.useState)();
-  const [error, setError] = (0, import_react4.useState)();
-  const [note, setNote] = (0, import_react4.useState)();
-  const [lead, setLead] = (0, import_react4.useState)({});
-  const [githubTest, setGithubTest] = (0, import_react4.useState)();
-  const [confirmOn, setConfirmOn] = (0, import_react4.useState)(false);
-  const [pasting, setPasting] = (0, import_react4.useState)(false);
-  const [editing, setEditing] = (0, import_react4.useState)();
+  const [view, setView] = (0, import_react5.useState)();
+  const [error, setError] = (0, import_react5.useState)();
+  const [note, setNote] = (0, import_react5.useState)();
+  const [lead, setLead] = (0, import_react5.useState)({});
+  const [githubTest, setGithubTest] = (0, import_react5.useState)();
+  const [confirmOn, setConfirmOn] = (0, import_react5.useState)(false);
+  const [pasting, setPasting] = (0, import_react5.useState)(false);
+  const [editing, setEditing] = (0, import_react5.useState)();
+  const [watching, setWatching] = (0, import_react5.useState)();
   const take = (result, saved) => {
     if (result.ok) {
       setView(result.view);
@@ -710,11 +816,11 @@ function MishuSettings({ lang, locale, openChat: openChat2 }) {
       setError(result.message);
     }
   };
-  (0, import_react4.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     void settingsApi.load(locale()).then((r) => take(r));
   }, [locale]);
   if (view === void 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "mishu-settings", children: error === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "mishu-empty", children: t.loading }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mishu-error", children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "mishu-settings", children: error === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "mishu-empty", children: t.loading }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-error", children: [
       t.failed,
       error
     ] }) });
@@ -722,72 +828,71 @@ function MishuSettings({ lang, locale, openChat: openChat2 }) {
   const save = async (settings) => take(await settingsApi.save(locale(), settings), t.sSaved);
   const token = view.github.token;
   const secretKind = t.secretKinds[view.secrets.kind] ?? view.secrets.kind;
-  const markRead = /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "mishu-field", children: [
+  const markRead = /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: "mishu-field", children: [
       t.sMarkRead,
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("select", { value: view.settings.markRead, onChange: (e) => {
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("select", { value: view.settings.markRead, onChange: (e) => {
         const value = e.target.value;
         if (value === "on") setConfirmOn(true);
         else void save({ markRead: value });
       }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("option", { value: "off", children: t.sMarkOff }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("option", { value: "shadow", children: t.sMarkShadow }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("option", { value: "on", children: t.sMarkOn })
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "off", children: t.sMarkOff }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "shadow", children: t.sMarkShadow }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "on", children: t.sMarkOn })
       ] })
     ] }),
-    confirmOn ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mishu-banner", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { children: t.sMarkConfirm }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mishu-actions", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: "mishu-btn primary", onClick: () => {
+    confirmOn ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-banner", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { children: t.sMarkConfirm }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-actions", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "mishu-btn primary", onClick: () => {
           setConfirmOn(false);
           void save({ markRead: "on" });
         }, children: t.sConfirm }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: "mishu-btn", onClick: () => setConfirmOn(false), children: t.sCancel })
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "mishu-btn", onClick: () => setConfirmOn(false), children: t.sCancel })
       ] })
     ] }) : null
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mishu-settings", children: [
-    error === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mishu-error", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(FoldGroup, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-settings", children: [
+    error === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-error", children: [
       t.failed,
       error
     ] }),
-    note === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "mishu-ok", children: note }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("section", { className: "mishu-panel", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h2", { children: t.bSources }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "mishu-hint", children: t.bSourcesHint }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h3", { children: t.sGithub }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "mishu-check", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("input", { type: "checkbox", checked: view.settings.githubEnabled, onChange: (e) => {
+    note === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "mishu-ok", children: note }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Fold, { id: "sources", className: "mishu-panel", title: t.bSources, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "mishu-hint", children: t.bSourcesHint }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h3", { children: t.sGithub }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: "mishu-check", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("input", { type: "checkbox", checked: view.settings.githubEnabled, onChange: (e) => {
           void save({ githubEnabled: e.target.checked });
         } }),
         t.sGithubOn
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mishu-row-explain", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "mishu-row-label", children: t.sToken }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: token.found ? "" : "mishu-danger", children: token.found ? token.from === "env" ? t.sTokenEnv(view.github.tokenEnv) : token.from === "keychain" ? t.sTokenKeychain : t.sTokenGh : token.text })
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-row-explain", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "mishu-row-label", children: t.sToken }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: token.found ? "" : "mishu-danger", children: token.found ? token.from === "env" ? t.sTokenEnv(view.github.tokenEnv) : token.from === "keychain" ? t.sTokenKeychain : t.sTokenGh : token.text })
       ] }),
-      token.found ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mishu-actions", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: "mishu-btn", onClick: () => {
+      token.found ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-actions", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "mishu-btn", onClick: () => {
           setGithubTest(t.sTesting);
           void settingsApi.testGithub(locale()).then((r) => setGithubTest(r.ok ? t.sGithubOk(r.login) : `${t.failed}${r.message}`));
         }, children: t.sTest }),
-        token.from === "env" || pasting ? null : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: "mishu-btn", onClick: () => setPasting(true), children: t.sTokenReplace }),
-        token.from === "keychain" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: "mishu-btn mishu-btn-quiet", onClick: () => {
+        token.from === "env" || pasting ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "mishu-btn", onClick: () => setPasting(true), children: t.sTokenReplace }),
+        token.from === "keychain" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "mishu-btn mishu-btn-quiet", onClick: () => {
           if (window.confirm(t.sTokenRemoveConfirm)) void settingsApi.deleteToken(locale()).then((r) => {
             setGithubTest(void 0);
             take(r);
           });
         }, children: t.sTokenRemove }) : null,
-        githubTest === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "mishu-hint", children: githubTest })
+        githubTest === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "mishu-hint", children: githubTest })
       ] }) : null,
-      !token.found || pasting ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(GithubConnect, { view, lang, locale, onSaved: (next, login) => {
+      !token.found || pasting ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(GithubConnect, { view, lang, locale, onSaved: (next, login) => {
         setPasting(false);
         setGithubTest(t.sTokenSaved(login));
         take({ ok: true, view: next });
       }, onCancel: token.found ? () => setPasting(false) : void 0 }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h3", { children: t.sMail }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "mishu-hint", children: t.sMailPrivacy }),
-      view.accounts.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "mishu-empty", children: t.sNoAccounts }) : view.accounts.map((account) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h3", { children: t.sMail }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "mishu-hint", children: t.sMailPrivacy }),
+      view.accounts.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "mishu-empty", children: t.sNoAccounts }) : view.accounts.map((account) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
         AccountRow,
         {
           account,
@@ -800,8 +905,8 @@ function MishuSettings({ lang, locale, openChat: openChat2 }) {
         },
         account.id
       )),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: "mishu-btn mishu-add-toggle", onClick: () => setEditing({ preset: "custom", sinceDays: 14, enabled: true }), children: t.sAddAccount }),
-      editing === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "mishu-btn mishu-add-toggle", onClick: () => setEditing({ preset: "custom", sinceDays: 14, enabled: true }), children: t.sAddAccount }),
+      editing === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
         MailDialog,
         {
           draft: editing,
@@ -814,58 +919,80 @@ function MishuSettings({ lang, locale, openChat: openChat2 }) {
             if (next !== void 0) take({ ok: true, view: next }, note2 ?? t.sSaved);
           }
         }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h3", { children: t.sWatch }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "mishu-hint", children: t.sWatchHint }),
+      view.watches.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "mishu-empty", children: t.sNoWatches }) : view.watches.map((watch) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        WatchRow,
+        {
+          watch,
+          lang,
+          locale,
+          openChat: openChat2,
+          onEdit: () => setWatching({ ...watch }),
+          onView: (next) => take(next)
+        },
+        watch.id
+      )),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "mishu-btn mishu-add-toggle", onClick: () => setWatching({ label: "", url: "", keywords: "", enabled: true, intervalMinutes: 60 }), children: t.sAddWatch }),
+      watching === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        WatchDialog,
+        {
+          draft: watching,
+          lang,
+          locale,
+          openChat: openChat2,
+          onDone: (next, note2) => {
+            setWatching(void 0);
+            if (next !== void 0) take({ ok: true, view: next }, note2 ?? t.sSaved);
+          }
+        }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("section", { className: "mishu-panel", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h2", { children: t.bWhat }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "mishu-hint", children: t.bUrgentRule }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "mishu-field", children: t.sLead }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "mishu-grid5", children: CATEGORIES.map((c) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "mishu-field", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Fold, { id: "what", className: "mishu-panel", title: t.bWhat, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "mishu-hint", children: t.bUrgentRule }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "mishu-field", children: t.sLead }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "mishu-grid5", children: CATEGORIES.map((c) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: "mishu-field", children: [
         t.categories[c],
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("input", { type: "number", min: 0, max: 366, value: lead[c] ?? 0, onChange: (e) => setLead({ ...lead, [c]: Number(e.target.value) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("input", { type: "number", min: 0, max: 366, value: lead[c] ?? 0, onChange: (e) => setLead({ ...lead, [c]: Number(e.target.value) }) })
       ] }, c)) }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: "mishu-btn primary", onClick: () => {
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "mishu-btn primary", onClick: () => {
         void save({ leadDays: lead });
       }, children: t.sSave })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("section", { className: "mishu-panel", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h2", { children: t.bWhen }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(NotifySection, { view, lang, locale, take })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("section", { className: "mishu-panel", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h2", { children: t.bDo }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Fold, { id: "when", className: "mishu-panel", title: t.bWhen, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(NotifySection, { view, lang, locale, take }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Fold, { id: "do", className: "mishu-panel", title: t.bDo, children: [
       markRead,
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "mishu-hint", children: t.bMailReadOnly })
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "mishu-hint", children: t.bMailReadOnly })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("section", { className: "mishu-panel", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h2", { children: t.sGeneral }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "mishu-field", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Fold, { id: "general", className: "mishu-panel", title: t.sGeneral, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: "mishu-field", children: [
         t.sLanguage,
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("select", { value: view.settings.language, onChange: (e) => {
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("select", { value: view.settings.language, onChange: (e) => {
           void save({ language: e.target.value });
         }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("option", { value: "auto", children: t.sLanguageAuto }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("option", { value: "zh", children: "\u4E2D\u6587" }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("option", { value: "en", children: "English" })
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "auto", children: t.sLanguageAuto }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "zh", children: "\u4E2D\u6587" }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "en", children: "English" })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: view.secrets.available && view.secrets.file === void 0 ? "mishu-hint" : "mishu-hint mishu-warn", children: !view.secrets.available ? t.sSecretsNone(view.secrets.why ?? secretKind) : view.secrets.file !== void 0 ? t.sSecretsFile(view.secrets.file.path, view.secrets.file.why) : t.sSecretsAt(secretKind) })
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: view.secrets.available && view.secrets.file === void 0 ? "mishu-hint" : "mishu-hint mishu-warn", children: !view.secrets.available ? t.sSecretsNone(view.secrets.why ?? secretKind) : view.secrets.file !== void 0 ? t.sSecretsFile(view.secrets.file.path, view.secrets.file.why) : t.sSecretsAt(secretKind) })
     ] })
-  ] });
+  ] }) });
 }
 function GithubConnect({ view, lang, locale, onSaved, onCancel }) {
   const t = TEXT[lang];
-  const [signingIn, setSigningIn] = (0, import_react4.useState)(false);
-  const [paste, setPaste] = (0, import_react4.useState)(!view.github.deviceLogin);
-  if (!view.github.deviceLogin) return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(TokenForm, { view, lang, locale, onSaved, onCancel });
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mishu-actions", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: "mishu-btn primary", onClick: () => setSigningIn(true), children: t.gLogin }),
-      paste ? null : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: "mishu-btn mishu-btn-quiet", onClick: () => setPaste(true), children: t.gPasteInstead }),
-      onCancel === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: "mishu-btn", onClick: onCancel, children: t.sCancel })
+  const [signingIn, setSigningIn] = (0, import_react5.useState)(false);
+  const [paste, setPaste] = (0, import_react5.useState)(!view.github.deviceLogin);
+  if (!view.github.deviceLogin) return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(TokenForm, { view, lang, locale, onSaved, onCancel });
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-actions", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "mishu-btn primary", onClick: () => setSigningIn(true), children: t.gLogin }),
+      paste ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "mishu-btn mishu-btn-quiet", onClick: () => setPaste(true), children: t.gPasteInstead }),
+      onCancel === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "mishu-btn", onClick: onCancel, children: t.sCancel })
     ] }),
-    paste ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(TokenForm, { view, lang, locale, onSaved, onCancel: void 0 }) : null,
-    signingIn ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(GithubLoginDialog, { lang, locale, onClose: () => setSigningIn(false), onSaved: (next, login) => {
+    paste ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(TokenForm, { view, lang, locale, onSaved, onCancel: void 0 }) : null,
+    signingIn ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(GithubLoginDialog, { lang, locale, onClose: () => setSigningIn(false), onSaved: (next, login) => {
       setSigningIn(false);
       onSaved(next, login);
     } }) : null
@@ -873,12 +1000,12 @@ function GithubConnect({ view, lang, locale, onSaved, onCancel }) {
 }
 function GithubLoginDialog({ lang, locale, onClose, onSaved }) {
   const t = TEXT[lang];
-  const [login, setLogin] = (0, import_react4.useState)();
-  const [error, setError] = (0, import_react4.useState)();
-  const [copied, setCopied] = (0, import_react4.useState)(false);
-  const [attempt, setAttempt] = (0, import_react4.useState)(0);
-  const saved = (0, import_react4.useRef)(void 0);
-  (0, import_react4.useEffect)(() => {
+  const [login, setLogin] = (0, import_react5.useState)();
+  const [error, setError] = (0, import_react5.useState)();
+  const [copied, setCopied] = (0, import_react5.useState)(false);
+  const [attempt, setAttempt] = (0, import_react5.useState)(0);
+  const saved = (0, import_react5.useRef)(void 0);
+  (0, import_react5.useEffect)(() => {
     let alive = true;
     let timer;
     setLogin(void 0);
@@ -922,42 +1049,42 @@ function GithubLoginDialog({ lang, locale, onClose, onSaved }) {
   const copy2 = (code) => {
     void navigator.clipboard?.writeText(code).then(() => setCopied(true), () => setCopied(false));
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Modal, { title: t.gLogin, onClose: close, children: error !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "mishu-preview mishu-danger", children: error }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "mishu-actions", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: "mishu-btn", onClick: close, children: t.gClose }) })
-  ] }) : login === void 0 || login.state === "idle" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "mishu-hint", children: t.gStarting }) : login.state === "waiting" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "mishu-field", children: t.gStep1 }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mishu-code-row", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("code", { className: "mishu-code", children: login.userCode }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: "mishu-btn", onClick: () => copy2(login.userCode), children: copied ? t.gCopied : t.gCopy })
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Modal, { title: t.gLogin, onClose: close, children: error !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "mishu-preview mishu-danger", children: error }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "mishu-actions", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "mishu-btn", onClick: close, children: t.gClose }) })
+  ] }) : login === void 0 || login.state === "idle" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "mishu-hint", children: t.gStarting }) : login.state === "waiting" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "mishu-field", children: t.gStep1 }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-code-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("code", { className: "mishu-code", children: login.userCode }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "mishu-btn", onClick: () => copy2(login.userCode), children: copied ? t.gCopied : t.gCopy })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "mishu-field", children: t.gStep2 }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mishu-actions", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: "mishu-btn primary", onClick: () => window.open(login.verificationUri, "_blank", "noopener"), children: t.gOpen }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "mishu-hint", children: t.gWaiting })
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "mishu-field", children: t.gStep2 }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-actions", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "mishu-btn primary", onClick: () => window.open(login.verificationUri, "_blank", "noopener"), children: t.gOpen }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "mishu-hint", children: t.gWaiting })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "mishu-hint", children: t.gScopes })
-  ] }) : login.state === "done" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "mishu-ok", children: t.gDone(login.login) }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "mishu-actions", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: "mishu-btn primary", onClick: close, children: t.gClose }) })
-  ] }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "mishu-preview mishu-danger", children: login.message }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mishu-actions", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: "mishu-btn primary", onClick: () => {
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "mishu-hint", children: t.gScopes })
+  ] }) : login.state === "done" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "mishu-ok", children: t.gDone(login.login) }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "mishu-actions", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "mishu-btn primary", onClick: close, children: t.gClose }) })
+  ] }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "mishu-preview mishu-danger", children: login.message }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-actions", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "mishu-btn primary", onClick: () => {
         setCopied(false);
         setAttempt(attempt + 1);
       }, children: t.gRetry }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: "mishu-btn", onClick: close, children: t.gClose })
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "mishu-btn", onClick: close, children: t.gClose })
     ] })
   ] }) });
 }
 function TokenForm({ view, lang, locale, onSaved, onCancel }) {
   const t = TEXT[lang];
-  const [token, setToken] = (0, import_react4.useState)("");
-  const [busy, setBusy] = (0, import_react4.useState)(false);
-  const [message, setMessage] = (0, import_react4.useState)();
+  const [token, setToken] = (0, import_react5.useState)("");
+  const [busy, setBusy] = (0, import_react5.useState)(false);
+  const [message, setMessage] = (0, import_react5.useState)();
   if (!view.secrets.available) {
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "mishu-hint mishu-warn", children: t.sTokenNoKeychain(view.github.tokenEnv, view.secrets.why ?? "") });
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "mishu-hint mishu-warn", children: t.sTokenNoKeychain(view.github.tokenEnv, view.secrets.why ?? "") });
   }
   const save = async () => {
     setBusy(true);
@@ -971,58 +1098,54 @@ function TokenForm({ view, lang, locale, onSaved, onCancel }) {
       setMessage(r.message);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mishu-add", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "mishu-field", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-add", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: "mishu-field", children: [
       t.sTokenPaste,
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("input", { type: "password", value: token, autoComplete: "off", spellCheck: false, placeholder: "ghp_\u2026", onChange: (e) => {
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("input", { type: "password", value: token, autoComplete: "off", spellCheck: false, placeholder: "ghp_\u2026", onChange: (e) => {
         setToken(e.target.value);
         setMessage(void 0);
       } })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "mishu-hint", children: t.sTokenHow }),
-    message === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "mishu-preview mishu-danger", children: message }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mishu-actions", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: "mishu-btn", onClick: () => window.open(view.github.newTokenUrl, "_blank", "noopener"), children: t.sTokenNew }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: "mishu-btn primary", disabled: busy || token.trim() === "", onClick: () => {
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "mishu-hint", children: t.sTokenHow }),
+    message === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "mishu-preview mishu-danger", children: message }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-actions", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "mishu-btn", onClick: () => window.open(view.github.newTokenUrl, "_blank", "noopener"), children: t.sTokenNew }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "mishu-btn primary", disabled: busy || token.trim() === "", onClick: () => {
         void save();
       }, children: busy ? t.sTesting : t.sTokenSave }),
-      onCancel === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: "mishu-btn", onClick: onCancel, children: t.sCancel })
+      onCancel === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "mishu-btn", onClick: onCancel, children: t.sCancel })
     ] })
   ] });
 }
 function AccountRow({ account, secretsOk, lang, locale, openChat: openChat2, onEdit, onView }) {
   const t = TEXT[lang];
-  const [busy, setBusy] = (0, import_react4.useState)(false);
+  const [busy, setBusy] = (0, import_react5.useState)(false);
   const report = account.report;
   const status = !account.hasPassword ? secretsOk ? t.sNoPassword : t.sEnvHint(account.envName) : report === null ? t.sNeverChecked : report.error !== void 0 ? report.error[lang] : lang === "zh" ? `${new Date(report.at).toLocaleString()} \u6536\u4FE1\uFF0C${report.messages} \u5C01\u672A\u8BFB` : `checked ${new Date(report.at).toLocaleString()}, ${report.messages} unread`;
   const failed = !account.hasPassword || report?.error !== void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mishu-card", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mishu-card-title", children: [
-      account.label,
-      account.enabled ? "" : ` (${lang === "zh" ? "\u5DF2\u505C\u7528" : "disabled"})`
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mishu-card-meta", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Fold, { id: `account-${account.id}`, title: `${account.label}${account.enabled ? "" : ` (${lang === "zh" ? "\u5DF2\u505C\u7528" : "disabled"})`}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-card-meta", children: [
       account.address,
       " \xB7 ",
       account.host,
       ":",
       account.port
     ] }),
-    account.mismatch === null ? null : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "mishu-card-note mishu-warn", children: account.mismatch }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: `mishu-card-note ${failed ? "mishu-danger" : ""}`, children: [
+    account.mismatch === null ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "mishu-card-note mishu-warn", children: account.mismatch }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: `mishu-card-note ${failed ? "mishu-danger" : ""}`, children: [
       status,
-      account.hasPassword && report?.error !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AskAI, { topic: { kind: "mail-error", accountId: account.id }, lang, locale, openChat: openChat2, compact: true }) : null
+      account.hasPassword && report?.error !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AskAI, { topic: { kind: "mail-error", accountId: account.id }, lang, locale, openChat: openChat2, compact: true }) : null
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mishu-actions", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: "mishu-btn", disabled: busy || !account.hasPassword, onClick: () => {
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-actions", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "mishu-btn", disabled: busy || !account.hasPassword, onClick: () => {
         setBusy(true);
         void settingsApi.syncMail(locale(), account.id).then((r) => {
           setBusy(false);
           onView(r);
         });
       }, children: busy ? t.sTesting : t.sCheckNow }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: account.hasPassword && account.mismatch === null ? "mishu-btn" : "mishu-btn primary", onClick: onEdit, children: t.sEdit }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: "mishu-btn mishu-btn-quiet", onClick: () => {
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: account.hasPassword && account.mismatch === null ? "mishu-btn" : "mishu-btn primary", onClick: onEdit, children: t.sEdit }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "mishu-btn mishu-btn-quiet", onClick: () => {
         if (window.confirm(t.sDeleteConfirm)) void settingsApi.deleteMail(locale(), account.id).then(onView);
       }, children: t.sDelete })
     ] })
@@ -1031,12 +1154,12 @@ function AccountRow({ account, secretsOk, lang, locale, openChat: openChat2, onE
 function MailDialog({ draft, view, lang, locale, openChat: openChat2, onDone }) {
   const t = TEXT[lang];
   const existing = draft.id !== void 0;
-  const [account, setAccount] = (0, import_react4.useState)(draft);
-  const [picked, setPicked] = (0, import_react4.useState)(existing);
-  const [password, setPassword] = (0, import_react4.useState)("");
-  const [message, setMessage] = (0, import_react4.useState)();
-  const [failedTest, setFailedTest] = (0, import_react4.useState)(false);
-  const [busy, setBusy] = (0, import_react4.useState)(false);
+  const [account, setAccount] = (0, import_react5.useState)(draft);
+  const [picked, setPicked] = (0, import_react5.useState)(existing);
+  const [password, setPassword] = (0, import_react5.useState)("");
+  const [message, setMessage] = (0, import_react5.useState)();
+  const [failedTest, setFailedTest] = (0, import_react5.useState)(false);
+  const [busy, setBusy] = (0, import_react5.useState)(false);
   const preset = view.presets.find((p) => p.id === account.preset) ?? view.presets[view.presets.length - 1];
   const custom = preset.id === "custom";
   const set = (patch) => {
@@ -1069,93 +1192,220 @@ function MailDialog({ draft, view, lang, locale, openChat: openChat2, onDone })
       setMessage({ ok: false, text: r.message });
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Modal, { title: existing ? t.mTitleEdit : t.mTitleAdd, onClose: () => onDone(), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "mishu-field", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Modal, { title: existing ? t.mTitleEdit : t.mTitleAdd, onClose: () => onDone(), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: "mishu-field", children: [
       t.sAddress,
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("input", { type: "email", value: account.address ?? "", autoComplete: "off", autoFocus: !existing, onChange: (e) => setAddress(e.target.value) })
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("input", { type: "email", value: account.address ?? "", autoComplete: "off", autoFocus: !existing, onChange: (e) => setAddress(e.target.value) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "mishu-field", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: "mishu-field", children: [
       t.sProvider,
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("select", { value: account.preset, onChange: (e) => {
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("select", { value: account.preset, onChange: (e) => {
         setPicked(true);
         set({ preset: e.target.value });
-      }, children: view.presets.map((p) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("option", { value: p.id, children: p.label }, p.id)) })
+      }, children: view.presets.map((p) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: p.id, children: p.label }, p.id)) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: `mishu-steps${preset.supported ? "" : " mishu-danger"}${failedTest ? " attention" : ""}`, children: [
-      preset.steps.length === 0 ? preset.howTo : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("ol", { children: preset.steps.map((step, i) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("li", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: `mishu-steps${preset.supported ? "" : " mishu-danger"}${failedTest ? " attention" : ""}`, children: [
+      preset.steps.length === 0 ? preset.howTo : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("ol", { children: preset.steps.map((step, i) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("li", { children: [
         step.text,
-        step.link === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+        step.link === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
           " ",
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: "mishu-btn", onClick: () => window.open(step.link.url, "_blank", "noopener"), children: step.link.label })
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "mishu-btn", onClick: () => window.open(step.link.url, "_blank", "noopener"), children: step.link.label })
         ] })
       ] }, i)) }),
-      preset.supported ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mishu-steps-help", children: [
+      preset.supported ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-steps-help", children: [
         t.mStepsHelp,
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AskAI, { topic: { kind: "mail-setup", preset: preset.id }, lang, locale, openChat: openChat2, compact: true })
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AskAI, { topic: { kind: "mail-setup", preset: preset.id }, lang, locale, openChat: openChat2, compact: true })
       ] }) : null
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "mishu-field", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: "mishu-field", children: [
       t.sPassword,
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("input", { type: "password", value: password, autoComplete: "new-password", placeholder: existing && view.secrets.available ? t.sPasswordKeep : "", onChange: (e) => {
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("input", { type: "password", value: password, autoComplete: "new-password", placeholder: existing && view.secrets.available ? t.sPasswordKeep : "", onChange: (e) => {
         setPassword(e.target.value);
         setMessage(void 0);
         setFailedTest(false);
       } })
     ] }),
-    lengthOff ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "mishu-hint mishu-warn", children: t.mLength(preset.label, preset.passwordLength, typed.length) }) : null,
-    view.secrets.available ? null : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "mishu-hint mishu-warn", children: t.sPasswordTestOnly }),
-    custom ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mishu-row", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "mishu-field", children: [
+    lengthOff ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "mishu-hint mishu-warn", children: t.mLength(preset.label, preset.passwordLength, typed.length) }) : null,
+    view.secrets.available ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "mishu-hint mishu-warn", children: t.sPasswordTestOnly }),
+    custom ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: "mishu-field", children: [
         t.sHost,
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("input", { value: account.host ?? "", placeholder: "imap.example.com", onChange: (e) => set({ host: e.target.value }) })
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("input", { value: account.host ?? "", placeholder: "imap.example.com", onChange: (e) => set({ host: e.target.value }) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "mishu-field", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: "mishu-field", children: [
         t.sPort,
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("input", { type: "number", value: account.port ?? 993, onChange: (e) => set({ port: Number(e.target.value) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("input", { type: "number", value: account.port ?? 993, onChange: (e) => set({ port: Number(e.target.value) }) })
       ] })
     ] }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("details", { className: "mishu-more", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("summary", { children: t.mMore }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mishu-row", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "mishu-field", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("details", { className: "mishu-more", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("summary", { children: t.mMore }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: "mishu-field", children: [
           t.sLabel,
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("input", { value: account.label ?? "", placeholder: account.address ?? "", onChange: (e) => set({ label: e.target.value }) })
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("input", { value: account.label ?? "", placeholder: account.address ?? "", onChange: (e) => set({ label: e.target.value }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "mishu-field", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: "mishu-field", children: [
           t.sUser,
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("input", { value: account.user ?? "", placeholder: account.address ?? "", autoComplete: "off", onChange: (e) => set({ user: e.target.value }) })
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("input", { value: account.user ?? "", placeholder: account.address ?? "", autoComplete: "off", onChange: (e) => set({ user: e.target.value }) })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mishu-row", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "mishu-field", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: "mishu-field", children: [
           t.sSince,
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("input", { type: "number", min: 1, max: 90, value: account.sinceDays ?? 14, onChange: (e) => set({ sinceDays: Number(e.target.value) }) })
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("input", { type: "number", min: 1, max: 90, value: account.sinceDays ?? 14, onChange: (e) => set({ sinceDays: Number(e.target.value) }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "mishu-check", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("input", { type: "checkbox", checked: account.enabled !== false, onChange: (e) => set({ enabled: e.target.checked }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: "mishu-check", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("input", { type: "checkbox", checked: account.enabled !== false, onChange: (e) => set({ enabled: e.target.checked }) }),
           t.sEnabled
         ] })
       ] })
     ] }),
-    message === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: `mishu-preview ${message.ok ? "" : "mishu-danger"}`, children: [
+    message === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: `mishu-preview ${message.ok ? "" : "mishu-danger"}`, children: [
       message.text,
-      message.ok || !preset.supported ? null : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AskAI, { topic: { kind: "mail-setup", preset: preset.id, error: message.text }, lang, locale, openChat: openChat2, compact: true })
+      message.ok || !preset.supported ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AskAI, { topic: { kind: "mail-setup", preset: preset.id, error: message.text }, lang, locale, openChat: openChat2, compact: true })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mishu-actions", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: "mishu-btn primary", disabled: busy || !preset.supported || (account.address ?? "") === "", onClick: () => {
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-actions", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "mishu-btn primary", disabled: busy || !preset.supported || (account.address ?? "") === "", onClick: () => {
         void testAndSave();
       }, children: busy ? t.sTesting : t.mTestSave }),
-      failedTest ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: "mishu-btn mishu-btn-quiet", disabled: busy, onClick: () => {
+      failedTest ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "mishu-btn mishu-btn-quiet", disabled: busy, onClick: () => {
         setBusy(true);
         void save();
       }, children: t.mSaveAnyway }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: "mishu-btn", onClick: () => onDone(), children: t.sCancel })
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "mishu-btn", onClick: () => onDone(), children: t.sCancel })
+    ] })
+  ] });
+}
+function WatchRow({ watch, lang, locale, openChat: openChat2, onEdit, onView }) {
+  const t = TEXT[lang];
+  const [busy, setBusy] = (0, import_react5.useState)(false);
+  const failed = watch.report?.error !== void 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Fold, { id: `watch-${watch.id}`, title: `${watch.label}${watch.enabled ? "" : ` (${t.wDisabled})`}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-card-meta", children: [
+      watch.url,
+      " \xB7 ",
+      t.wEveryUnit(watch.intervalMinutes)
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "mishu-card-meta", children: watch.summary }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: `mishu-card-note ${failed ? "mishu-danger" : ""}`, children: [
+      watch.status,
+      failed ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AskAI, { topic: { kind: "watch-error", watchId: watch.id }, lang, locale, openChat: openChat2, compact: true }) : null
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-actions", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "mishu-btn", disabled: busy, onClick: () => {
+        setBusy(true);
+        void settingsApi.syncWatch(locale(), watch.id).then((r) => {
+          setBusy(false);
+          onView(r);
+        });
+      }, children: busy ? t.wTesting : t.wCheckNow }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "mishu-btn", onClick: onEdit, children: t.sEdit }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "mishu-btn mishu-btn-quiet", onClick: () => {
+        if (window.confirm(t.wDeleteConfirm)) void settingsApi.deleteWatch(locale(), watch.id).then(onView);
+      }, children: t.sDelete })
+    ] })
+  ] });
+}
+function WatchDialog({ draft, lang, locale, openChat: openChat2, onDone }) {
+  const t = TEXT[lang];
+  const existing = draft.id !== void 0;
+  const [watch, setWatch] = (0, import_react5.useState)(draft);
+  const [message, setMessage] = (0, import_react5.useState)();
+  const [tested, setTested] = (0, import_react5.useState)();
+  const [busy, setBusy] = (0, import_react5.useState)(false);
+  const set = (patch) => {
+    setWatch({ ...watch, ...patch });
+    setMessage(void 0);
+    setTested(void 0);
+  };
+  const save = async (thenCheck = false) => {
+    setBusy(true);
+    const r = await settingsApi.saveWatch(locale(), watch);
+    if (!r.ok) {
+      setBusy(false);
+      setMessage({ ok: false, text: r.message });
+      return;
+    }
+    let view = r.view;
+    if (thenCheck) {
+      const checked = await settingsApi.syncWatch(locale(), r.id);
+      if (checked.ok) view = checked.view;
+    }
+    setBusy(false);
+    onDone(view, t.sSaved);
+  };
+  const test = async () => {
+    setBusy(true);
+    setMessage({ ok: true, text: t.wTesting });
+    const r = await settingsApi.testWatch(locale(), watch);
+    setBusy(false);
+    if (!r.ok) {
+      setMessage({ ok: false, text: r.message });
+      return;
+    }
+    setTested(r);
+    const hit = r.keywordHit === void 0 ? void 0 : r.keyword;
+    setMessage({
+      ok: true,
+      text: r.keywordHit === false && hit !== void 0 ? `${t.wTestOk(r.items, r.title)} ${t.wTestNoHit(hit)}` : r.keywordHit === true && hit !== void 0 ? `${t.wTestOk(r.items, r.title)} ${t.wTestHit(hit)}` : t.wTestOk(r.items, r.title)
+    });
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Modal, { title: existing ? t.wTitleEdit : t.wTitleAdd, onClose: () => onDone(), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: "mishu-field", children: [
+      t.wUrl,
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("input", { value: watch.url, autoComplete: "off", autoFocus: !existing, placeholder: "https://example.com/news.xml", onChange: (e) => set({ url: e.target.value }) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "mishu-hint", children: t.wUrlHint }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: "mishu-field", children: [
+      t.wLabel,
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("input", { value: watch.label, placeholder: hostOf(watch.url), onChange: (e) => set({ label: e.target.value }) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: "mishu-field", children: [
+      t.wKeywords,
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("input", { value: watch.keywords, placeholder: lang === "zh" ? "\u4E0A\u65B0, \u8865\u4E01, \u9762\u8BD5" : "release, patch, interview", onChange: (e) => set({ keywords: e.target.value }) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "mishu-hint", children: t.wKeywordsHint }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: "mishu-field", children: [
+        t.wEvery,
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("input", { type: "number", min: 15, max: 1440, step: 15, value: watch.intervalMinutes, onChange: (e) => set({ intervalMinutes: Number(e.target.value) }) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: "mishu-check", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("input", { type: "checkbox", checked: watch.enabled, onChange: (e) => set({ enabled: e.target.checked }) }),
+        t.sEnabled
+      ] })
+    ] }),
+    tested === void 0 ? null : tested.excerpt === "" ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "mishu-preview", children: tested.excerpt }),
+    message === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: `mishu-preview ${message.ok ? "" : "mishu-danger"}`, children: [
+      message.text,
+      message.ok ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AskAI, { topic: { kind: "watch-setup" }, lang, locale, openChat: openChat2, compact: true })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-actions", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "mishu-btn", disabled: busy || watch.url.trim() === "", onClick: () => {
+        void test();
+      }, children: t.wTest }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "mishu-btn primary", disabled: busy || watch.url.trim() === "", onClick: () => {
+        void save(true);
+      }, children: busy ? t.wTesting : t.wSaveAndCheck }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "mishu-btn", onClick: () => onDone(), children: t.sCancel })
+    ] }),
+    existing ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("p", { className: "mishu-hint", children: [
+      t.wAskSetup,
+      " ",
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AskAI, { topic: { kind: "watch-setup" }, lang, locale, openChat: openChat2, compact: true })
     ] })
   ] });
 }
+function hostOf(url) {
+  try {
+    return new URL(url).hostname;
+  } catch {
+    return "";
+  }
+}
 
 // src/client/Board.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 var SOURCE_KEY = "dsh-mishu.source";
 function loadSource() {
   try {
@@ -1191,15 +1441,15 @@ function saveWidths(widths) {
   }
 }
 function MishuBoard({ locale, openChat: openChat2 }) {
-  const [board, setBoard] = (0, import_react5.useState)();
-  const [error, setError] = (0, import_react5.useState)();
-  const [busy, setBusy] = (0, import_react5.useState)(false);
-  const [syncing, setSyncing] = (0, import_react5.useState)(false);
-  const [dropOn, setDropOn] = (0, import_react5.useState)();
-  const [widths, setWidths] = (0, import_react5.useState)(loadWidths);
-  const [tab, setTab] = (0, import_react5.useState)("board");
-  const [openCard, setOpenCard] = (0, import_react5.useState)();
-  const [source, setSourceState] = (0, import_react5.useState)(loadSource);
+  const [board, setBoard] = (0, import_react6.useState)();
+  const [error, setError] = (0, import_react6.useState)();
+  const [busy, setBusy] = (0, import_react6.useState)(false);
+  const [syncing, setSyncing] = (0, import_react6.useState)(false);
+  const [dropOn, setDropOn] = (0, import_react6.useState)();
+  const [widths, setWidths] = (0, import_react6.useState)(loadWidths);
+  const [tab, setTab] = (0, import_react6.useState)("board");
+  const [openCard, setOpenCard] = (0, import_react6.useState)();
+  const [source, setSourceState] = (0, import_react6.useState)(loadSource);
   const setSource = (next) => {
     setSourceState(next);
     try {
@@ -1207,11 +1457,11 @@ function MishuBoard({ locale, openChat: openChat2 }) {
     } catch {
     }
   };
-  const dragged = (0, import_react5.useRef)(void 0);
-  const columnsRef = (0, import_react5.useRef)(null);
+  const dragged = (0, import_react6.useRef)(void 0);
+  const columnsRef = (0, import_react6.useRef)(null);
   const lang = board?.lang ?? uiLang(locale());
   const t = TEXT[lang];
-  const take = (0, import_react5.useCallback)((result) => {
+  const take = (0, import_react6.useCallback)((result) => {
     if (result.ok) {
       setBoard(result.board);
       setError(void 0);
@@ -1219,8 +1469,8 @@ function MishuBoard({ locale, openChat: openChat2 }) {
       setError(result.message);
     }
   }, []);
-  const load = (0, import_react5.useCallback)(() => mishuApi.board(locale()).then(take), [locale, take]);
-  (0, import_react5.useEffect)(() => {
+  const load = (0, import_react6.useCallback)(() => mishuApi.board(locale()).then(take), [locale, take]);
+  (0, import_react6.useEffect)(() => {
     void load();
     const timer = setInterval(() => {
       void load();
@@ -1315,7 +1565,7 @@ function MishuBoard({ locale, openChat: openChat2 }) {
     const key = cardKey(item);
     setOpenCard((current) => current === key ? void 0 : key);
   };
-  const card = (item, column) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  const card = (item, column) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     Card,
     {
       item,
@@ -1341,12 +1591,12 @@ function MishuBoard({ locale, openChat: openChat2 }) {
     cardKey(item)
   );
   if (board === void 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-page", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "mishu-head", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-title", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h1", { children: t.title }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(RestartButton, { lang, locale })
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mishu-page", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "mishu-head", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mishu-title", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h1", { children: t.title }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(RestartButton, { lang, locale })
       ] }) }),
-      error === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "mishu-empty", children: t.loading }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-error", children: [
+      error === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "mishu-empty", children: t.loading }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mishu-error", children: [
         t.failed,
         error
       ] })
@@ -1368,10 +1618,11 @@ function MishuBoard({ locale, openChat: openChat2 }) {
     { id: "all", label: t.all },
     { id: "github", label: t.sourceGithub },
     { id: "mail", label: t.sourceMail },
+    { id: "watch", label: t.sourceWatch },
     { id: "manual", label: t.sourceManual }
   ];
   const template = `minmax(0, ${widths[0]}fr) 10px minmax(0, ${widths[1]}fr) 10px minmax(0, ${widths[2]}fr)`;
-  const divider = (index) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  const divider = (index) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     "div",
     {
       className: "mishu-divider",
@@ -1382,107 +1633,112 @@ function MishuBoard({ locale, openChat: openChat2 }) {
       onDoubleClick: resetWidths
     }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-page", "data-mishu-board": "", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-head", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-title", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h1", { children: t.title }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-tabs", role: "tablist", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", role: "tab", "aria-selected": tab === "board", className: tab === "board" ? "active" : "", onClick: () => setTab("board"), children: t.tabBoard }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", role: "tab", "aria-selected": tab === "settings", className: tab === "settings" ? "active" : "", onClick: () => setTab("settings"), children: t.tabSettings })
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mishu-page", "data-mishu-board": "", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mishu-head", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mishu-title", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h1", { children: t.title }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mishu-tabs", role: "tablist", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", role: "tab", "aria-selected": tab === "board", className: tab === "board" ? "active" : "", onClick: () => setTab("board"), children: t.tabBoard }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", role: "tab", "aria-selected": tab === "settings", className: tab === "settings" ? "active" : "", onClick: () => setTab("settings"), children: t.tabSettings })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(RestartButton, { lang, locale })
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(RestartButton, { lang, locale })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-sources", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("i", { className: `mishu-dot ${board.sources.github.state}` }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mishu-sources", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("i", { className: `mishu-dot ${board.sources.github.state}` }),
           board.sources.github.text,
-          board.sources.github.state === "error" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AskAI, { topic: { kind: "github-error" }, lang, locale, openChat: openChat2, compact: true }) : null
+          board.sources.github.state === "error" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AskAI, { topic: { kind: "github-error" }, lang, locale, openChat: openChat2, compact: true }) : null
         ] }),
-        board.sources.mail.map((m) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("i", { className: `mishu-dot ${m.state}` }),
+        board.sources.mail.map((m) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("i", { className: `mishu-dot ${m.state}` }),
           m.text,
-          m.state === "error" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AskAI, { topic: { kind: "mail-error", accountId: m.id }, lang, locale, openChat: openChat2, compact: true }) : null
+          m.state === "error" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AskAI, { topic: { kind: "mail-error", accountId: m.id }, lang, locale, openChat: openChat2, compact: true }) : null
         ] }, m.id)),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "mishu-btn", disabled: syncing, onClick: () => {
+        board.sources.watch.map((w) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("i", { className: `mishu-dot ${w.state}` }),
+          w.text,
+          w.state === "error" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AskAI, { topic: { kind: "watch-error", watchId: w.id }, lang, locale, openChat: openChat2, compact: true }) : null
+        ] }, `watch-${w.id}`)),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "mishu-btn", disabled: syncing, onClick: () => {
           void sync();
         }, children: syncing ? t.syncing : t.sync })
       ] })
     ] }),
-    tab === "settings" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(MishuSettings, { lang, locale, openChat: openChat2 }) : null,
-    tab === "settings" ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-      error === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-error", children: [
+    tab === "settings" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(MishuSettings, { lang, locale, openChat: openChat2 }) : null,
+    tab === "settings" ? null : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+      error === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mishu-error", children: [
         t.failed,
         error
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("p", { className: "mishu-summary", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("p", { className: "mishu-summary", children: [
         board.summary,
         " ",
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AskAI, { topic: { kind: "summary" }, lang, locale, openChat: openChat2, compact: true })
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AskAI, { topic: { kind: "summary" }, lang, locale, openChat: openChat2, compact: true })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-metrics", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-metric", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "mishu-metric-label", children: t.metricHandle }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-metric-value", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mishu-metrics", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mishu-metric", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "mishu-metric-label", children: t.metricHandle }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mishu-metric-value", children: [
             metrics.handle,
-            metrics.overdue > 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("small", { className: "mishu-danger", children: [
+            metrics.overdue > 0 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("small", { className: "mishu-danger", children: [
               metrics.overdue,
               " ",
               t.metricOverdue
             ] }) : null
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-metric", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "mishu-metric-label", children: t.metricSoon }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "mishu-metric-value", children: metrics.dueSoon })
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mishu-metric", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "mishu-metric-label", children: t.metricSoon }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "mishu-metric-value", children: metrics.dueSoon })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-metric", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "mishu-metric-label", children: t.metricClosed }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "mishu-metric-value", children: metrics.closedToday })
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mishu-metric", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "mishu-metric-label", children: t.metricClosed }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "mishu-metric-value", children: metrics.closedToday })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-metric", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "mishu-metric-label", children: t.metricShadow }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-metric-value", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mishu-metric", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "mishu-metric-label", children: t.metricShadow }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mishu-metric-value", children: [
             metrics.shadow,
-            board.markRead === "shadow" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("small", { className: "mishu-warn", children: t.shadowTag }) : null
+            board.markRead === "shadow" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("small", { className: "mishu-warn", children: t.shadowTag }) : null
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "mishu-filters", role: "group", children: sources.map((s) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("button", { type: "button", "aria-pressed": source === s.id, className: `mishu-chip ${source === s.id ? "active" : ""}`, onClick: () => setSource(s.id), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "mishu-filters", role: "group", children: sources.map((s) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("button", { type: "button", "aria-pressed": source === s.id, className: `mishu-chip ${source === s.id ? "active" : ""}`, onClick: () => setSource(s.id), children: [
         s.label,
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: count(s.id) })
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: count(s.id) })
       ] }, s.id)) }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-columns", ref: columnsRef, style: { ["--mishu-cols"]: template }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("section", { className: `mishu-col ${dropOn === "handle" ? "drop" : ""}`, ...dropProps("handle"), "aria-label": t.handle, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-col-head", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mishu-columns", ref: columnsRef, style: { ["--mishu-cols"]: template }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("section", { className: `mishu-col ${dropOn === "handle" ? "drop" : ""}`, ...dropProps("handle"), "aria-label": t.handle, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mishu-col-head", children: [
             t.handle,
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: columns.handle.length })
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: columns.handle.length })
           ] }),
-          columns.handle.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "mishu-empty", children: t.emptyHandle }) : columns.handle.map((item) => card(item, "handle"))
+          columns.handle.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "mishu-empty", children: t.emptyHandle }) : columns.handle.map((item) => card(item, "handle"))
         ] }),
         divider(0),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("section", { className: `mishu-col ${dropOn === "remember" ? "drop" : ""}`, ...dropProps("remember"), "aria-label": t.remember, title: t.dropRemember, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-col-head", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("section", { className: `mishu-col ${dropOn === "remember" ? "drop" : ""}`, ...dropProps("remember"), "aria-label": t.remember, title: t.dropRemember, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mishu-col-head", children: [
             t.remember,
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: columns.remember.length })
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: columns.remember.length })
           ] }),
-          columns.remember.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "mishu-empty", children: t.emptyRemember }) : columns.remember.map((item) => card(item, "remember")),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AddForm, { lang, locale, onAdded: (next) => setBoard(next) })
+          columns.remember.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "mishu-empty", children: t.emptyRemember }) : columns.remember.map((item) => card(item, "remember")),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AddForm, { lang, locale, onAdded: (next) => setBoard(next) })
         ] }),
         divider(1),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("section", { className: `mishu-col ${dropOn === "done" ? "drop" : ""}`, ...dropProps("done"), "aria-label": t.done, title: t.dropDone, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-col-head", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("section", { className: `mishu-col ${dropOn === "done" ? "drop" : ""}`, ...dropProps("done"), "aria-label": t.done, title: t.dropDone, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mishu-col-head", children: [
             t.done,
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: columns.done.total })
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: columns.done.total })
           ] }),
-          columns.done.groups.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "mishu-empty", children: t.emptyDone }) : columns.done.groups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("details", { className: "mishu-group", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("summary", { children: [
+          columns.done.groups.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "mishu-empty", children: t.emptyDone }) : columns.done.groups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("details", { className: "mishu-group", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("summary", { children: [
               group.label,
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: group.items.length })
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: group.items.length })
             ] }),
             group.items.map((item) => card(item, "done"))
           ] }, group.reason)),
-          columns.done.total > 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "mishu-hint", children: t.doneHint }) : null,
-          metrics.shadow > 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "mishu-banner", children: t.shadow(metrics.shadow) }) : null
+          columns.done.total > 0 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "mishu-hint", children: t.doneHint }) : null,
+          metrics.shadow > 0 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "mishu-banner", children: t.shadow(metrics.shadow) }) : null
         ] })
       ] })
     ] })
@@ -1490,10 +1746,10 @@ function MishuBoard({ locale, openChat: openChat2 }) {
 }
 function Card({ item, column, lang, locale, busy, label, openChat: openChat2, open, onToggle, onAct, onDragStart, onDragEnd }) {
   const t = TEXT[lang];
-  const [detail, setDetail] = (0, import_react5.useState)();
+  const [detail, setDetail] = (0, import_react6.useState)();
   const explain = item.explain;
   const compact = column === "done";
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     if (!open || item.target !== "matter" || detail !== void 0) return;
     let alive = true;
     void mishuApi.detail(locale(), item.id).then((r) => {
@@ -1503,11 +1759,11 @@ function Card({ item, column, lang, locale, busy, label, openChat: openChat2, op
       alive = false;
     };
   }, [open, item.target, item.id, detail, locale]);
-  const row = (name, text, className = "") => text === null || text === void 0 || text === "" ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: `mishu-row-explain ${className}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "mishu-row-label", children: name }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: text })
+  const row = (name, text, className = "") => text === null || text === void 0 || text === "" ? null : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: `mishu-row-explain ${className}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "mishu-row-label", children: name }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: text })
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
     "div",
     {
       className: `mishu-card ${open ? "open" : ""} ${item.tone === "normal" ? "" : item.tone}`,
@@ -1518,7 +1774,7 @@ function Card({ item, column, lang, locale, busy, label, openChat: openChat2, op
       },
       onDragEnd,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
           "div",
           {
             className: "mishu-card-head",
@@ -1533,40 +1789,40 @@ function Card({ item, column, lang, locale, busy, label, openChat: openChat2, op
               onToggle();
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "mishu-caret", "aria-hidden": "true" }),
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "mishu-card-title", children: item.title })
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "mishu-caret", "aria-hidden": "true" }),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "mishu-card-title", children: item.title })
             ]
           }
         ),
-        open ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-card-body", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "mishu-card-meta", children: item.meta }),
-          !compact && explain !== null ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-explain", children: [
+        open ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mishu-card-body", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "mishu-card-meta", children: item.meta }),
+          !compact && explain !== null ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mishu-explain", children: [
             row(t.what, explain.what),
             row(column === "remember" ? t.whyKeep : t.why, explain.why),
             row(t.fix, explain.fix, "mishu-fix")
           ] }) : null,
-          !compact && explain === null && item.note !== null ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "mishu-card-note", children: item.note }) : null,
-          item.target === "matter" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "mishu-detail", children: detail === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "mishu-empty", children: t.loading }) : "error" in detail ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "mishu-danger", children: detail.error }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-            compact && detail.explain !== null ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+          !compact && explain === null && item.note !== null ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "mishu-card-note", children: item.note }) : null,
+          item.target === "matter" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "mishu-detail", children: detail === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "mishu-empty", children: t.loading }) : "error" in detail ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "mishu-danger", children: detail.error }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+            compact && detail.explain !== null ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
               row(t.what, detail.explain.what),
               row(t.whyDone, detail.explain.why)
             ] }) : null,
-            detail.did.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-row-explain", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "mishu-row-label", children: t.did }),
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: detail.did.map((line, i) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { children: line }, i)) })
+            detail.did.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mishu-row-explain", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "mishu-row-label", children: t.did }),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: detail.did.map((line, i) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { children: line }, i)) })
             ] }) : null,
-            detail.messages.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-messages", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "mishu-row-label", children: t.messages(detail.messages.length) }),
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("ul", { children: detail.messages.map((m, i) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("li", { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: m.at }),
+            detail.messages.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mishu-messages", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "mishu-row-label", children: t.messages(detail.messages.length) }),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("ul", { children: detail.messages.map((m, i) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("li", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: m.at }),
                 " ",
                 m.title
               ] }, i)) })
             ] }) : null
           ] }) }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-actions", children: [
-            column === "handle" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AskAI, { topic: item.target === "series" ? { kind: "series", id: item.id } : { kind: "matter", id: item.id }, lang, locale, openChat: openChat2 }) : null,
-            item.actions.map((action, index) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mishu-actions", children: [
+            column === "handle" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AskAI, { topic: item.target === "series" ? { kind: "series", id: item.id } : { kind: "matter", id: item.id }, lang, locale, openChat: openChat2 }) : null,
+            item.actions.map((action, index) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
               "button",
               {
                 type: "button",
@@ -1577,7 +1833,7 @@ function Card({ item, column, lang, locale, busy, label, openChat: openChat2, op
               },
               action
             )),
-            column === "handle" ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AskAI, { topic: item.target === "series" ? { kind: "series", id: item.id } : { kind: "matter", id: item.id }, lang, locale, openChat: openChat2, compact: true })
+            column === "handle" ? null : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AskAI, { topic: item.target === "series" ? { kind: "series", id: item.id } : { kind: "matter", id: item.id }, lang, locale, openChat: openChat2, compact: true })
           ] })
         ] }) : null
       ]
@@ -1587,11 +1843,11 @@ function Card({ item, column, lang, locale, busy, label, openChat: openChat2, op
 var EMPTY = { title: "", due: "", repeat: "none", category: "other", note: "" };
 function AddForm({ lang, locale, onAdded }) {
   const t = TEXT[lang];
-  const [open, setOpen] = (0, import_react5.useState)(false);
-  const [item, setItem] = (0, import_react5.useState)(EMPTY);
-  const [preview, setPreview] = (0, import_react5.useState)();
-  const [saving, setSaving] = (0, import_react5.useState)(false);
-  (0, import_react5.useEffect)(() => {
+  const [open, setOpen] = (0, import_react6.useState)(false);
+  const [item, setItem] = (0, import_react6.useState)(EMPTY);
+  const [preview, setPreview] = (0, import_react6.useState)();
+  const [saving, setSaving] = (0, import_react6.useState)(false);
+  (0, import_react6.useEffect)(() => {
     if (!open || item.title.trim() === "" || item.due === "") {
       setPreview(void 0);
       return;
@@ -1602,7 +1858,7 @@ function AddForm({ lang, locale, onAdded }) {
     return () => clearTimeout(timer);
   }, [open, item, locale]);
   if (!open) {
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("button", { type: "button", className: "mishu-btn mishu-add-toggle", onClick: () => setOpen(true), children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("button", { type: "button", className: "mishu-btn mishu-add-toggle", onClick: () => setOpen(true), children: [
       "+ ",
       t.add
     ] });
@@ -1620,49 +1876,49 @@ function AddForm({ lang, locale, onAdded }) {
       setPreview({ ok: false, text: result.message });
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-add", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: "mishu-field", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mishu-add", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("label", { className: "mishu-field", children: [
       t.addTitle,
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("input", { value: item.title, placeholder: t.addTitlePlaceholder, onChange: set("title") })
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("input", { value: item.title, placeholder: t.addTitlePlaceholder, onChange: set("title") })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-row", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: "mishu-field", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mishu-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("label", { className: "mishu-field", children: [
         t.addDue,
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("input", { type: "date", value: item.due, onChange: set("due") })
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("input", { type: "date", value: item.due, onChange: set("due") })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: "mishu-field", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("label", { className: "mishu-field", children: [
         t.addRepeat,
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("select", { value: item.repeat, onChange: set("repeat"), children: Object.entries(t.repeats).map(([value, text]) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value, children: text }, value)) })
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("select", { value: item.repeat, onChange: set("repeat"), children: Object.entries(t.repeats).map(([value, text]) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("option", { value, children: text }, value)) })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-row", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: "mishu-field", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mishu-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("label", { className: "mishu-field", children: [
         t.addCategory,
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("select", { value: item.category, onChange: set("category"), children: Object.entries(t.categories).map(([value, text]) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value, children: text }, value)) })
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("select", { value: item.category, onChange: set("category"), children: Object.entries(t.categories).map(([value, text]) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("option", { value, children: text }, value)) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: "mishu-field", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("label", { className: "mishu-field", children: [
         t.addNote,
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("input", { value: item.note, onChange: set("note") })
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("input", { value: item.note, onChange: set("note") })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: `mishu-preview ${preview?.ok === false ? "mishu-danger" : ""}`, children: preview?.text ?? t.previewHint }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-actions", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "mishu-btn primary", disabled: saving || preview?.ok !== true, onClick: () => {
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: `mishu-preview ${preview?.ok === false ? "mishu-danger" : ""}`, children: preview?.text ?? t.previewHint }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mishu-actions", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "mishu-btn primary", disabled: saving || preview?.ok !== true, onClick: () => {
         void save();
       }, children: t.save }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "mishu-btn", onClick: () => {
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "mishu-btn", onClick: () => {
         setOpen(false);
         setItem(EMPTY);
       }, children: t.cancel })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "mishu-hint", children: t.chatHint })
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "mishu-hint", children: t.chatHint })
   ] });
 }
 function RestartButton({ lang, locale }) {
   const t = TEXT[lang];
-  const [why, setWhy] = (0, import_react5.useState)();
-  const [status, setStatus] = (0, import_react5.useState)();
-  (0, import_react5.useEffect)(() => {
+  const [why, setWhy] = (0, import_react6.useState)();
+  const [status, setStatus] = (0, import_react6.useState)();
+  (0, import_react6.useEffect)(() => {
     void restartApi.info(locale()).then((r) => {
       if (r.ok && !r.supported) setWhy(r.why);
     });
@@ -1682,12 +1938,12 @@ function RestartButton({ lang, locale }) {
       setStatus({ ok: true, text: await reconnect(locale) ? t.restartReloading : t.restartSlow });
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "mishu-btn", title: why === void 0 ? t.restartTip : `${t.restartTip}
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "mishu-btn", title: why === void 0 ? t.restartTip : `${t.restartTip}
 ${why}`, disabled: status?.ok === true, onClick: () => {
       void restart();
     }, children: t.restart }),
-    status === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: status.ok ? "mishu-hint" : "mishu-hint mishu-warn", children: status.text })
+    status === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: status.ok ? "mishu-hint" : "mishu-hint mishu-warn", children: status.text })
   ] });
 }
 async function reconnect(locale) {
@@ -1813,10 +2069,17 @@ var STYLES = `
 .mishu-chip span{color:${FAINT}}
 .mishu-chip.active{border-color:${ACCENT};color:${ACCENT}}
 .mishu-chip.active span{color:${ACCENT}}
-.mishu-settings{display:flex;flex-direction:column;gap:12px;max-width:760px}
-.mishu-panel{background:${LAYER1};border-radius:12px;padding:12px 14px}
-.mishu-panel h2{font-size:14px;font-weight:600;margin:0 0 8px}
+.mishu-settings{display:flex;flex-direction:column;gap:8px;max-width:760px}
+.mishu-panel{background:${LAYER1};border:1px solid transparent;border-radius:12px;padding:6px 10px}
+.mishu-panel.open{border-color:${LINE}}
+.mishu-panel .mishu-card-head{font-size:14px;padding:6px 4px}
+.mishu-panel .mishu-card-body{padding:2px 6px 8px}
 .mishu-panel h3{font-size:13px;font-weight:600;margin:14px 0 6px}
+.mishu-fold+.mishu-fold{margin-top:6px}
+.mishu-fold .mishu-fold{background:${LAYER2}}
+.mishu-card-aside{flex:0 0 auto;display:inline-flex;align-items:center;margin-left:auto}
+.mishu-check-inline{margin:0}
+.mishu-check-inline input{cursor:pointer}
 .mishu-notify-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}
 .mishu-notify-row input[type=time]{font:inherit;font-size:13px;color:${TEXT2};background:${LAYER2};border:1px solid ${LINE_STRONG};border-radius:6px;padding:2px 6px}
 .mishu-grid5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-bottom:8px}
@@ -1834,18 +2097,18 @@ var STYLES = `
 `;
 
 // src/client/index.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 var PACKAGE_NAME = "dsh-mishu";
 var inject = ["slots", "locale"];
 var PANEL_ID = "dsh-mishu";
 var NS = "dsh-mishu";
 var openChat;
 function MishuIcon({ size }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1.8, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("rect", { x: "5", y: "4", width: "14", height: "17", rx: "2" }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M9 4h6v3H9z" }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M9 12l2 2 4-4" }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M9 17h6" })
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1.8, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("rect", { x: "5", y: "4", width: "14", height: "17", rx: "2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M9 4h6v3H9z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M9 12l2 2 4-4" }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M9 17h6" })
   ] });
 }
 function apply(ctx) {