@zaclinley/dsh-mailharbor 0.4.0 → 0.4.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Changelog
 
+## 0.4.1
+
+### Patch Changes
+
+- 3ce3ed1: Fix raw HTML in AI translation cards and silent connection checks.
+
+  - A translated email body is normalized: the card shows readable text, and
+    "insert into reply" uses the translated body without the document wrapper.
+  - The account "check connection" button now shows a busy state and prints the
+    result under the account it belongs to; it previously only appeared while the
+    row was expanded in edit mode.
+
 ## 0.4.0
 
 ### Minor Changes

package/lib/client.js

@@ -2493,7 +2493,7 @@ function MailSettings() {
   const [styleMeta, setStyleMeta] = (0, import_react9.useState)({ updatedAt: "", sampleCount: 0 });
   const [styleBusy, setStyleBusy] = (0, import_react9.useState)(null);
   const [editing, setEditing] = (0, import_react9.useState)(null);
-  const [checkResult, setCheckResult] = (0, import_react9.useState)("");
+  const [checkResults, setCheckResults] = (0, import_react9.useState)({});
   const [adding, setAdding] = (0, import_react9.useState)(false);
   const [tick, setTick] = (0, import_react9.useState)(0);
   (0, import_react9.useEffect)(() => {
@@ -2582,10 +2582,10 @@ function MailSettings() {
             active: item.id === settings.activeAccountId,
             loggedIn: item.id === settings.activeAccountId ? state.loggedIn : void 0,
             editing: editing === item.id,
-            checkResult: editing === item.id ? checkResult : "",
+            checkResult: checkResults[item.id] ?? "",
             onToggleEdit: () => {
               setEditing(editing === item.id ? null : item.id);
-              setCheckResult("");
+              setCheckResults((prev) => ({ ...prev, [item.id]: "" }));
             },
             onActivate: async () => {
               await api.activateAccount(item.id);
@@ -2602,11 +2602,12 @@ function MailSettings() {
             onCheck: async () => {
               try {
                 const result = await api.check(item.id);
-                setCheckResult(
-                  `IMAP \u6B63\u5E38\uFF08${String(result.imap.mailboxes.length)} \u4E2A\u6587\u4EF6\u5939\uFF09\xB7 SMTP ${result.smtp.ok ? "\u6B63\u5E38" : `\u5931\u8D25: ${result.smtp.error ?? ""}`}`
-                );
+                setCheckResults((prev) => ({
+                  ...prev,
+                  [item.id]: `IMAP \u6B63\u5E38\uFF08${String(result.imap.mailboxes.length)} \u4E2A\u6587\u4EF6\u5939\uFF09\xB7 SMTP ${result.smtp.ok ? "\u6B63\u5E38" : `\u5931\u8D25: ${result.smtp.error ?? ""}`}`
+                }));
               } catch (caught) {
-                setCheckResult(`\u5931\u8D25: ${errorText6(caught)}`);
+                setCheckResults((prev) => ({ ...prev, [item.id]: `\u5931\u8D25: ${errorText6(caught)}` }));
               }
             },
             onSave: async (patch) => {
@@ -2894,6 +2895,7 @@ function AccountRow({
   const [smtpSecure, setSmtpSecure] = (0, import_react9.useState)(account.smtp.secure);
   const [fromName, setFromName] = (0, import_react9.useState)(account.smtp.fromName);
   const [busy, setBusy] = (0, import_react9.useState)(false);
+  const [checking, setChecking] = (0, import_react9.useState)(false);
   (0, import_react9.useEffect)(() => {
     setLabel(account.label);
     setUsername(account.username);
@@ -2930,9 +2932,28 @@ function AccountRow({
       loggedIn === false ? (0, import_react9.createElement)("span", { className: "badge warn" }, "\u672A\u767B\u5F55") : null,
       (0, import_react9.createElement)("span", { className: "spacer" }),
       active ? null : (0, import_react9.createElement)("button", { className: "ghost small", onClick: () => void wrap(onActivate) }, "\u8BBE\u4E3A\u5F53\u524D"),
-      (0, import_react9.createElement)("button", { className: "ghost small", onClick: () => void wrap(onCheck) }, "\u68C0\u67E5\u8FDE\u63A5"),
+      (0, import_react9.createElement)(
+        "button",
+        {
+          className: "ghost small",
+          disabled: checking,
+          onClick: () => {
+            setChecking(true);
+            void wrap(onCheck).finally(() => setChecking(false));
+          }
+        },
+        checking ? "\u68C0\u67E5\u4E2D\u2026" : "\u68C0\u67E5\u8FDE\u63A5"
+      ),
       (0, import_react9.createElement)("button", { className: "ghost small", onClick: onToggleEdit }, editing ? "\u6536\u8D77" : "\u7F16\u8F91")
     ),
+    checkResult === "" ? null : (0, import_react9.createElement)(
+      "div",
+      {
+        className: "mailharbor-check",
+        style: { color: checkResult.startsWith("\u5931\u8D25") ? "var(--m-danger)" : "var(--m-ok)" }
+      },
+      checkResult
+    ),
     editing ? (0, import_react9.createElement)(
       "div",
       { style: { display: "flex", flexDirection: "column", gap: "10px" } },
@@ -3061,14 +3082,13 @@ function AccountRow({
           "\u767B\u5F55"
         ),
         (0, import_react9.createElement)("button", { className: "ghost small", onClick: () => void wrap(onLogout) }, "\u9000\u51FA\u767B\u5F55")
-      ),
-      checkResult === "" ? null : (0, import_react9.createElement)("div", { className: "small muted" }, checkResult)
+      )
     ) : null
   );
 }
 
 // src/client/index.tsx
-var VERSION = "0.4.0";
+var VERSION = "0.4.1";
 var inject = ["slots"];
 var PANEL_ID = "mailharbor";
 var STYLE_ID = "mailharbor-style";