dsh-mishu 0.5.4 → 0.7.1

package/lib/client.js

@@ -33,7 +33,7 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/client/Board.tsx
-var import_react3 = require("react");
+var import_react5 = require("react");
 
 // src/client/api.ts
 async function post(path, body) {
@@ -70,6 +70,13 @@ 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 }),
   saveMail: (lang, account, password) => post("/mail/save", { lang, account, password }),
   testMail: (lang, account, password) => post("/mail/test", { lang, account, password }),
   deleteMail: (lang, id) => post("/mail/delete", { lang, id }),
@@ -142,6 +149,9 @@ var zh = {
   restartTip: "\u91CD\u88C5\u6216\u5347\u7EA7\u63D2\u4EF6\u540E\uFF0C\u53EF\u4EE5\u7528\u8FD9\u4E2A\u6309\u952E\u91CD\u542F\u672C DSH",
   restartConfirm: "\u91CD\u542F DSH\uFF1F\u5B89\u88C5\u63D2\u4EF6\u6216\u8005\u63D2\u4EF6\u66F4\u65B0\u540E\u9700\u8981\u91CD\u542F DSH\u3002",
   restarting: "\u6B63\u5728\u91CD\u542F\u2026\u7A97\u53E3\u4F1A\u5173\u6389\u518D\u81EA\u52A8\u6253\u5F00",
+  restartingWeb: "\u6B63\u5728\u91CD\u542F\u2026\u9875\u9762\u4F1A\u65AD\u5F00\u4E00\u4F1A\u513F\uFF0C\u8FDE\u4E0A\u540E\u81EA\u52A8\u5237\u65B0",
+  restartReloading: "\u5DF2\u7ECF\u91CD\u542F\u597D\u4E86\uFF0C\u6B63\u5728\u5237\u65B0\u9875\u9762\u2026",
+  restartSlow: "\u4E24\u5206\u949F\u4E86\u8FD8\u6CA1\u8FDE\u4E0A\uFF0C\u8BF7\u624B\u52A8\u5237\u65B0\u9875\u9762\u770B\u770B\u3002",
   all: "\u5168\u90E8",
   sourceGithub: "GitHub",
   sourceMail: "\u90AE\u4EF6",
@@ -159,6 +169,19 @@ var zh = {
   sTokenGh: "\u7528 GitHub CLI\uFF08gh\uFF09\u767B\u5F55\u7684\u8D26\u53F7\uFF0Ctoken \u5728\u7CFB\u7EDF\u94A5\u5319\u4E32\u91CC",
   sTokenKeychain: "\u4F60\u5728\u8FD9\u91CC\u586B\u7684 token\uFF0C\u5B58\u5728\u7CFB\u7EDF\u94A5\u5319\u4E32\u91CC",
   sTokenPaste: "\u586B\u4E00\u4E2A GitHub token",
+  gLogin: "\u7528 GitHub \u767B\u5F55",
+  gPasteInstead: "\u6216\u8005\u7C98\u8D34\u4E00\u4E2A token",
+  gStarting: "\u6B63\u5728\u5411 GitHub \u8981\u767B\u5F55\u7801\u2026",
+  gStep1: "1. \u590D\u5236\u8FD9\u4E2A\u767B\u5F55\u7801",
+  gCopy: "\u590D\u5236",
+  gCopied: "\u5DF2\u590D\u5236",
+  gStep2: "2. \u6253\u5F00 GitHub\uFF0C\u7C98\u8D34\u767B\u5F55\u7801\uFF0C\u70B9 Authorize\u3002\u7528\u624B\u673A\u6216\u522B\u7684\u7535\u8111\u6253\u5F00\u4E5F\u884C\u3002",
+  gOpen: "\u6253\u5F00 GitHub",
+  gWaiting: "\u7B49\u4F60\u5728 GitHub \u4E0A\u6388\u6743\u2026",
+  gScopes: "\u4F1A\u8BF7\u6C42\u4E24\u9879\u6743\u9650\uFF1A\u8BFB\u901A\u77E5\uFF08notifications\uFF09\u548C\u4ED3\u5E93\uFF08repo\uFF0C\u67E5\u79C1\u6709\u4ED3\u5E93\u7684 CI\u3001PR \u8981\u7528\uFF1BGitHub \u6CA1\u6709\u53EA\u8BFB\u7684\u7248\u672C\uFF0C\u5C0F\u79D8\u4E66\u53EA\u8BFB\u4E0D\u5199\uFF09\u3002\u62FF\u5230\u7684 token \u53EA\u5B58\u5728\u8FD9\u53F0\u7535\u8111\u4E0A\u3002",
+  gDone: (login) => `\u767B\u5F55\u597D\u4E86\uFF0C\u8D26\u53F7 ${login}`,
+  gRetry: "\u518D\u8BD5\u4E00\u6B21",
+  gClose: "\u5173\u95ED",
   sTokenHow: "\u7528 classic token\uFF0C\u52FE\u9009 notifications\uFF1B\u8981\u770B\u79C1\u6709\u4ED3\u5E93\u518D\u52FE repo\u3002GitHub \u7684\u901A\u77E5\u63A5\u53E3\u4E0D\u8BA4 fine-grained token\u3002token \u53EA\u5B58\u8FDB\u7CFB\u7EDF\u94A5\u5319\u4E32\uFF0C\u4E0D\u5199\u8FDB\u4EFB\u4F55\u6587\u4EF6\u3002",
   sTokenNew: "\u53BB GitHub \u751F\u6210\uFF08\u6743\u9650\u5DF2\u52FE\u597D\uFF09",
   sTokenSave: "\u68C0\u67E5\u5E76\u4FDD\u5B58",
@@ -180,6 +203,7 @@ var zh = {
   sMail: "\u90AE\u7BB1",
   sMailPrivacy: "\u53EA\u8BFB\uFF1A\u5C0F\u79D8\u4E66\u7528\u53EA\u8BFB\u65B9\u5F0F\u6253\u5F00\u6536\u4EF6\u7BB1\uFF0C\u53EA\u770B\u53D1\u4EF6\u4EBA\u3001\u6536\u4EF6\u4EBA\u3001\u6807\u9898\u548C\u51E0\u4E2A\u90AE\u4EF6\u5934\uFF0C\u4E0D\u8BFB\u6B63\u6587\uFF0C\u4E5F\u4E0D\u4F1A\u628A\u90AE\u4EF6\u6807\u6210\u5DF2\u8BFB\u3002",
   sSecretsAt: (kind) => `\u5BC6\u7801\u4FDD\u5B58\u5728\uFF1A${kind}\uFF08\u52A0\u5BC6\u4FDD\u5B58\uFF0C\u4E0D\u5199\u8FDB\u4EFB\u4F55\u6587\u4EF6\uFF09`,
+  sSecretsFile: (path, why) => `\u8FD9\u53F0\u7535\u8111\u6CA1\u6709\u53EF\u7528\u7684\u7CFB\u7EDF\u94A5\u5319\u4E32\uFF08${why}\uFF09\uFF0C\u6240\u4EE5\u5BC6\u7801\u548C token \u5B58\u5728 ${path}\u3002\u8FD9\u4E2A\u6587\u4EF6\u53EA\u6709\u4F60\u7684\u7CFB\u7EDF\u8D26\u53F7\u80FD\u8BFB\uFF08\u6743\u9650 600\uFF09\uFF0C\u4F46\u6CA1\u6709\u52A0\u5BC6\uFF1A\u80FD\u767B\u5F55\u4F60\u8FD9\u4E2A\u8D26\u53F7\u7684\u4EBA\u90FD\u80FD\u770B\u5230\u3002`,
   sSecretsNone: (why) => `\u8FD9\u53F0\u7535\u8111\u4E0A\u6CA1\u6709\u53EF\u7528\u7684\u7CFB\u7EDF\u94A5\u5319\u4E32\uFF1A${why}\u3002\u5BC6\u7801\u4E0D\u4F1A\u88AB\u4FDD\u5B58\uFF1B\u8D26\u6237\u7167\u6837\u80FD\u4FDD\u5B58\uFF0C\u5BC6\u7801\u7528\u73AF\u5883\u53D8\u91CF\u63D0\u4F9B\uFF0C\u53D8\u91CF\u540D\u5199\u5728\u6BCF\u4E2A\u8D26\u6237\u4E0B\u9762\u3002`,
   sPasswordTestOnly: "\u6CA1\u6709\u94A5\u5319\u4E32\uFF1A\u8FD9\u91CC\u586B\u7684\u53EA\u7528\u6765\u6D4B\u8BD5\u8FDE\u63A5\uFF0C\u4E0D\u4F1A\u4FDD\u5B58",
   secretKinds: { macos: "macOS \u94A5\u5319\u4E32", windows: "Windows \u51ED\u636E\u7BA1\u7406\u5668", linux: "Linux \u5BC6\u94A5\u73AF\uFF08Secret Service\uFF09", memory: "\u5185\u5B58\uFF08\u6D4B\u8BD5\u7528\uFF09" },
@@ -203,8 +227,50 @@ var zh = {
   sMailOk: (n) => `\u8FDE\u4E0A\u4E86\uFF0C\u6700\u8FD1\u6709 ${n} \u5C01\u672A\u8BFB\u90AE\u4EF6`,
   sEnvHint: (name) => `\u6CA1\u6709\u627E\u5230\u5BC6\u7801\u3002\u70B9\u300C\u7F16\u8F91\u300D\u91CD\u65B0\u586B\u4E00\u6B21\uFF1B\u8FD9\u53F0\u7535\u8111\u6CA1\u6709\u94A5\u5319\u4E32\u7684\u8BDD\uFF0C\u5728\u542F\u52A8 DSH \u7684\u73AF\u5883\u91CC\u8BBE\u7F6E ${name}=\u6388\u6743\u7801\uFF0C\u518D\u91CD\u542F DSH\u3002`,
   sNeverChecked: "\u8FD8\u6CA1\u6536\u8FC7",
-  sFeishu: "\u98DE\u4E66",
-  sComing: "\u5373\u5C06\u63A5\u5165",
+  sNoPassword: "\u8FD8\u6CA1\u6709\u8FD9\u4E2A\u90AE\u7BB1\u7684\u5BC6\u7801\uFF08\u6388\u6743\u7801\uFF09\u3002\u70B9\u300C\u7F16\u8F91\u300D\u586B\u4E00\u6B21\u3002",
+  mTitleAdd: "\u6DFB\u52A0\u90AE\u7BB1",
+  mTitleEdit: "\u7F16\u8F91\u90AE\u7BB1",
+  mStepsHelp: "\u7167\u7740\u505A\u8FD8\u662F\u5361\u4F4F\u4E86\uFF1F",
+  mTestSave: "\u6D4B\u8BD5\u5E76\u4FDD\u5B58",
+  mSaveAnyway: "\u4E0D\u6D4B\u8BD5\uFF0C\u76F4\u63A5\u4FDD\u5B58",
+  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`,
+  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",
@@ -270,6 +336,9 @@ var en = {
   restartTip: "After reinstalling or upgrading plugins, use this to restart DSH",
   restartConfirm: "Restart DSH? DSH needs a restart after you install or update plugins.",
   restarting: "Restarting\u2026 the window closes and opens again",
+  restartingWeb: "Restarting\u2026 the page loses its connection for a moment and reloads once DSH is back",
+  restartReloading: "DSH is back; reloading the page\u2026",
+  restartSlow: "Still not back after two minutes; reload the page yourself.",
   all: "All",
   sourceGithub: "GitHub",
   sourceMail: "Mail",
@@ -287,6 +356,19 @@ var en = {
   sTokenGh: "The account the GitHub CLI (gh) is signed in to; the token stays in the system keychain",
   sTokenKeychain: "The token you pasted here, kept in the system keychain",
   sTokenPaste: "Paste a GitHub token",
+  gLogin: "Sign in with GitHub",
+  gPasteInstead: "Or paste a token",
+  gStarting: "Asking GitHub for a sign-in code\u2026",
+  gStep1: "1. Copy this code",
+  gCopy: "Copy",
+  gCopied: "Copied",
+  gStep2: "2. Open GitHub, paste the code and click Authorize. A phone or another computer works too.",
+  gOpen: "Open GitHub",
+  gWaiting: "Waiting for you to authorize on GitHub\u2026",
+  gScopes: "It asks for two permissions: notifications, and repo (needed for CI runs and pull requests of private repositories; GitHub has no read-only version, and the secretary only reads). The token stays on this computer.",
+  gDone: (login) => `Signed in as ${login}`,
+  gRetry: "Try again",
+  gClose: "Close",
   sTokenHow: "Use a classic token with the notifications scope, plus repo for private repositories. GitHub's notifications API does not take fine-grained tokens. The token goes to the system keychain only, never to a file.",
   sTokenNew: "Create one on GitHub (scopes pre-ticked)",
   sTokenSave: "Check and save",
@@ -308,6 +390,7 @@ var en = {
   sMail: "Mail",
   sMailPrivacy: "Read-only: the secretary opens your inbox read-only and looks at sender, recipients, subject and a few headers only. It never reads bodies and never marks mail read.",
   sSecretsAt: (kind) => `Passwords are kept in: ${kind} (encrypted, never written to a file)`,
+  sSecretsFile: (path, why) => `No usable system keychain on this computer (${why}), so passwords and tokens are kept in ${path}. Only your system account can read that file (mode 600), but it is not encrypted: anyone who can sign in as you can read it.`,
   sSecretsNone: (why) => `No usable system keychain on this computer: ${why}. Passwords are not saved; you can still save accounts and give each password through the environment variable shown under it.`,
   sPasswordTestOnly: "No keychain: used only to test the connection, not saved",
   secretKinds: { macos: "the macOS Keychain", windows: "Windows Credential Manager", linux: "the Linux keyring (Secret Service)", memory: "memory (tests)" },
@@ -331,8 +414,50 @@ var en = {
   sMailOk: (n) => `Connected; ${n} unread messages recently`,
   sEnvHint: (name) => `No password found. Click Edit and enter it again; if this computer has no keychain, set ${name}=<app password> in the environment DSH starts from, then restart DSH.`,
   sNeverChecked: "Not checked yet",
-  sFeishu: "Feishu / Lark",
-  sComing: "Coming soon",
+  sNoPassword: "No password (app password) for this account yet. Click Edit and enter it.",
+  mTitleAdd: "Add a mail account",
+  mTitleEdit: "Edit mail account",
+  mStepsHelp: "Stuck on a step?",
+  mTestSave: "Test and save",
+  mSaveAnyway: "Save without testing",
+  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.`,
+  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",
@@ -391,19 +516,190 @@ function AskAI({ topic, lang, locale, openChat: openChat2, compact = false }) {
 }
 
 // src/client/Settings.tsx
+var import_react4 = require("react");
+
+// src/client/Modal.tsx
 var import_react2 = require("react");
+var import_react_dom = require("react-dom");
 var import_jsx_runtime2 = require("react/jsx-runtime");
+function Modal({ title, onClose, children }) {
+  (0, import_react2.useEffect)(() => {
+    const key = (event) => {
+      if (event.key === "Escape") onClose();
+    };
+    window.addEventListener("keydown", key);
+    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) => {
+      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
+    ] }) }),
+    document.body
+  );
+}
+
+// src/client/Notify.tsx
+var import_react3 = require("react");
+var import_jsx_runtime3 = 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_react3.useState)({});
+  const [feishuOpen, setFeishuOpen] = (0, import_react3.useState)(false);
+  const save = async (patch) => take(await settingsApi.saveNotify(locale(), patch), t.sSaved);
+  (0, import_react3.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_runtime3.jsx)("input", { type: "time", step: 60, value, onChange: (e) => {
+    if (e.target.value !== "") onChange(e.target.value);
+  } });
+  const last = view.notify.last;
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "mishu-notify-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("label", { className: "mishu-check", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("input", { type: "checkbox", checked: notify.brief.enabled, onChange: (e) => {
+          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_runtime3.jsx)("div", { className: "mishu-notify-row", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("label", { className: "mishu-check", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("input", { type: "checkbox", checked: notify.urgent, onChange: (e) => {
+        void save({ urgent: e.target.checked });
+      } }),
+      t.nUrgent
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "mishu-notify-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("label", { className: "mishu-check", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("input", { type: "checkbox", checked: notify.quiet.enabled, onChange: (e) => {
+          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_runtime3.jsx)("span", { className: "mishu-hint", children: t.nTo }),
+      time(notify.quiet.to, (value) => {
+        void save({ quiet: { ...notify.quiet, to: value } });
+      })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "mishu-hint", children: t.nZone(notify.timeZone || browserZone()) }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h3", { children: t.nChannels }),
+    view.notify.channels.map((channel) => {
+      const result = tested[channel.id];
+      const feishu = channel.id === "feishu";
+      return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "mishu-card", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "mishu-notify-row", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("label", { className: "mishu-check", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            "input",
+            {
+              type: "checkbox",
+              checked: channel.enabled,
+              disabled: !channel.available,
+              onChange: (e) => {
+                void save({ channels: { ...notify.channels, [channel.id]: e.target.checked } });
+              }
+            }
+          ),
+          feishu ? t.nFeishu : t.nDesktop
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: `mishu-card-note ${channel.available ? "" : "mishu-warn"}`, children: channel.available ? feishu ? t.nFeishuOn : t.nDesktopOn : channel.why }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "mishu-actions", children: [
+          channel.available ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", className: "mishu-btn", onClick: () => {
+            void test(channel.id);
+          }, children: t.nTest }) : null,
+          feishu ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", className: view.notify.feishu.configured ? "mishu-btn" : "mishu-btn primary", onClick: () => setFeishuOpen(true), children: view.notify.feishu.configured ? t.nFeishuChange : t.nFeishuConnect }) : null,
+          feishu && view.notify.feishu.configured ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", className: "mishu-btn mishu-btn-quiet", onClick: () => {
+            if (window.confirm(t.nFeishuRemoveConfirm)) void settingsApi.deleteFeishu(locale()).then((r) => take(r));
+          }, children: t.nFeishuRemove }) : null,
+          result === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: result.ok ? "mishu-hint" : "mishu-hint mishu-danger", children: result.text })
+        ] })
+      ] }, channel.id);
+    }),
+    last === null ? null : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "mishu-hint", children: t.nLast(new Date(last.at).toLocaleString(), last.kind, last.results) }),
+    feishuOpen ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(FeishuDialog, { lang, locale, onDone: (next) => {
+      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_react3.useState)("");
+  const [secret, setSecret] = (0, import_react3.useState)("");
+  const [busy, setBusy] = (0, import_react3.useState)(false);
+  const [error, setError] = (0, import_react3.useState)();
+  const 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_runtime3.jsxs)(Modal, { title: t.nFeishuConnect, onClose: () => onDone(), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "mishu-steps", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("ol", { children: t.nFeishuSteps.map((step, i) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("li", { children: step }, i)) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("label", { className: "mishu-field", children: [
+      t.nWebhook,
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("input", { value: webhook, autoComplete: "off", spellCheck: false, placeholder: "https://open.feishu.cn/open-apis/bot/v2/hook/\u2026", onChange: (e) => {
+        setWebhook(e.target.value);
+        setError(void 0);
+      } })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("label", { className: "mishu-field", children: [
+      t.nSecret,
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("input", { type: "password", value: secret, autoComplete: "off", spellCheck: false, onChange: (e) => {
+        setSecret(e.target.value);
+        setError(void 0);
+      } })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "mishu-hint", children: t.nFeishuPrivacy }),
+    error === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "mishu-preview mishu-danger", children: error }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "mishu-actions", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", className: "mishu-btn primary", disabled: busy || webhook.trim() === "", onClick: () => {
+        void connect();
+      }, children: busy ? t.sTesting : t.nFeishuTry }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", className: "mishu-btn", onClick: () => onDone(), children: t.sCancel })
+    ] })
+  ] });
+}
+
+// src/client/Settings.tsx
+var import_jsx_runtime4 = 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_react2.useState)();
-  const [error, setError] = (0, import_react2.useState)();
-  const [note, setNote] = (0, import_react2.useState)();
-  const [lead, setLead] = (0, import_react2.useState)({});
-  const [githubTest, setGithubTest] = (0, import_react2.useState)();
-  const [confirmOn, setConfirmOn] = (0, import_react2.useState)(false);
-  const [pasting, setPasting] = (0, import_react2.useState)(false);
-  const [editing, setEditing] = (0, import_react2.useState)();
+  const [view, setView] = (0, import_react4.useState)();
+  const [error, setError] = (0, import_react4.useState)();
+  const [note, setNote] = (0, import_react4.useState)();
+  const [lead, setLead] = (0, import_react4.useState)({});
+  const [githubTest, setGithubTest] = (0, import_react4.useState)();
+  const [confirmOn, setConfirmOn] = (0, import_react4.useState)(false);
+  const [pasting, setPasting] = (0, import_react4.useState)(false);
+  const [editing, setEditing] = (0, import_react4.useState)();
   const take = (result, saved) => {
     if (result.ok) {
       setView(result.view);
@@ -414,11 +710,11 @@ function MishuSettings({ lang, locale, openChat: openChat2 }) {
       setError(result.message);
     }
   };
-  (0, import_react2.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     void settingsApi.load(locale()).then((r) => take(r));
   }, [locale]);
   if (view === void 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "mishu-settings", children: error === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "mishu-empty", children: t.loading }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "mishu-error", children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "mishu-settings", children: error === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "mishu-empty", children: t.loading }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mishu-error", children: [
       t.failed,
       error
     ] }) });
@@ -426,95 +722,76 @@ 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_runtime2.jsxs)("div", { className: "mishu-settings", children: [
-    error === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "mishu-error", children: [
+  const markRead = /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "mishu-field", children: [
+      t.sMarkRead,
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("select", { value: view.settings.markRead, onChange: (e) => {
+        const value = e.target.value;
+        if (value === "on") setConfirmOn(true);
+        else void save({ markRead: value });
+      }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("option", { value: "off", children: t.sMarkOff }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("option", { value: "shadow", children: t.sMarkShadow }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("option", { value: "on", children: t.sMarkOn })
+      ] })
+    ] }),
+    confirmOn ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mishu-banner", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { children: t.sMarkConfirm }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mishu-actions", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: "mishu-btn primary", onClick: () => {
+          setConfirmOn(false);
+          void save({ markRead: "on" });
+        }, children: t.sConfirm }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: "mishu-btn", onClick: () => setConfirmOn(false), children: t.sCancel })
+      ] })
+    ] }) : null
+  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mishu-settings", children: [
+    error === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mishu-error", children: [
       t.failed,
       error
     ] }),
-    note === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "mishu-ok", children: note }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("section", { className: "mishu-panel", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h2", { children: t.sGeneral }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: "mishu-field", children: [
-        t.sLanguage,
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("select", { value: view.settings.language, onChange: (e) => {
-          void save({ language: e.target.value });
-        }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "auto", children: t.sLanguageAuto }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "zh", children: "\u4E2D\u6587" }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "en", children: "English" })
-        ] })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "mishu-field", children: t.sLead }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "mishu-grid5", children: CATEGORIES.map((c) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: "mishu-field", children: [
-        t.categories[c],
-        /* @__PURE__ */ (0, import_jsx_runtime2.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_runtime2.jsx)("button", { type: "button", className: "mishu-btn primary", onClick: () => {
-        void save({ leadDays: lead });
-      }, children: t.sSave })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("section", { className: "mishu-panel", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h2", { children: t.sGithub }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: "mishu-check", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("input", { type: "checkbox", checked: view.settings.githubEnabled, onChange: (e) => {
+    note === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "mishu-ok", children: note }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("section", { className: "mishu-panel", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h2", { children: t.bSources }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "mishu-hint", children: t.bSourcesHint }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h3", { children: t.sGithub }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "mishu-check", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("input", { type: "checkbox", checked: view.settings.githubEnabled, onChange: (e) => {
           void save({ githubEnabled: e.target.checked });
         } }),
         t.sGithubOn
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "mishu-row-explain", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "mishu-row-label", children: t.sToken }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.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_runtime4.jsxs)("div", { className: "mishu-row-explain", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "mishu-row-label", children: t.sToken }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: token.found ? "" : "mishu-danger", children: token.found ? token.from === "env" ? t.sTokenEnv(view.github.tokenEnv) : token.from === "keychain" ? t.sTokenKeychain : t.sTokenGh : token.text })
       ] }),
-      token.found ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "mishu-actions", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { type: "button", className: "mishu-btn", onClick: () => {
+      token.found ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mishu-actions", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: "mishu-btn", onClick: () => {
           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_runtime2.jsx)("button", { type: "button", className: "mishu-btn", onClick: () => setPasting(true), children: t.sTokenReplace }),
-        token.from === "keychain" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { type: "button", className: "mishu-btn mishu-btn-quiet", onClick: () => {
+        token.from === "env" || pasting ? null : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: "mishu-btn", onClick: () => setPasting(true), children: t.sTokenReplace }),
+        token.from === "keychain" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: "mishu-btn mishu-btn-quiet", onClick: () => {
           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_runtime2.jsx)("span", { className: "mishu-hint", children: githubTest })
+        githubTest === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "mishu-hint", children: githubTest })
       ] }) : null,
-      !token.found || pasting ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(TokenForm, { view, lang, locale, onSaved: (next, login) => {
+      !token.found || pasting ? /* @__PURE__ */ (0, import_jsx_runtime4.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_runtime2.jsxs)("label", { className: "mishu-field", children: [
-        t.sMarkRead,
-        /* @__PURE__ */ (0, import_jsx_runtime2.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_runtime2.jsx)("option", { value: "off", children: t.sMarkOff }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "shadow", children: t.sMarkShadow }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "on", children: t.sMarkOn })
-        ] })
-      ] }),
-      confirmOn ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "mishu-banner", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { children: t.sMarkConfirm }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "mishu-actions", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { type: "button", className: "mishu-btn primary", onClick: () => {
-            setConfirmOn(false);
-            void save({ markRead: "on" });
-          }, children: t.sConfirm }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { type: "button", className: "mishu-btn", onClick: () => setConfirmOn(false), children: t.sCancel })
-        ] })
-      ] }) : null
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("section", { className: "mishu-panel", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h2", { children: t.sMail }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "mishu-hint", children: t.sMailPrivacy }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: view.secrets.available ? "mishu-hint" : "mishu-hint mishu-warn", children: view.secrets.available ? t.sSecretsAt(secretKind) : t.sSecretsNone(view.secrets.why ?? secretKind) }),
-      view.accounts.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "mishu-empty", children: t.sNoAccounts }) : view.accounts.map((account) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h3", { children: t.sMail }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "mishu-hint", children: t.sMailPrivacy }),
+      view.accounts.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "mishu-empty", children: t.sNoAccounts }) : view.accounts.map((account) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
         AccountRow,
         {
           account,
+          secretsOk: view.secrets.available,
           lang,
           locale,
           openChat: openChat2,
@@ -523,24 +800,164 @@ function MishuSettings({ lang, locale, openChat: openChat2 }) {
         },
         account.id
       )),
-      editing === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { type: "button", className: "mishu-btn mishu-add-toggle", onClick: () => setEditing({ preset: "qq", sinceDays: 14, enabled: true }), children: t.sAddAccount }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(AccountForm, { draft: editing, view, lang, locale, openChat: openChat2, onDone: (next) => {
-        setEditing(void 0);
-        if (next !== void 0) take({ ok: true, view: next }, t.sSaved);
-      } })
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: "mishu-btn mishu-add-toggle", onClick: () => setEditing({ preset: "custom", sinceDays: 14, enabled: true }), children: t.sAddAccount }),
+      editing === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        MailDialog,
+        {
+          draft: editing,
+          view,
+          lang,
+          locale,
+          openChat: openChat2,
+          onDone: (next, note2) => {
+            setEditing(void 0);
+            if (next !== void 0) take({ ok: true, view: next }, note2 ?? t.sSaved);
+          }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("section", { className: "mishu-panel", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h2", { children: t.bWhat }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "mishu-hint", children: t.bUrgentRule }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "mishu-field", children: t.sLead }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "mishu-grid5", children: CATEGORIES.map((c) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "mishu-field", children: [
+        t.categories[c],
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("input", { type: "number", min: 0, max: 366, value: lead[c] ?? 0, onChange: (e) => setLead({ ...lead, [c]: Number(e.target.value) }) })
+      ] }, c)) }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: "mishu-btn primary", onClick: () => {
+        void save({ leadDays: lead });
+      }, children: t.sSave })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("section", { className: "mishu-panel", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h2", { children: t.bWhen }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(NotifySection, { view, lang, locale, take })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("section", { className: "mishu-panel", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h2", { children: t.sFeishu }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "mishu-hint", children: t.sComing })
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("section", { className: "mishu-panel", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h2", { children: t.bDo }),
+      markRead,
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "mishu-hint", children: t.bMailReadOnly })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("section", { className: "mishu-panel", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h2", { children: t.sGeneral }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "mishu-field", children: [
+        t.sLanguage,
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("select", { value: view.settings.language, onChange: (e) => {
+          void save({ language: e.target.value });
+        }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("option", { value: "auto", children: t.sLanguageAuto }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("option", { value: "zh", children: "\u4E2D\u6587" }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("option", { value: "en", children: "English" })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: view.secrets.available && view.secrets.file === void 0 ? "mishu-hint" : "mishu-hint mishu-warn", children: !view.secrets.available ? t.sSecretsNone(view.secrets.why ?? secretKind) : view.secrets.file !== void 0 ? t.sSecretsFile(view.secrets.file.path, view.secrets.file.why) : t.sSecretsAt(secretKind) })
     ] })
   ] });
 }
+function GithubConnect({ view, lang, locale, onSaved, onCancel }) {
+  const t = TEXT[lang];
+  const [signingIn, setSigningIn] = (0, import_react4.useState)(false);
+  const [paste, setPaste] = (0, import_react4.useState)(!view.github.deviceLogin);
+  if (!view.github.deviceLogin) return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(TokenForm, { view, lang, locale, onSaved, onCancel });
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mishu-actions", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: "mishu-btn primary", onClick: () => setSigningIn(true), children: t.gLogin }),
+      paste ? null : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: "mishu-btn mishu-btn-quiet", onClick: () => setPaste(true), children: t.gPasteInstead }),
+      onCancel === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: "mishu-btn", onClick: onCancel, children: t.sCancel })
+    ] }),
+    paste ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(TokenForm, { view, lang, locale, onSaved, onCancel: void 0 }) : null,
+    signingIn ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(GithubLoginDialog, { lang, locale, onClose: () => setSigningIn(false), onSaved: (next, login) => {
+      setSigningIn(false);
+      onSaved(next, login);
+    } }) : null
+  ] });
+}
+function GithubLoginDialog({ lang, locale, onClose, onSaved }) {
+  const t = TEXT[lang];
+  const [login, setLogin] = (0, import_react4.useState)();
+  const [error, setError] = (0, import_react4.useState)();
+  const [copied, setCopied] = (0, import_react4.useState)(false);
+  const [attempt, setAttempt] = (0, import_react4.useState)(0);
+  const saved = (0, import_react4.useRef)(void 0);
+  (0, import_react4.useEffect)(() => {
+    let alive = true;
+    let timer;
+    setLogin(void 0);
+    setError(void 0);
+    const poll = async () => {
+      const r = await settingsApi.deviceStatus(locale());
+      if (!alive) return;
+      if (!r.ok) {
+        setError(r.message);
+        return;
+      }
+      setLogin(r.login);
+      if (r.login.state === "done" && r.view !== void 0) saved.current = { view: r.view, login: r.login.login };
+      else if (r.login.state === "waiting") timer = setTimeout(() => {
+        void poll();
+      }, 2e3);
+    };
+    void settingsApi.deviceStart(locale()).then((r) => {
+      if (!alive) return;
+      if (!r.ok) {
+        setError(r.message);
+        return;
+      }
+      setLogin(r.login);
+      timer = setTimeout(() => {
+        void poll();
+      }, 2e3);
+    });
+    return () => {
+      alive = false;
+      if (timer !== void 0) clearTimeout(timer);
+    };
+  }, [attempt, locale]);
+  const close = () => {
+    if (saved.current !== void 0) onSaved(saved.current.view, saved.current.login);
+    else {
+      void settingsApi.deviceCancel(locale());
+      onClose();
+    }
+  };
+  const copy2 = (code) => {
+    void navigator.clipboard?.writeText(code).then(() => setCopied(true), () => setCopied(false));
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Modal, { title: t.gLogin, onClose: close, children: error !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "mishu-preview mishu-danger", children: error }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "mishu-actions", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: "mishu-btn", onClick: close, children: t.gClose }) })
+  ] }) : login === void 0 || login.state === "idle" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "mishu-hint", children: t.gStarting }) : login.state === "waiting" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "mishu-field", children: t.gStep1 }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mishu-code-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("code", { className: "mishu-code", children: login.userCode }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: "mishu-btn", onClick: () => copy2(login.userCode), children: copied ? t.gCopied : t.gCopy })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "mishu-field", children: t.gStep2 }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mishu-actions", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: "mishu-btn primary", onClick: () => window.open(login.verificationUri, "_blank", "noopener"), children: t.gOpen }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "mishu-hint", children: t.gWaiting })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "mishu-hint", children: t.gScopes })
+  ] }) : login.state === "done" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "mishu-ok", children: t.gDone(login.login) }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "mishu-actions", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: "mishu-btn primary", onClick: close, children: t.gClose }) })
+  ] }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "mishu-preview mishu-danger", children: login.message }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mishu-actions", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: "mishu-btn primary", onClick: () => {
+        setCopied(false);
+        setAttempt(attempt + 1);
+      }, children: t.gRetry }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: "mishu-btn", onClick: close, children: t.gClose })
+    ] })
+  ] }) });
+}
 function TokenForm({ view, lang, locale, onSaved, onCancel }) {
   const t = TEXT[lang];
-  const [token, setToken] = (0, import_react2.useState)("");
-  const [busy, setBusy] = (0, import_react2.useState)(false);
-  const [message, setMessage] = (0, import_react2.useState)();
+  const [token, setToken] = (0, import_react4.useState)("");
+  const [busy, setBusy] = (0, import_react4.useState)(false);
+  const [message, setMessage] = (0, import_react4.useState)();
   if (!view.secrets.available) {
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "mishu-hint mishu-warn", children: t.sTokenNoKeychain(view.github.tokenEnv, view.secrets.why ?? "") });
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "mishu-hint mishu-warn", children: t.sTokenNoKeychain(view.github.tokenEnv, view.secrets.why ?? "") });
   }
   const save = async () => {
     setBusy(true);
@@ -554,162 +971,191 @@ function TokenForm({ view, lang, locale, onSaved, onCancel }) {
       setMessage(r.message);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "mishu-add", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: "mishu-field", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mishu-add", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "mishu-field", children: [
       t.sTokenPaste,
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("input", { type: "password", value: token, autoComplete: "off", spellCheck: false, placeholder: "ghp_\u2026", onChange: (e) => {
+      /* @__PURE__ */ (0, import_jsx_runtime4.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_runtime2.jsx)("p", { className: "mishu-hint", children: t.sTokenHow }),
-    message === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "mishu-preview mishu-danger", children: message }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "mishu-actions", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { type: "button", className: "mishu-btn", onClick: () => window.open(view.github.newTokenUrl, "_blank", "noopener"), children: t.sTokenNew }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { type: "button", className: "mishu-btn primary", disabled: busy || token.trim() === "", onClick: () => {
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "mishu-hint", children: t.sTokenHow }),
+    message === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "mishu-preview mishu-danger", children: message }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mishu-actions", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: "mishu-btn", onClick: () => window.open(view.github.newTokenUrl, "_blank", "noopener"), children: t.sTokenNew }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: "mishu-btn primary", disabled: busy || token.trim() === "", onClick: () => {
         void save();
       }, children: busy ? t.sTesting : t.sTokenSave }),
-      onCancel === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { type: "button", className: "mishu-btn", onClick: onCancel, children: t.sCancel })
+      onCancel === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: "mishu-btn", onClick: onCancel, children: t.sCancel })
     ] })
   ] });
 }
-function AccountRow({ account, lang, locale, openChat: openChat2, onEdit, onView }) {
+function AccountRow({ account, secretsOk, lang, locale, openChat: openChat2, onEdit, onView }) {
   const t = TEXT[lang];
-  const [busy, setBusy] = (0, import_react2.useState)(false);
+  const [busy, setBusy] = (0, import_react4.useState)(false);
   const report = account.report;
-  const status = 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`;
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "mishu-card", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "mishu-card-title", children: [
+  const status = !account.hasPassword ? secretsOk ? t.sNoPassword : t.sEnvHint(account.envName) : report === null ? t.sNeverChecked : report.error !== void 0 ? report.error[lang] : lang === "zh" ? `${new Date(report.at).toLocaleString()} \u6536\u4FE1\uFF0C${report.messages} \u5C01\u672A\u8BFB` : `checked ${new Date(report.at).toLocaleString()}, ${report.messages} unread`;
+  const failed = !account.hasPassword || report?.error !== void 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mishu-card", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mishu-card-title", children: [
       account.label,
       account.enabled ? "" : ` (${lang === "zh" ? "\u5DF2\u505C\u7528" : "disabled"})`
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "mishu-card-meta", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mishu-card-meta", children: [
       account.address,
       " \xB7 ",
       account.host,
       ":",
       account.port
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: `mishu-card-note ${report?.error === void 0 ? "" : "mishu-danger"}`, children: [
+    account.mismatch === null ? null : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "mishu-card-note mishu-warn", children: account.mismatch }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: `mishu-card-note ${failed ? "mishu-danger" : ""}`, children: [
       status,
-      report?.error === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(AskAI, { topic: { kind: "mail-error", accountId: account.id }, lang, locale, openChat: openChat2, compact: true })
+      account.hasPassword && report?.error !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AskAI, { topic: { kind: "mail-error", accountId: account.id }, lang, locale, openChat: openChat2, compact: true }) : null
     ] }),
-    account.hasPassword ? null : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "mishu-card-note mishu-warn", children: t.sEnvHint(account.envName) }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "mishu-actions", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { type: "button", className: "mishu-btn", disabled: busy, onClick: () => {
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mishu-actions", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: "mishu-btn", disabled: busy || !account.hasPassword, onClick: () => {
         setBusy(true);
         void settingsApi.syncMail(locale(), account.id).then((r) => {
           setBusy(false);
           onView(r);
         });
       }, children: busy ? t.sTesting : t.sCheckNow }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { type: "button", className: "mishu-btn", onClick: onEdit, children: t.sEdit }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { type: "button", className: "mishu-btn mishu-btn-quiet", onClick: () => {
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: account.hasPassword && account.mismatch === null ? "mishu-btn" : "mishu-btn primary", onClick: onEdit, children: t.sEdit }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: "mishu-btn mishu-btn-quiet", onClick: () => {
         if (window.confirm(t.sDeleteConfirm)) void settingsApi.deleteMail(locale(), account.id).then(onView);
       }, children: t.sDelete })
     ] })
   ] });
 }
-function AccountForm({ draft, view, lang, locale, openChat: openChat2, onDone }) {
+function MailDialog({ draft, view, lang, locale, openChat: openChat2, onDone }) {
   const t = TEXT[lang];
-  const [account, setAccount] = (0, import_react2.useState)(draft);
-  const [password, setPassword] = (0, import_react2.useState)("");
-  const [message, setMessage] = (0, import_react2.useState)();
-  const [busy, setBusy] = (0, import_react2.useState)(false);
+  const existing = draft.id !== void 0;
+  const [account, setAccount] = (0, import_react4.useState)(draft);
+  const [picked, setPicked] = (0, import_react4.useState)(existing);
+  const [password, setPassword] = (0, import_react4.useState)("");
+  const [message, setMessage] = (0, import_react4.useState)();
+  const [failedTest, setFailedTest] = (0, import_react4.useState)(false);
+  const [busy, setBusy] = (0, import_react4.useState)(false);
   const preset = view.presets.find((p) => p.id === account.preset) ?? view.presets[view.presets.length - 1];
   const custom = preset.id === "custom";
-  const existing = draft.id !== void 0;
   const set = (patch) => {
     setAccount({ ...account, ...patch });
     setMessage(void 0);
+    setFailedTest(false);
   };
-  const test = async () => {
-    setBusy(true);
-    setMessage({ ok: true, text: t.sTesting });
-    const r = await settingsApi.testMail(locale(), account, password);
-    setBusy(false);
-    setMessage(r.ok ? { ok: true, text: t.sMailOk(r.unread) } : { ok: false, text: r.message });
+  const setAddress = (address) => {
+    const domain = address.trim().toLowerCase().split("@")[1] ?? "";
+    const known = view.presets.find((p) => p.domains.includes(domain));
+    set({ address, ...picked ? {} : known !== void 0 ? { preset: known.id } : domain.includes(".") ? { preset: "custom" } : {} });
   };
-  const save = async () => {
-    setBusy(true);
+  const typed = password.replace(/\s+/g, "");
+  const lengthOff = preset.passwordLength !== null && typed !== "" && typed.length !== preset.passwordLength;
+  const save = async (unread) => {
     const r = await settingsApi.saveMail(locale(), account, password);
     setBusy(false);
+    if (r.ok) onDone(r.view, unread === void 0 ? void 0 : t.mSavedUnread(unread));
+    else setMessage({ ok: false, text: r.message });
+  };
+  const testAndSave = async () => {
+    setBusy(true);
+    setMessage({ ok: true, text: t.sTesting });
+    const r = await settingsApi.testMail(locale(), account, password);
     if (r.ok) {
-      setPassword("");
-      onDone(r.view);
+      await save(r.unread);
     } else {
+      setBusy(false);
+      setFailedTest(true);
       setMessage({ ok: false, text: r.message });
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "mishu-add", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: "mishu-field", children: [
-      t.sProvider,
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("select", { value: account.preset, onChange: (e) => set({ preset: e.target.value }), children: view.presets.map((p) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: p.id, children: p.label }, p.id)) })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("p", { className: preset.supported ? "mishu-hint" : "mishu-hint mishu-danger", children: [
-      preset.howTo,
-      preset.supported ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(AskAI, { topic: { kind: "mail-setup", preset: preset.id }, lang, locale, openChat: openChat2, compact: true }) : null
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: "mishu-field", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Modal, { title: existing ? t.mTitleEdit : t.mTitleAdd, onClose: () => onDone(), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "mishu-field", children: [
       t.sAddress,
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("input", { type: "email", value: account.address ?? "", autoComplete: "off", onChange: (e) => set({ address: e.target.value }) })
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("input", { type: "email", value: account.address ?? "", autoComplete: "off", autoFocus: !existing, onChange: (e) => setAddress(e.target.value) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "mishu-row", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: "mishu-field", children: [
-        t.sLabel,
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("input", { value: account.label ?? "", onChange: (e) => set({ label: e.target.value }) })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: "mishu-field", children: [
-        t.sUser,
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("input", { value: account.user ?? "", placeholder: account.address ?? "", autoComplete: "off", onChange: (e) => set({ user: e.target.value }) })
-      ] })
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "mishu-field", children: [
+      t.sProvider,
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("select", { value: account.preset, onChange: (e) => {
+        setPicked(true);
+        set({ preset: e.target.value });
+      }, children: view.presets.map((p) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("option", { value: p.id, children: p.label }, p.id)) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: `mishu-steps${preset.supported ? "" : " mishu-danger"}${failedTest ? " attention" : ""}`, children: [
+      preset.steps.length === 0 ? preset.howTo : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("ol", { children: preset.steps.map((step, i) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("li", { children: [
+        step.text,
+        step.link === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+          " ",
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: "mishu-btn", onClick: () => window.open(step.link.url, "_blank", "noopener"), children: step.link.label })
+        ] })
+      ] }, i)) }),
+      preset.supported ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mishu-steps-help", children: [
+        t.mStepsHelp,
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AskAI, { topic: { kind: "mail-setup", preset: preset.id }, lang, locale, openChat: openChat2, compact: true })
+      ] }) : null
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: "mishu-field", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "mishu-field", children: [
       t.sPassword,
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("input", { type: "password", value: password, autoComplete: "new-password", placeholder: existing && view.secrets.available ? t.sPasswordKeep : "", onChange: (e) => {
+      /* @__PURE__ */ (0, import_jsx_runtime4.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);
       } })
     ] }),
-    view.secrets.available ? null : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "mishu-hint mishu-warn", children: t.sPasswordTestOnly }),
-    custom ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "mishu-row", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: "mishu-field", children: [
+    lengthOff ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "mishu-hint mishu-warn", children: t.mLength(preset.label, preset.passwordLength, typed.length) }) : null,
+    view.secrets.available ? null : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "mishu-hint mishu-warn", children: t.sPasswordTestOnly }),
+    custom ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mishu-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "mishu-field", children: [
         t.sHost,
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("input", { value: account.host ?? "", onChange: (e) => set({ host: e.target.value }) })
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("input", { value: account.host ?? "", placeholder: "imap.example.com", onChange: (e) => set({ host: e.target.value }) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: "mishu-field", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "mishu-field", children: [
         t.sPort,
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("input", { type: "number", value: account.port ?? 993, onChange: (e) => set({ port: Number(e.target.value) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("input", { type: "number", value: account.port ?? 993, onChange: (e) => set({ port: Number(e.target.value) }) })
       ] })
     ] }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "mishu-row", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: "mishu-field", children: [
-        t.sSince,
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("input", { type: "number", min: 1, max: 90, value: account.sinceDays ?? 14, onChange: (e) => set({ sinceDays: Number(e.target.value) }) })
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("details", { className: "mishu-more", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("summary", { children: t.mMore }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mishu-row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "mishu-field", children: [
+          t.sLabel,
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("input", { value: account.label ?? "", placeholder: account.address ?? "", onChange: (e) => set({ label: e.target.value }) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "mishu-field", children: [
+          t.sUser,
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("input", { value: account.user ?? "", placeholder: account.address ?? "", autoComplete: "off", onChange: (e) => set({ user: e.target.value }) })
+        ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: "mishu-check", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("input", { type: "checkbox", checked: account.enabled !== false, onChange: (e) => set({ enabled: e.target.checked }) }),
-        t.sEnabled
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mishu-row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "mishu-field", children: [
+          t.sSince,
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("input", { type: "number", min: 1, max: 90, value: account.sinceDays ?? 14, onChange: (e) => set({ sinceDays: Number(e.target.value) }) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "mishu-check", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("input", { type: "checkbox", checked: account.enabled !== false, onChange: (e) => set({ enabled: e.target.checked }) }),
+          t.sEnabled
+        ] })
       ] })
     ] }),
-    message === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: `mishu-preview ${message.ok ? "" : "mishu-danger"}`, children: [
+    message === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: `mishu-preview ${message.ok ? "" : "mishu-danger"}`, children: [
       message.text,
-      message.ok || !preset.supported ? null : /* @__PURE__ */ (0, import_jsx_runtime2.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_runtime4.jsx)(AskAI, { topic: { kind: "mail-setup", preset: preset.id, error: message.text }, lang, locale, openChat: openChat2, compact: true })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "mishu-actions", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { type: "button", className: "mishu-btn", disabled: busy || !preset.supported, onClick: () => {
-        void test();
-      }, children: t.sTest }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { type: "button", className: "mishu-btn primary", disabled: busy || !preset.supported, onClick: () => {
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mishu-actions", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: "mishu-btn primary", disabled: busy || !preset.supported || (account.address ?? "") === "", onClick: () => {
+        void testAndSave();
+      }, children: busy ? t.sTesting : t.mTestSave }),
+      failedTest ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: "mishu-btn mishu-btn-quiet", disabled: busy, onClick: () => {
+        setBusy(true);
         void save();
-      }, children: t.sSave }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { type: "button", className: "mishu-btn", onClick: () => onDone(), children: t.sCancel })
+      }, children: t.mSaveAnyway }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: "mishu-btn", onClick: () => onDone(), children: t.sCancel })
     ] })
   ] });
 }
 
 // src/client/Board.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 var SOURCE_KEY = "dsh-mishu.source";
 function loadSource() {
   try {
@@ -745,14 +1191,15 @@ function saveWidths(widths) {
   }
 }
 function MishuBoard({ locale, openChat: openChat2 }) {
-  const [board, setBoard] = (0, import_react3.useState)();
-  const [error, setError] = (0, import_react3.useState)();
-  const [busy, setBusy] = (0, import_react3.useState)(false);
-  const [syncing, setSyncing] = (0, import_react3.useState)(false);
-  const [dropOn, setDropOn] = (0, import_react3.useState)();
-  const [widths, setWidths] = (0, import_react3.useState)(loadWidths);
-  const [tab, setTab] = (0, import_react3.useState)("board");
-  const [source, setSourceState] = (0, import_react3.useState)(loadSource);
+  const [board, setBoard] = (0, import_react5.useState)();
+  const [error, setError] = (0, import_react5.useState)();
+  const [busy, setBusy] = (0, import_react5.useState)(false);
+  const [syncing, setSyncing] = (0, import_react5.useState)(false);
+  const [dropOn, setDropOn] = (0, import_react5.useState)();
+  const [widths, setWidths] = (0, import_react5.useState)(loadWidths);
+  const [tab, setTab] = (0, import_react5.useState)("board");
+  const [openCard, setOpenCard] = (0, import_react5.useState)();
+  const [source, setSourceState] = (0, import_react5.useState)(loadSource);
   const setSource = (next) => {
     setSourceState(next);
     try {
@@ -760,11 +1207,11 @@ function MishuBoard({ locale, openChat: openChat2 }) {
     } catch {
     }
   };
-  const dragged = (0, import_react3.useRef)(void 0);
-  const columnsRef = (0, import_react3.useRef)(null);
+  const dragged = (0, import_react5.useRef)(void 0);
+  const columnsRef = (0, import_react5.useRef)(null);
   const lang = board?.lang ?? uiLang(locale());
   const t = TEXT[lang];
-  const take = (0, import_react3.useCallback)((result) => {
+  const take = (0, import_react5.useCallback)((result) => {
     if (result.ok) {
       setBoard(result.board);
       setError(void 0);
@@ -772,8 +1219,8 @@ function MishuBoard({ locale, openChat: openChat2 }) {
       setError(result.message);
     }
   }, []);
-  const load = (0, import_react3.useCallback)(() => mishuApi.board(locale()).then(take), [locale, take]);
-  (0, import_react3.useEffect)(() => {
+  const load = (0, import_react5.useCallback)(() => mishuApi.board(locale()).then(take), [locale, take]);
+  (0, import_react5.useEffect)(() => {
     void load();
     const timer = setInterval(() => {
       void load();
@@ -863,7 +1310,12 @@ function MishuBoard({ locale, openChat: openChat2 }) {
     reopen: t.reopen,
     stop: t.stop
   };
-  const card = (item, column) => /* @__PURE__ */ (0, import_jsx_runtime3.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_runtime5.jsx)(
     Card,
     {
       item,
@@ -873,6 +1325,8 @@ function MishuBoard({ locale, openChat: openChat2 }) {
       busy,
       label,
       openChat: openChat2,
+      open: openCard === cardKey(item),
+      onToggle: () => toggleCard(item),
       onAct: (action) => {
         void act(item, action);
       },
@@ -884,15 +1338,15 @@ function MishuBoard({ locale, openChat: openChat2 }) {
         setDropOn(void 0);
       }
     },
-    `${item.target}-${item.id}`
+    cardKey(item)
   );
   if (board === void 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "mishu-page", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "mishu-head", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "mishu-title", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h1", { children: t.title }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(RestartButton, { lang, locale })
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-page", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "mishu-head", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-title", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h1", { children: t.title }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(RestartButton, { lang, locale })
       ] }) }),
-      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: [
+      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
       ] })
@@ -917,7 +1371,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_runtime3.jsx)(
+  const divider = (index) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     "div",
     {
       className: "mishu-divider",
@@ -928,133 +1382,135 @@ function MishuBoard({ locale, openChat: openChat2 }) {
       onDoubleClick: resetWidths
     }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "mishu-page", "data-mishu-board": "", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "mishu-head", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "mishu-title", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h1", { children: t.title }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "mishu-tabs", role: "tablist", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", role: "tab", "aria-selected": tab === "board", className: tab === "board" ? "active" : "", onClick: () => setTab("board"), children: t.tabBoard }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.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_runtime5.jsxs)("div", { className: "mishu-page", "data-mishu-board": "", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-head", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-title", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h1", { children: t.title }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-tabs", role: "tablist", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", role: "tab", "aria-selected": tab === "board", className: tab === "board" ? "active" : "", onClick: () => setTab("board"), children: t.tabBoard }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", role: "tab", "aria-selected": tab === "settings", className: tab === "settings" ? "active" : "", onClick: () => setTab("settings"), children: t.tabSettings })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(RestartButton, { lang, locale })
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(RestartButton, { lang, locale })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "mishu-sources", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("i", { className: `mishu-dot ${board.sources.github.state}` }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-sources", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("i", { className: `mishu-dot ${board.sources.github.state}` }),
           board.sources.github.text,
-          board.sources.github.state === "error" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(AskAI, { topic: { kind: "github-error" }, lang, locale, openChat: openChat2, compact: true }) : null
+          board.sources.github.state === "error" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AskAI, { topic: { kind: "github-error" }, lang, locale, openChat: openChat2, compact: true }) : null
         ] }),
-        board.sources.mail.map((m) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("i", { className: `mishu-dot ${m.state}` }),
+        board.sources.mail.map((m) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("i", { className: `mishu-dot ${m.state}` }),
           m.text,
-          m.state === "error" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(AskAI, { topic: { kind: "mail-error", accountId: m.id }, lang, locale, openChat: openChat2, compact: true }) : null
+          m.state === "error" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AskAI, { topic: { kind: "mail-error", accountId: m.id }, lang, locale, openChat: openChat2, compact: true }) : null
         ] }, m.id)),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", className: "mishu-btn", disabled: syncing, onClick: () => {
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "mishu-btn", disabled: syncing, onClick: () => {
           void sync();
         }, children: syncing ? t.syncing : t.sync })
       ] })
     ] }),
-    tab === "settings" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(MishuSettings, { lang, locale, openChat: openChat2 }) : null,
-    tab === "settings" ? null : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-      error === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "mishu-error", children: [
+    tab === "settings" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(MishuSettings, { lang, locale, openChat: openChat2 }) : null,
+    tab === "settings" ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+      error === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-error", children: [
         t.failed,
         error
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("p", { className: "mishu-summary", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("p", { className: "mishu-summary", children: [
         board.summary,
         " ",
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(AskAI, { topic: { kind: "summary" }, lang, locale, openChat: openChat2, compact: true })
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AskAI, { topic: { kind: "summary" }, lang, locale, openChat: openChat2, compact: true })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "mishu-metrics", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "mishu-metric", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "mishu-metric-label", children: t.metricHandle }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "mishu-metric-value", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-metrics", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-metric", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "mishu-metric-label", children: t.metricHandle }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-metric-value", children: [
             metrics.handle,
-            metrics.overdue > 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("small", { className: "mishu-danger", children: [
+            metrics.overdue > 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("small", { className: "mishu-danger", children: [
               metrics.overdue,
               " ",
               t.metricOverdue
             ] }) : null
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "mishu-metric", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "mishu-metric-label", children: t.metricSoon }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "mishu-metric-value", children: metrics.dueSoon })
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-metric", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "mishu-metric-label", children: t.metricSoon }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "mishu-metric-value", children: metrics.dueSoon })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "mishu-metric", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "mishu-metric-label", children: t.metricClosed }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "mishu-metric-value", children: metrics.closedToday })
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-metric", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "mishu-metric-label", children: t.metricClosed }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "mishu-metric-value", children: metrics.closedToday })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "mishu-metric", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "mishu-metric-label", children: t.metricShadow }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "mishu-metric-value", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-metric", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "mishu-metric-label", children: t.metricShadow }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-metric-value", children: [
             metrics.shadow,
-            board.markRead === "shadow" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("small", { className: "mishu-warn", children: t.shadowTag }) : null
+            board.markRead === "shadow" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("small", { className: "mishu-warn", children: t.shadowTag }) : null
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "mishu-filters", role: "group", children: sources.map((s) => /* @__PURE__ */ (0, import_jsx_runtime3.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_runtime5.jsx)("div", { className: "mishu-filters", role: "group", children: sources.map((s) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("button", { type: "button", "aria-pressed": source === s.id, className: `mishu-chip ${source === s.id ? "active" : ""}`, onClick: () => setSource(s.id), children: [
         s.label,
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: count(s.id) })
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: count(s.id) })
       ] }, s.id)) }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "mishu-columns", ref: columnsRef, style: { ["--mishu-cols"]: template }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("section", { className: `mishu-col ${dropOn === "handle" ? "drop" : ""}`, ...dropProps("handle"), "aria-label": t.handle, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "mishu-col-head", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-columns", ref: columnsRef, style: { ["--mishu-cols"]: template }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("section", { className: `mishu-col ${dropOn === "handle" ? "drop" : ""}`, ...dropProps("handle"), "aria-label": t.handle, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-col-head", children: [
             t.handle,
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: columns.handle.length })
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: columns.handle.length })
           ] }),
-          columns.handle.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "mishu-empty", children: t.emptyHandle }) : columns.handle.map((item) => card(item, "handle"))
+          columns.handle.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "mishu-empty", children: t.emptyHandle }) : columns.handle.map((item) => card(item, "handle"))
         ] }),
         divider(0),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("section", { className: `mishu-col ${dropOn === "remember" ? "drop" : ""}`, ...dropProps("remember"), "aria-label": t.remember, title: t.dropRemember, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "mishu-col-head", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("section", { className: `mishu-col ${dropOn === "remember" ? "drop" : ""}`, ...dropProps("remember"), "aria-label": t.remember, title: t.dropRemember, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-col-head", children: [
             t.remember,
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: columns.remember.length })
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: columns.remember.length })
           ] }),
-          columns.remember.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "mishu-empty", children: t.emptyRemember }) : columns.remember.map((item) => card(item, "remember")),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(AddForm, { lang, locale, onAdded: (next) => setBoard(next) })
+          columns.remember.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "mishu-empty", children: t.emptyRemember }) : columns.remember.map((item) => card(item, "remember")),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AddForm, { lang, locale, onAdded: (next) => setBoard(next) })
         ] }),
         divider(1),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("section", { className: `mishu-col ${dropOn === "done" ? "drop" : ""}`, ...dropProps("done"), "aria-label": t.done, title: t.dropDone, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "mishu-col-head", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("section", { className: `mishu-col ${dropOn === "done" ? "drop" : ""}`, ...dropProps("done"), "aria-label": t.done, title: t.dropDone, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-col-head", children: [
             t.done,
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: columns.done.total })
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: columns.done.total })
           ] }),
-          columns.done.groups.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "mishu-empty", children: t.emptyDone }) : columns.done.groups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("details", { className: "mishu-group", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("summary", { children: [
+          columns.done.groups.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "mishu-empty", children: t.emptyDone }) : columns.done.groups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("details", { className: "mishu-group", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("summary", { children: [
               group.label,
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: group.items.length })
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: group.items.length })
             ] }),
             group.items.map((item) => card(item, "done"))
           ] }, group.reason)),
-          columns.done.total > 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "mishu-hint", children: t.doneHint }) : null,
-          metrics.shadow > 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "mishu-banner", children: t.shadow(metrics.shadow) }) : null
+          columns.done.total > 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "mishu-hint", children: t.doneHint }) : null,
+          metrics.shadow > 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "mishu-banner", children: t.shadow(metrics.shadow) }) : null
         ] })
       ] })
     ] })
   ] });
 }
-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_react3.useState)(false);
-  const [detail, setDetail] = (0, import_react3.useState)();
+  const [detail, setDetail] = (0, import_react5.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_runtime3.jsxs)("div", { className: `mishu-row-explain ${className}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "mishu-row-label", children: name }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: text })
+  (0, import_react5.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_runtime5.jsxs)("div", { className: `mishu-row-explain ${className}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "mishu-row-label", children: name }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: text })
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.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";
@@ -1062,48 +1518,68 @@ function Card({ item, column, lang, locale, busy, label, openChat: openChat2, on
       },
       onDragEnd,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "mishu-card-title", children: item.title }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "mishu-card-meta", children: item.meta }),
-        !compact && explain !== null ? /* @__PURE__ */ (0, import_jsx_runtime3.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_runtime3.jsx)("div", { className: "mishu-card-note", children: item.note }) : null,
-        open ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "mishu-detail", children: detail === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "mishu-empty", children: t.loading }) : "error" in detail ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "mishu-danger", children: detail.error }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-          compact && detail.explain !== null ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-            row(t.what, detail.explain.what),
-            row(t.whyDone, detail.explain.why)
-          ] }) : null,
-          detail.did.length > 0 ? /* @__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.did }),
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: detail.did.map((line, i) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { children: line }, i)) })
-          ] }) : null,
-          detail.messages.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "mishu-messages", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "mishu-row-label", children: t.messages(detail.messages.length) }),
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("ul", { children: detail.messages.map((m, i) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("li", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: m.at }),
-              " ",
-              m.title
-            ] }, i)) })
-          ] }) : null
-        ] }) }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "mishu-actions", children: [
-          column === "handle" ? /* @__PURE__ */ (0, import_jsx_runtime3.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_runtime3.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_runtime5.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_runtime3.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_runtime3.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_runtime5.jsx)("span", { className: "mishu-caret", "aria-hidden": "true" }),
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "mishu-card-title", children: item.title })
+            ]
+          }
+        ),
+        open ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-card-body", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "mishu-card-meta", children: item.meta }),
+          !compact && explain !== null ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-explain", children: [
+            row(t.what, explain.what),
+            row(column === "remember" ? t.whyKeep : t.why, explain.why),
+            row(t.fix, explain.fix, "mishu-fix")
+          ] }) : null,
+          !compact && explain === null && item.note !== null ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "mishu-card-note", children: item.note }) : null,
+          item.target === "matter" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "mishu-detail", children: detail === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "mishu-empty", children: t.loading }) : "error" in detail ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "mishu-danger", children: detail.error }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+            compact && detail.explain !== null ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+              row(t.what, detail.explain.what),
+              row(t.whyDone, detail.explain.why)
+            ] }) : null,
+            detail.did.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-row-explain", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "mishu-row-label", children: t.did }),
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: detail.did.map((line, i) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { children: line }, i)) })
+            ] }) : null,
+            detail.messages.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-messages", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "mishu-row-label", children: t.messages(detail.messages.length) }),
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("ul", { children: detail.messages.map((m, i) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("li", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: m.at }),
+                " ",
+                m.title
+              ] }, i)) })
+            ] }) : null
+          ] }) }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-actions", children: [
+            column === "handle" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AskAI, { topic: item.target === "series" ? { kind: "series", id: item.id } : { kind: "matter", id: item.id }, lang, locale, openChat: openChat2 }) : null,
+            item.actions.map((action, index) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+              "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_runtime5.jsx)(AskAI, { topic: item.target === "series" ? { kind: "series", id: item.id } : { kind: "matter", id: item.id }, lang, locale, openChat: openChat2, compact: true })
+          ] })
+        ] }) : null
       ]
     }
   );
@@ -1111,11 +1587,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_react3.useState)(false);
-  const [item, setItem] = (0, import_react3.useState)(EMPTY);
-  const [preview, setPreview] = (0, import_react3.useState)();
-  const [saving, setSaving] = (0, import_react3.useState)(false);
-  (0, import_react3.useEffect)(() => {
+  const [open, setOpen] = (0, import_react5.useState)(false);
+  const [item, setItem] = (0, import_react5.useState)(EMPTY);
+  const [preview, setPreview] = (0, import_react5.useState)();
+  const [saving, setSaving] = (0, import_react5.useState)(false);
+  (0, import_react5.useEffect)(() => {
     if (!open || item.title.trim() === "" || item.due === "") {
       setPreview(void 0);
       return;
@@ -1126,7 +1602,7 @@ function AddForm({ lang, locale, onAdded }) {
     return () => clearTimeout(timer);
   }, [open, item, locale]);
   if (!open) {
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("button", { type: "button", className: "mishu-btn mishu-add-toggle", onClick: () => setOpen(true), children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("button", { type: "button", className: "mishu-btn mishu-add-toggle", onClick: () => setOpen(true), children: [
       "+ ",
       t.add
     ] });
@@ -1144,49 +1620,49 @@ function AddForm({ lang, locale, onAdded }) {
       setPreview({ ok: false, text: result.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.addTitle,
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("input", { value: item.title, placeholder: t.addTitlePlaceholder, onChange: set("title") })
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("input", { value: item.title, placeholder: t.addTitlePlaceholder, onChange: set("title") })
     ] }),
-    /* @__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.addDue,
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("input", { type: "date", value: item.due, onChange: set("due") })
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("input", { type: "date", value: item.due, onChange: set("due") })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("label", { className: "mishu-field", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: "mishu-field", children: [
         t.addRepeat,
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("select", { value: item.repeat, onChange: set("repeat"), children: Object.entries(t.repeats).map(([value, text]) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("option", { value, children: text }, value)) })
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("select", { value: item.repeat, onChange: set("repeat"), children: Object.entries(t.repeats).map(([value, text]) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value, children: text }, value)) })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_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.addCategory,
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("select", { value: item.category, onChange: set("category"), children: Object.entries(t.categories).map(([value, text]) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("option", { value, children: text }, value)) })
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("select", { value: item.category, onChange: set("category"), children: Object.entries(t.categories).map(([value, text]) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value, children: text }, value)) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("label", { className: "mishu-field", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: "mishu-field", children: [
         t.addNote,
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("input", { value: item.note, onChange: set("note") })
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("input", { value: item.note, onChange: set("note") })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: `mishu-preview ${preview?.ok === false ? "mishu-danger" : ""}`, children: preview?.text ?? t.previewHint }),
-    /* @__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: saving || preview?.ok !== true, onClick: () => {
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: `mishu-preview ${preview?.ok === false ? "mishu-danger" : ""}`, children: preview?.text ?? t.previewHint }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mishu-actions", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "mishu-btn primary", disabled: saving || preview?.ok !== true, onClick: () => {
         void save();
       }, children: t.save }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", className: "mishu-btn", onClick: () => {
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "mishu-btn", onClick: () => {
         setOpen(false);
         setItem(EMPTY);
       }, children: t.cancel })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "mishu-hint", children: t.chatHint })
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "mishu-hint", children: t.chatHint })
   ] });
 }
 function RestartButton({ lang, locale }) {
   const t = TEXT[lang];
-  const [why, setWhy] = (0, import_react3.useState)();
-  const [status, setStatus] = (0, import_react3.useState)();
-  (0, import_react3.useEffect)(() => {
+  const [why, setWhy] = (0, import_react5.useState)();
+  const [status, setStatus] = (0, import_react5.useState)();
+  (0, import_react5.useEffect)(() => {
     void restartApi.info(locale()).then((r) => {
       if (r.ok && !r.supported) setWhy(r.why);
     });
@@ -1199,16 +1675,35 @@ function RestartButton({ lang, locale }) {
     if (!window.confirm(t.restartConfirm)) return;
     setStatus({ ok: true, text: t.restarting });
     const r = await restartApi.restart(locale());
-    if (!r.ok) setStatus({ ok: false, text: r.message });
+    if (!r.ok) {
+      setStatus({ ok: false, text: r.message });
+    } else if (r.reconnect === true) {
+      setStatus({ ok: true, text: t.restartingWeb });
+      setStatus({ ok: true, text: await reconnect(locale) ? t.restartReloading : t.restartSlow });
+    }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", className: "mishu-btn", title: why === void 0 ? t.restartTip : `${t.restartTip}
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "mishu-btn", title: why === void 0 ? t.restartTip : `${t.restartTip}
 ${why}`, disabled: status?.ok === true, onClick: () => {
       void restart();
     }, children: t.restart }),
-    status === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: status.ok ? "mishu-hint" : "mishu-hint mishu-warn", children: status.text })
+    status === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: status.ok ? "mishu-hint" : "mishu-hint mishu-warn", children: status.text })
   ] });
 }
+async function reconnect(locale) {
+  const sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
+  let wentDown = false;
+  for (const until = Date.now() + 12e4; Date.now() < until; ) {
+    await sleep(1500);
+    const r = await restartApi.info(locale());
+    if (!r.ok) wentDown = true;
+    else if (wentDown) {
+      window.location.reload();
+      return true;
+    }
+  }
+  return false;
+}
 
 // src/client/styles.ts
 var v = (name, fallback) => `var(--dsw-alias-${name}, ${fallback})`;
@@ -1224,6 +1719,7 @@ var DANGER = v("state-error-primary", "#d14343");
 var WARN = v("state-warn-primary", "#b7791f");
 var OK = v("state-success-primary", "#2f855a");
 var ACCENT = v("brand-primary", "#4d6bfe");
+var SURFACE = v("bg-layer-0", v("bg-base", "Canvas"));
 var STYLES = `
 .mishu-page{box-sizing:border-box;height:100%;overflow:auto;padding:20px 24px 32px;color:${TEXT2};font-size:13px;line-height:1.5}
 .mishu-page *{box-sizing:border-box}
@@ -1248,10 +1744,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}}
@@ -1284,6 +1787,22 @@ var STYLES = `
 .mishu-row{display:grid;grid-template-columns:1fr 1fr;gap:6px}
 .mishu-preview{white-space:pre-wrap;font-size:12px;background:${LAYER2};border-radius:6px;padding:6px 8px;margin:4px 0 6px;color:${TEXT2}}
 .mishu-preview.mishu-danger{color:${DANGER}}
+.mishu-modal-backdrop{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;padding:16px}
+.mishu-modal{background:${SURFACE};color:${TEXT2};border:1px solid ${LINE_STRONG};border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,.35);width:min(480px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:14px 16px 16px;font-size:13px;line-height:1.5}
+.mishu-modal *{box-sizing:border-box}
+.mishu-modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
+.mishu-modal-head h2{font-size:15px;font-weight:600;margin:0}
+.mishu-steps{font-size:12px;color:${MUTED};background:${LAYER1};border-radius:8px;padding:8px 10px;margin:2px 0 10px;line-height:1.6}
+.mishu-steps ol{margin:0;padding-left:20px}
+.mishu-steps li{margin:2px 0 6px}
+.mishu-steps li .mishu-btn{margin-left:4px;vertical-align:baseline}
+.mishu-steps.attention{outline:2px solid ${ACCENT};outline-offset:1px;color:${TEXT2}}
+.mishu-steps-help{display:flex;align-items:center;gap:6px;margin-top:4px}
+.mishu-steps.mishu-danger{color:${DANGER}}
+.mishu-more{margin:4px 0 8px;font-size:12px;color:${MUTED}}
+.mishu-more summary{cursor:pointer;margin-bottom:6px}
+.mishu-code-row{display:flex;align-items:center;gap:10px;margin:2px 0 10px}
+.mishu-code{font:600 26px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:3px;user-select:all;padding:4px 10px;border-radius:8px;background:${LAYER2}}
 .mishu-add>.mishu-hint{margin-bottom:8px}
 .mishu-title{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
 .mishu-tabs{display:flex;gap:2px;background:${LAYER1};border-radius:8px;padding:2px}
@@ -1297,6 +1816,9 @@ var STYLES = `
 .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-panel h3{font-size:13px;font-weight:600;margin:14px 0 6px}
+.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}
@@ -1312,18 +1834,18 @@ var STYLES = `
 `;
 
 // src/client/index.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_jsx_runtime6 = 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_runtime4.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_runtime4.jsx)("rect", { x: "5", y: "4", width: "14", height: "17", rx: "2" }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M9 4h6v3H9z" }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M9 12l2 2 4-4" }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M9 17h6" })
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1.8, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("rect", { x: "5", y: "4", width: "14", height: "17", rx: "2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M9 4h6v3H9z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M9 12l2 2 4-4" }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M9 17h6" })
   ] });
 }
 function apply(ctx) {