dsh-mishu 0.6.2 → 0.7.2

package/lib/client.js

@@ -33,7 +33,7 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/client/Board.tsx
-var import_react4 = require("react");
+var import_react6 = require("react");
 
 // src/client/api.ts
 async function post(path, body) {
@@ -70,6 +70,10 @@ var settingsApi = {
   testGithub: (lang) => post("/github/test", { lang }),
   saveToken: (lang, token) => post("/github/token/save", { lang, token }),
   deleteToken: (lang) => post("/github/token/delete", { lang }),
+  saveNotify: (lang, notify) => post("/notify/save", { lang, notify }),
+  testNotify: (lang, channel) => post("/notify/test", { lang, channel }),
+  saveFeishu: (lang, webhook, secret) => post("/feishu/save", { lang, webhook, secret }),
+  deleteFeishu: (lang) => post("/feishu/delete", { lang }),
   deviceStart: (lang) => post("/github/device/start", { lang }),
   deviceStatus: (lang) => post("/github/device/status", { lang }),
   deviceCancel: (lang) => post("/github/device/cancel", { lang }),
@@ -232,8 +236,41 @@ var zh = {
   mMore: "\u66F4\u591A\u8BBE\u7F6E",
   mLength: (label, want, got) => `${label}${/[A-Za-z]$/.test(label) ? " " : ""}\u7684\u6388\u6743\u7801\uFF08\u5E94\u7528\u4E13\u7528\u5BC6\u7801\uFF09\u662F ${want} \u4F4D\uFF0C\u4F60\u586B\u7684\u662F ${got} \u4F4D\uFF0C\u53EF\u80FD\u586B\u6210\u4E86\u767B\u5F55\u5BC6\u7801\u3002`,
   mSavedUnread: (n) => `\u5DF2\u4FDD\u5B58\u3002\u8FDE\u4E0A\u4E86\uFF0C\u6700\u8FD1\u6709 ${n} \u5C01\u672A\u8BFB\u90AE\u4EF6\u3002`,
-  sFeishu: "\u98DE\u4E66",
-  sComing: "\u5373\u5C06\u63A5\u5165",
+  bSources: "\u2460 \u5B83\u770B\u54EA\u91CC",
+  bSourcesHint: "\u5C0F\u79D8\u4E66\u4ECE\u8FD9\u4E9B\u5730\u65B9\u627E\u8981\u4F60\u5904\u7406\u7684\u4E8B\u3002",
+  bWhat: "\u2461 \u4EC0\u4E48\u4E8B\u8981\u544A\u8BC9\u4F60",
+  bUrgentRule: "\u8FD9\u4E9B\u7B97\u6025\u4E8B\uFF0C\u4E00\u51FA\u73B0\u5C31\u63D0\u9192\u4F60\uFF1A\u6709\u4EBA\u8BF7\u4F60 review\u3001@ \u4F60\u3001\u628A\u4E8B\u5206\u914D\u7ED9\u4F60\uFF1B\u4F1A\u8BAE\u9080\u8BF7\uFF1B\u4F60\u4EA4\u4EE3\u7684\u4E8B\u5230\u4E86\u5F53\u5929\u6216\u5DF2\u7ECF\u8FC7\u671F\u3002\u5176\u4ED6\u4E8B\u90FD\u653E\u8FDB\u6BCF\u5929\u7684\u7B80\u62A5\u3002",
+  bWhen: "\u2462 \u4EC0\u4E48\u65F6\u5019\u3001\u600E\u4E48\u544A\u8BC9\u4F60",
+  bDo: "\u2463 \u80FD\u66FF\u4F60\u529E\u4EC0\u4E48",
+  bMailReadOnly: "\u90AE\u4EF6\uFF1A\u53EA\u8BFB\u3002\u5C0F\u79D8\u4E66\u4ECE\u4E0D\u66FF\u4F60\u6539\u90AE\u7BB1\u91CC\u7684\u4EFB\u4F55\u4E1C\u897F\uFF0C\u4E5F\u4E0D\u4F1A\u628A\u90AE\u4EF6\u6807\u6210\u5DF2\u8BFB\u3002",
+  nBrief: "\u6BCF\u65E5\u7B80\u62A5\uFF0C\u65F6\u95F4",
+  nUrgent: "\u6025\u4E8B\u7ACB\u523B\u63D0\u9192",
+  nQuiet: "\u514D\u6253\u6270\uFF0C\u4ECE",
+  nTo: "\u5230",
+  nZone: (zone) => `\u6309 ${zone} \u7684\u65F6\u95F4\u3002\u514D\u6253\u6270\u671F\u95F4\u4E0D\u53D1\uFF0C\u671F\u95F4\u51FA\u73B0\u7684\u6025\u4E8B\u7B49\u7ED3\u675F\u540E\u4E00\u8D77\u53D1\u3002`,
+  nChannels: "\u53D1\u5230\u54EA\u91CC",
+  nDesktop: "\u7535\u8111\u901A\u77E5",
+  nDesktopOn: "\u5728\u8FD9\u53F0\u7535\u8111\u53F3\u4E0A\u89D2\u5F39\u51FA\u901A\u77E5\u3002",
+  nFeishu: "\u98DE\u4E66",
+  nFeishuOn: "\u53D1\u5230\u4F60\u7684\u98DE\u4E66\u7FA4\uFF0C\u624B\u673A\u4E0A\u4E5F\u80FD\u6536\u5230\u3002",
+  nTest: "\u53D1\u4E00\u6761\u8BD5\u8BD5",
+  nTestSent: "\u53D1\u51FA\u53BB\u4E86\uFF0C\u770B\u770B\u6536\u5230\u6CA1\u6709",
+  nFeishuConnect: "\u8FDE\u4E0A\u98DE\u4E66",
+  nFeishuChange: "\u6362\u4E00\u4E2A\u673A\u5668\u4EBA",
+  nFeishuRemove: "\u79FB\u9664",
+  nFeishuRemoveConfirm: "\u79FB\u9664\u98DE\u4E66\u673A\u5668\u4EBA\uFF1F\u4EE5\u540E\u63D0\u9192\u4E0D\u518D\u53D1\u5230\u98DE\u4E66\u3002",
+  nFeishuSaved: "\u98DE\u4E66\u8FDE\u4E0A\u4E86\uFF0C\u7FA4\u91CC\u5E94\u8BE5\u6536\u5230\u4E86\u4E00\u6761\u6D88\u606F\u3002",
+  nFeishuSteps: [
+    "\u5728\u98DE\u4E66\u91CC\u5EFA\u4E00\u4E2A\u7FA4\uFF0C\u53EA\u62C9\u4F60\u81EA\u5DF1\u4E5F\u884C\u3002",
+    '\u6253\u5F00\u7FA4\u8BBE\u7F6E \u2192\u300C\u7FA4\u673A\u5668\u4EBA\u300D\u2192\u300C\u6DFB\u52A0\u673A\u5668\u4EBA\u300D\u2192\u300C\u81EA\u5B9A\u4E49\u673A\u5668\u4EBA\u300D\uFF0C\u540D\u5B57\u586B"\u5C0F\u79D8\u4E66"\u3002',
+    '\u5B89\u5168\u8BBE\u7F6E\u9009\u300C\u7B7E\u540D\u6821\u9A8C\u300D\u5E76\u590D\u5236\u5BC6\u94A5\uFF1B\u6216\u8005\u9009\u300C\u81EA\u5B9A\u4E49\u5173\u952E\u8BCD\u300D\uFF0C\u5173\u952E\u8BCD\u586B"\u5C0F\u79D8\u4E66"\u3002',
+    "\u70B9\u300C\u6DFB\u52A0\u300D\uFF0C\u590D\u5236\u300CWebhook \u5730\u5740\u300D\uFF0C\u7C98\u8D34\u5230\u4E0B\u9762\u3002"
+  ],
+  nWebhook: "Webhook \u5730\u5740",
+  nSecret: "\u7B7E\u540D\u5BC6\u94A5\uFF08\u9009\u4E86\u7B7E\u540D\u6821\u9A8C\u624D\u586B\uFF09",
+  nFeishuPrivacy: "\u63D0\u9192\u7684\u5185\u5BB9\uFF08\u4E8B\u60C5\u7684\u6807\u9898\u548C\u7B80\u77ED\u8BF4\u660E\uFF09\u4F1A\u7ECF\u8FC7\u98DE\u4E66\u7684\u670D\u52A1\u5668\u3002\u5730\u5740\u548C\u5BC6\u94A5\u53EA\u5B58\u5728\u8FD9\u53F0\u7535\u8111\u4E0A\u3002",
+  nFeishuTry: "\u8FDE\u4E0A\u5E76\u53D1\u4E00\u6761\u8BD5\u8BD5",
+  nLast: (at, kind, results) => `\u4E0A\u6B21\u63D0\u9192\uFF1A${at} ${kind === "brief" ? "\u6BCF\u65E5\u7B80\u62A5" : kind === "urgent" ? "\u6025\u4E8B" : "\u6D4B\u8BD5"}\uFF0C${results.map((r) => `${r.channel === "feishu" ? "\u98DE\u4E66" : "\u7535\u8111\u901A\u77E5"}${r.ok ? "\u5DF2\u9001\u8FBE" : `\u6CA1\u9001\u5230\uFF08${r.error ?? ""}\uFF09`}`).join("\uFF0C")}`,
   ai: "+AI",
   aiTitle: "\u5728\u5BF9\u8BDD\u91CC\u95EE AI\uFF1A\u628A\u8FD9\u4EF6\u4E8B\u653E\u8FDB\u4E00\u4E2A\u65B0\u5BF9\u8BDD\u7684\u8F93\u5165\u6846\uFF0C\u4E0D\u4F1A\u81EA\u52A8\u53D1\u9001\uFF0C\u4F60\u770B\u8FC7\u518D\u6309\u53D1\u9001",
   aiOpened: "\u5DF2\u653E\u8FDB\u65B0\u5BF9\u8BDD\u7684\u8F93\u5165\u6846\uFF0C\u770B\u8FC7\u540E\u6309\u53D1\u9001\u5C31\u884C",
@@ -386,8 +423,41 @@ var en = {
   mMore: "More settings",
   mLength: (label, want, got) => `A ${label} app password is ${want} characters; this one is ${got}. It may be your sign-in password instead.`,
   mSavedUnread: (n) => `Saved. Connected; ${n} unread messages recently.`,
-  sFeishu: "Feishu / Lark",
-  sComing: "Coming soon",
+  bSources: "1. Where it looks",
+  bSourcesHint: "The secretary finds what needs you in these places.",
+  bWhat: "2. What to tell you about",
+  bUrgentRule: "These are urgent and reach you as they come: a review requested, a mention, an assignment; a meeting invitation; something you told it that is due today or overdue. Everything else goes into the daily brief.",
+  bWhen: "3. When and how to tell you",
+  bDo: "4. What it may do for you",
+  bMailReadOnly: "Mail: read-only. The secretary never changes anything in your mailbox and never marks mail read.",
+  nBrief: "Daily brief at",
+  nUrgent: "Urgent items right away",
+  nQuiet: "Quiet hours from",
+  nTo: "to",
+  nZone: (zone) => `In ${zone} time. Nothing is sent during quiet hours; urgent items from then come when they end.`,
+  nChannels: "Where to send",
+  nDesktop: "This computer",
+  nDesktopOn: "A notification in the corner of this screen.",
+  nFeishu: "Feishu / Lark",
+  nFeishuOn: "To your Feishu group, on your phone too.",
+  nTest: "Send a test",
+  nTestSent: "Sent; check that it arrived",
+  nFeishuConnect: "Connect Feishu",
+  nFeishuChange: "Use another bot",
+  nFeishuRemove: "Remove",
+  nFeishuRemoveConfirm: "Remove the Feishu bot? Reminders will no longer go to Feishu.",
+  nFeishuSaved: "Feishu is connected; the group should have a message.",
+  nFeishuSteps: [
+    "Create a Feishu group; just you is fine.",
+    'Group settings \u2192 Bots \u2192 Add bot \u2192 Custom bot; name it "\u5C0F\u79D8\u4E66".',
+    'Under security choose signature verification and copy the secret, or a custom keyword set to "\u5C0F\u79D8\u4E66".',
+    "Click Add, copy the webhook address and paste it below."
+  ],
+  nWebhook: "Webhook address",
+  nSecret: "Signing secret (only with signature verification)",
+  nFeishuPrivacy: "What reminders say (titles and a short note) passes through Feishu's servers. The address and secret stay on this computer.",
+  nFeishuTry: "Connect and send a test",
+  nLast: (at, kind, results) => `Last reminder: ${at}, ${kind === "brief" ? "daily brief" : kind === "urgent" ? "urgent" : "test"}; ${results.map((r) => `${r.channel === "feishu" ? "Feishu" : "this computer"} ${r.ok ? "delivered" : `failed (${r.error ?? ""})`}`).join(", ")}`,
   ai: "+AI",
   aiTitle: "Ask AI in a chat: puts this into a new chat's input box, unsent; read it, then press send",
   aiOpened: "Put into a new chat's input box; read it and press send",
@@ -446,14 +516,52 @@ function AskAI({ topic, lang, locale, openChat: openChat2, compact = false }) {
 }
 
 // src/client/Settings.tsx
-var import_react3 = 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();
     };
@@ -461,12 +569,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
     ] }) }),
@@ -474,19 +582,167 @@ function Modal({ title, onClose, children }) {
   );
 }
 
+// src/client/Notify.tsx
+var import_react4 = require("react");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var browserZone = () => {
+  try {
+    return Intl.DateTimeFormat().resolvedOptions().timeZone ?? "";
+  } catch {
+    return "";
+  }
+};
+function NotifySection({ view, lang, locale, take }) {
+  const t = TEXT[lang];
+  const notify = view.notify.settings;
+  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_react4.useEffect)(() => {
+    const zone = browserZone();
+    if (notify.timeZone === "" && zone !== "") void settingsApi.saveNotify(locale(), { timeZone: zone }).then((r) => take(r));
+  }, [notify.timeZone, locale]);
+  const test = async (channel) => {
+    setTested({ ...tested, [channel]: { ok: true, text: t.sTesting } });
+    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_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_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
+      ] }),
+      time(notify.brief.time, (value) => {
+        void save({ brief: { ...notify.brief, time: value } });
+      })
+    ] }),
+    /* @__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_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
+      ] }),
+      time(notify.quiet.from, (value) => {
+        void save({ quiet: { ...notify.quiet, from: value } });
+      }),
+      /* @__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_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_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",
+              checked: channel.enabled,
+              disabled: !channel.available,
+              onChange: (e) => {
+                void save({ channels: { ...notify.channels, [channel.id]: e.target.checked } });
+              }
+            }
+          ) }),
+          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_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
+  ] });
+}
+function FeishuDialog({ lang, locale, onDone }) {
+  const t = TEXT[lang];
+  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);
+    const r = await settingsApi.saveFeishu(locale(), webhook, secret);
+    setBusy(false);
+    if (r.ok) onDone(r.view);
+    else setError(r.message);
+  };
+  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_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_runtime4.jsxs)("label", { className: "mishu-field", children: [
+      t.nSecret,
+      /* @__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_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_runtime4.jsx)("button", { type: "button", className: "mishu-btn", onClick: () => onDone(), children: t.sCancel })
+    ] })
+  ] });
+}
+
 // src/client/Settings.tsx
-var import_jsx_runtime3 = 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_react3.useState)();
-  const [error, setError] = (0, import_react3.useState)();
-  const [note, setNote] = (0, import_react3.useState)();
-  const [lead, setLead] = (0, import_react3.useState)({});
-  const [githubTest, setGithubTest] = (0, import_react3.useState)();
-  const [confirmOn, setConfirmOn] = (0, import_react3.useState)(false);
-  const [pasting, setPasting] = (0, import_react3.useState)(false);
-  const [editing, setEditing] = (0, import_react3.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 take = (result, saved) => {
     if (result.ok) {
       setView(result.view);
@@ -497,11 +753,11 @@ function MishuSettings({ lang, locale, openChat: openChat2 }) {
       setError(result.message);
     }
   };
-  (0, import_react3.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     void settingsApi.load(locale()).then((r) => take(r));
   }, [locale]);
   if (view === void 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "mishu-settings", children: error === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "mishu-empty", children: t.loading }) : /* @__PURE__ */ (0, import_jsx_runtime3.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
     ] }) });
@@ -509,92 +765,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;
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "mishu-settings", children: [
-    error === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "mishu-error", 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_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_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_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_runtime5.jsx)("button", { type: "button", className: "mishu-btn", onClick: () => setConfirmOn(false), children: t.sCancel })
+      ] })
+    ] }) : null
+  ] });
+  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_runtime3.jsx)("div", { className: "mishu-ok", children: note }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("section", { className: "mishu-panel", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h2", { children: t.sGeneral }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("label", { className: "mishu-field", children: [
-        t.sLanguage,
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("select", { value: view.settings.language, onChange: (e) => {
-          void save({ language: e.target.value });
-        }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("option", { value: "auto", children: t.sLanguageAuto }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("option", { value: "zh", children: "\u4E2D\u6587" }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("option", { value: "en", children: "English" })
-        ] })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "mishu-field", children: t.sLead }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "mishu-grid5", children: CATEGORIES.map((c) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("label", { className: "mishu-field", children: [
-        t.categories[c],
-        /* @__PURE__ */ (0, import_jsx_runtime3.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_runtime3.jsx)("button", { type: "button", className: "mishu-btn primary", onClick: () => {
-        void save({ leadDays: lead });
-      }, children: t.sSave })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("section", { className: "mishu-panel", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h2", { children: t.sGithub }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("label", { className: "mishu-check", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.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_runtime3.jsxs)("div", { className: "mishu-row-explain", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "mishu-row-label", children: t.sToken }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.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_runtime3.jsxs)("div", { className: "mishu-actions", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.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_runtime3.jsx)("button", { type: "button", className: "mishu-btn", onClick: () => setPasting(true), children: t.sTokenReplace }),
-        token.from === "keychain" ? /* @__PURE__ */ (0, import_jsx_runtime3.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_runtime3.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_runtime3.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_runtime3.jsxs)("label", { className: "mishu-field", children: [
-        t.sMarkRead,
-        /* @__PURE__ */ (0, import_jsx_runtime3.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_runtime3.jsx)("option", { value: "off", children: t.sMarkOff }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("option", { value: "shadow", children: t.sMarkShadow }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("option", { value: "on", children: t.sMarkOn })
-        ] })
-      ] }),
-      confirmOn ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "mishu-banner", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { children: t.sMarkConfirm }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "mishu-actions", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", className: "mishu-btn primary", onClick: () => {
-            setConfirmOn(false);
-            void save({ markRead: "on" });
-          }, children: t.sConfirm }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", className: "mishu-btn", onClick: () => setConfirmOn(false), children: t.sCancel })
-        ] })
-      ] }) : null
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("section", { className: "mishu-panel", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h2", { children: t.sMail }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "mishu-hint", children: t.sMailPrivacy }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.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) }),
-      view.accounts.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "mishu-empty", children: t.sNoAccounts }) : view.accounts.map((account) => /* @__PURE__ */ (0, import_jsx_runtime3.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,
@@ -607,8 +842,8 @@ function MishuSettings({ lang, locale, openChat: openChat2 }) {
         },
         account.id
       )),
-      /* @__PURE__ */ (0, import_jsx_runtime3.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_runtime3.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,
@@ -623,25 +858,50 @@ function MishuSettings({ lang, locale, openChat: openChat2 }) {
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("section", { className: "mishu-panel", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h2", { children: t.sFeishu }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "mishu-hint", children: t.sComing })
+    /* @__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_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_runtime5.jsx)("button", { type: "button", className: "mishu-btn primary", onClick: () => {
+        void save({ leadDays: lead });
+      }, children: t.sSave })
+    ] }),
+    /* @__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_runtime5.jsx)("p", { className: "mishu-hint", children: t.bMailReadOnly })
+    ] }),
+    /* @__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_runtime5.jsxs)("select", { value: view.settings.language, onChange: (e) => {
+          void save({ language: e.target.value });
+        }, children: [
+          /* @__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_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_react3.useState)(false);
-  const [paste, setPaste] = (0, import_react3.useState)(!view.github.deviceLogin);
-  if (!view.github.deviceLogin) return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(TokenForm, { view, lang, locale, onSaved, onCancel });
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "mishu-actions", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", className: "mishu-btn primary", onClick: () => setSigningIn(true), children: t.gLogin }),
-      paste ? null : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", className: "mishu-btn mishu-btn-quiet", onClick: () => setPaste(true), children: t.gPasteInstead }),
-      onCancel === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime3.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_runtime3.jsx)(TokenForm, { view, lang, locale, onSaved, onCancel: void 0 }) : null,
-    signingIn ? /* @__PURE__ */ (0, import_jsx_runtime3.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
@@ -649,12 +909,12 @@ function GithubConnect({ view, lang, locale, onSaved, onCancel }) {
 }
 function GithubLoginDialog({ lang, locale, onClose, onSaved }) {
   const t = TEXT[lang];
-  const [login, setLogin] = (0, import_react3.useState)();
-  const [error, setError] = (0, import_react3.useState)();
-  const [copied, setCopied] = (0, import_react3.useState)(false);
-  const [attempt, setAttempt] = (0, import_react3.useState)(0);
-  const saved = (0, import_react3.useRef)(void 0);
-  (0, import_react3.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);
@@ -698,42 +958,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_runtime3.jsx)(Modal, { title: t.gLogin, onClose: close, children: error !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "mishu-preview mishu-danger", children: error }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "mishu-actions", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", className: "mishu-btn", onClick: close, children: t.gClose }) })
-  ] }) : login === void 0 || login.state === "idle" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "mishu-hint", children: t.gStarting }) : login.state === "waiting" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "mishu-field", children: t.gStep1 }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "mishu-code-row", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("code", { className: "mishu-code", children: login.userCode }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.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_runtime3.jsx)("div", { className: "mishu-field", children: t.gStep2 }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "mishu-actions", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", className: "mishu-btn primary", onClick: () => window.open(login.verificationUri, "_blank", "noopener"), children: t.gOpen }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.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_runtime3.jsx)("p", { className: "mishu-hint", children: t.gScopes })
-  ] }) : login.state === "done" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "mishu-ok", children: t.gDone(login.login) }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "mishu-actions", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", className: "mishu-btn primary", onClick: close, children: t.gClose }) })
-  ] }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "mishu-preview mishu-danger", children: login.message }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "mishu-actions", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.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_runtime3.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_react3.useState)("");
-  const [busy, setBusy] = (0, import_react3.useState)(false);
-  const [message, setMessage] = (0, import_react3.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_runtime3.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);
@@ -747,58 +1007,54 @@ function TokenForm({ view, lang, locale, onSaved, onCancel }) {
       setMessage(r.message);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "mishu-add", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.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_runtime3.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_runtime3.jsx)("p", { className: "mishu-hint", children: t.sTokenHow }),
-    message === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "mishu-preview mishu-danger", children: message }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "mishu-actions", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", className: "mishu-btn", onClick: () => window.open(view.github.newTokenUrl, "_blank", "noopener"), children: t.sTokenNew }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.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_runtime3.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_react3.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_runtime3.jsxs)("div", { className: "mishu-card", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "mishu-card-title", children: [
-      account.label,
-      account.enabled ? "" : ` (${lang === "zh" ? "\u5DF2\u505C\u7528" : "disabled"})`
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.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_runtime3.jsx)("div", { className: "mishu-card-note mishu-warn", children: account.mismatch }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.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_runtime3.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_runtime3.jsxs)("div", { className: "mishu-actions", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.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_runtime3.jsx)("button", { type: "button", className: account.hasPassword && account.mismatch === null ? "mishu-btn" : "mishu-btn primary", onClick: onEdit, children: t.sEdit }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.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 })
     ] })
@@ -807,12 +1063,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_react3.useState)(draft);
-  const [picked, setPicked] = (0, import_react3.useState)(existing);
-  const [password, setPassword] = (0, import_react3.useState)("");
-  const [message, setMessage] = (0, import_react3.useState)();
-  const [failedTest, setFailedTest] = (0, import_react3.useState)(false);
-  const [busy, setBusy] = (0, import_react3.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) => {
@@ -845,93 +1101,93 @@ function MailDialog({ draft, view, lang, locale, openChat: openChat2, onDone })
       setMessage({ ok: false, text: r.message });
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Modal, { title: existing ? t.mTitleEdit : t.mTitleAdd, onClose: () => onDone(), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.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_runtime3.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_runtime3.jsxs)("label", { className: "mishu-field", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: "mishu-field", children: [
       t.sProvider,
-      /* @__PURE__ */ (0, import_jsx_runtime3.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_runtime3.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_runtime3.jsxs)("div", { className: `mishu-steps${preset.supported ? "" : " mishu-danger"}${failedTest ? " attention" : ""}`, children: [
-      preset.steps.length === 0 ? preset.howTo : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("ol", { children: preset.steps.map((step, i) => /* @__PURE__ */ (0, import_jsx_runtime3.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_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+        step.link === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
           " ",
-          /* @__PURE__ */ (0, import_jsx_runtime3.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_runtime3.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_runtime3.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_runtime3.jsxs)("label", { className: "mishu-field", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: "mishu-field", children: [
       t.sPassword,
-      /* @__PURE__ */ (0, import_jsx_runtime3.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_runtime3.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_runtime3.jsx)("p", { className: "mishu-hint mishu-warn", children: t.sPasswordTestOnly }),
-    custom ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "mishu-row", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.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_runtime3.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_runtime3.jsxs)("label", { className: "mishu-field", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: "mishu-field", children: [
         t.sPort,
-        /* @__PURE__ */ (0, import_jsx_runtime3.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_runtime3.jsxs)("details", { className: "mishu-more", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("summary", { children: t.mMore }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "mishu-row", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.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_runtime3.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_runtime3.jsxs)("label", { className: "mishu-field", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: "mishu-field", children: [
           t.sUser,
-          /* @__PURE__ */ (0, import_jsx_runtime3.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_runtime3.jsxs)("div", { className: "mishu-row", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.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_runtime3.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_runtime3.jsxs)("label", { className: "mishu-check", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.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_runtime3.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_runtime3.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_runtime3.jsxs)("div", { className: "mishu-actions", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.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_runtime3.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_runtime3.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 })
     ] })
   ] });
 }
 
 // src/client/Board.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 var SOURCE_KEY = "dsh-mishu.source";
 function loadSource() {
   try {
@@ -967,14 +1223,15 @@ function saveWidths(widths) {
   }
 }
 function MishuBoard({ locale, openChat: openChat2 }) {
-  const [board, setBoard] = (0, import_react4.useState)();
-  const [error, setError] = (0, import_react4.useState)();
-  const [busy, setBusy] = (0, import_react4.useState)(false);
-  const [syncing, setSyncing] = (0, import_react4.useState)(false);
-  const [dropOn, setDropOn] = (0, import_react4.useState)();
-  const [widths, setWidths] = (0, import_react4.useState)(loadWidths);
-  const [tab, setTab] = (0, import_react4.useState)("board");
-  const [source, setSourceState] = (0, import_react4.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 {
@@ -982,11 +1239,11 @@ function MishuBoard({ locale, openChat: openChat2 }) {
     } catch {
     }
   };
-  const dragged = (0, import_react4.useRef)(void 0);
-  const columnsRef = (0, import_react4.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_react4.useCallback)((result) => {
+  const take = (0, import_react6.useCallback)((result) => {
     if (result.ok) {
       setBoard(result.board);
       setError(void 0);
@@ -994,8 +1251,8 @@ function MishuBoard({ locale, openChat: openChat2 }) {
       setError(result.message);
     }
   }, []);
-  const load = (0, import_react4.useCallback)(() => mishuApi.board(locale()).then(take), [locale, take]);
-  (0, import_react4.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();
@@ -1085,7 +1342,12 @@ function MishuBoard({ locale, openChat: openChat2 }) {
     reopen: t.reopen,
     stop: t.stop
   };
-  const card = (item, column) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  const cardKey = (item) => `${item.target}-${item.id}`;
+  const toggleCard = (item) => {
+    const key = cardKey(item);
+    setOpenCard((current) => current === key ? void 0 : key);
+  };
+  const card = (item, column) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     Card,
     {
       item,
@@ -1095,6 +1357,8 @@ function MishuBoard({ locale, openChat: openChat2 }) {
       busy,
       label,
       openChat: openChat2,
+      open: openCard === cardKey(item),
+      onToggle: () => toggleCard(item),
       onAct: (action) => {
         void act(item, action);
       },
@@ -1106,15 +1370,15 @@ function MishuBoard({ locale, openChat: openChat2 }) {
         setDropOn(void 0);
       }
     },
-    `${item.target}-${item.id}`
+    cardKey(item)
   );
   if (board === void 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mishu-page", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "mishu-head", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mishu-title", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h1", { children: t.title }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.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_runtime4.jsx)("p", { className: "mishu-empty", children: t.loading }) : /* @__PURE__ */ (0, import_jsx_runtime4.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
       ] })
@@ -1139,7 +1403,7 @@ function MishuBoard({ locale, openChat: openChat2 }) {
     { 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_runtime4.jsx)(
+  const divider = (index) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     "div",
     {
       className: "mishu-divider",
@@ -1150,133 +1414,135 @@ function MishuBoard({ locale, openChat: openChat2 }) {
       onDoubleClick: resetWidths
     }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mishu-page", "data-mishu-board": "", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mishu-head", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mishu-title", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h1", { children: t.title }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mishu-tabs", role: "tablist", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", role: "tab", "aria-selected": tab === "board", className: tab === "board" ? "active" : "", onClick: () => setTab("board"), children: t.tabBoard }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.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_runtime4.jsx)(RestartButton, { lang, locale })
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(RestartButton, { lang, locale })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mishu-sources", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.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_runtime4.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_runtime4.jsxs)("span", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.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_runtime4.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_runtime4.jsx)("button", { type: "button", className: "mishu-btn", disabled: syncing, onClick: () => {
+        /* @__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_runtime4.jsx)(MishuSettings, { lang, locale, openChat: openChat2 }) : null,
-    tab === "settings" ? null : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-      error === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime4.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_runtime4.jsxs)("p", { className: "mishu-summary", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("p", { className: "mishu-summary", children: [
         board.summary,
         " ",
-        /* @__PURE__ */ (0, import_jsx_runtime4.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_runtime4.jsxs)("div", { className: "mishu-metrics", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mishu-metric", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "mishu-metric-label", children: t.metricHandle }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.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_runtime4.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_runtime4.jsxs)("div", { className: "mishu-metric", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "mishu-metric-label", children: t.metricSoon }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.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_runtime4.jsxs)("div", { className: "mishu-metric", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "mishu-metric-label", children: t.metricClosed }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.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_runtime4.jsxs)("div", { className: "mishu-metric", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "mishu-metric-label", children: t.metricShadow }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.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_runtime4.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_runtime4.jsx)("div", { className: "mishu-filters", role: "group", children: sources.map((s) => /* @__PURE__ */ (0, import_jsx_runtime4.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_runtime4.jsx)("span", { children: count(s.id) })
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: count(s.id) })
       ] }, s.id)) }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mishu-columns", ref: columnsRef, style: { ["--mishu-cols"]: template }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("section", { className: `mishu-col ${dropOn === "handle" ? "drop" : ""}`, ...dropProps("handle"), "aria-label": t.handle, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.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_runtime4.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_runtime4.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_runtime4.jsxs)("section", { className: `mishu-col ${dropOn === "remember" ? "drop" : ""}`, ...dropProps("remember"), "aria-label": t.remember, title: t.dropRemember, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.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_runtime4.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_runtime4.jsx)("div", { className: "mishu-empty", children: t.emptyRemember }) : columns.remember.map((item) => card(item, "remember")),
-          /* @__PURE__ */ (0, import_jsx_runtime4.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_runtime4.jsxs)("section", { className: `mishu-col ${dropOn === "done" ? "drop" : ""}`, ...dropProps("done"), "aria-label": t.done, title: t.dropDone, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.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_runtime4.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_runtime4.jsx)("div", { className: "mishu-empty", children: t.emptyDone }) : columns.done.groups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("details", { className: "mishu-group", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.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_runtime4.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_runtime4.jsx)("p", { className: "mishu-hint", children: t.doneHint }) : null,
-          metrics.shadow > 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.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
         ] })
       ] })
     ] })
   ] });
 }
-function Card({ item, column, lang, locale, busy, label, openChat: openChat2, onAct, onDragStart, onDragEnd }) {
+function Card({ item, column, lang, locale, busy, label, openChat: openChat2, open, onToggle, onAct, onDragStart, onDragEnd }) {
   const t = TEXT[lang];
-  const [open, setOpen] = (0, import_react4.useState)(false);
-  const [detail, setDetail] = (0, import_react4.useState)();
+  const [detail, setDetail] = (0, import_react6.useState)();
   const explain = item.explain;
   const compact = column === "done";
-  const toggle = () => {
-    const next = !open;
-    setOpen(next);
-    if (next && item.target === "matter") {
-      void mishuApi.detail(locale(), item.id).then((r) => setDetail(r.ok ? r.detail : { error: r.message }));
-    }
-  };
-  const row = (name, text, className = "") => text === null || text === void 0 || text === "" ? null : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: `mishu-row-explain ${className}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "mishu-row-label", children: name }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: text })
+  (0, import_react6.useEffect)(() => {
+    if (!open || item.target !== "matter" || detail !== void 0) return;
+    let alive = true;
+    void mishuApi.detail(locale(), item.id).then((r) => {
+      if (alive) setDetail(r.ok ? r.detail : { error: r.message });
+    });
+    return () => {
+      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_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_runtime4.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
     "div",
     {
-      className: `mishu-card ${item.tone === "normal" ? "" : item.tone}`,
+      className: `mishu-card ${open ? "open" : ""} ${item.tone === "normal" ? "" : item.tone}`,
       draggable: item.target === "matter" && column !== "done",
       onDragStart: (event) => {
         event.dataTransfer.effectAllowed = "move";
@@ -1284,48 +1550,68 @@ function Card({ item, column, lang, locale, busy, label, openChat: openChat2, on
       },
       onDragEnd,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "mishu-card-title", children: item.title }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "mishu-card-meta", children: item.meta }),
-        !compact && explain !== null ? /* @__PURE__ */ (0, import_jsx_runtime4.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_runtime4.jsx)("div", { className: "mishu-card-note", children: item.note }) : null,
-        open ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "mishu-detail", children: detail === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "mishu-empty", children: t.loading }) : "error" in detail ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "mishu-danger", children: detail.error }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-          compact && detail.explain !== null ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-            row(t.what, detail.explain.what),
-            row(t.whyDone, detail.explain.why)
-          ] }) : null,
-          detail.did.length > 0 ? /* @__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.did }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: detail.did.map((line, i) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { children: line }, i)) })
-          ] }) : null,
-          detail.messages.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mishu-messages", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "mishu-row-label", children: t.messages(detail.messages.length) }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("ul", { children: detail.messages.map((m, i) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("li", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: m.at }),
-              " ",
-              m.title
-            ] }, i)) })
-          ] }) : null
-        ] }) }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mishu-actions", children: [
-          column === "handle" ? /* @__PURE__ */ (0, import_jsx_runtime4.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_runtime4.jsx)(
-            "button",
-            {
-              type: "button",
-              className: `mishu-btn ${index === 0 ? "primary" : ""}`,
-              disabled: busy && action !== "open",
-              onClick: () => onAct(action),
-              children: action === "open" && explain?.link !== void 0 ? explain.link.label : label[action]
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+          "div",
+          {
+            className: "mishu-card-head",
+            role: "button",
+            tabIndex: 0,
+            "aria-expanded": open,
+            title: open ? t.hide : compact ? t.explainDone : t.detail,
+            onClick: onToggle,
+            onKeyDown: (event) => {
+              if (event.key !== "Enter" && event.key !== " ") return;
+              event.preventDefault();
+              onToggle();
             },
-            action
-          )),
-          item.target === "matter" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: "mishu-btn mishu-btn-quiet", "aria-expanded": open, onClick: toggle, children: open ? t.hide : compact ? t.explainDone : t.detail }) : null,
-          column === "handle" ? null : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AskAI, { topic: item.target === "series" ? { kind: "series", id: item.id } : { kind: "matter", id: item.id }, lang, locale, openChat: openChat2, compact: true })
-        ] })
+            children: [
+              /* @__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_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_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_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_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_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",
+                className: `mishu-btn ${index === 0 ? "primary" : ""}`,
+                disabled: busy && action !== "open",
+                onClick: () => onAct(action),
+                children: action === "open" && explain?.link !== void 0 ? explain.link.label : label[action]
+              },
+              action
+            )),
+            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
       ]
     }
   );
@@ -1333,11 +1619,11 @@ function Card({ item, column, lang, locale, busy, label, openChat: openChat2, on
 var EMPTY = { title: "", due: "", repeat: "none", category: "other", note: "" };
 function AddForm({ lang, locale, onAdded }) {
   const t = TEXT[lang];
-  const [open, setOpen] = (0, import_react4.useState)(false);
-  const [item, setItem] = (0, import_react4.useState)(EMPTY);
-  const [preview, setPreview] = (0, import_react4.useState)();
-  const [saving, setSaving] = (0, import_react4.useState)(false);
-  (0, import_react4.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;
@@ -1348,7 +1634,7 @@ function AddForm({ lang, locale, onAdded }) {
     return () => clearTimeout(timer);
   }, [open, item, locale]);
   if (!open) {
-    return /* @__PURE__ */ (0, import_jsx_runtime4.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
     ] });
@@ -1366,49 +1652,49 @@ function AddForm({ lang, locale, onAdded }) {
       setPreview({ ok: false, text: result.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_runtime6.jsxs)("div", { className: "mishu-add", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("label", { className: "mishu-field", children: [
       t.addTitle,
-      /* @__PURE__ */ (0, import_jsx_runtime4.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_runtime4.jsxs)("div", { className: "mishu-row", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.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_runtime4.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_runtime4.jsxs)("label", { className: "mishu-field", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("label", { className: "mishu-field", children: [
         t.addRepeat,
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("select", { value: item.repeat, onChange: set("repeat"), children: Object.entries(t.repeats).map(([value, text]) => /* @__PURE__ */ (0, import_jsx_runtime4.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_runtime4.jsxs)("div", { className: "mishu-row", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.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_runtime4.jsx)("select", { value: item.category, onChange: set("category"), children: Object.entries(t.categories).map(([value, text]) => /* @__PURE__ */ (0, import_jsx_runtime4.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_runtime4.jsxs)("label", { className: "mishu-field", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("label", { className: "mishu-field", children: [
         t.addNote,
-        /* @__PURE__ */ (0, import_jsx_runtime4.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_runtime4.jsx)("div", { className: `mishu-preview ${preview?.ok === false ? "mishu-danger" : ""}`, children: preview?.text ?? t.previewHint }),
-    /* @__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: 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_runtime4.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_runtime4.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_react4.useState)();
-  const [status, setStatus] = (0, import_react4.useState)();
-  (0, import_react4.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);
     });
@@ -1428,12 +1714,12 @@ function RestartButton({ lang, locale }) {
       setStatus({ ok: true, text: await reconnect(locale) ? t.restartReloading : t.restartSlow });
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.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_runtime4.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) {
@@ -1490,10 +1776,17 @@ var STYLES = `
 .mishu-col-head{display:flex;justify-content:space-between;align-items:baseline;font-weight:600;margin:2px 4px 8px}
 .mishu-col-head span{color:${MUTED};font-weight:400}
 .mishu-empty{color:${FAINT};padding:8px 4px}
-.mishu-card{background:${LAYER2};border:1px solid ${LINE};border-radius:8px;padding:8px 10px;margin-bottom:8px}
+.mishu-card{background:${LAYER2};border:1px solid ${LINE};border-radius:8px;padding:6px 8px;margin-bottom:8px}
 .mishu-card[draggable=true]{cursor:grab}
 .mishu-card.danger{border-color:${DANGER}}
-.mishu-card-title{font-weight:600;word-break:break-word}
+.mishu-card.open{padding-bottom:8px}
+.mishu-card-head{display:flex;align-items:flex-start;gap:6px;width:100%;font:inherit;font-size:13px;text-align:left;color:inherit;background:transparent;border:0;border-radius:6px;padding:3px 4px;cursor:pointer}
+.mishu-card-head:hover{background:${HOVER}}
+.mishu-card-head:focus-visible{outline:2px solid ${ACCENT};outline-offset:1px}
+.mishu-caret{flex:0 0 auto;width:0;height:0;margin-top:6px;border-left:4px solid ${FAINT};border-top:4px solid transparent;border-bottom:4px solid transparent;transition:transform .12s}
+.mishu-card.open .mishu-caret{transform:rotate(90deg);border-left-color:${ACCENT}}
+.mishu-card-body{padding:0 4px}
+.mishu-card-title{font-weight:600;word-break:break-word;min-width:0;flex:1 1 auto}
 .mishu-card-meta{font-size:12px;color:${MUTED};margin-top:2px}
 .mishu-card.danger .mishu-card-meta{color:${DANGER}}
 .mishu-card.warn .mishu-card-meta{color:${WARN}}
@@ -1552,9 +1845,19 @@ 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}
 .mishu-check{display:flex;align-items:center;gap:6px;font-size:13px;margin:4px 0 8px;color:${TEXT2}}
 .mishu-ok{padding:6px 10px;border-radius:8px;border:1px solid ${OK};color:${OK};font-size:12px}
@@ -1570,18 +1873,18 @@ var STYLES = `
 `;
 
 // src/client/index.tsx
-var import_jsx_runtime5 = 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_runtime5.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_runtime5.jsx)("rect", { x: "5", y: "4", width: "14", height: "17", rx: "2" }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M9 4h6v3H9z" }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M9 12l2 2 4-4" }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.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) {