@blade-hq/agent-react 2612.0.0-beta.77 → 2612.0.0-beta.78

package/dist/{chunk-WO2VCQ5N.js → chunk-FH5HA3GW.js}

@@ -1,19 +1,50 @@
 import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+  AlertDialogTrigger,
   Button,
-  LoaderCircle,
+  ConnectorDetail,
+  Dialog,
+  DialogContent,
+  DialogTitle,
   cn,
   cva,
   dist_exports,
-  dist_exports4 as dist_exports2,
+  dist_exports3 as dist_exports2,
   dist_exports5 as dist_exports3,
-  dist_exports7 as dist_exports4,
-  loopTabInShadowRoot,
-  useOverlayRoot
-} from "./chunk-XBEN2ASY.js";
+  dist_exports6 as dist_exports4
+} from "./chunk-MWILWSPG.js";
+import {
+  LoaderCircle
+} from "./chunk-KHJEIHMJ.js";
 
 // src/components/DeviceConnection.tsx
 import { useEffect, useRef, useState } from "react";
 
+// ../ui/src/composites/switch.tsx
+import { jsx } from "react/jsx-runtime";
+function Switch({
+  className,
+  thumbClassName,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    dist_exports4.Root,
+    {
+      "data-slot": "switch",
+      className: cn("outline-none focus-visible:ring-3 focus-visible:ring-ring/50", className),
+      ...props,
+      children: /* @__PURE__ */ jsx(dist_exports4.Thumb, { "data-slot": "switch-thumb", className: thumbClassName })
+    }
+  );
+}
+
 // ../../node_modules/.pnpm/qrcode.react@4.2.0_react@19.2.4/node_modules/qrcode.react/lib/esm/index.js
 import React from "react";
 var __defProp = Object.defineProperty;
@@ -1116,162 +1147,8 @@ var QRCodeSVG = React.forwardRef(
 );
 QRCodeSVG.displayName = "QRCodeSVG";
 
-// ../ui/src/components/alert-dialog.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function AlertDialog({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(dist_exports2.Root, { "data-slot": "alert-dialog", ...props });
-}
-function AlertDialogTrigger({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(dist_exports2.Trigger, { "data-slot": "alert-dialog-trigger", ...props });
-}
-function AlertDialogOverlay({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    dist_exports2.Overlay,
-    {
-      "data-slot": "alert-dialog-overlay",
-      className: cn(
-        "fixed inset-0 z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function AlertDialogHeader({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "alert-dialog-header",
-      className: cn(
-        "grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-4 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function AlertDialogFooter({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "alert-dialog-footer",
-      className: cn(
-        "-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t bg-muted/50 p-4 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function AlertDialogTitle({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    dist_exports2.Title,
-    {
-      "data-slot": "alert-dialog-title",
-      className: cn(
-        "text-base font-medium sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function AlertDialogDescription({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    dist_exports2.Description,
-    {
-      "data-slot": "alert-dialog-description",
-      className: cn(
-        "text-sm text-balance text-muted-foreground md:text-pretty *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function AlertDialogAction({
-  className,
-  variant = "default",
-  size = "default",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(Button, { variant, size, asChild: true, children: /* @__PURE__ */ jsx(
-    dist_exports2.Action,
-    {
-      "data-slot": "alert-dialog-action",
-      className: cn(className),
-      ...props
-    }
-  ) });
-}
-function AlertDialogCancel({
-  className,
-  variant = "outline",
-  size = "default",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(Button, { variant, size, asChild: true, children: /* @__PURE__ */ jsx(
-    dist_exports2.Cancel,
-    {
-      "data-slot": "alert-dialog-cancel",
-      className: cn(className),
-      ...props
-    }
-  ) });
-}
-
-// ../ui/src/composites/alert-dialog.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-function AlertDialogContent({
-  className,
-  overlayClassName,
-  size = "default",
-  onKeyDown,
-  ...props
-}) {
-  const overlayRoot = useOverlayRoot();
-  return /* @__PURE__ */ jsxs2(dist_exports2.Portal, { "data-slot": "alert-dialog-portal", container: overlayRoot, children: [
-    /* @__PURE__ */ jsx2(AlertDialogOverlay, { className: overlayClassName }),
-    /* @__PURE__ */ jsx2(
-      dist_exports2.Content,
-      {
-        onKeyDown: (event) => {
-          onKeyDown?.(event);
-          loopTabInShadowRoot(event);
-        },
-        "data-slot": "alert-dialog-content",
-        "data-size": size,
-        className: cn(
-          "group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-popover p-4 text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-sm data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
-          className
-        ),
-        ...props
-      }
-    )
-  ] });
-}
-
 // src/components/FeishuCapabilitySelection.tsx
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 var capabilityStatus = {
   available: "\u53EF\u4F7F\u7528",
   not_selected: "\u5C1A\u672A\u5F00\u901A",
@@ -1294,25 +1171,25 @@ function FeishuCapabilitySelection({ capabilities, permissions = [], domains = [
     const key = item.category || "other";
     groups.set(key, [...groups.get(key) ?? [], item]);
   }
-  return /* @__PURE__ */ jsxs3("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsx3("p", { className: "text-sm", children: "\u521D\u6B21\u8FDE\u63A5\u91C7\u7528\u98DE\u4E66\u5E73\u53F0\u9ED8\u8BA4\u6A21\u677F\u53CA\u5B98\u65B9\u63A8\u8350\u6743\u9650\u3002\u5728\u98DE\u4E66\u9875\u9762\u786E\u8BA4\uFF0C\u514D\u5BA1\u548C\u5BA1\u6838\u8981\u6C42\u4EE5\u6240\u5728\u4F01\u4E1A\u89C4\u5219\u4E3A\u51C6\u3002" }),
-    /* @__PURE__ */ jsx3("p", { className: "text-xs opacity-70", children: "\u9996\u6B21\u53EF\u80FD\u9700\u8981\u4E24\u6B21\u626B\u7801\uFF1A\u5148\u5173\u8054\u5E94\u7528\uFF0C\u518D\u786E\u8BA4\u672C\u4EBA\u6388\u6743\u3002\u90E8\u5206\u6743\u9650\u672A\u5F00\u901A\u65F6\uFF0C\u5DF2\u5F00\u901A\u6743\u9650\u4ECD\u53EF\u4F7F\u7528\u3002" }),
-    /* @__PURE__ */ jsxs3("details", { className: "rounded-xl border border-[color-mix(in_srgb,currentColor_18%,transparent)] p-4 text-sm", children: [
-      /* @__PURE__ */ jsx3("summary", { className: "cursor-pointer", children: "\u67E5\u770B\u5F53\u524D\u53EF\u7528\u7684\u5DE5\u4F5C\u80FD\u529B" }),
-      /* @__PURE__ */ jsx3("div", { className: "mt-3 grid gap-3 sm:grid-cols-2", children: [...groups].map(([id, items]) => /* @__PURE__ */ jsxs3("section", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx3("h4", { className: "font-medium", children: domains.find((domain) => domain.id === id)?.name || items[0]?.category_name || "\u5176\u4ED6\u5DE5\u4F5C\u80FD\u529B" }),
-        items.map((item) => /* @__PURE__ */ jsxs3("details", { className: "text-xs", children: [
-          /* @__PURE__ */ jsxs3("summary", { className: "cursor-pointer", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx2("p", { className: "text-sm", children: "\u521D\u6B21\u8FDE\u63A5\u91C7\u7528\u98DE\u4E66\u5E73\u53F0\u9ED8\u8BA4\u6A21\u677F\u53CA\u5B98\u65B9\u63A8\u8350\u6743\u9650\u3002\u5728\u98DE\u4E66\u9875\u9762\u786E\u8BA4\uFF0C\u514D\u5BA1\u548C\u5BA1\u6838\u8981\u6C42\u4EE5\u6240\u5728\u4F01\u4E1A\u89C4\u5219\u4E3A\u51C6\u3002" }),
+    /* @__PURE__ */ jsx2("p", { className: "text-xs opacity-70", children: "\u9996\u6B21\u53EF\u80FD\u9700\u8981\u4E24\u6B21\u626B\u7801\uFF1A\u5148\u5173\u8054\u5E94\u7528\uFF0C\u518D\u786E\u8BA4\u672C\u4EBA\u6388\u6743\u3002\u90E8\u5206\u6743\u9650\u672A\u5F00\u901A\u65F6\uFF0C\u5DF2\u5F00\u901A\u6743\u9650\u4ECD\u53EF\u4F7F\u7528\u3002" }),
+    /* @__PURE__ */ jsxs("details", { className: "rounded-xl border border-[color-mix(in_srgb,currentColor_18%,transparent)] p-4 text-sm", children: [
+      /* @__PURE__ */ jsx2("summary", { className: "cursor-pointer", children: "\u67E5\u770B\u5F53\u524D\u53EF\u7528\u7684\u5DE5\u4F5C\u80FD\u529B" }),
+      /* @__PURE__ */ jsx2("div", { className: "mt-3 grid gap-3 sm:grid-cols-2", children: [...groups].map(([id, items]) => /* @__PURE__ */ jsxs("section", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx2("h4", { className: "font-medium", children: domains.find((domain) => domain.id === id)?.name || items[0]?.category_name || "\u5176\u4ED6\u5DE5\u4F5C\u80FD\u529B" }),
+        items.map((item) => /* @__PURE__ */ jsxs("details", { className: "text-xs", children: [
+          /* @__PURE__ */ jsxs("summary", { className: "cursor-pointer", children: [
             item.name,
             " \xB7 ",
             capabilityStatus[item.status] || "\u5F85\u6838\u9A8C"
           ] }),
-          /* @__PURE__ */ jsx3("p", { className: "mt-1", children: item.description }),
-          item.reason && /* @__PURE__ */ jsx3("p", { children: item.reason }),
-          item.next_action && /* @__PURE__ */ jsx3("p", { children: item.next_action }),
-          /* @__PURE__ */ jsx3("p", { children: item.identity === "bot" ? "\u673A\u5668\u4EBA\u8EAB\u4EFD" : "\u672C\u4EBA\u8EAB\u4EFD" }),
-          item.scopes.map((scope) => /* @__PURE__ */ jsx3("p", { className: "break-all", children: permissions.find((p) => p.scope === scope && p.identity === item.identity)?.name || scope }, scope)),
-          /* @__PURE__ */ jsx3("p", { children: "\u5BA1\u6838\u8981\u6C42\u4EE5\u98DE\u4E66\u5B98\u65B9\u9875\u9762\u548C\u4F01\u4E1A\u89C4\u5219\u4E3A\u51C6\u3002" })
+          /* @__PURE__ */ jsx2("p", { className: "mt-1", children: item.description }),
+          item.reason && /* @__PURE__ */ jsx2("p", { children: item.reason }),
+          item.next_action && /* @__PURE__ */ jsx2("p", { children: item.next_action }),
+          /* @__PURE__ */ jsx2("p", { children: item.identity === "bot" ? "\u673A\u5668\u4EBA\u8EAB\u4EFD" : "\u672C\u4EBA\u8EAB\u4EFD" }),
+          item.scopes.map((scope) => /* @__PURE__ */ jsx2("p", { className: "break-all", children: permissions.find((p) => p.scope === scope && p.identity === item.identity)?.name || scope }, scope)),
+          /* @__PURE__ */ jsx2("p", { children: "\u5BA1\u6838\u8981\u6C42\u4EE5\u98DE\u4E66\u5B98\u65B9\u9875\u9762\u548C\u4F01\u4E1A\u89C4\u5219\u4E3A\u51C6\u3002" })
         ] }, item.id))
       ] }, id)) })
     ] })
@@ -1320,7 +1197,7 @@ function FeishuCapabilitySelection({ capabilities, permissions = [], domains = [
 }
 
 // src/components/ConnectorAuthorizationProgress.tsx
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 function ConnectorAuthorizationProgress({ result, onCheck, busy }) {
   if (!result || result.status === "complete" || result.status === "waiting") return null;
   let manualURL;
@@ -1329,29 +1206,29 @@ function ConnectorAuthorizationProgress({ result, onCheck, busy }) {
     if (url.protocol === "https:" && url.hostname === "open.feishu.cn" && !url.username && !url.password && !url.port && /^\/app(?:\/[^/]+\/auth)?$/.test(url.pathname)) manualURL = url.href;
   } catch {
   }
-  return /* @__PURE__ */ jsxs4("output", { className: "block space-y-2 rounded-lg border p-4 text-sm", children: [
-    /* @__PURE__ */ jsx4("span", { className: "block", children: result.status === "partial" ? "\u90E8\u5206\u6743\u9650\u5DF2\u751F\u6548\uFF0C\u672C\u6B21\u64CD\u4F5C\u6240\u9700\u6743\u9650\u5C1A\u672A\u8865\u9F50" : "\u672C\u6B21\u64CD\u4F5C\u6240\u9700\u6743\u9650\u5C1A\u672A\u751F\u6548" }),
-    /* @__PURE__ */ jsx4("span", { className: "block", children: result.next_action }),
-    result.missing_permissions.map((item) => /* @__PURE__ */ jsxs4("span", { className: "block break-all text-xs", children: [
+  return /* @__PURE__ */ jsxs2("output", { className: "block space-y-2 rounded-lg border p-4 text-sm", children: [
+    /* @__PURE__ */ jsx3("span", { className: "block", children: result.status === "partial" ? "\u90E8\u5206\u6743\u9650\u5DF2\u751F\u6548\uFF0C\u672C\u6B21\u64CD\u4F5C\u6240\u9700\u6743\u9650\u5C1A\u672A\u8865\u9F50" : "\u672C\u6B21\u64CD\u4F5C\u6240\u9700\u6743\u9650\u5C1A\u672A\u751F\u6548" }),
+    /* @__PURE__ */ jsx3("span", { className: "block", children: result.next_action }),
+    result.missing_permissions.map((item) => /* @__PURE__ */ jsxs2("span", { className: "block break-all text-xs", children: [
       item.identity === "bot" ? "\u5E94\u7528\u8EAB\u4EFD" : "\u672C\u4EBA\u8EAB\u4EFD",
       " \xB7 ",
       item.scope
     ] }, `${item.identity}:${item.scope}`)),
-    result.mode === "manual" && manualURL && /* @__PURE__ */ jsx4("a", { className: "block underline", href: manualURL, target: "_blank", rel: "noopener noreferrer", children: "\u6253\u5F00\u98DE\u4E66\u6743\u9650\u7BA1\u7406" }),
-    /* @__PURE__ */ jsx4("button", { type: "button", className: "underline disabled:opacity-50", disabled: busy, onClick: onCheck, children: "\u6211\u5DF2\u5904\u7406\uFF0C\u91CD\u65B0\u6838\u9A8C" })
+    result.mode === "manual" && manualURL && /* @__PURE__ */ jsx3("a", { className: "block underline", href: manualURL, target: "_blank", rel: "noopener noreferrer", children: "\u6253\u5F00\u98DE\u4E66\u6743\u9650\u7BA1\u7406" }),
+    /* @__PURE__ */ jsx3("button", { type: "button", className: "underline disabled:opacity-50", disabled: busy, onClick: onCheck, children: "\u6211\u5DF2\u5904\u7406\uFF0C\u91CD\u65B0\u6838\u9A8C" })
   ] });
 }
 
 // src/components/FeishuPermissionStatus.tsx
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
-function FeishuPermissionStatus({ permissions, template }) {
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+function FeishuPermissionStatus({ permissions, template, expanded = false, hideScopes = false }) {
   if (!template && !permissions.some((item) => item.app_status)) return null;
   const listed = template ? permissions.filter((item) => item.template) : permissions;
   const missingApp = listed.filter((item) => item.app_status === "missing");
   const missingUser = listed.filter((item) => item.identity === "user" && item.app_status === "granted" && item.user_status === "not_granted");
   const unknown = listed.filter((item) => !item.app_status || item.app_status === "unknown");
-  return /* @__PURE__ */ jsxs5("details", { className: "rounded-xl border border-[color-mix(in_srgb,currentColor_18%,transparent)] p-4 text-sm", children: [
-    /* @__PURE__ */ jsxs5("summary", { className: "cursor-pointer", children: [
+  return /* @__PURE__ */ jsxs3("details", { open: expanded || void 0, className: "rounded-xl border border-[color-mix(in_srgb,currentColor_18%,transparent)] p-4 text-sm", children: [
+    /* @__PURE__ */ jsxs3("summary", { className: "cursor-pointer", children: [
       template ? "\u98DE\u4E66\u5B98\u65B9\u63A8\u8350\u6743\u9650" : "\u98DE\u4E66\u6743\u9650\u72B6\u6001",
       " \xB7 ",
       missingApp.length,
@@ -1360,14 +1237,14 @@ function FeishuPermissionStatus({ permissions, template }) {
       " \u9879\u5F85\u672C\u4EBA\u6388\u6743",
       unknown.length ? ` \xB7 ${unknown.length} \u9879\u5F85\u6838\u9A8C` : ""
     ] }),
-    /* @__PURE__ */ jsx5("p", { className: "mt-3 text-xs opacity-70", children: "\u4F01\u4E1A\u51B3\u5B9A\u54EA\u4E9B\u6743\u9650\u514D\u5BA1\u3001\u54EA\u4E9B\u9700\u8981\u5BA1\u6279\u3002\u5E94\u7528\u5DF2\u5F00\u901A\u548C\u672C\u4EBA\u5DF2\u6388\u6743\u5206\u522B\u6838\u9A8C\uFF1B\u5F85\u6838\u9A8C\u4E0D\u4EE3\u8868\u4F01\u4E1A\u62D2\u7EDD\u3002\u672A\u5F00\u901A\u9879\u76EE\u4E0D\u5F71\u54CD\u5176\u4ED6\u5DF2\u83B7\u6388\u6743\u7684\u64CD\u4F5C\u3002" }),
-    /* @__PURE__ */ jsx5("div", { className: "mt-3 max-h-72 space-y-3 overflow-y-auto", children: listed.map((item) => /* @__PURE__ */ jsxs5("div", { className: "text-xs", children: [
-      /* @__PURE__ */ jsxs5("p", { children: [
+    /* @__PURE__ */ jsx4("p", { className: "mt-3 text-xs opacity-70", children: "\u4F01\u4E1A\u51B3\u5B9A\u54EA\u4E9B\u6743\u9650\u514D\u5BA1\u3001\u54EA\u4E9B\u9700\u8981\u5BA1\u6279\u3002\u5E94\u7528\u5DF2\u5F00\u901A\u548C\u672C\u4EBA\u5DF2\u6388\u6743\u5206\u522B\u6838\u9A8C\uFF1B\u5F85\u6838\u9A8C\u4E0D\u4EE3\u8868\u4F01\u4E1A\u62D2\u7EDD\u3002\u672A\u5F00\u901A\u9879\u76EE\u4E0D\u5F71\u54CD\u5176\u4ED6\u5DF2\u83B7\u6388\u6743\u7684\u64CD\u4F5C\u3002" }),
+    /* @__PURE__ */ jsx4("div", { className: "mt-3 max-h-72 space-y-3 overflow-y-auto", children: listed.map((item) => /* @__PURE__ */ jsxs3("div", { className: "text-xs", children: [
+      /* @__PURE__ */ jsxs3("p", { children: [
         item.category_name ? `${item.category_name} \xB7 ` : "",
         item.name
       ] }),
-      item.name !== item.scope && /* @__PURE__ */ jsx5("p", { className: "break-all opacity-70", children: item.scope }),
-      /* @__PURE__ */ jsxs5("p", { children: [
+      !hideScopes && item.name !== item.scope && /* @__PURE__ */ jsx4("p", { className: "break-all opacity-70", children: item.scope }),
+      /* @__PURE__ */ jsxs3("p", { children: [
         item.app_status === "granted" ? "\u5E94\u7528\u5DF2\u5F00\u901A" : item.app_status === "missing" ? "\u5E94\u7528\u672A\u5F00\u901A\uFF0C\u8BF7\u5728\u98DE\u4E66\u786E\u8BA4\u4F01\u4E1A\u5BA1\u6279\u6216\u53D1\u5E03\u8981\u6C42" : "\u5E94\u7528\u5F00\u901A\u60C5\u51B5\u5F85\u6838\u9A8C",
         item.identity === "user" ? item.user_status === "granted" ? "\uFF1B\u672C\u4EBA\u5DF2\u6388\u6743" : "\uFF1B\u672C\u4EBA\u5C1A\u672A\u6388\u6743" : ""
       ] })
@@ -1376,7 +1253,7 @@ function FeishuPermissionStatus({ permissions, template }) {
 }
 
 // src/components/ConnectorRuntimeDiagnostics.tsx
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 var channelLabels = {
   "channel.connecting": "\u5F00\u59CB\u8FDE\u63A5\u98DE\u4E66",
   "channel.connected": "\u98DE\u4E66\u8FDE\u63A5\u5DF2\u5EFA\u7ACB",
@@ -1402,92 +1279,108 @@ var time = (value) => value > 0 ? new Date(value).toLocaleString() : "\u6682\u65
 var channelLabel = (value) => channelLabels[value] ?? (value ? "\u5C1A\u672A\u8BC6\u522B\u7684\u901A\u9053\u8BB0\u5F55" : "\u5C1A\u65E0\u901A\u9053\u8BB0\u5F55");
 var deliveryLabel = (value) => deliveryLabels[value] ?? "\u5C1A\u672A\u8BC6\u522B\u7684\u6295\u9012\u72B6\u6001";
 function ConnectorRuntimeDiagnostics({ runtime }) {
-  return /* @__PURE__ */ jsxs6("section", { "aria-label": "\u6D88\u606F\u63A5\u6536\u4E0E\u6295\u9012\u8BB0\u5F55", className: "space-y-3 rounded-lg border p-3 text-xs", children: [
-    /* @__PURE__ */ jsx6("p", { className: "font-medium", children: "\u6D88\u606F\u63A5\u6536\u4E0E\u6295\u9012\u8BB0\u5F55" }),
-    /* @__PURE__ */ jsxs6("p", { children: [
+  if ("last_sync_at_ms" in runtime) return /* @__PURE__ */ jsxs4("section", { "aria-label": "\u90AE\u7BB1\u540C\u6B65\u8BB0\u5F55", className: "space-y-3 rounded-lg border p-3 text-xs", children: [
+    /* @__PURE__ */ jsx5("p", { className: "font-medium", children: "\u90AE\u7BB1\u540C\u6B65\u8BB0\u5F55" }),
+    /* @__PURE__ */ jsxs4("p", { children: [
+      "\u6700\u8FD1\u540C\u6B65\u65F6\u95F4\uFF1A",
+      time(runtime.last_sync_at_ms)
+    ] }),
+    /* @__PURE__ */ jsxs4("p", { children: [
+      "\u8FDE\u7EED\u540C\u6B65\u5931\u8D25\u6B21\u6570\uFF1A",
+      runtime.consecutive_failures
+    ] }),
+    runtime.next_retry_at_ms > 0 && /* @__PURE__ */ jsxs4("p", { children: [
+      "\u4E0B\u6B21\u91CD\u8BD5\u65F6\u95F4\uFF1A",
+      time(runtime.next_retry_at_ms)
+    ] }),
+    /* @__PURE__ */ jsx5("p", { children: "\u4EE5\u4E0A\u662F SuperWork \u4FDD\u5B58\u7684\u90AE\u7BB1\u540C\u6B65\u8BB0\u5F55\uFF0C\u4E0D\u80FD\u636E\u6B64\u786E\u8BA4\u6D88\u606F\u5DF2\u9001\u8FBE\u52A9\u624B\u3002" })
+  ] });
+  return /* @__PURE__ */ jsxs4("section", { "aria-label": "\u6D88\u606F\u63A5\u6536\u4E0E\u6295\u9012\u8BB0\u5F55", className: "space-y-3 rounded-lg border p-3 text-xs", children: [
+    /* @__PURE__ */ jsx5("p", { className: "font-medium", children: "\u6D88\u606F\u63A5\u6536\u4E0E\u6295\u9012\u8BB0\u5F55" }),
+    /* @__PURE__ */ jsxs4("p", { children: [
       "\u901A\u9053\u6700\u8FD1\u8BB0\u5F55\uFF1A",
       channelLabel(runtime.channel_state)
     ] }),
-    /* @__PURE__ */ jsxs6("p", { children: [
+    /* @__PURE__ */ jsxs4("p", { children: [
       "\u6700\u8FD1\u6536\u5230\u4E8B\u4EF6\uFF1A",
       time(runtime.last_event_at_ms)
     ] }),
-    /* @__PURE__ */ jsx6("p", { children: "\u4EE5\u4E0B\u662F SuperWork \u4FDD\u5B58\u7684\u8BB0\u5F55\uFF1B\u6CA1\u6709\u6295\u9012\u8BB0\u5F55\u65F6\uFF0C\u5C1A\u4E0D\u80FD\u786E\u8BA4\u6D88\u606F\u5DF2\u9001\u8FBE\u52A9\u624B\u3002" }),
-    /* @__PURE__ */ jsxs6("details", { children: [
-      /* @__PURE__ */ jsxs6("summary", { className: "cursor-pointer", children: [
+    /* @__PURE__ */ jsx5("p", { children: "\u4EE5\u4E0B\u662F SuperWork \u4FDD\u5B58\u7684\u8BB0\u5F55\uFF1B\u6CA1\u6709\u6295\u9012\u8BB0\u5F55\u65F6\uFF0C\u5C1A\u4E0D\u80FD\u786E\u8BA4\u6D88\u606F\u5DF2\u9001\u8FBE\u52A9\u624B\u3002" }),
+    /* @__PURE__ */ jsxs4("details", { children: [
+      /* @__PURE__ */ jsxs4("summary", { className: "cursor-pointer", children: [
         "\u63A5\u6536\u901A\u9053\u8BB0\u5F55\uFF08",
         runtime.channel_events.length,
         "\uFF09"
       ] }),
-      runtime.channel_events.length ? /* @__PURE__ */ jsx6("ol", { className: "space-y-2 pt-2", children: runtime.channel_events.map((event) => /* @__PURE__ */ jsxs6("li", { className: "space-y-1", children: [
-        /* @__PURE__ */ jsxs6("p", { children: [
+      runtime.channel_events.length ? /* @__PURE__ */ jsx5("ol", { className: "space-y-2 pt-2", children: runtime.channel_events.map((event) => /* @__PURE__ */ jsxs4("li", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsxs4("p", { children: [
           channelLabel(event.type),
           " \xB7 ",
           time(event.at_ms)
         ] }),
-        /* @__PURE__ */ jsxs6("p", { className: "break-all", children: [
+        /* @__PURE__ */ jsxs4("p", { className: "break-all", children: [
           "\u6392\u67E5\u7F16\u53F7\uFF1A",
           event.trace_id
         ] })
-      ] }, event.trace_id)) }) : /* @__PURE__ */ jsx6("p", { children: "\u6682\u65E0\u63A5\u6536\u901A\u9053\u8BB0\u5F55\u3002" })
+      ] }, event.trace_id)) }) : /* @__PURE__ */ jsx5("p", { children: "\u6682\u65E0\u63A5\u6536\u901A\u9053\u8BB0\u5F55\u3002" })
     ] }),
-    /* @__PURE__ */ jsxs6("details", { children: [
-      /* @__PURE__ */ jsxs6("summary", { className: "cursor-pointer", children: [
+    /* @__PURE__ */ jsxs4("details", { children: [
+      /* @__PURE__ */ jsxs4("summary", { className: "cursor-pointer", children: [
         "\u6D88\u606F\u6295\u9012\u8BB0\u5F55\uFF08",
         runtime.deliveries.length,
         "\uFF09"
       ] }),
-      runtime.deliveries.length ? /* @__PURE__ */ jsx6("ol", { className: "space-y-2 pt-2", children: runtime.deliveries.map((delivery) => /* @__PURE__ */ jsxs6("li", { className: "space-y-1", children: [
-        /* @__PURE__ */ jsxs6("p", { children: [
+      runtime.deliveries.length ? /* @__PURE__ */ jsx5("ol", { className: "space-y-2 pt-2", children: runtime.deliveries.map((delivery) => /* @__PURE__ */ jsxs4("li", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsxs4("p", { children: [
           deliveryLabel(delivery.status),
           " \xB7 \u5DF2\u5C1D\u8BD5 ",
           delivery.attempt,
           " \u6B21"
         ] }),
-        /* @__PURE__ */ jsxs6("p", { className: "break-all", children: [
+        /* @__PURE__ */ jsxs4("p", { className: "break-all", children: [
           "\u6295\u9012\u7F16\u53F7\uFF1A",
           delivery.delivery_id
         ] }),
-        /* @__PURE__ */ jsxs6("p", { children: [
+        /* @__PURE__ */ jsxs4("p", { children: [
           "\u521B\u5EFA\u65F6\u95F4\uFF1A",
           time(delivery.created_at_ms)
         ] }),
-        ["ready", "retry_wait", "waiting_condition"].includes(delivery.status) && delivery.next_at_ms > 0 && /* @__PURE__ */ jsxs6("p", { children: [
+        ["ready", "retry_wait", "waiting_condition"].includes(delivery.status) && delivery.next_at_ms > 0 && /* @__PURE__ */ jsxs4("p", { children: [
           "\u4E0B\u6B21\u5904\u7406\u65F6\u95F4\uFF1A",
           time(delivery.next_at_ms)
         ] })
-      ] }, delivery.delivery_id)) }) : /* @__PURE__ */ jsx6("p", { children: "\u6682\u65E0\u6D88\u606F\u6295\u9012\u8BB0\u5F55\u3002" })
+      ] }, delivery.delivery_id)) }) : /* @__PURE__ */ jsx5("p", { children: "\u6682\u65E0\u6D88\u606F\u6295\u9012\u8BB0\u5F55\u3002" })
     ] }),
-    /* @__PURE__ */ jsxs6("details", { children: [
-      /* @__PURE__ */ jsxs6("summary", { className: "cursor-pointer", children: [
+    /* @__PURE__ */ jsxs4("details", { children: [
+      /* @__PURE__ */ jsxs4("summary", { className: "cursor-pointer", children: [
         "\u9010\u6B21\u6295\u9012\u5C1D\u8BD5\uFF08",
         runtime.delivery_attempts.length,
         "\uFF09"
       ] }),
-      runtime.delivery_attempts.length ? /* @__PURE__ */ jsx6("ol", { className: "space-y-2 pt-2", children: runtime.delivery_attempts.map((attempt) => /* @__PURE__ */ jsxs6("li", { className: "space-y-1", children: [
-        /* @__PURE__ */ jsxs6("p", { children: [
+      runtime.delivery_attempts.length ? /* @__PURE__ */ jsx5("ol", { className: "space-y-2 pt-2", children: runtime.delivery_attempts.map((attempt) => /* @__PURE__ */ jsxs4("li", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsxs4("p", { children: [
           "\u7B2C ",
           attempt.attempt,
           " \u6B21 \xB7 ",
           deliveryLabel(attempt.status)
         ] }),
-        /* @__PURE__ */ jsxs6("p", { className: "break-all", children: [
+        /* @__PURE__ */ jsxs4("p", { className: "break-all", children: [
           "\u6295\u9012\u7F16\u53F7\uFF1A",
           attempt.delivery_id
         ] }),
-        /* @__PURE__ */ jsxs6("p", { children: [
+        /* @__PURE__ */ jsxs4("p", { children: [
           "\u5F00\u59CB\uFF1A",
           time(attempt.started_at_ms),
           "\uFF1B\u7ED3\u675F\uFF1A",
           time(attempt.finished_at_ms)
         ] })
-      ] }, attempt.id)) }) : /* @__PURE__ */ jsx6("p", { children: "\u6682\u65E0\u6295\u9012\u5C1D\u8BD5\u8BB0\u5F55\u3002" })
+      ] }, attempt.id)) }) : /* @__PURE__ */ jsx5("p", { children: "\u6682\u65E0\u6295\u9012\u5C1D\u8BD5\u8BB0\u5F55\u3002" })
     ] })
   ] });
 }
 
 // src/components/DeviceConnection.tsx
-import { Fragment, jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 var statusLabels = {
   available: "\u53EF\u7528",
   not_selected: "\u672A\u9009\u62E9",
@@ -1534,7 +1427,13 @@ function authorizationURL(value) {
     return null;
   }
 }
-function DeviceConnection({ read, act, diagnostics, onChanged, bindDelivery = false, onDisable, initialPage = "connection", authorizationCapabilities, autoAuthorize = false }) {
+function permissionNoticeKey(name, connection, permissions) {
+  const scopes = JSON.stringify([...new Set(permissions.map((item) => JSON.stringify([item.identity, item.scope])))].sort());
+  let hash = 2166136261;
+  for (let index = 0; index < scopes.length; index++) hash = Math.imul(hash ^ scopes.charCodeAt(index), 16777619);
+  return `blade-connector-notice:${name}:${JSON.stringify([connection.connection_id ?? "", connection.app_id ?? ""])}:${(hash >>> 0).toString(16)}`;
+}
+function DeviceConnection({ read, act, diagnostics, onChanged, bindDelivery = false, onDisable, initialPage = "connection", authorizationCapabilities, autoAuthorize = false, detail }) {
   const [view, setView] = useState(null);
   const [selected, setSelected] = useState([]);
   const [page, setPage] = useState(initialPage);
@@ -1552,6 +1451,13 @@ function DeviceConnection({ read, act, diagnostics, onChanged, bindDelivery = fa
   const linking = useRef(false);
   const newConnection = useRef(false);
   function accept(value) {
+    if (value.permissions && !value.permissions.some((item) => item.app_status === "missing")) {
+      try {
+        const prefix = `blade-connector-notice:${detail?.name ?? "connector.builtin.feishu"}:`;
+        for (const key of Object.keys(localStorage)) if (key.startsWith(prefix)) localStorage.removeItem(key);
+      } catch {
+      }
+    }
     setView(value);
     const activationKnown = typeof value.activation_pending === "boolean";
     if (activationKnown) {
@@ -1797,90 +1703,248 @@ function DeviceConnection({ read, act, diagnostics, onChanged, bindDelivery = fa
     void run("finish", { capabilities: target.capabilities, enable: target.enable });
   };
   const preserveDisabled = Boolean(view?.app_id && view.enabled === false && !newConnection.current);
-  const back = /* @__PURE__ */ jsx7("button", { type: "button", className: "text-xs underline opacity-70", disabled: busy, onClick: () => setPage(view?.app_id ? "connection" : "select"), children: "\u8FD4\u56DE\u98DE\u4E66" });
-  return /* @__PURE__ */ jsxs7("section", { "aria-label": "\u98DE\u4E66\u6388\u6743", "aria-busy": busy, className: "space-y-5 py-3 text-left", children: [
-    /* @__PURE__ */ jsxs7("div", { children: [
-      /* @__PURE__ */ jsx7("h3", { className: "text-lg font-medium", children: page === "manage" ? "\u7BA1\u7406\u98DE\u4E66\u8FDE\u63A5" : page === "help" ? "\u8FDE\u63A5\u5E2E\u52A9" : page === "select" ? "\u8FDE\u63A5\u98DE\u4E66" : "\u98DE\u4E66" }),
-      /* @__PURE__ */ jsx7("p", { className: "mt-1 text-xs opacity-70", children: "\u6309\u98DE\u4E66\u5B98\u65B9\u63A8\u8350\u6743\u9650\u8FDE\u63A5\uFF0C\u5177\u4F53\u5F00\u901A\u7ED3\u679C\u7531\u4F01\u4E1A\u89C4\u5219\u548C\u672C\u4EBA\u6388\u6743\u51B3\u5B9A\u3002" })
+  const back = /* @__PURE__ */ jsx6("button", { type: "button", className: "text-xs underline opacity-70", disabled: busy, onClick: () => setPage(view?.app_id ? "connection" : "select"), children: "\u8FD4\u56DE\u98DE\u4E66" });
+  const authorizationContent = /* @__PURE__ */ jsx6(Fragment, { children: (autoAuthorize || authorizationCapabilities?.length) && busy && !waiting && !error && !view?.error ? /* @__PURE__ */ jsx6("output", { className: "block text-sm", children: "\u6B63\u5728\u5904\u7406\u98DE\u4E66\u6388\u6743\u2026" }) : waiting ? /* @__PURE__ */ jsxs5("div", { className: "space-y-4 rounded-xl border border-[color-mix(in_srgb,currentColor_18%,transparent)] p-5 text-center", children: [
+    /* @__PURE__ */ jsx6("h4", { className: "font-medium", children: view?.phase === "app" ? "\u5728\u98DE\u4E66\u9009\u62E9\u6216\u521B\u5EFA\u5E94\u7528" : view?.phase === "permissions" ? "\u5728\u98DE\u4E66\u786E\u8BA4\u5E76\u5F00\u901A\u6743\u9650" : "\u8BF7\u5728\u98DE\u4E66\u786E\u8BA4\u672C\u6B21\u6388\u6743" }),
+    /* @__PURE__ */ jsx6("p", { className: "text-xs opacity-70", children: view?.current_step?.message || "\u5B8C\u6210\u5F53\u524D\u6B65\u9AA4\u540E\u81EA\u52A8\u7EE7\u7EED\uFF0C\u5DF2\u6709\u80FD\u529B\u59CB\u7EC8\u4FDD\u7559\u3002" }),
+    url ? /* @__PURE__ */ jsxs5(Fragment, { children: [
+      new TextEncoder().encode(url).length <= 2200 ? /* @__PURE__ */ jsx6(QRCodeSVG, { value: url, size: 180, marginSize: 4, title: "\u98DE\u4E66\u6388\u6743\u4E8C\u7EF4\u7801", className: "mx-auto rounded-lg bg-white" }) : /* @__PURE__ */ jsx6("p", { className: "text-xs opacity-70", children: "\u6388\u6743\u9879\u76EE\u8F83\u591A\uFF0C\u8BF7\u6253\u5F00\u98DE\u4E66\u6388\u6743\u9875\u9762\u7EE7\u7EED\u3002" }),
+      /* @__PURE__ */ jsx6("a", { href: url, target: "_blank", rel: "noopener noreferrer", className: "block text-sm underline", children: "\u6253\u5F00\u98DE\u4E66\u6388\u6743\u9875\u9762" })
+    ] }) : verifying ? /* @__PURE__ */ jsx6("output", { className: "block text-sm", children: view?.error ? "\u6838\u9A8C\u6682\u672A\u5B8C\u6210\uFF0C\u8BF7\u70B9\u51FB\u201C\u6211\u5DF2\u5B8C\u6210\u6388\u6743\u201D\u91CD\u8BD5\u3002" : "\u6B63\u5728\u6838\u9A8C\u6388\u6743\u7ED3\u679C\uFF0C\u8BF7\u7A0D\u5019\u3002" }) : /* @__PURE__ */ jsx6("p", { role: "alert", className: "text-sm", children: "\u5F53\u524D\u4E8C\u7EF4\u7801\u5DF2\u8FC7\u671F\u6216\u65E0\u6CD5\u9A8C\u8BC1\uFF0C\u8BF7\u91CD\u8BD5\u672C\u6B21\u6388\u6743\u3002" }),
+    view?.expires_at && /* @__PURE__ */ jsxs5("p", { className: "text-xs opacity-70", children: [
+      "\u6709\u6548\u81F3 ",
+      new Date(view.expires_at * 1e3).toLocaleTimeString()
+    ] }),
+    /* @__PURE__ */ jsxs5("div", { className: "flex flex-wrap justify-center gap-3", children: [
+      /* @__PURE__ */ jsx6("button", { type: "button", className: button, disabled: busy, onClick: () => void run("poll", view?.attempt_id ? { attempt_id: view.attempt_id } : {}), children: busy ? "\u6B63\u5728\u786E\u8BA4\u2026" : "\u6211\u5DF2\u5B8C\u6210\u6388\u6743" }),
+      /* @__PURE__ */ jsx6("button", { type: "button", className: button, disabled: busy, onClick: () => void run("cancel", view?.attempt_id ? { attempt_id: view.attempt_id } : {}), children: "\u6682\u65F6\u53D6\u6D88" }),
+      !url && !verifying && /* @__PURE__ */ jsx6("button", { type: "button", className: button, disabled: busy, onClick: retryCurrent, children: "\u91CD\u8BD5\u672C\u6B21\u6388\u6743" })
     ] }),
-    notice && /* @__PURE__ */ jsx7("output", { className: "block rounded-lg border border-[color-mix(in_srgb,currentColor_18%,transparent)] p-3 text-sm", children: notice }),
-    error && /* @__PURE__ */ jsx7("p", { role: "alert", className: "rounded-lg border border-[color-mix(in_srgb,currentColor_18%,transparent)] p-3 text-sm", children: error }),
-    view?.error && /* @__PURE__ */ jsxs7("div", { role: "alert", className: "space-y-1 rounded-lg border border-[color-mix(in_srgb,currentColor_18%,transparent)] p-3 text-sm", children: [
-      /* @__PURE__ */ jsx7("p", { children: view.error.message }),
-      view.error.next_action && /* @__PURE__ */ jsx7("p", { children: view.error.next_action }),
-      !waiting && view.app_id && /* @__PURE__ */ jsxs7("div", { className: "flex flex-wrap gap-3", children: [
-        /* @__PURE__ */ jsx7("button", { type: "button", className: "text-xs underline", disabled: busy, onClick: retryCurrent, children: "\u91CD\u8BD5\u5F53\u524D\u6388\u6743" }),
-        /* @__PURE__ */ jsx7("button", { type: "button", className: "text-xs underline", disabled: busy, onClick: finishExisting, children: "\u5148\u4F7F\u7528\u5DF2\u5F00\u901A\u80FD\u529B\uFF0C\u5176\u4ED6\u7A0D\u540E\u5904\u7406" })
+    view?.phase === "permissions" && /* @__PURE__ */ jsx6("button", { type: "button", className: "text-xs underline", disabled: busy, onClick: finishExisting, children: "\u5148\u4F7F\u7528\u5DF2\u5F00\u901A\u80FD\u529B\uFF0C\u5176\u4ED6\u7A0D\u540E\u5904\u7406" })
+  ] }) : view && page === "select" ? /* @__PURE__ */ jsxs5(Fragment, { children: [
+    view.app_id ? back : /* @__PURE__ */ jsx6("p", { className: "text-sm", children: "\u9996\u6B21\u8FDE\u63A5\u9700\u8981\u626B\u7801\u4E24\u6B21\uFF1A\u5148\u5173\u8054\u98DE\u4E66\u5E94\u7528\uFF0C\u518D\u786E\u8BA4\u672C\u4EBA\u6388\u6743\u3002\u9009\u5DF2\u6709\u5E94\u7528\u65F6\u7B2C\u4E8C\u6B21\u4E5F\u4E0D\u80FD\u7701\uFF0C\u98DE\u4E66\u8981\u6C42\u4F60\u672C\u4EBA\u540C\u610F\uFF0C\u52A9\u624B\u624D\u80FD\u8BFB\u53D6\u4F60\u7684\u6D88\u606F\u3002" }),
+    /* @__PURE__ */ jsx6(FeishuCapabilitySelection, { capabilities, permissions: view.permissions, operations: view.operations, domains: view.domains, selected, onChange: setSelected, disabled: busy }),
+    view.catalog_unavailable && /* @__PURE__ */ jsx6("button", { type: "button", className: button, disabled: busy, onClick: () => void refresh(), children: "\u91CD\u65B0\u8BFB\u53D6\u5DE5\u4F5C\u80FD\u529B" }),
+    /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-between gap-3 border-t border-[color-mix(in_srgb,currentColor_18%,transparent)] pt-4", children: [
+      /* @__PURE__ */ jsx6("p", { className: "text-xs opacity-70", children: "\u6743\u9650\u7531\u98DE\u4E66\u5B98\u65B9\u9875\u9762\u7EDF\u4E00\u9009\u62E9\uFF0C\u5DF2\u6709\u6388\u6743\u7EE7\u7EED\u4FDD\u7559\u3002" }),
+      /* @__PURE__ */ jsx6("button", { type: "button", className: `${button} border-blue-600 bg-blue-600 text-white`, disabled: busy || Boolean(view.app_id) && !selected.length, onClick: () => start(), children: busy ? "\u6B63\u5728\u51C6\u5907\u6388\u6743\u2026" : view.app_id ? preserveDisabled ? "\u8865\u5145\u6388\u6743\u5E76\u4FDD\u5B58" : "\u524D\u5F80\u98DE\u4E66\u6388\u6743" : "\u8FDE\u63A5\u98DE\u4E66" })
+    ] }),
+    preserveDisabled && /* @__PURE__ */ jsx6("p", { className: "text-xs", children: "\u6B64\u52A9\u624B\u5F53\u524D\u505C\u7528\uFF0C\u65B0\u589E\u6388\u6743\u4E0D\u4F1A\u81EA\u52A8\u542F\u7528\u3002\u9700\u8981\u65F6\u53EF\u5728\u7BA1\u7406\u8FDE\u63A5\u4E2D\u91CD\u65B0\u542F\u7528\u3002" })
+  ] }) : null });
+  const diagnosticContent = view && /* @__PURE__ */ jsxs5(Fragment, { children: [
+    "      ",
+    /* @__PURE__ */ jsx6("p", { className: "text-sm", children: "\u53EA\u5904\u7406\u672A\u5B8C\u6210\u7684\u9879\u76EE\uFF0C\u5DF2\u7ECF\u5F00\u901A\u7684\u80FD\u529B\u4E0D\u9700\u8981\u91CD\u65B0\u7533\u8BF7\u3002" }),
+    pending.map((item) => /* @__PURE__ */ jsxs5("div", { className: "rounded-lg border border-[color-mix(in_srgb,currentColor_18%,transparent)] p-3 text-sm", children: [
+      /* @__PURE__ */ jsx6("p", { children: item.name }),
+      /* @__PURE__ */ jsxs5("p", { className: "text-xs", children: [
+        item.reason || item.next_action || statusLabels[item.status],
+        item.actor ? ` \xB7 \u7531${item.actor}\u5904\u7406` : ""
       ] })
+    ] }, item.id)),
+    /* @__PURE__ */ jsx6("button", { type: "button", className: button, disabled: busy, onClick: () => void run("check"), children: "\u91CD\u65B0\u68C0\u67E5\u8FDE\u63A5" }),
+    view.app_id && /* @__PURE__ */ jsx6("a", { className: "block text-xs underline", href: `https://open.feishu.cn/app/${encodeURIComponent(view.app_id)}/auth`, target: "_blank", rel: "noopener noreferrer", children: "\u5728\u98DE\u4E66\u67E5\u770B\u6743\u9650\u3001\u53D1\u5E03\u4E0E\u53EF\u7528\u8303\u56F4" }),
+    /* @__PURE__ */ jsxs5("details", { className: "rounded-lg border border-[color-mix(in_srgb,currentColor_18%,transparent)] p-3 text-xs", children: [
+      /* @__PURE__ */ jsx6("summary", { className: "cursor-pointer", children: "\u9AD8\u7EA7\u6392\u67E5\u4FE1\u606F" }),
+      /* @__PURE__ */ jsxs5("div", { className: "space-y-3 pt-3", children: [
+        /* @__PURE__ */ jsxs5("p", { children: [
+          "\u8FDE\u63A5\u7F16\u53F7\uFF1A",
+          view.connection_id || "\u5C1A\u672A\u521B\u5EFA"
+        ] }),
+        /* @__PURE__ */ jsxs5("p", { children: [
+          "\u6392\u67E5\u7F16\u53F7\uFF1A",
+          view.error?.trace_id || view.trace_id || "\u6682\u65E0\u8BB0\u5F55"
+        ] }),
+        /* @__PURE__ */ jsx6("p", { children: "\u8BB0\u5F55\u4E0D\u5305\u542B\u51ED\u636E\u4E0E\u6D88\u606F\u6B63\u6587\u3002" }),
+        view.steps?.length ? /* @__PURE__ */ jsx6("ol", { className: "space-y-2", children: view.steps.map((step, index) => /* @__PURE__ */ jsxs5("li", { children: [
+          stateLabels[step.state] ?? step.state,
+          "\uFF1A",
+          step.message
+        ] }, `${step.id}:${index}`)) }) : null,
+        diagnostics && /* @__PURE__ */ jsx6("button", { type: "button", className: button, disabled: busy, onClick: () => void inspect(), children: "\u8BFB\u53D6\u6392\u67E5\u8BB0\u5F55" }),
+        diagnosticView?.runtime && /* @__PURE__ */ jsx6(ConnectorRuntimeDiagnostics, { runtime: diagnosticView.runtime }),
+        diagnosticView && /* @__PURE__ */ jsx6("ol", { className: "space-y-3", children: diagnosticView.audit_events.map((event, index) => /* @__PURE__ */ jsxs5("li", { children: [
+          event.message ?? auditLabels[event.type ?? ""] ?? "\u8FDE\u63A5\u72B6\u6001\u8BB0\u5F55",
+          event.code && /* @__PURE__ */ jsxs5("p", { children: [
+            "\u539F\u56E0\u7F16\u53F7\uFF1A",
+            event.code
+          ] }),
+          event.platform_code && /* @__PURE__ */ jsxs5("p", { children: [
+            "\u98DE\u4E66\u9519\u8BEF\u7801\uFF1A",
+            event.platform_code
+          ] }),
+          event.platform_request_id && /* @__PURE__ */ jsxs5("p", { children: [
+            "\u98DE\u4E66\u8BF7\u6C42\u7F16\u53F7\uFF1A",
+            event.platform_request_id
+          ] }),
+          event.trace_id && /* @__PURE__ */ jsxs5("p", { children: [
+            "\u6392\u67E5\u7F16\u53F7\uFF1A",
+            event.trace_id
+          ] })
+        ] }, event.id ?? index)) })
+      ] })
+    ] })
+  ] });
+  if (detail) {
+    const hasConnection = Boolean(view?.app_id);
+    const needsAttention = hasConnection && Boolean(view?.permissions?.some((item) => item.app_status === "missing") || view?.error || pendingPermissions.length || failedUser.length || view?.activation_pending || view?.enabled === false);
+    const disable = async () => {
+      if (inFlight.current) return;
+      inFlight.current = true;
+      setBusy(true);
+      try {
+        await callbacks.current.onDisable?.();
+        const value = await callbacks.current.read();
+        if (live.current) accept(value);
+        await changed();
+      } finally {
+        inFlight.current = false;
+        if (live.current) setBusy(false);
+      }
+    };
+    const missingApp = (view?.permissions ?? []).filter((item) => item.app_status === "missing");
+    const permissionActions = /* @__PURE__ */ jsxs5("div", { className: "flex flex-wrap items-center gap-3", children: [
+      view?.app_id && /* @__PURE__ */ jsx6("a", { className: `${button} inline-flex items-center`, href: `https://open.feishu.cn/app/${encodeURIComponent(view.app_id)}/auth`, target: "_blank", rel: "noopener noreferrer", children: "\u6253\u5F00\u98DE\u4E66\u6743\u9650\u7BA1\u7406" }),
+      /* @__PURE__ */ jsx6("button", { type: "button", className: "min-h-10 text-xs underline disabled:opacity-50", disabled: busy, onClick: () => void run("check"), children: "\u6211\u5DF2\u5904\u7406\uFF0C\u91CD\u65B0\u6838\u9A8C" })
+    ] });
+    const actions = [
+      { id: "check", description: "\u68C0\u67E5\u6700\u65B0\u6743\u9650\u5F00\u901A\u60C5\u51B5", label: "\u91CD\u65B0\u6838\u9A8C\u6743\u9650", run: () => run("check") },
+      { id: "permissions", description: "\u67E5\u770B\u5168\u90E8\u6743\u9650\u53CA\u5F00\u901A\u60C5\u51B5", label: "\u98DE\u4E66\u5B98\u65B9\u63A8\u8350\u6743\u9650", page: /* @__PURE__ */ jsxs5("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsx6(FeishuPermissionStatus, { permissions: view?.permissions ?? [], template: view?.permission_template, expanded: true, hideScopes: true }),
+        permissionActions,
+        /* @__PURE__ */ jsx6(ConnectorAuthorizationProgress, { result: view?.authorization_result, onCheck: () => void run("check"), busy }),
+        pendingPermissions.length > 0 && /* @__PURE__ */ jsx6("button", { type: "button", className: button, disabled: busy, onClick: () => start(pendingPermissions.map((item) => item.id)), children: "\u7EE7\u7EED\u5F00\u901A\u672A\u5B8C\u6210\u7684\u6743\u9650" }),
+        failedUser.length > 0 && /* @__PURE__ */ jsx6("button", { type: "button", className: button, disabled: busy, onClick: () => start(failedUser.map((item) => item.id)), children: "\u4EC5\u8865\u5145\u672A\u5B8C\u6210\u7684\u672C\u4EBA\u6388\u6743" }),
+        view?.activation_pending && active.length > 0 && /* @__PURE__ */ jsx6("button", { type: "button", className: button, disabled: busy, onClick: finishExisting, children: "\u5148\u4F7F\u7528\u5DF2\u5F00\u901A\u80FD\u529B\uFF0C\u5176\u4ED6\u7A0D\u540E\u5904\u7406" }),
+        /* @__PURE__ */ jsx6("button", { type: "button", className: button, disabled: busy, onClick: () => {
+          setPage("select");
+          start();
+        }, children: "\u8865\u5145\u6388\u6743" })
+      ] }) },
+      ...hasConnection ? [{ id: "disable", description: "\u53EA\u5F71\u54CD\u6B64\u52A9\u624B\uFF0CSW \u4E2D\u7684\u6388\u6743\u548C\u6536\u6D88\u606F\u4FDD\u7559", label: view?.enabled === false ? "\u91CD\u65B0\u542F\u7528" : "\u5728\u6B64\u52A9\u624B\u4E2D\u505C\u7528", run: view?.enabled === false ? () => run("finish", { capabilities: view.selected_capabilities ?? selected, enable: true }) : disable, disabled: !onDisable && view?.enabled !== false, confirmation: { title: view?.enabled === false ? "\u91CD\u65B0\u542F\u7528\u98DE\u4E66\uFF1F" : "\u5728\u6B64\u52A9\u624B\u4E2D\u505C\u7528\u98DE\u4E66\uFF1F", description: "\u53EA\u5F71\u54CD\u6B64\u52A9\u624B\u4F7F\u7528\u98DE\u4E66\uFF0CSuperWork \u4E2D\u7684\u6388\u6743\u548C\u6D88\u606F\u63A5\u6536\u4FDD\u7559\u3002" } }] : [],
+      { id: "diagnostics", description: "\u8BCA\u65AD\u4FE1\u606F\u3001\u6700\u8FD1\u4E8B\u4EF6\u548C\u65E5\u5FD7", label: "\u9047\u5230\u95EE\u9898\uFF1F", run: inspect, page: /* @__PURE__ */ jsxs5("div", { className: "space-y-4", children: [
+        diagnosticContent,
+        bindDelivery && view && canReceive(view) && subscription !== "paused" && /* @__PURE__ */ jsx6("button", { type: "button", className: button, disabled: busy, onClick: () => void run("bind"), children: "\u66F4\u65B0\u52A9\u624B\u63A5\u6536\u5730\u5740" })
+      ] }) },
+      { id: "help", description: "\u67E5\u770B\u8FDE\u63A5\u548C\u4F7F\u7528\u8BF4\u660E", label: "\u4F7F\u7528\u5E2E\u52A9", page: /* @__PURE__ */ jsxs5("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ jsx6("p", { children: "\u53EF\u4EE5\u8BA9\u52A9\u624B\u6536\u53D1\u6D88\u606F\u3001\u67E5\u770B\u65E5\u7A0B\u548C\u6587\u6863\u3002\u672A\u5F00\u901A\u7684\u6743\u9650\u4F1A\u5728\u7528\u5230\u65F6\u63D0\u793A\u4F60\u5904\u7406\u3002" }),
+        /* @__PURE__ */ jsx6("button", { type: "button", className: button, disabled: busy, onClick: () => {
+          setPage("select");
+          start();
+        }, children: "\u8865\u5145\u6388\u6743" })
+      ] }) },
+      ...view?.connection_id ? [{ id: "remove", description: "\u6E05\u9664 SW \u4E2D\u7684\u51ED\u636E\u5E76\u505C\u6B62\u6536\u6D88\u606F", label: "\u79FB\u9664\u8FDE\u63A5\u5E76\u91CD\u65B0\u8FDE\u63A5", danger: true, confirmation: { title: "\u786E\u8BA4\u79FB\u9664\u5F53\u524D\u98DE\u4E66\u8FDE\u63A5\uFF1F", description: "SuperWork \u4E2D\u6B64\u8FDE\u63A5\u7684\u51ED\u636E\u5C06\u88AB\u79FB\u9664\uFF0C\u6D88\u606F\u63A5\u6536\u548C\u8F6C\u53D1\u5C06\u505C\u6B62\uFF0C\u5176\u4ED6\u4F9D\u8D56\u6B64\u8FDE\u63A5\u7684\u52A9\u624B\u4E5F\u4F1A\u53D7\u5F71\u54CD\u3002\u5386\u53F2\u6D88\u606F\u4E0E\u6392\u67E5\u65E5\u5FD7\u4F1A\u4FDD\u7559\uFF0C\u98DE\u4E66\u540E\u53F0\u5E94\u7528\u4E0D\u4F1A\u5220\u9664\u3002" }, run: () => removeConnection(view.connection_id) }] : [],
+      ...detail.actions ?? []
+    ];
+    return /* @__PURE__ */ jsxs5(
+      ConnectorDetail,
+      {
+        title: detail.title,
+        icon: detail.icon,
+        account: view?.label || "\u8FDE\u63A5\u540E\uFF0C\u52A9\u624B\u53EF\u4EE5\u5E2E\u4F60\u5904\u7406\u6D88\u606F\u3001\u65E5\u7A0B\u548C\u6587\u6863\u3002",
+        connected: hasConnection && !waiting && page !== "select" && !view?.activation_pending,
+        status: needsAttention ? "attention" : hasConnection ? "connected" : "disconnected",
+        statusLabel: view?.enabled === false && hasConnection ? "\u5DF2\u505C\u7528" : void 0,
+        busy,
+        actions,
+        noticeStorageKey: view && missingApp.length ? permissionNoticeKey(detail.name ?? "connector.builtin.feishu", view, missingApp) : void 0,
+        noticeTitle: view?.enabled === false ? "\u5DF2\u5728\u6B64\u52A9\u624B\u4E2D\u505C\u7528" : missingApp.length ? `\u6709 ${missingApp.length} \u9879\u6743\u9650\u9700\u8981\u7BA1\u7406\u5458\u5728\u98DE\u4E66\u5F00\u901A` : "\u6709\u6388\u6743\u4E8B\u9879\u9700\u8981\u5904\u7406",
+        noticeCollapsedTitle: view?.enabled === false ? "\u5DF2\u5728\u6B64\u52A9\u624B\u4E2D\u505C\u7528" : missingApp.length ? `${missingApp.length} \u9879\u6743\u9650\u5F85\u7BA1\u7406\u5458\u5F00\u901A` : "\u6709\u6388\u6743\u4E8B\u9879\u9700\u8981\u5904\u7406",
+        notice: hasConnection && needsAttention && !waiting ? /* @__PURE__ */ jsxs5(Fragment, { children: [
+          /* @__PURE__ */ jsx6("p", { children: view?.error?.message || "\u4E0D\u5F71\u54CD\u5DF2\u5F00\u901A\u7684\u529F\u80FD\uFF0C\u7528\u5230\u76F8\u5173\u64CD\u4F5C\u65F6\u52A9\u624B\u4F1A\u63D0\u793A\u4F60\u5904\u7406\u3002" }),
+          view?.error?.next_action && /* @__PURE__ */ jsx6("p", { children: view.error.next_action }),
+          permissionActions,
+          missingApp.length > 0 && /* @__PURE__ */ jsxs5("details", { className: "text-xs opacity-70", children: [
+            /* @__PURE__ */ jsx6("summary", { className: "cursor-pointer", children: "\u67E5\u770B\u662F\u54EA\u4E9B\u6743\u9650" }),
+            /* @__PURE__ */ jsx6("ul", { className: "mt-2 space-y-1", children: missingApp.map((item) => /* @__PURE__ */ jsx6("li", { className: "break-all", children: item.name || item.scope }, `${item.identity}:${item.scope}`)) })
+          ] })
+        ] }) : void 0,
+        connection: /* @__PURE__ */ jsxs5(Fragment, { children: [
+          !view && /* @__PURE__ */ jsxs5(Fragment, { children: [
+            /* @__PURE__ */ jsx6("output", { children: error || "\u6B63\u5728\u8BFB\u53D6\u98DE\u4E66\u8FDE\u63A5\u2026" }),
+            error && /* @__PURE__ */ jsx6("button", { type: "button", className: button, disabled: busy, onClick: () => void refresh(), children: "\u91CD\u65B0\u8BFB\u53D6\u8FDE\u63A5" })
+          ] }),
+          page === "select" && !waiting ? /* @__PURE__ */ jsxs5("div", { className: "space-y-4 rounded-[20px] border border-[color-mix(in_srgb,currentColor_18%,transparent)] p-5", children: [
+            /* @__PURE__ */ jsx6("h3", { className: "text-base font-medium", children: "\u8FDE\u63A5\u98DE\u4E66" }),
+            authorizationContent
+          ] }) : authorizationContent
+        ] }),
+        tabs: [{ id: "rules", label: "\u4F7F\u7528\u89C4\u5219", content: detail.rules }, ...bindDelivery ? [{ id: "push", label: "\u6D88\u606F\u63A8\u9001", content: /* @__PURE__ */ jsxs5("div", { className: "settings-surface space-y-4 rounded-[22px] p-5", style: { background: "var(--settings-surface, hsl(var(--muted)))" }, children: [
+          /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-between gap-4", children: [
+            /* @__PURE__ */ jsxs5("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsx6("p", { className: "font-medium", children: "\u5411\u52A9\u624B\u63A8\u9001\u98DE\u4E66\u6D88\u606F" }),
+              /* @__PURE__ */ jsx6("p", { className: "mt-1 text-xs opacity-70", children: "\u6682\u505C\u540E SW \u4ECD\u63A5\u6536\u5E76\u4FDD\u5B58\u6D88\u606F\uFF0C\u53EA\u662F\u4E0D\u8F6C\u7ED9\u52A9\u624B\u3002" })
+            ] }),
+            /* @__PURE__ */ jsx6(Switch, { "aria-label": "\u5411\u52A9\u624B\u63A8\u9001", checked: subscription === "enabled", disabled: busy, onCheckedChange: (checked) => void run(checked ? subscription === "paused" ? "resume" : "bind" : "pause"), className: "relative inline-flex h-6 w-11 shrink-0 items-center rounded-full bg-[color-mix(in_srgb,currentColor_20%,transparent)] transition-colors after:absolute after:-inset-y-2 after:-inset-x-1 data-[state=checked]:bg-[var(--color-accent,hsl(var(--primary)))] disabled:opacity-50", thumbClassName: "pointer-events-none block size-5 translate-x-0.5 rounded-full bg-white shadow-sm transition-transform data-[state=checked]:translate-x-[22px]" })
+          ] }),
+          detail.pushFrequency,
+          detail.onOpenPush && /* @__PURE__ */ jsx6("button", { type: "button", className: "block min-h-10 text-xs underline", onClick: detail.onOpenPush, children: "\u524D\u5F80\u63A8\u9001\u63A5\u53E3" })
+        ] }) }] : [], ...detail.preferences ? [{ id: "preferences", label: "\u52A9\u624B\u504F\u597D", content: detail.preferences }] : []],
+        children: [
+          notice && /* @__PURE__ */ jsx6("output", { className: "block text-xs", children: notice }),
+          error && /* @__PURE__ */ jsx6("p", { role: "alert", children: error })
+        ]
+      },
+      waiting ? "waiting" : page === "select" ? "select" : "details"
+    );
+  }
+  return /* @__PURE__ */ jsxs5("section", { "aria-label": "\u98DE\u4E66\u6388\u6743", "aria-busy": busy, className: "space-y-5 py-3 text-left", children: [
+    /* @__PURE__ */ jsxs5("div", { children: [
+      /* @__PURE__ */ jsx6("h3", { className: "text-lg font-medium", children: page === "manage" ? "\u7BA1\u7406\u98DE\u4E66\u8FDE\u63A5" : page === "help" ? "\u8FDE\u63A5\u5E2E\u52A9" : page === "select" ? "\u8FDE\u63A5\u98DE\u4E66" : "\u98DE\u4E66" }),
+      /* @__PURE__ */ jsx6("p", { className: "mt-1 text-xs opacity-70", children: "\u6309\u98DE\u4E66\u5B98\u65B9\u63A8\u8350\u6743\u9650\u8FDE\u63A5\uFF0C\u5177\u4F53\u5F00\u901A\u7ED3\u679C\u7531\u4F01\u4E1A\u89C4\u5219\u548C\u672C\u4EBA\u6388\u6743\u51B3\u5B9A\u3002" })
     ] }),
-    view && !waiting && matchesRequestedAuthorization(view) && /* @__PURE__ */ jsx7(ConnectorAuthorizationProgress, { result: view.authorization_result, onCheck: () => void run("check"), busy }),
-    view && !waiting && page !== "help" && /* @__PURE__ */ jsx7(FeishuPermissionStatus, { permissions: view.permissions ?? [], template: view.permission_template }),
-    !view && !error && /* @__PURE__ */ jsx7("output", { className: "block text-sm", children: "\u6B63\u5728\u8BFB\u53D6\u98DE\u4E66\u8FDE\u63A5\u2026" }),
-    !view && error && /* @__PURE__ */ jsx7("button", { type: "button", className: button, disabled: busy, onClick: () => void refresh(), children: "\u91CD\u65B0\u8BFB\u53D6\u8FDE\u63A5" }),
-    (autoAuthorize || authorizationCapabilities?.length) && busy && !waiting && !error && !view?.error ? /* @__PURE__ */ jsx7("output", { className: "block text-sm", children: "\u6B63\u5728\u5904\u7406\u98DE\u4E66\u6388\u6743\u2026" }) : waiting ? /* @__PURE__ */ jsxs7("div", { className: "space-y-4 rounded-xl border border-[color-mix(in_srgb,currentColor_18%,transparent)] p-5 text-center", children: [
-      /* @__PURE__ */ jsx7("h4", { className: "font-medium", children: view?.phase === "app" ? "\u5728\u98DE\u4E66\u9009\u62E9\u6216\u521B\u5EFA\u5E94\u7528" : view?.phase === "permissions" ? "\u5728\u98DE\u4E66\u786E\u8BA4\u5E76\u5F00\u901A\u6743\u9650" : "\u8BF7\u5728\u98DE\u4E66\u786E\u8BA4\u672C\u6B21\u6388\u6743" }),
-      /* @__PURE__ */ jsx7("p", { className: "text-xs opacity-70", children: view?.current_step?.message || "\u5B8C\u6210\u5F53\u524D\u6B65\u9AA4\u540E\u81EA\u52A8\u7EE7\u7EED\uFF0C\u5DF2\u6709\u80FD\u529B\u59CB\u7EC8\u4FDD\u7559\u3002" }),
-      url ? /* @__PURE__ */ jsxs7(Fragment, { children: [
-        new TextEncoder().encode(url).length <= 2200 ? /* @__PURE__ */ jsx7(QRCodeSVG, { value: url, size: 180, marginSize: 4, title: "\u98DE\u4E66\u6388\u6743\u4E8C\u7EF4\u7801", className: "mx-auto rounded-lg bg-white" }) : /* @__PURE__ */ jsx7("p", { className: "text-xs opacity-70", children: "\u6388\u6743\u9879\u76EE\u8F83\u591A\uFF0C\u8BF7\u6253\u5F00\u98DE\u4E66\u6388\u6743\u9875\u9762\u7EE7\u7EED\u3002" }),
-        /* @__PURE__ */ jsx7("a", { href: url, target: "_blank", rel: "noopener noreferrer", className: "block text-sm underline", children: "\u6253\u5F00\u98DE\u4E66\u6388\u6743\u9875\u9762" })
-      ] }) : verifying ? /* @__PURE__ */ jsx7("output", { className: "block text-sm", children: view?.error ? "\u6838\u9A8C\u6682\u672A\u5B8C\u6210\uFF0C\u8BF7\u70B9\u51FB\u201C\u6211\u5DF2\u5B8C\u6210\u6388\u6743\u201D\u91CD\u8BD5\u3002" : "\u6B63\u5728\u6838\u9A8C\u6388\u6743\u7ED3\u679C\uFF0C\u8BF7\u7A0D\u5019\u3002" }) : /* @__PURE__ */ jsx7("p", { role: "alert", className: "text-sm", children: "\u5F53\u524D\u4E8C\u7EF4\u7801\u5DF2\u8FC7\u671F\u6216\u65E0\u6CD5\u9A8C\u8BC1\uFF0C\u8BF7\u91CD\u8BD5\u672C\u6B21\u6388\u6743\u3002" }),
-      view?.expires_at && /* @__PURE__ */ jsxs7("p", { className: "text-xs opacity-70", children: [
-        "\u6709\u6548\u81F3 ",
-        new Date(view.expires_at * 1e3).toLocaleTimeString()
-      ] }),
-      /* @__PURE__ */ jsxs7("div", { className: "flex flex-wrap justify-center gap-3", children: [
-        /* @__PURE__ */ jsx7("button", { type: "button", className: button, disabled: busy, onClick: () => void run("poll", view?.attempt_id ? { attempt_id: view.attempt_id } : {}), children: busy ? "\u6B63\u5728\u786E\u8BA4\u2026" : "\u6211\u5DF2\u5B8C\u6210\u6388\u6743" }),
-        /* @__PURE__ */ jsx7("button", { type: "button", className: button, disabled: busy, onClick: () => void run("cancel", view?.attempt_id ? { attempt_id: view.attempt_id } : {}), children: "\u6682\u65F6\u53D6\u6D88" }),
-        !url && !verifying && /* @__PURE__ */ jsx7("button", { type: "button", className: button, disabled: busy, onClick: retryCurrent, children: "\u91CD\u8BD5\u672C\u6B21\u6388\u6743" })
-      ] }),
-      view?.phase === "permissions" && /* @__PURE__ */ jsx7("button", { type: "button", className: "text-xs underline", disabled: busy, onClick: finishExisting, children: "\u5148\u4F7F\u7528\u5DF2\u5F00\u901A\u80FD\u529B\uFF0C\u5176\u4ED6\u7A0D\u540E\u5904\u7406" })
-    ] }) : view && page === "select" ? /* @__PURE__ */ jsxs7(Fragment, { children: [
-      view.app_id ? back : /* @__PURE__ */ jsx7("p", { className: "text-sm", children: "\u9996\u6B21\u8FDE\u63A5\u9700\u8981\u626B\u7801\u4E24\u6B21\uFF1A\u5148\u5173\u8054\u98DE\u4E66\u5E94\u7528\uFF0C\u518D\u786E\u8BA4\u672C\u4EBA\u6388\u6743\u3002\u9009\u5DF2\u6709\u5E94\u7528\u65F6\u7B2C\u4E8C\u6B21\u4E5F\u4E0D\u80FD\u7701\uFF0C\u98DE\u4E66\u8981\u6C42\u4F60\u672C\u4EBA\u540C\u610F\uFF0C\u52A9\u624B\u624D\u80FD\u8BFB\u53D6\u4F60\u7684\u6D88\u606F\u3002" }),
-      /* @__PURE__ */ jsx7(FeishuCapabilitySelection, { capabilities, permissions: view.permissions, operations: view.operations, domains: view.domains, selected, onChange: setSelected, disabled: busy }),
-      view.catalog_unavailable && /* @__PURE__ */ jsx7("button", { type: "button", className: button, disabled: busy, onClick: () => void refresh(), children: "\u91CD\u65B0\u8BFB\u53D6\u5DE5\u4F5C\u80FD\u529B" }),
-      /* @__PURE__ */ jsxs7("div", { className: "flex items-center justify-between gap-3 border-t border-[color-mix(in_srgb,currentColor_18%,transparent)] pt-4", children: [
-        /* @__PURE__ */ jsx7("p", { className: "text-xs opacity-70", children: "\u6743\u9650\u7531\u98DE\u4E66\u5B98\u65B9\u9875\u9762\u7EDF\u4E00\u9009\u62E9\uFF0C\u5DF2\u6709\u6388\u6743\u7EE7\u7EED\u4FDD\u7559\u3002" }),
-        /* @__PURE__ */ jsx7("button", { type: "button", className: `${button} border-blue-600 bg-blue-600 text-white`, disabled: busy || Boolean(view.app_id) && !selected.length, onClick: () => start(), children: busy ? "\u6B63\u5728\u51C6\u5907\u6388\u6743\u2026" : view.app_id ? preserveDisabled ? "\u8865\u5145\u6388\u6743\u5E76\u4FDD\u5B58" : "\u524D\u5F80\u98DE\u4E66\u6388\u6743" : "\u8FDE\u63A5\u98DE\u4E66" })
-      ] }),
-      preserveDisabled && /* @__PURE__ */ jsx7("p", { className: "text-xs", children: "\u6B64\u52A9\u624B\u5F53\u524D\u505C\u7528\uFF0C\u65B0\u589E\u6388\u6743\u4E0D\u4F1A\u81EA\u52A8\u542F\u7528\u3002\u9700\u8981\u65F6\u53EF\u5728\u7BA1\u7406\u8FDE\u63A5\u4E2D\u91CD\u65B0\u542F\u7528\u3002" })
-    ] }) : view && page === "connection" ? /* @__PURE__ */ jsxs7(Fragment, { children: [
-      /* @__PURE__ */ jsxs7("div", { className: "rounded-xl border border-[color-mix(in_srgb,currentColor_18%,transparent)] p-4", children: [
-        /* @__PURE__ */ jsxs7("p", { className: "font-medium", children: [
+    notice && /* @__PURE__ */ jsx6("output", { className: "block rounded-lg border border-[color-mix(in_srgb,currentColor_18%,transparent)] p-3 text-sm", children: notice }),
+    error && /* @__PURE__ */ jsx6("p", { role: "alert", className: "rounded-lg border border-[color-mix(in_srgb,currentColor_18%,transparent)] p-3 text-sm", children: error }),
+    view?.error && /* @__PURE__ */ jsxs5("div", { role: "alert", className: "space-y-1 rounded-lg border border-[color-mix(in_srgb,currentColor_18%,transparent)] p-3 text-sm", children: [
+      /* @__PURE__ */ jsx6("p", { children: view.error.message }),
+      view.error.next_action && /* @__PURE__ */ jsx6("p", { children: view.error.next_action }),
+      !waiting && view.app_id && /* @__PURE__ */ jsxs5("div", { className: "flex flex-wrap gap-3", children: [
+        /* @__PURE__ */ jsx6("button", { type: "button", className: "text-xs underline", disabled: busy, onClick: retryCurrent, children: "\u91CD\u8BD5\u5F53\u524D\u6388\u6743" }),
+        /* @__PURE__ */ jsx6("button", { type: "button", className: "text-xs underline", disabled: busy, onClick: finishExisting, children: "\u5148\u4F7F\u7528\u5DF2\u5F00\u901A\u80FD\u529B\uFF0C\u5176\u4ED6\u7A0D\u540E\u5904\u7406" })
+      ] })
+    ] }),
+    view && !waiting && matchesRequestedAuthorization(view) && /* @__PURE__ */ jsx6(ConnectorAuthorizationProgress, { result: view.authorization_result, onCheck: () => void run("check"), busy }),
+    view && !waiting && page !== "help" && /* @__PURE__ */ jsx6(FeishuPermissionStatus, { permissions: view.permissions ?? [], template: view.permission_template }),
+    !view && !error && /* @__PURE__ */ jsx6("output", { className: "block text-sm", children: "\u6B63\u5728\u8BFB\u53D6\u98DE\u4E66\u8FDE\u63A5\u2026" }),
+    !view && error && /* @__PURE__ */ jsx6("button", { type: "button", className: button, disabled: busy, onClick: () => void refresh(), children: "\u91CD\u65B0\u8BFB\u53D6\u8FDE\u63A5" }),
+    authorizationContent,
+    view && !waiting && page === "connection" ? /* @__PURE__ */ jsxs5(Fragment, { children: [
+      /* @__PURE__ */ jsxs5("div", { className: "rounded-xl border border-[color-mix(in_srgb,currentColor_18%,transparent)] p-4", children: [
+        /* @__PURE__ */ jsxs5("p", { className: "font-medium", children: [
           view.activation_pending === true ? "\u8FDE\u63A5\u5C1A\u672A\u5B8C\u6210" : view.enabled === false && view.app_id ? "\u5DF2\u5728\u6B64\u52A9\u624B\u4E2D\u505C\u7528" : active.length ? "\u98DE\u4E66\u5DF2\u53EF\u4EE5\u4F7F\u7528" : "\u8FD8\u6709\u9879\u76EE\u9700\u8981\u5904\u7406",
           view.label ? ` \xB7 ${view.label}` : ""
         ] }),
-        /* @__PURE__ */ jsx7("p", { className: "mt-1 text-xs opacity-70", children: view.activation_pending === true ? "\u5B8C\u6210\u6388\u6743\u540E\u5373\u53EF\u5F00\u59CB\u4F7F\u7528" : view.enabled === false ? "\u5DF2\u6709\u6388\u6743\u4E0E SuperWork \u63A5\u6536\u8BBE\u7F6E\u4FDD\u7559\u3002" : "\u53EF\u4EE5\u8BA9\u52A9\u624B\u5904\u7406\u5DF2\u5F00\u901A\u7684\u98DE\u4E66\u5DE5\u4F5C\u3002" })
+        /* @__PURE__ */ jsx6("p", { className: "mt-1 text-xs opacity-70", children: view.activation_pending === true ? "\u5B8C\u6210\u6388\u6743\u540E\u5373\u53EF\u5F00\u59CB\u4F7F\u7528" : view.enabled === false ? "\u5DF2\u6709\u6388\u6743\u4E0E SuperWork \u63A5\u6536\u8BBE\u7F6E\u4FDD\u7559\u3002" : "\u53EF\u4EE5\u8BA9\u52A9\u624B\u5904\u7406\u5DF2\u5F00\u901A\u7684\u98DE\u4E66\u5DE5\u4F5C\u3002" })
       ] }),
-      view.activation_pending === true && active.length > 0 && /* @__PURE__ */ jsx7("button", { type: "button", className: button, disabled: busy, onClick: finishExisting, children: "\u5148\u4F7F\u7528\u5DF2\u5F00\u901A\u80FD\u529B\uFF0C\u5176\u4ED6\u7A0D\u540E\u5904\u7406" }),
-      pending.length > 0 && /* @__PURE__ */ jsxs7("div", { className: "space-y-2 rounded-xl border border-[color-mix(in_srgb,currentColor_18%,transparent)] p-4 text-sm", children: [
-        /* @__PURE__ */ jsxs7("p", { children: [
+      view.activation_pending === true && active.length > 0 && /* @__PURE__ */ jsx6("button", { type: "button", className: button, disabled: busy, onClick: finishExisting, children: "\u5148\u4F7F\u7528\u5DF2\u5F00\u901A\u80FD\u529B\uFF0C\u5176\u4ED6\u7A0D\u540E\u5904\u7406" }),
+      pending.length > 0 && /* @__PURE__ */ jsxs5("div", { className: "space-y-2 rounded-xl border border-[color-mix(in_srgb,currentColor_18%,transparent)] p-4 text-sm", children: [
+        /* @__PURE__ */ jsxs5("p", { children: [
           pending.length,
           " \u9879\u5C1A\u672A\u5B8C\u6210\uFF0C\u5176\u4ED6\u5DF2\u5F00\u901A\u80FD\u529B\u7EE7\u7EED\u4FDD\u7559\u3002"
         ] }),
-        /* @__PURE__ */ jsxs7("details", { className: "text-xs", children: [
-          /* @__PURE__ */ jsx7("summary", { className: "cursor-pointer", children: "\u67E5\u770B\u672A\u5B8C\u6210\u9879\u76EE" }),
-          /* @__PURE__ */ jsx7("div", { className: "mt-2 max-h-60 space-y-2 overflow-y-auto", children: pending.map((item) => /* @__PURE__ */ jsxs7("p", { children: [
+        /* @__PURE__ */ jsxs5("details", { className: "text-xs", children: [
+          /* @__PURE__ */ jsx6("summary", { className: "cursor-pointer", children: "\u67E5\u770B\u672A\u5B8C\u6210\u9879\u76EE" }),
+          /* @__PURE__ */ jsx6("div", { className: "mt-2 max-h-60 space-y-2 overflow-y-auto", children: pending.map((item) => /* @__PURE__ */ jsxs5("p", { children: [
             item.name,
             "\uFF1A",
             item.reason || item.next_action || statusLabels[item.status]
           ] }, item.id)) })
         ] }),
-        receptionNeedsTest && /* @__PURE__ */ jsx7("p", { className: "text-xs", children: "\u63A5\u6536\u6743\u9650\u5DF2\u7ECF\u751F\u6548\uFF0C\u4ECD\u9700\u5411\u673A\u5668\u4EBA\u53D1\u9001\u6D4B\u8BD5\u6D88\u606F\u4EE5\u786E\u8BA4\u5B9E\u9645\u63A5\u6536\u3002" }),
-        pendingPermissions.length > 0 && /* @__PURE__ */ jsx7("button", { type: "button", className: "text-xs underline", disabled: busy, onClick: () => start(pendingPermissions.map((item) => item.id)), children: "\u7EE7\u7EED\u5F00\u901A\u672A\u5B8C\u6210\u7684\u6743\u9650" }),
-        failedUser.length > 0 && /* @__PURE__ */ jsx7("button", { type: "button", className: "text-xs underline", disabled: busy, onClick: () => start(failedUser.map((item) => item.id)), children: "\u4EC5\u8865\u5145\u672A\u5B8C\u6210\u7684\u672C\u4EBA\u6388\u6743" })
+        receptionNeedsTest && /* @__PURE__ */ jsx6("p", { className: "text-xs", children: "\u63A5\u6536\u6743\u9650\u5DF2\u7ECF\u751F\u6548\uFF0C\u4ECD\u9700\u5411\u673A\u5668\u4EBA\u53D1\u9001\u6D4B\u8BD5\u6D88\u606F\u4EE5\u786E\u8BA4\u5B9E\u9645\u63A5\u6536\u3002" }),
+        pendingPermissions.length > 0 && /* @__PURE__ */ jsx6("button", { type: "button", className: "text-xs underline", disabled: busy, onClick: () => start(pendingPermissions.map((item) => item.id)), children: "\u7EE7\u7EED\u5F00\u901A\u672A\u5B8C\u6210\u7684\u6743\u9650" }),
+        failedUser.length > 0 && /* @__PURE__ */ jsx6("button", { type: "button", className: "text-xs underline", disabled: busy, onClick: () => start(failedUser.map((item) => item.id)), children: "\u4EC5\u8865\u5145\u672A\u5B8C\u6210\u7684\u672C\u4EBA\u6388\u6743" })
       ] }),
-      /* @__PURE__ */ jsxs7("dl", { className: "divide-y divide-[color-mix(in_srgb,currentColor_18%,transparent)] rounded-xl border border-[color-mix(in_srgb,currentColor_18%,transparent)] px-4 text-sm", children: [
-        /* @__PURE__ */ jsxs7("div", { className: "flex justify-between gap-3 py-4", children: [
-          /* @__PURE__ */ jsx7("dt", { children: "\u53D1\u9001\u6D88\u606F" }),
-          /* @__PURE__ */ jsx7("dd", { children: "\u673A\u5668\u4EBA\u8EAB\u4EFD" })
+      /* @__PURE__ */ jsxs5("dl", { className: "divide-y divide-[color-mix(in_srgb,currentColor_18%,transparent)] rounded-xl border border-[color-mix(in_srgb,currentColor_18%,transparent)] px-4 text-sm", children: [
+        /* @__PURE__ */ jsxs5("div", { className: "flex justify-between gap-3 py-4", children: [
+          /* @__PURE__ */ jsx6("dt", { children: "\u53D1\u9001\u6D88\u606F" }),
+          /* @__PURE__ */ jsx6("dd", { children: "\u673A\u5668\u4EBA\u8EAB\u4EFD" })
         ] }),
-        /* @__PURE__ */ jsxs7("div", { className: "flex justify-between gap-3 py-4", children: [
-          /* @__PURE__ */ jsx7("dt", { children: "\u63A5\u6536\u98DE\u4E66\u6D88\u606F" }),
-          /* @__PURE__ */ jsx7("dd", { children: subscription === "enabled" ? "\u5DF2\u63A5\u5165\u52A9\u624B" : subscription === "paused" ? "\u5411\u52A9\u624B\u63A8\u9001\u5DF2\u6682\u505C" : "\u5C1A\u672A\u63A5\u5165\u52A9\u624B" })
+        /* @__PURE__ */ jsxs5("div", { className: "flex justify-between gap-3 py-4", children: [
+          /* @__PURE__ */ jsx6("dt", { children: "\u63A5\u6536\u98DE\u4E66\u6D88\u606F" }),
+          /* @__PURE__ */ jsx6("dd", { children: subscription === "enabled" ? "\u5DF2\u63A5\u5165\u52A9\u624B" : subscription === "paused" ? "\u5411\u52A9\u624B\u63A8\u9001\u5DF2\u6682\u505C" : "\u5C1A\u672A\u63A5\u5165\u52A9\u624B" })
         ] }),
-        /* @__PURE__ */ jsxs7("div", { className: "flex justify-between gap-3 py-4", children: [
-          /* @__PURE__ */ jsx7("dt", { children: "\u5DF2\u5F00\u901A\u7684\u5DE5\u4F5C\u80FD\u529B" }),
-          /* @__PURE__ */ jsxs7("dd", { children: [
+        /* @__PURE__ */ jsxs5("div", { className: "flex justify-between gap-3 py-4", children: [
+          /* @__PURE__ */ jsx6("dt", { children: "\u5DF2\u5F00\u901A\u7684\u5DE5\u4F5C\u80FD\u529B" }),
+          /* @__PURE__ */ jsxs5("dd", { children: [
             categories.length,
             " \u7C7B \xB7 ",
             active.length,
@@ -1888,24 +1952,24 @@ function DeviceConnection({ read, act, diagnostics, onChanged, bindDelivery = fa
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ jsx7("div", { className: "flex flex-wrap gap-2", children: categories.map((name) => /* @__PURE__ */ jsx7("span", { className: "rounded-md border border-[color-mix(in_srgb,currentColor_18%,transparent)] px-2 py-1 text-xs", children: name }, name)) }),
-      /* @__PURE__ */ jsxs7("details", { className: "text-sm", children: [
-        /* @__PURE__ */ jsx7("summary", { className: "cursor-pointer", children: "\u67E5\u770B\u6743\u9650\u4E0E\u80FD\u529B\u72B6\u6001" }),
-        /* @__PURE__ */ jsx7(FeishuCapabilitySelection, { capabilities, permissions: view.permissions, operations: view.operations, domains: view.domains, selected, onChange: setSelected, disabled: busy })
+      /* @__PURE__ */ jsx6("div", { className: "flex flex-wrap gap-2", children: categories.map((name) => /* @__PURE__ */ jsx6("span", { className: "rounded-md border border-[color-mix(in_srgb,currentColor_18%,transparent)] px-2 py-1 text-xs", children: name }, name)) }),
+      /* @__PURE__ */ jsxs5("details", { className: "text-sm", children: [
+        /* @__PURE__ */ jsx6("summary", { className: "cursor-pointer", children: "\u67E5\u770B\u6743\u9650\u4E0E\u80FD\u529B\u72B6\u6001" }),
+        /* @__PURE__ */ jsx6(FeishuCapabilitySelection, { capabilities, permissions: view.permissions, operations: view.operations, domains: view.domains, selected, onChange: setSelected, disabled: busy })
       ] }),
-      /* @__PURE__ */ jsxs7("div", { className: "flex flex-wrap gap-3 border-t border-[color-mix(in_srgb,currentColor_18%,transparent)] pt-4", children: [
-        /* @__PURE__ */ jsx7("button", { type: "button", className: `${button} bg-blue-600 text-white`, disabled: busy, onClick: () => void addCapabilities(), children: busy ? "\u6B63\u5728\u68C0\u67E5\u2026" : "\u8865\u5145\u6388\u6743" }),
-        /* @__PURE__ */ jsx7("button", { type: "button", className: button, disabled: busy, onClick: () => setPage("manage"), children: "\u7BA1\u7406\u8FDE\u63A5" })
+      /* @__PURE__ */ jsxs5("div", { className: "flex flex-wrap gap-3 border-t border-[color-mix(in_srgb,currentColor_18%,transparent)] pt-4", children: [
+        /* @__PURE__ */ jsx6("button", { type: "button", className: `${button} bg-blue-600 text-white`, disabled: busy, onClick: () => void addCapabilities(), children: busy ? "\u6B63\u5728\u68C0\u67E5\u2026" : "\u8865\u5145\u6388\u6743" }),
+        /* @__PURE__ */ jsx6("button", { type: "button", className: button, disabled: busy, onClick: () => setPage("manage"), children: "\u7BA1\u7406\u8FDE\u63A5" })
       ] })
-    ] }) : view && page === "manage" ? /* @__PURE__ */ jsxs7(Fragment, { children: [
+    ] }) : view && page === "manage" ? /* @__PURE__ */ jsxs5(Fragment, { children: [
       back,
-      /* @__PURE__ */ jsxs7("div", { className: "space-y-5 divide-y divide-[color-mix(in_srgb,currentColor_18%,transparent)] rounded-xl border border-[color-mix(in_srgb,currentColor_18%,transparent)] p-4 text-sm", children: [
-        /* @__PURE__ */ jsxs7("div", { className: "flex items-center justify-between gap-4", children: [
-          /* @__PURE__ */ jsxs7("div", { children: [
-            /* @__PURE__ */ jsx7("p", { children: "\u5728\u6B64\u52A9\u624B\u4E2D\u4F7F\u7528\u98DE\u4E66" }),
-            /* @__PURE__ */ jsx7("p", { className: "mt-1 text-xs opacity-70", children: "\u505C\u7528\u53EA\u5F71\u54CD\u6B64\u52A9\u624B\uFF0CSuperWork \u6388\u6743\u548C\u6D88\u606F\u63A5\u6536\u4FDD\u7559\u3002" })
+      /* @__PURE__ */ jsxs5("div", { className: "space-y-5 divide-y divide-[color-mix(in_srgb,currentColor_18%,transparent)] rounded-xl border border-[color-mix(in_srgb,currentColor_18%,transparent)] p-4 text-sm", children: [
+        /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-between gap-4", children: [
+          /* @__PURE__ */ jsxs5("div", { children: [
+            /* @__PURE__ */ jsx6("p", { children: "\u5728\u6B64\u52A9\u624B\u4E2D\u4F7F\u7528\u98DE\u4E66" }),
+            /* @__PURE__ */ jsx6("p", { className: "mt-1 text-xs opacity-70", children: "\u505C\u7528\u53EA\u5F71\u54CD\u6B64\u52A9\u624B\uFF0CSuperWork \u6388\u6743\u548C\u6D88\u606F\u63A5\u6536\u4FDD\u7559\u3002" })
           ] }),
-          view.enabled === false ? /* @__PURE__ */ jsx7("button", { type: "button", className: button, disabled: busy, onClick: () => void run("finish", { capabilities: view.selected_capabilities ?? selected, enable: true }), children: "\u91CD\u65B0\u542F\u7528" }) : onDisable ? /* @__PURE__ */ jsx7("button", { type: "button", className: button, disabled: busy, onClick: async () => {
+          view.enabled === false ? /* @__PURE__ */ jsx6("button", { type: "button", className: button, disabled: busy, onClick: () => void run("finish", { capabilities: view.selected_capabilities ?? selected, enable: true }), children: "\u91CD\u65B0\u542F\u7528" }) : onDisable ? /* @__PURE__ */ jsx6("button", { type: "button", className: button, disabled: busy, onClick: async () => {
             if (inFlight.current) return;
             inFlight.current = true;
             setBusy(true);
@@ -1920,94 +1984,45 @@ function DeviceConnection({ read, act, diagnostics, onChanged, bindDelivery = fa
               inFlight.current = false;
               if (live.current) setBusy(false);
             }
-          }, children: "\u505C\u7528\u6B64\u52A9\u624B\u8FDE\u63A5" }) : /* @__PURE__ */ jsx7("span", { className: "text-xs", children: "\u5DF2\u542F\u7528" })
+          }, children: "\u505C\u7528\u6B64\u52A9\u624B\u8FDE\u63A5" }) : /* @__PURE__ */ jsx6("span", { className: "text-xs", children: "\u5DF2\u542F\u7528" })
         ] }),
-        /* @__PURE__ */ jsxs7("div", { className: "space-y-2 pt-4", children: [
-          /* @__PURE__ */ jsx7("p", { children: "\u5411\u52A9\u624B\u63A8\u9001\u98DE\u4E66\u6D88\u606F" }),
-          /* @__PURE__ */ jsx7("p", { className: "text-xs opacity-70", children: "\u4E0E\u6B64\u52A9\u624B\u4F7F\u7528\u6743\u9650\u5206\u522B\u7BA1\u7406\uFF1B\u6682\u505C\u63A8\u9001\u4ECD\u4FDD\u7559 SuperWork \u4E2D\u7684\u6388\u6743\u548C\u6D88\u606F\u63A5\u6536\u3002" }),
-          ["enabled", "paused"].includes(subscription) && /* @__PURE__ */ jsx7("button", { type: "button", className: button, disabled: busy, onClick: () => void run(subscription === "paused" ? "resume" : "pause"), children: subscription === "paused" ? "\u6062\u590D\u5411\u52A9\u624B\u63A8\u9001" : "\u6682\u505C\u5411\u52A9\u624B\u63A8\u9001" }),
-          bindDelivery && canReceive(view) && subscription !== "paused" && /* @__PURE__ */ jsx7("button", { type: "button", className: button, disabled: busy, onClick: () => void run("bind"), children: subscription === "enabled" ? "\u66F4\u65B0\u52A9\u624B\u63A5\u6536\u5730\u5740" : "\u91CD\u65B0\u63A5\u5165\u52A9\u624B\u6D88\u606F" }),
-          receptionNeedsTest && /* @__PURE__ */ jsx7("p", { className: "text-xs", children: "\u63A5\u6536\u6743\u9650\u5DF2\u6838\u9A8C\uFF0C\u4E8B\u4EF6\u8BA2\u9605\u5C1A\u5F85\u6D4B\u8BD5\u3002\u8BF7\u5411\u673A\u5668\u4EBA\u53D1\u9001\u6D4B\u8BD5\u6D88\u606F\u540E\u5728\u8FDE\u63A5\u5E2E\u52A9\u4E2D\u67E5\u770B\u8BB0\u5F55\u3002" })
+        /* @__PURE__ */ jsxs5("div", { className: "space-y-2 pt-4", children: [
+          /* @__PURE__ */ jsx6("p", { children: "\u5411\u52A9\u624B\u63A8\u9001\u98DE\u4E66\u6D88\u606F" }),
+          /* @__PURE__ */ jsx6("p", { className: "text-xs opacity-70", children: "\u4E0E\u6B64\u52A9\u624B\u4F7F\u7528\u6743\u9650\u5206\u522B\u7BA1\u7406\uFF1B\u6682\u505C\u63A8\u9001\u4ECD\u4FDD\u7559 SuperWork \u4E2D\u7684\u6388\u6743\u548C\u6D88\u606F\u63A5\u6536\u3002" }),
+          ["enabled", "paused"].includes(subscription) && /* @__PURE__ */ jsx6("button", { type: "button", className: button, disabled: busy, onClick: () => void run(subscription === "paused" ? "resume" : "pause"), children: subscription === "paused" ? "\u6062\u590D\u5411\u52A9\u624B\u63A8\u9001" : "\u6682\u505C\u5411\u52A9\u624B\u63A8\u9001" }),
+          bindDelivery && canReceive(view) && subscription !== "paused" && /* @__PURE__ */ jsx6("button", { type: "button", className: button, disabled: busy, onClick: () => void run("bind"), children: subscription === "enabled" ? "\u66F4\u65B0\u52A9\u624B\u63A5\u6536\u5730\u5740" : "\u91CD\u65B0\u63A5\u5165\u52A9\u624B\u6D88\u606F" }),
+          receptionNeedsTest && /* @__PURE__ */ jsx6("p", { className: "text-xs", children: "\u63A5\u6536\u6743\u9650\u5DF2\u6838\u9A8C\uFF0C\u4E8B\u4EF6\u8BA2\u9605\u5C1A\u5F85\u6D4B\u8BD5\u3002\u8BF7\u5411\u673A\u5668\u4EBA\u53D1\u9001\u6D4B\u8BD5\u6D88\u606F\u540E\u5728\u8FDE\u63A5\u5E2E\u52A9\u4E2D\u67E5\u770B\u8BB0\u5F55\u3002" })
         ] }),
-        /* @__PURE__ */ jsxs7("div", { className: "pt-4", children: [
-          /* @__PURE__ */ jsx7("p", { children: view.label || "\u98DE\u4E66\u8D26\u53F7" }),
-          /* @__PURE__ */ jsx7("p", { className: "text-xs opacity-70", children: "\u5DF2\u5F00\u901A\u80FD\u529B\u4E0E\u65B0\u589E\u6388\u6743\u5747\u53D7\u98DE\u4E66\u5E94\u7528\u53EF\u7528\u8303\u56F4\u548C\u6570\u636E\u6743\u9650\u9650\u5236\u3002" }),
-          /* @__PURE__ */ jsx7("button", { type: "button", className: "mt-2 text-xs underline", disabled: busy, onClick: () => void addCapabilities(), children: "\u67E5\u770B\u4E0E\u6DFB\u52A0\u5DE5\u4F5C\u80FD\u529B" })
+        /* @__PURE__ */ jsxs5("div", { className: "pt-4", children: [
+          /* @__PURE__ */ jsx6("p", { children: view.label || "\u98DE\u4E66\u8D26\u53F7" }),
+          /* @__PURE__ */ jsx6("p", { className: "text-xs opacity-70", children: "\u5DF2\u5F00\u901A\u80FD\u529B\u4E0E\u65B0\u589E\u6388\u6743\u5747\u53D7\u98DE\u4E66\u5E94\u7528\u53EF\u7528\u8303\u56F4\u548C\u6570\u636E\u6743\u9650\u9650\u5236\u3002" }),
+          /* @__PURE__ */ jsx6("button", { type: "button", className: "mt-2 text-xs underline", disabled: busy, onClick: () => void addCapabilities(), children: "\u67E5\u770B\u4E0E\u6DFB\u52A0\u5DE5\u4F5C\u80FD\u529B" })
         ] })
       ] }),
-      view.connection_id && /* @__PURE__ */ jsxs7("div", { className: "space-y-3 rounded-xl border border-red-600/30 p-4 text-sm", children: [
-        /* @__PURE__ */ jsx7("p", { className: "font-medium", children: "\u79FB\u9664\u65E7\u8FDE\u63A5\uFF0C\u91CD\u65B0\u5F00\u59CB" }),
-        /* @__PURE__ */ jsx7("p", { className: "text-xs opacity-70", children: "\u8FD9\u4F1A\u79FB\u9664 SuperWork \u4E2D\u6B64\u8FDE\u63A5\u7684\u51ED\u636E\u5E76\u505C\u6B62\u63A5\u6536\u548C\u8F6C\u53D1\u6D88\u606F\uFF0C\u5176\u4ED6\u4F9D\u8D56\u6B64\u8FDE\u63A5\u7684\u52A9\u624B\u4E5F\u4F1A\u53D7\u5230\u5F71\u54CD\u3002\u5386\u53F2\u6D88\u606F\u4E0E\u6392\u67E5\u65E5\u5FD7\u4FDD\u7559\uFF0C\u98DE\u4E66\u540E\u53F0\u5E94\u7528\u4E0D\u4F1A\u5220\u9664\u3002" }),
-        /* @__PURE__ */ jsxs7(AlertDialog, { open: removingConnectionID !== null, onOpenChange: (open) => {
+      view.connection_id && /* @__PURE__ */ jsxs5("div", { className: "space-y-3 rounded-xl border border-red-600/30 p-4 text-sm", children: [
+        /* @__PURE__ */ jsx6("p", { className: "font-medium", children: "\u79FB\u9664\u65E7\u8FDE\u63A5\uFF0C\u91CD\u65B0\u5F00\u59CB" }),
+        /* @__PURE__ */ jsx6("p", { className: "text-xs opacity-70", children: "\u8FD9\u4F1A\u79FB\u9664 SuperWork \u4E2D\u6B64\u8FDE\u63A5\u7684\u51ED\u636E\u5E76\u505C\u6B62\u63A5\u6536\u548C\u8F6C\u53D1\u6D88\u606F\uFF0C\u5176\u4ED6\u4F9D\u8D56\u6B64\u8FDE\u63A5\u7684\u52A9\u624B\u4E5F\u4F1A\u53D7\u5230\u5F71\u54CD\u3002\u5386\u53F2\u6D88\u606F\u4E0E\u6392\u67E5\u65E5\u5FD7\u4FDD\u7559\uFF0C\u98DE\u4E66\u540E\u53F0\u5E94\u7528\u4E0D\u4F1A\u5220\u9664\u3002" }),
+        /* @__PURE__ */ jsxs5(AlertDialog, { open: removingConnectionID !== null, onOpenChange: (open) => {
           if (!open) setRemovingConnectionID(null);
         }, children: [
-          /* @__PURE__ */ jsx7(AlertDialogTrigger, { asChild: true, children: /* @__PURE__ */ jsx7("button", { type: "button", className: `${button} border-red-600/40 text-red-600`, disabled: busy, onClick: () => setRemovingConnectionID(view.connection_id ?? null), children: "\u79FB\u9664\u8FDE\u63A5\u5E76\u91CD\u65B0\u8FDE\u63A5" }) }),
-          /* @__PURE__ */ jsxs7(AlertDialogContent, { className: "z-[60] w-[calc(100%_-_32px)] max-w-md p-5 sm:max-w-md", overlayClassName: "z-[60] bg-black/40", style: { backgroundColor: "var(--color-canvas, hsl(var(--popover, 0 0% 100%)))", color: "var(--color-copy, hsl(var(--foreground, 0 0% 10%)))" }, children: [
-            /* @__PURE__ */ jsx7(AlertDialogTitle, { children: "\u786E\u8BA4\u79FB\u9664\u5F53\u524D\u98DE\u4E66\u8FDE\u63A5\uFF1F" }),
-            /* @__PURE__ */ jsx7(AlertDialogDescription, { children: "SuperWork \u4E2D\u6B64\u8FDE\u63A5\u7684\u51ED\u636E\u5C06\u88AB\u79FB\u9664\uFF0C\u6D88\u606F\u63A5\u6536\u548C\u8F6C\u53D1\u5C06\u505C\u6B62\uFF0C\u5176\u4ED6\u4F9D\u8D56\u6B64\u8FDE\u63A5\u7684\u52A9\u624B\u4E5F\u4F1A\u53D7\u5F71\u54CD\u3002\u5386\u53F2\u6D88\u606F\u4E0E\u6392\u67E5\u65E5\u5FD7\u4F1A\u4FDD\u7559\uFF0C\u98DE\u4E66\u540E\u53F0\u5E94\u7528\u4E0D\u4F1A\u5220\u9664\u3002\u79FB\u9664\u540E\uFF0C\u7531\u4F60\u518D\u6B21\u70B9\u51FB\u201C\u8FDE\u63A5\u98DE\u4E66\u201D\u83B7\u53D6\u65B0\u4E8C\u7EF4\u7801\u3002" }),
-            /* @__PURE__ */ jsxs7("div", { className: "flex flex-wrap justify-end gap-3", children: [
-              /* @__PURE__ */ jsx7(AlertDialogCancel, { asChild: true, children: /* @__PURE__ */ jsx7("button", { type: "button", className: button, children: "\u53D6\u6D88" }) }),
-              /* @__PURE__ */ jsx7(AlertDialogAction, { asChild: true, children: /* @__PURE__ */ jsx7("button", { type: "button", className: `${button} border-red-600 bg-red-600 text-white`, onClick: () => {
+          /* @__PURE__ */ jsx6(AlertDialogTrigger, { asChild: true, children: /* @__PURE__ */ jsx6("button", { type: "button", className: `${button} border-red-600/40 text-red-600`, disabled: busy, onClick: () => setRemovingConnectionID(view.connection_id ?? null), children: "\u79FB\u9664\u8FDE\u63A5\u5E76\u91CD\u65B0\u8FDE\u63A5" }) }),
+          /* @__PURE__ */ jsxs5(AlertDialogContent, { className: "z-[60] w-[calc(100%_-_32px)] max-w-md p-5 sm:max-w-md", overlayClassName: "z-[60] bg-black/40", style: { backgroundColor: "var(--color-canvas, hsl(var(--popover, 0 0% 100%)))", color: "var(--color-copy, hsl(var(--foreground, 0 0% 10%)))" }, children: [
+            /* @__PURE__ */ jsx6(AlertDialogTitle, { children: "\u786E\u8BA4\u79FB\u9664\u5F53\u524D\u98DE\u4E66\u8FDE\u63A5\uFF1F" }),
+            /* @__PURE__ */ jsx6(AlertDialogDescription, { children: "SuperWork \u4E2D\u6B64\u8FDE\u63A5\u7684\u51ED\u636E\u5C06\u88AB\u79FB\u9664\uFF0C\u6D88\u606F\u63A5\u6536\u548C\u8F6C\u53D1\u5C06\u505C\u6B62\uFF0C\u5176\u4ED6\u4F9D\u8D56\u6B64\u8FDE\u63A5\u7684\u52A9\u624B\u4E5F\u4F1A\u53D7\u5F71\u54CD\u3002\u5386\u53F2\u6D88\u606F\u4E0E\u6392\u67E5\u65E5\u5FD7\u4F1A\u4FDD\u7559\uFF0C\u98DE\u4E66\u540E\u53F0\u5E94\u7528\u4E0D\u4F1A\u5220\u9664\u3002\u79FB\u9664\u540E\uFF0C\u7531\u4F60\u518D\u6B21\u70B9\u51FB\u201C\u8FDE\u63A5\u98DE\u4E66\u201D\u83B7\u53D6\u65B0\u4E8C\u7EF4\u7801\u3002" }),
+            /* @__PURE__ */ jsxs5("div", { className: "flex flex-wrap justify-end gap-3", children: [
+              /* @__PURE__ */ jsx6(AlertDialogCancel, { asChild: true, children: /* @__PURE__ */ jsx6("button", { type: "button", className: button, children: "\u53D6\u6D88" }) }),
+              /* @__PURE__ */ jsx6(AlertDialogAction, { asChild: true, children: /* @__PURE__ */ jsx6("button", { type: "button", className: `${button} border-red-600 bg-red-600 text-white`, onClick: () => {
                 if (removingConnectionID) void removeConnection(removingConnectionID);
               }, children: "\u786E\u8BA4\u79FB\u9664\u8FDE\u63A5" }) })
             ] })
           ] })
         ] })
       ] })
-    ] }) : view && page === "help" ? /* @__PURE__ */ jsxs7(Fragment, { children: [
+    ] }) : view && page === "help" ? /* @__PURE__ */ jsxs5(Fragment, { children: [
       back,
-      /* @__PURE__ */ jsx7("p", { className: "text-sm", children: "\u53EA\u5904\u7406\u672A\u5B8C\u6210\u7684\u9879\u76EE\uFF0C\u5DF2\u7ECF\u5F00\u901A\u7684\u80FD\u529B\u4E0D\u9700\u8981\u91CD\u65B0\u7533\u8BF7\u3002" }),
-      pending.map((item) => /* @__PURE__ */ jsxs7("div", { className: "rounded-lg border border-[color-mix(in_srgb,currentColor_18%,transparent)] p-3 text-sm", children: [
-        /* @__PURE__ */ jsx7("p", { children: item.name }),
-        /* @__PURE__ */ jsxs7("p", { className: "text-xs", children: [
-          item.reason || item.next_action || statusLabels[item.status],
-          item.actor ? ` \xB7 \u7531${item.actor}\u5904\u7406` : ""
-        ] })
-      ] }, item.id)),
-      /* @__PURE__ */ jsx7("button", { type: "button", className: button, disabled: busy, onClick: () => void run("check"), children: "\u91CD\u65B0\u68C0\u67E5\u8FDE\u63A5" }),
-      view.app_id && /* @__PURE__ */ jsx7("a", { className: "block text-xs underline", href: `https://open.feishu.cn/app/${encodeURIComponent(view.app_id)}/auth`, target: "_blank", rel: "noopener noreferrer", children: "\u5728\u98DE\u4E66\u67E5\u770B\u6743\u9650\u3001\u53D1\u5E03\u4E0E\u53EF\u7528\u8303\u56F4" }),
-      /* @__PURE__ */ jsxs7("details", { className: "rounded-lg border border-[color-mix(in_srgb,currentColor_18%,transparent)] p-3 text-xs", children: [
-        /* @__PURE__ */ jsx7("summary", { className: "cursor-pointer", children: "\u9AD8\u7EA7\u6392\u67E5\u4FE1\u606F" }),
-        /* @__PURE__ */ jsxs7("div", { className: "space-y-3 pt-3", children: [
-          /* @__PURE__ */ jsxs7("p", { children: [
-            "\u8FDE\u63A5\u7F16\u53F7\uFF1A",
-            view.connection_id || "\u5C1A\u672A\u521B\u5EFA"
-          ] }),
-          /* @__PURE__ */ jsxs7("p", { children: [
-            "\u6392\u67E5\u7F16\u53F7\uFF1A",
-            view.error?.trace_id || view.trace_id || "\u6682\u65E0\u8BB0\u5F55"
-          ] }),
-          /* @__PURE__ */ jsx7("p", { children: "\u8BB0\u5F55\u4E0D\u5305\u542B\u51ED\u636E\u4E0E\u6D88\u606F\u6B63\u6587\u3002" }),
-          view.steps?.length ? /* @__PURE__ */ jsx7("ol", { className: "space-y-2", children: view.steps.map((step, index) => /* @__PURE__ */ jsxs7("li", { children: [
-            stateLabels[step.state] ?? step.state,
-            "\uFF1A",
-            step.message
-          ] }, `${step.id}:${index}`)) }) : null,
-          diagnostics && /* @__PURE__ */ jsx7("button", { type: "button", className: button, disabled: busy, onClick: () => void inspect(), children: "\u8BFB\u53D6\u6392\u67E5\u8BB0\u5F55" }),
-          diagnosticView?.runtime && /* @__PURE__ */ jsx7(ConnectorRuntimeDiagnostics, { runtime: diagnosticView.runtime }),
-          diagnosticView && /* @__PURE__ */ jsx7("ol", { className: "space-y-3", children: diagnosticView.audit_events.map((event, index) => /* @__PURE__ */ jsxs7("li", { children: [
-            event.message ?? auditLabels[event.type ?? ""] ?? "\u8FDE\u63A5\u72B6\u6001\u8BB0\u5F55",
-            event.code && /* @__PURE__ */ jsxs7("p", { children: [
-              "\u539F\u56E0\u7F16\u53F7\uFF1A",
-              event.code
-            ] }),
-            event.platform_code && /* @__PURE__ */ jsxs7("p", { children: [
-              "\u98DE\u4E66\u9519\u8BEF\u7801\uFF1A",
-              event.platform_code
-            ] }),
-            event.platform_request_id && /* @__PURE__ */ jsxs7("p", { children: [
-              "\u98DE\u4E66\u8BF7\u6C42\u7F16\u53F7\uFF1A",
-              event.platform_request_id
-            ] }),
-            event.trace_id && /* @__PURE__ */ jsxs7("p", { children: [
-              "\u6392\u67E5\u7F16\u53F7\uFF1A",
-              event.trace_id
-            ] })
-          ] }, event.id ?? index)) })
-        ] })
-      ] })
+      diagnosticContent
     ] }) : null,
-    !waiting && page !== "help" && /* @__PURE__ */ jsx7("button", { type: "button", className: "text-xs underline opacity-70", disabled: busy, onClick: () => setPage("help"), children: "\u9047\u5230\u95EE\u9898\uFF1F" })
+    !waiting && page !== "help" && /* @__PURE__ */ jsx6("button", { type: "button", className: "text-xs underline opacity-70", disabled: busy, onClick: () => setPage("help"), children: "\u9047\u5230\u95EE\u9898\uFF1F" })
   ] });
 }
 
@@ -2015,7 +2030,7 @@ function DeviceConnection({ read, act, diagnostics, onChanged, bindDelivery = fa
 import { useEffect as useEffect2, useId, useRef as useRef2, useState as useState2 } from "react";
 
 // ../ui/src/components/badge.tsx
-import { jsx as jsx8 } from "react/jsx-runtime";
+import { jsx as jsx7 } from "react/jsx-runtime";
 var badgeVariants = cva(
   "group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!",
   {
@@ -2041,7 +2056,7 @@ function Badge({
   ...props
 }) {
   const Comp = asChild ? dist_exports.Root : "span";
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx7(
     Comp,
     {
       "data-slot": "badge",
@@ -2053,9 +2068,9 @@ function Badge({
 }
 
 // ../ui/src/components/input.tsx
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx8 } from "react/jsx-runtime";
 function Input({ className, type, ...props }) {
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx8(
     "input",
     {
       type,
@@ -2070,13 +2085,13 @@ function Input({ className, type, ...props }) {
 }
 
 // ../ui/src/components/label.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { jsx as jsx9 } from "react/jsx-runtime";
 function Label({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx10(
-    dist_exports3.Root,
+  return /* @__PURE__ */ jsx9(
+    dist_exports2.Root,
     {
       "data-slot": "label",
       className: cn(
@@ -2089,15 +2104,15 @@ function Label({
 }
 
 // ../ui/src/components/separator.tsx
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx10 } from "react/jsx-runtime";
 function Separator({
   className,
   orientation = "horizontal",
   decorative = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsx11(
-    dist_exports4.Root,
+  return /* @__PURE__ */ jsx10(
+    dist_exports3.Root,
     {
       "data-slot": "separator",
       decorative,
@@ -2112,15 +2127,16 @@ function Separator({
 }
 
 // src/components/ManagedConnection.tsx
-import { Fragment as Fragment2, jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx11, jsxs as jsxs6 } from "react/jsx-runtime";
 var field = "h-10 focus-visible:ring-1 focus-visible:ring-foreground/30 focus-visible:border-foreground/70";
 var deliveryFailure = (reason) => `\u90AE\u7BB1\u5DF2\u8FDE\u63A5\uFF0C\u63A5\u5165\u52A9\u624B\u6D88\u606F\u672A\u5B8C\u6210${reason ? `\uFF1A${reason}` : "\uFF0C\u53EF\u70B9\u51FB\u91CD\u8BD5\u3002"}`;
-function ManagedConnection({ read, act, onChanged, bindDelivery, onDisable }) {
+function ManagedConnection({ read, act, onChanged, bindDelivery, onDisable, detail, diagnostics }) {
   const [view, setView] = useState2(null);
   const [busy, setBusy] = useState2(true);
   const [failure, setFailure] = useState2("");
   const [email, setEmail] = useState2("");
   const [code, setCode] = useState2("");
+  const [diagnosticView, setDiagnosticView] = useState2(null);
   const [editing, setEditing] = useState2(false);
   const formId = useId();
   const callbacks = useRef2({ read, act, onChanged, onDisable });
@@ -2164,6 +2180,7 @@ function ManagedConnection({ read, act, onChanged, bindDelivery, onDisable }) {
         setFailure(deliveryFailure(next.error.message));
         return;
       }
+      if (next.connection_id !== view?.connection_id) setDiagnosticView(null);
       setView(next);
       if (next.error) setFailure(next.error.message);
       else if (action === "credentials" && next.connected) {
@@ -2196,94 +2213,173 @@ function ManagedConnection({ read, act, onChanged, bindDelivery, onDisable }) {
   const showForm = view && (!view.connected || editing);
   const brand = view?.provider === "netease-mail" ? "\u7F51\u6613\u90AE\u7BB1" : "QQ \u90AE\u7BB1";
   const paused = view?.subscription_state === "paused";
-  return /* @__PURE__ */ jsxs8("section", { "aria-label": "\u8FDE\u63A5\u90AE\u7BB1", "aria-busy": busy, className: "managed-mail-connection min-w-0 space-y-5 text-left text-sm text-foreground", children: [
-    view ? /* @__PURE__ */ jsxs8("div", { className: "flex items-center justify-between gap-3", children: [
-      /* @__PURE__ */ jsx12("p", { className: "min-w-0 break-all text-xs text-muted-foreground", children: view.connected ? view.label : "\u8FDE\u63A5\u540E\uFF0C\u52A9\u624B\u53EF\u4EE5\u5E2E\u4F60\u5904\u7406\u90AE\u4EF6\u3002" }),
-      /* @__PURE__ */ jsx12(Badge, { className: "shrink-0", variant: view.connected ? "secondary" : "outline", children: paused ? "\u63A8\u9001\u5DF2\u6682\u505C" : view.connected ? "\u5DF2\u8FDE\u63A5" : "\u672A\u8FDE\u63A5" })
-    ] }) : busy && /* @__PURE__ */ jsx12("output", { className: "text-muted-foreground", children: "\u6B63\u5728\u8BFB\u53D6\u90AE\u7BB1\u72B6\u6001\u2026" }),
-    failure && /* @__PURE__ */ jsx12("p", { role: "alert", className: "break-words rounded-lg border border-destructive/20 bg-destructive/10 px-3 py-2.5 text-sm text-destructive", children: failure }),
-    showForm && /* @__PURE__ */ jsxs8("form", { className: "space-y-4", "aria-label": `\u8FDE\u63A5${brand}`, onSubmit: (event) => {
-      event.preventDefault();
-      void perform("credentials");
-    }, children: [
-      /* @__PURE__ */ jsxs8("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx12(Label, { htmlFor: `${formId}-email`, children: "\u90AE\u7BB1\u5730\u5740" }),
-        /* @__PURE__ */ jsx12(Input, { className: field, id: `${formId}-email`, type: "email", autoComplete: "username", placeholder: view.provider === "netease-mail" ? "\u4F8B\u5982 name@163.com" : "\u4F8B\u5982 name@qq.com", maxLength: 254, required: true, disabled: busy, value: email, onChange: (event) => setEmail(event.target.value) })
-      ] }),
-      /* @__PURE__ */ jsxs8("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx12(Label, { htmlFor: `${formId}-code`, children: "\u6388\u6743\u7801" }),
-        /* @__PURE__ */ jsx12(Input, { className: field, id: `${formId}-code`, type: "password", autoComplete: "off", placeholder: "\u586B\u5199\u90AE\u7BB1\u63D0\u4F9B\u7684\u6388\u6743\u7801", "aria-describedby": `${formId}-help`, maxLength: 256, required: true, disabled: busy, value: code, onChange: (event) => setCode(event.target.value) }),
-        /* @__PURE__ */ jsxs8("div", { id: `${formId}-help`, className: "rounded-lg bg-muted/50 px-3 py-2.5 text-xs leading-relaxed text-muted-foreground", children: [
-          /* @__PURE__ */ jsx12("p", { className: "mb-1 font-medium text-foreground", children: "\u5982\u4F55\u83B7\u53D6\u6388\u6743\u7801" }),
-          /* @__PURE__ */ jsxs8("ol", { className: "list-decimal space-y-1 pl-4", children: [
-            /* @__PURE__ */ jsxs8("li", { children: [
-              "\u5728\u7F51\u9875\u7248",
-              brand,
-              "\u4E2D\u6253\u5F00\u201C\u8BBE\u7F6E\u201D\u3002"
-            ] }),
-            /* @__PURE__ */ jsx12("li", { children: view.provider === "netease-mail" ? "\u8FDB\u5165\u201CPOP3/SMTP/IMAP\u201D\uFF0C\u5F00\u542F IMAP/SMTP \u670D\u52A1\u3002" : "\u8FDB\u5165\u201C\u8D26\u53F7\u201D\uFF0C\u5F00\u542F IMAP/SMTP \u670D\u52A1\u3002" }),
-            /* @__PURE__ */ jsx12("li", { children: "\u6309\u90AE\u7BB1\u63D0\u793A\u751F\u6210\u6388\u6743\u7801\uFF0C\u590D\u5236\u5230\u4E0A\u65B9\u3002" })
-          ] })
+  const connectionForm = showForm && /* @__PURE__ */ jsxs6("form", { className: "space-y-4", "aria-label": `\u8FDE\u63A5${brand}`, onSubmit: (event) => {
+    event.preventDefault();
+    void perform("credentials");
+  }, children: [
+    /* @__PURE__ */ jsxs6("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx11(Label, { htmlFor: `${formId}-email`, children: "\u90AE\u7BB1\u5730\u5740" }),
+      /* @__PURE__ */ jsx11(Input, { className: field, id: `${formId}-email`, type: "email", autoComplete: "username", placeholder: view.provider === "netease-mail" ? "\u4F8B\u5982 name@163.com" : "\u4F8B\u5982 name@qq.com", maxLength: 254, required: true, disabled: busy, value: email, onChange: (event) => setEmail(event.target.value) })
+    ] }),
+    /* @__PURE__ */ jsxs6("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx11(Label, { htmlFor: `${formId}-code`, children: "\u6388\u6743\u7801" }),
+      /* @__PURE__ */ jsx11(Input, { className: field, id: `${formId}-code`, type: "password", autoComplete: "off", placeholder: "\u586B\u5199\u90AE\u7BB1\u63D0\u4F9B\u7684\u6388\u6743\u7801", "aria-describedby": `${formId}-help`, maxLength: 256, required: true, disabled: busy, value: code, onChange: (event) => setCode(event.target.value) }),
+      /* @__PURE__ */ jsxs6("details", { id: `${formId}-help`, className: "rounded-lg bg-[hsl(var(--muted)/0.5)] px-3 py-2.5 text-xs leading-relaxed text-muted-foreground", children: [
+        /* @__PURE__ */ jsx11("summary", { className: "min-h-8 cursor-pointer font-medium text-foreground", children: "\u5982\u4F55\u83B7\u53D6\u6388\u6743\u7801" }),
+        /* @__PURE__ */ jsxs6("ol", { className: "list-decimal space-y-1 pl-4", children: [
+          /* @__PURE__ */ jsxs6("li", { children: [
+            "\u5728\u7F51\u9875\u7248",
+            brand,
+            "\u4E2D\u6253\u5F00\u201C\u8BBE\u7F6E\u201D\u3002"
+          ] }),
+          /* @__PURE__ */ jsx11("li", { children: view.provider === "netease-mail" ? "\u8FDB\u5165\u201CPOP3/SMTP/IMAP\u201D\uFF0C\u5F00\u542F IMAP/SMTP \u670D\u52A1\u3002" : "\u8FDB\u5165\u201C\u8D26\u53F7\u201D\uFF0C\u5F00\u542F IMAP/SMTP \u670D\u52A1\u3002" }),
+          /* @__PURE__ */ jsx11("li", { children: "\u6309\u90AE\u7BB1\u63D0\u793A\u751F\u6210\u6388\u6743\u7801\uFF0C\u590D\u5236\u5230\u4E0A\u65B9\u3002" })
         ] })
-      ] }),
-      /* @__PURE__ */ jsxs8("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx12(Button, { className: "w-full", type: "submit", disabled: busy || !email.trim() || !code.trim(), children: busy ? /* @__PURE__ */ jsxs8(Fragment2, { children: [
-          /* @__PURE__ */ jsx12(LoaderCircle, { className: "animate-spin" }),
-          "\u6B63\u5728\u8FDE\u63A5\u2026"
-        ] }) : "\u8FDE\u63A5\u90AE\u7BB1" }),
-        editing && /* @__PURE__ */ jsx12(Button, { className: "w-full", variant: "ghost", type: "button", disabled: busy, onClick: () => {
-          setCode("");
-          setEditing(false);
-          setFailure("");
-        }, children: "\u53D6\u6D88" })
       ] })
     ] }),
-    view?.connected && !editing && /* @__PURE__ */ jsxs8(Fragment2, { children: [
-      !view.enabled && /* @__PURE__ */ jsxs8("div", { className: "space-y-2 rounded-lg border border-border p-3", children: [
-        /* @__PURE__ */ jsx12("p", { className: "text-xs text-muted-foreground", children: "\u90AE\u7BB1\u5DF2\u8FDE\u63A5\uFF0C\u542F\u7528\u540E\u53EF\u5728\u5BF9\u8BDD\u4E2D\u4F7F\u7528\u3002" }),
-        /* @__PURE__ */ jsx12(Button, { type: "button", disabled: busy, onClick: () => {
+    /* @__PURE__ */ jsxs6("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx11(Button, { className: "w-full", type: "submit", disabled: busy || !email.trim() || !code.trim(), children: busy ? /* @__PURE__ */ jsxs6(Fragment2, { children: [
+        /* @__PURE__ */ jsx11(LoaderCircle, { className: "animate-spin" }),
+        "\u6B63\u5728\u8FDE\u63A5\u2026"
+      ] }) : "\u8FDE\u63A5\u90AE\u7BB1" }),
+      editing && /* @__PURE__ */ jsx11(Button, { className: "w-full", variant: "ghost", type: "button", disabled: busy, onClick: () => {
+        setCode("");
+        setEditing(false);
+        setFailure("");
+      }, children: "\u53D6\u6D88" })
+    ] })
+  ] });
+  if (detail) {
+    const actions = [
+      ...view?.connected ? [{ id: "edit", description: "\u91CD\u65B0\u586B\u5199\u90AE\u7BB1\u5730\u5740\u548C\u6388\u6743\u7801", label: "\u66F4\u6362\u8D26\u53F7", confirmation: { title: "\u66F4\u6362\u8D26\u53F7\uFF1F", description: "\u5C06\u6253\u5F00\u8FDE\u63A5\u8868\u5355\u3002\u4FDD\u5B58\u65B0\u8D26\u53F7\u524D\uFF0C\u5F53\u524D\u8FDE\u63A5\u4FDD\u6301\u4E0D\u53D8\uFF1B\u66F4\u6362\u540E\u4F7F\u7528\u89C4\u5219\u4FDD\u7559\u3002" }, run: () => {
+        setEmail(view.label || "");
+        setFailure("");
+        setEditing(true);
+      } }] : [],
+      { id: "check", description: "\u68C0\u67E5\u5F53\u524D\u8D26\u53F7\u7684\u8FDE\u63A5\u72B6\u6001", label: "\u91CD\u65B0\u6838\u9A8C", run: () => perform("check") },
+      ...view?.connected && onDisable ? [{ id: "disable", description: "\u53EA\u5F71\u54CD\u6B64\u52A9\u624B\uFF0CSW \u4E2D\u7684\u6388\u6743\u548C\u6536\u6D88\u606F\u4FDD\u7559", label: view.enabled ? "\u5728\u6B64\u52A9\u624B\u4E2D\u505C\u7528" : "\u91CD\u65B0\u542F\u7528", confirmation: { title: view.enabled ? "\u5728\u6B64\u52A9\u624B\u4E2D\u505C\u7528\u90AE\u7BB1\uFF1F" : "\u91CD\u65B0\u542F\u7528\u90AE\u7BB1\uFF1F", description: "\u6B64\u64CD\u4F5C\u53EA\u5F71\u54CD\u52A9\u624B\u4F7F\u7528\u90AE\u7BB1\uFF0CSuperWork \u4E2D\u7684\u6388\u6743\u548C\u6D88\u606F\u63A5\u6536\u4FDD\u7559\u3002" }, run: () => perform(view.enabled ? "disable" : "finish") }] : [],
+      { id: "diagnostics", description: "\u8BCA\u65AD\u4FE1\u606F\u548C\u6700\u8FD1\u9519\u8BEF", label: "\u9047\u5230\u95EE\u9898\uFF1F", run: async () => {
+        if (view?.connection_id && diagnostics) {
+          const next = await diagnostics();
+          if (alive.current) setDiagnosticView(next);
+        }
+      }, page: /* @__PURE__ */ jsxs6("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ jsxs6("p", { children: [
+          "\u8D26\u53F7\uFF1A",
+          view?.label || "\u5C1A\u672A\u8FDE\u63A5"
+        ] }),
+        /* @__PURE__ */ jsxs6("p", { children: [
+          "\u6392\u67E5\u7F16\u53F7\uFF1A",
+          view?.error?.trace_id || view?.trace_id || "\u6682\u65E0\u8BB0\u5F55"
+        ] }),
+        view?.error && /* @__PURE__ */ jsx11("p", { children: view.error.message }),
+        diagnosticView?.runtime && /* @__PURE__ */ jsx11(ConnectorRuntimeDiagnostics, { runtime: diagnosticView.runtime }),
+        diagnosticView?.audit_events.map((event, index) => /* @__PURE__ */ jsx11("p", { children: event.message || "\u8FDE\u63A5\u72B6\u6001\u8BB0\u5F55" }, event.id ?? index)),
+        bindDelivery && view?.connected && !paused && /* @__PURE__ */ jsx11(Button, { disabled: busy, onClick: () => void perform("bind"), children: "\u66F4\u65B0\u52A9\u624B\u63A5\u6536\u5730\u5740" })
+      ] }) },
+      { id: "help", description: "\u67E5\u770B\u8FDE\u63A5\u548C\u4F7F\u7528\u8BF4\u660E", label: "\u4F7F\u7528\u5E2E\u52A9", page: /* @__PURE__ */ jsx11("p", { children: "\u53EF\u4EE5\u8BA9\u52A9\u624B\u641C\u7D22\u3001\u9605\u8BFB\u548C\u6574\u7406\u90AE\u4EF6\u3002\u53D1\u9001\u90AE\u4EF6\u65F6\u4F1A\u9075\u5B88\u4F60\u8BBE\u7F6E\u7684\u4F7F\u7528\u89C4\u5219\u3002" }) },
+      ...view?.connection_id ? [{ id: "remove", description: "\u6E05\u9664 SW \u4E2D\u7684\u51ED\u636E\u5E76\u505C\u6B62\u6536\u6D88\u606F", label: "\u79FB\u9664\u90AE\u7BB1\u8FDE\u63A5", danger: true, confirmation: { title: "\u79FB\u9664\u90AE\u7BB1\u8FDE\u63A5\uFF1F", description: "\u79FB\u9664\u540E\u5C06\u505C\u6B62\u63A5\u6536\u548C\u63A8\u9001\uFF0C\u5E76\u6E05\u9664\u5DF2\u4FDD\u5B58\u7684\u90AE\u7BB1\u5730\u5740\u548C\u6388\u6743\u7801\u3002\u5DF2\u6709\u6D88\u606F\u548C\u6587\u4EF6\u4FDD\u7559\u3002\u5176\u4ED6\u4F9D\u8D56\u6B64\u8FDE\u63A5\u7684\u52A9\u624B\u4E5F\u4F1A\u53D7\u5F71\u54CD\u3002" }, run: () => perform("remove") }] : [],
+      ...detail.actions ?? []
+    ];
+    return /* @__PURE__ */ jsxs6("div", { className: "managed-mail-connection", children: [
+      /* @__PURE__ */ jsx11(
+        ConnectorDetail,
+        {
+          title: detail.title,
+          icon: detail.icon,
+          account: view?.label || "\u8FDE\u63A5\u540E\uFF0C\u52A9\u624B\u53EF\u4EE5\u5E2E\u4F60\u5904\u7406\u90AE\u4EF6\u3002",
+          connected: Boolean(view?.connected),
+          status: failure || view?.connected && !view.enabled ? "attention" : view?.connected ? "connected" : "disconnected",
+          statusLabel: view?.connected && !view.enabled ? "\u5DF2\u505C\u7528" : void 0,
+          busy,
+          actions,
+          connection: !view ? /* @__PURE__ */ jsx11("output", { children: busy ? "\u6B63\u5728\u8BFB\u53D6\u90AE\u7BB1\u72B6\u6001\u2026" : "\u8FDE\u63A5\u72B6\u6001\u6682\u4E0D\u53EF\u7528\uFF0C\u8BF7\u91CD\u65B0\u6838\u9A8C\u3002" }) : !view.connected ? /* @__PURE__ */ jsxs6("div", { className: "rounded-[20px] border border-[color-mix(in_srgb,currentColor_18%,transparent)] p-5", children: [
+            /* @__PURE__ */ jsxs6("h3", { className: "mb-4 text-base font-medium", children: [
+              "\u8FDE\u63A5",
+              brand
+            ] }),
+            connectionForm
+          ] }) : void 0,
+          noticeTitle: "\u90AE\u7BB1\u9700\u8981\u5904\u7406",
+          notice: failure || (view?.connected && !view.enabled ? "\u5DF2\u5728\u6B64\u52A9\u624B\u4E2D\u505C\u7528\uFF0C\u6388\u6743\u548C\u6D88\u606F\u63A5\u6536\u4ECD\u7136\u4FDD\u7559\u3002" : void 0),
+          tabs: [{ id: "rules", label: "\u4F7F\u7528\u89C4\u5219", content: detail.rules }, ...bindDelivery ? [{ id: "push", label: "\u65B0\u90AE\u4EF6\u63A8\u9001", content: /* @__PURE__ */ jsxs6("div", { className: "space-y-4 rounded-xl bg-[hsl(var(--muted)/0.3)] p-4", children: [
+            /* @__PURE__ */ jsx11("p", { children: "\u65B0\u90AE\u4EF6\u4F1A\u63A8\u9001\u7ED9\u52A9\u624B\uFF0C\u7531\u52A9\u624B\u5224\u65AD\u662F\u5426\u9700\u8981\u63D0\u9192\u4F60\u3002" }),
+            /* @__PURE__ */ jsx11(Button, { disabled: busy, onClick: () => void perform(paused ? "resume" : view?.delivery_bound ? "pause" : "bind"), children: paused ? "\u6062\u590D\u63A8\u9001" : view?.delivery_bound ? "\u6682\u505C\u63A8\u9001" : "\u63A5\u5165\u52A9\u624B\u6D88\u606F" }),
+            detail.pushFrequency,
+            detail.onOpenPush && /* @__PURE__ */ jsx11("button", { type: "button", className: "block min-h-10 text-xs underline", onClick: detail.onOpenPush, children: "\u524D\u5F80\u63A8\u9001\u63A5\u53E3" })
+          ] }) }] : []]
+        }
+      ),
+      /* @__PURE__ */ jsx11(Dialog, { open: Boolean(editing && view?.connected), onOpenChange: (open) => {
+        if (!open && !busy) {
+          setCode("");
+          setEditing(false);
+        }
+      }, children: /* @__PURE__ */ jsxs6(DialogContent, { "aria-describedby": void 0, className: "managed-mail-connection max-h-[85dvh] overflow-y-auto", onEscapeKeyDown: (event) => {
+        if (busy) event.preventDefault();
+      }, onInteractOutside: (event) => {
+        if (busy) event.preventDefault();
+      }, children: [
+        /* @__PURE__ */ jsx11(DialogTitle, { children: "\u66F4\u6362\u90AE\u7BB1\u8D26\u53F7" }),
+        /* @__PURE__ */ jsx11("p", { className: "text-sm", children: "\u4FDD\u5B58\u540E\u65E7\u8D26\u53F7\u7684\u8FDE\u63A5\u4F1A\u88AB\u66FF\u6362\uFF0C\u4F7F\u7528\u89C4\u5219\u4FDD\u7559\u3002" }),
+        failure && /* @__PURE__ */ jsx11("p", { role: "alert", children: failure }),
+        connectionForm
+      ] }) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs6("section", { "aria-label": "\u8FDE\u63A5\u90AE\u7BB1", "aria-busy": busy, className: "managed-mail-connection min-w-0 space-y-5 text-left text-sm text-foreground", children: [
+    view ? /* @__PURE__ */ jsxs6("div", { className: "flex items-center justify-between gap-3", children: [
+      /* @__PURE__ */ jsx11("p", { className: "min-w-0 break-all text-xs text-muted-foreground", children: view.connected ? view.label : "\u8FDE\u63A5\u540E\uFF0C\u52A9\u624B\u53EF\u4EE5\u5E2E\u4F60\u5904\u7406\u90AE\u4EF6\u3002" }),
+      /* @__PURE__ */ jsx11(Badge, { className: "shrink-0", variant: view.connected ? "secondary" : "outline", children: paused ? "\u63A8\u9001\u5DF2\u6682\u505C" : view.connected ? "\u5DF2\u8FDE\u63A5" : "\u672A\u8FDE\u63A5" })
+    ] }) : busy && /* @__PURE__ */ jsx11("output", { className: "text-muted-foreground", children: "\u6B63\u5728\u8BFB\u53D6\u90AE\u7BB1\u72B6\u6001\u2026" }),
+    failure && /* @__PURE__ */ jsx11("p", { role: "alert", className: "break-words rounded-lg border border-destructive/20 bg-destructive/10 px-3 py-2.5 text-sm text-destructive", children: failure }),
+    connectionForm,
+    view?.connected && !editing && /* @__PURE__ */ jsxs6(Fragment2, { children: [
+      !view.enabled && /* @__PURE__ */ jsxs6("div", { className: "space-y-2 rounded-lg border border-border p-3", children: [
+        /* @__PURE__ */ jsx11("p", { className: "text-xs text-muted-foreground", children: "\u90AE\u7BB1\u5DF2\u8FDE\u63A5\uFF0C\u542F\u7528\u540E\u53EF\u5728\u5BF9\u8BDD\u4E2D\u4F7F\u7528\u3002" }),
+        /* @__PURE__ */ jsx11(Button, { type: "button", disabled: busy, onClick: () => {
           void perform("finish");
         }, children: "\u542F\u7528\u90AE\u7BB1" })
       ] }),
-      bindDelivery && /* @__PURE__ */ jsxs8("div", { className: "space-y-3 rounded-xl border border-border bg-muted/30 p-4", "aria-label": "\u52A9\u624B\u6D88\u606F", children: [
-        /* @__PURE__ */ jsxs8("div", { className: "flex items-center justify-between gap-2", children: [
-          /* @__PURE__ */ jsx12("h4", { className: "font-medium", children: "\u52A9\u624B\u6D88\u606F" }),
-          /* @__PURE__ */ jsx12("span", { className: "text-xs text-muted-foreground", children: paused ? "\u5411\u52A9\u624B\u63A8\u9001\u5DF2\u6682\u505C" : view.delivery_bound ? "\u5DF2\u63A5\u5165\u52A9\u624B\u6D88\u606F" : "\u5C1A\u672A\u63A5\u5165" })
+      bindDelivery && /* @__PURE__ */ jsxs6("div", { className: "space-y-3 rounded-xl border border-border bg-[hsl(var(--muted)/0.3)] p-4", "aria-label": "\u52A9\u624B\u6D88\u606F", children: [
+        /* @__PURE__ */ jsxs6("div", { className: "flex items-center justify-between gap-2", children: [
+          /* @__PURE__ */ jsx11("h4", { className: "font-medium", children: "\u52A9\u624B\u6D88\u606F" }),
+          /* @__PURE__ */ jsx11("span", { className: "text-xs text-muted-foreground", children: paused ? "\u5411\u52A9\u624B\u63A8\u9001\u5DF2\u6682\u505C" : view.delivery_bound ? "\u5DF2\u63A5\u5165\u52A9\u624B\u6D88\u606F" : "\u5C1A\u672A\u63A5\u5165" })
         ] }),
-        /* @__PURE__ */ jsx12("p", { className: "text-xs leading-relaxed text-muted-foreground", children: "\u65B0\u90AE\u4EF6\u4F1A\u63A8\u9001\u7ED9\u52A9\u624B\uFF0C\u7531\u52A9\u624B\u5224\u65AD\u662F\u5426\u9700\u8981\u63D0\u9192\u4F60" }),
-        /* @__PURE__ */ jsxs8(Button, { className: "w-full", variant: view.delivery_bound && !paused ? "outline" : "default", type: "button", disabled: busy, onClick: () => {
+        /* @__PURE__ */ jsx11("p", { className: "text-xs leading-relaxed text-muted-foreground", children: "\u65B0\u90AE\u4EF6\u4F1A\u63A8\u9001\u7ED9\u52A9\u624B\uFF0C\u7531\u52A9\u624B\u5224\u65AD\u662F\u5426\u9700\u8981\u63D0\u9192\u4F60" }),
+        /* @__PURE__ */ jsxs6(Button, { className: "w-full", variant: view.delivery_bound && !paused ? "outline" : "default", type: "button", disabled: busy, onClick: () => {
           void perform(paused ? "resume" : view.delivery_bound ? "pause" : "bind");
         }, children: [
-          busy && /* @__PURE__ */ jsx12(LoaderCircle, { className: "animate-spin" }),
+          busy && /* @__PURE__ */ jsx11(LoaderCircle, { className: "animate-spin" }),
           paused ? "\u6062\u590D\u63A8\u9001" : view.delivery_bound ? "\u6682\u505C\u63A8\u9001" : "\u63A5\u5165\u52A9\u624B\u6D88\u606F"
         ] })
       ] })
     ] }),
-    !editing && /* @__PURE__ */ jsxs8("div", { className: "flex flex-wrap items-center justify-between gap-1 text-muted-foreground", children: [
-      view?.connected && /* @__PURE__ */ jsx12(Button, { type: "button", variant: "ghost", size: "xs", disabled: busy, onClick: () => {
+    !editing && /* @__PURE__ */ jsxs6("div", { className: "flex flex-wrap items-center justify-between gap-1 text-muted-foreground", children: [
+      view?.connected && /* @__PURE__ */ jsx11(Button, { type: "button", variant: "ghost", size: "xs", disabled: busy, onClick: () => {
         setEmail(view.label || "");
         setFailure("");
         setEditing(true);
       }, children: "\u91CD\u65B0\u8FDE\u63A5\u90AE\u7BB1" }),
-      /* @__PURE__ */ jsx12(Button, { type: "button", variant: "ghost", size: "xs", disabled: busy, onClick: () => {
+      /* @__PURE__ */ jsx11(Button, { type: "button", variant: "ghost", size: "xs", disabled: busy, onClick: () => {
         void perform("refresh");
       }, children: "\u5237\u65B0\u72B6\u6001" }),
-      onDisable && view?.enabled && /* @__PURE__ */ jsx12(Button, { type: "button", variant: "ghost", size: "xs", disabled: busy, onClick: () => {
+      onDisable && view?.enabled && /* @__PURE__ */ jsx11(Button, { type: "button", variant: "ghost", size: "xs", disabled: busy, onClick: () => {
         void perform("disable");
       }, children: "\u505C\u7528\u6B64\u8FDE\u63A5" })
     ] }),
-    view?.connection_id && !editing && /* @__PURE__ */ jsxs8("div", { className: "space-y-3", children: [
-      /* @__PURE__ */ jsx12(Separator, {}),
-      /* @__PURE__ */ jsxs8(AlertDialog, { children: [
-        /* @__PURE__ */ jsx12(AlertDialogTrigger, { asChild: true, children: /* @__PURE__ */ jsx12(Button, { type: "button", variant: "destructive", size: "sm", disabled: busy, children: "\u79FB\u9664\u90AE\u7BB1\u8FDE\u63A5" }) }),
-        /* @__PURE__ */ jsxs8(AlertDialogContent, { className: "managed-mail-connection", children: [
-          /* @__PURE__ */ jsxs8(AlertDialogHeader, { children: [
-            /* @__PURE__ */ jsx12(AlertDialogTitle, { children: "\u79FB\u9664\u90AE\u7BB1\u8FDE\u63A5\uFF1F" }),
-            /* @__PURE__ */ jsx12(AlertDialogDescription, { children: "\u79FB\u9664\u540E\u5C06\u505C\u6B62\u63A5\u6536\u548C\u63A8\u9001\uFF0C\u5E76\u6E05\u9664\u5DF2\u4FDD\u5B58\u7684\u90AE\u7BB1\u5730\u5740\u548C\u6388\u6743\u7801\u3002\u5DF2\u6709\u6D88\u606F\u548C\u6587\u4EF6\u4FDD\u7559\u3002" })
+    view?.connection_id && !editing && /* @__PURE__ */ jsxs6("div", { className: "space-y-3", children: [
+      /* @__PURE__ */ jsx11(Separator, {}),
+      /* @__PURE__ */ jsxs6(AlertDialog, { children: [
+        /* @__PURE__ */ jsx11(AlertDialogTrigger, { asChild: true, children: /* @__PURE__ */ jsx11(Button, { type: "button", variant: "destructive", size: "sm", disabled: busy, children: "\u79FB\u9664\u90AE\u7BB1\u8FDE\u63A5" }) }),
+        /* @__PURE__ */ jsxs6(AlertDialogContent, { className: "managed-mail-connection", children: [
+          /* @__PURE__ */ jsxs6(AlertDialogHeader, { children: [
+            /* @__PURE__ */ jsx11(AlertDialogTitle, { children: "\u79FB\u9664\u90AE\u7BB1\u8FDE\u63A5\uFF1F" }),
+            /* @__PURE__ */ jsx11(AlertDialogDescription, { children: "\u79FB\u9664\u540E\u5C06\u505C\u6B62\u63A5\u6536\u548C\u63A8\u9001\uFF0C\u5E76\u6E05\u9664\u5DF2\u4FDD\u5B58\u7684\u90AE\u7BB1\u5730\u5740\u548C\u6388\u6743\u7801\u3002\u5DF2\u6709\u6D88\u606F\u548C\u6587\u4EF6\u4FDD\u7559\u3002" })
           ] }),
-          /* @__PURE__ */ jsxs8(AlertDialogFooter, { children: [
-            /* @__PURE__ */ jsx12(AlertDialogCancel, { type: "button", children: "\u53D6\u6D88" }),
-            /* @__PURE__ */ jsx12(AlertDialogAction, { type: "button", variant: "destructive", onClick: () => {
+          /* @__PURE__ */ jsxs6(AlertDialogFooter, { children: [
+            /* @__PURE__ */ jsx11(AlertDialogCancel, { type: "button", children: "\u53D6\u6D88" }),
+            /* @__PURE__ */ jsx11(AlertDialogAction, { type: "button", variant: "destructive", onClick: () => {
               void perform("remove");
             }, children: "\u786E\u8BA4\u79FB\u9664" })
           ] })
@@ -2294,9 +2390,9 @@ function ManagedConnection({ read, act, onChanged, bindDelivery, onDisable }) {
 }
 
 // src/components/ConnectorConnection.tsx
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { jsx as jsx12 } from "react/jsx-runtime";
 function ConnectorConnection({ type, ...props }) {
-  return type === "managed" ? /* @__PURE__ */ jsx13(ManagedConnection, { ...props }) : /* @__PURE__ */ jsx13(DeviceConnection, { ...props });
+  return type === "managed" ? /* @__PURE__ */ jsx12(ManagedConnection, { ...props }) : /* @__PURE__ */ jsx12(DeviceConnection, { ...props });
 }
 
 export {
@@ -2317,4 +2413,4 @@ qrcode.react/lib/esm/index.js:
    * SPDX-License-Identifier: ISC
    *)
 */
-//# sourceMappingURL=chunk-WO2VCQ5N.js.map
+//# sourceMappingURL=chunk-FH5HA3GW.js.map