@blade-hq/agent-react 2612.0.0-beta.67 → 2612.0.0-beta.69

package/dist/{chunk-X66C66OQ.js → chunk-J72ZLILV.js}

@@ -1,10 +1,15 @@
 import {
   Button,
+  LoaderCircle,
   cn,
-  dist_exports3 as dist_exports,
+  cva,
+  dist_exports,
+  dist_exports4 as dist_exports2,
+  dist_exports5 as dist_exports3,
+  dist_exports7 as dist_exports4,
   loopTabInShadowRoot,
   useOverlayRoot
-} from "./chunk-HS5G33FO.js";
+} from "./chunk-QIR73CES.js";
 
 // src/components/DeviceConnection.tsx
 import { useEffect, useRef, useState } from "react";
@@ -1116,19 +1121,19 @@ import { jsx, jsxs } from "react/jsx-runtime";
 function AlertDialog({
   ...props
 }) {
-  return /* @__PURE__ */ jsx(dist_exports.Root, { "data-slot": "alert-dialog", ...props });
+  return /* @__PURE__ */ jsx(dist_exports2.Root, { "data-slot": "alert-dialog", ...props });
 }
 function AlertDialogTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx(dist_exports.Trigger, { "data-slot": "alert-dialog-trigger", ...props });
+  return /* @__PURE__ */ jsx(dist_exports2.Trigger, { "data-slot": "alert-dialog-trigger", ...props });
 }
 function AlertDialogOverlay({
   className,
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    dist_exports.Overlay,
+    dist_exports2.Overlay,
     {
       "data-slot": "alert-dialog-overlay",
       className: cn(
@@ -1139,12 +1144,44 @@ function AlertDialogOverlay({
     }
   );
 }
+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_exports.Title,
+    dist_exports2.Title,
     {
       "data-slot": "alert-dialog-title",
       className: cn(
@@ -1160,7 +1197,7 @@ function AlertDialogDescription({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    dist_exports.Description,
+    dist_exports2.Description,
     {
       "data-slot": "alert-dialog-description",
       className: cn(
@@ -1178,7 +1215,7 @@ function AlertDialogAction({
   ...props
 }) {
   return /* @__PURE__ */ jsx(Button, { variant, size, asChild: true, children: /* @__PURE__ */ jsx(
-    dist_exports.Action,
+    dist_exports2.Action,
     {
       "data-slot": "alert-dialog-action",
       className: cn(className),
@@ -1193,7 +1230,7 @@ function AlertDialogCancel({
   ...props
 }) {
   return /* @__PURE__ */ jsx(Button, { variant, size, asChild: true, children: /* @__PURE__ */ jsx(
-    dist_exports.Cancel,
+    dist_exports2.Cancel,
     {
       "data-slot": "alert-dialog-cancel",
       className: cn(className),
@@ -1212,10 +1249,10 @@ function AlertDialogContent({
   ...props
 }) {
   const overlayRoot = useOverlayRoot();
-  return /* @__PURE__ */ jsxs2(dist_exports.Portal, { "data-slot": "alert-dialog-portal", container: overlayRoot, children: [
+  return /* @__PURE__ */ jsxs2(dist_exports2.Portal, { "data-slot": "alert-dialog-portal", container: overlayRoot, children: [
     /* @__PURE__ */ jsx2(AlertDialogOverlay, { className: overlayClassName }),
     /* @__PURE__ */ jsx2(
-      dist_exports.Content,
+      dist_exports2.Content,
       {
         onKeyDown: (event) => {
           onKeyDown?.(event);
@@ -1626,9 +1663,12 @@ function DeviceConnection({ read, act, diagnostics, onChanged, bindDelivery = fa
     }
   }
   const start = (retryIDs) => {
-    let focus = retryIDs ?? defaultCapabilities(view?.capabilities ?? []);
-    if (!view?.app_id && !focus.length) focus = view?.selected_capabilities?.length ? view.selected_capabilities : capabilities.filter((item) => item.default && item.status !== "unsupported").map((item) => item.id);
-    const target = [.../* @__PURE__ */ new Set([...view?.selected_capabilities ?? [], ...focus])];
+    let focus = retryIDs ?? defaultCapabilities((view?.capabilities ?? []).filter((item) => view?.app_id || item.identity === "bot"));
+    if (!view?.app_id && !focus.length) {
+      focus = capabilities.filter((item) => item.identity === "bot" && item.default && item.status !== "unsupported").map((item) => item.id);
+      if (!focus.length && view?.catalog_unavailable) focus = (view.selected_capabilities ?? []).filter((id) => ["bot_send", "bot_receive_p2p", "bot_receive_at", "bot_receive_group"].includes(id));
+    }
+    const target = [.../* @__PURE__ */ new Set([...view?.app_id ? view.selected_capabilities ?? [] : [], ...focus])];
     if (!view?.app_id) {
       linking.current = false;
       flow.current = { enable: true, capabilities: target, focus };
@@ -1969,22 +2009,117 @@ function DeviceConnection({ read, act, diagnostics, onChanged, bindDelivery = fa
 }
 
 // src/components/ManagedConnection.tsx
-import { useEffect as useEffect2, useRef as useRef2, useState as useState2 } from "react";
-import { Fragment as Fragment2, jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
-function managedAuthorizationURL(view) {
-  if (!view?.authorization_url || !view.connection_id) return null;
-  try {
-    const url = new URL(view.authorization_url);
-    return ["http:", "https:"].includes(url.protocol) && !url.username && !url.password && !url.search && !url.hash && url.pathname === `/connections/${encodeURIComponent(view.connection_id)}/authorize` ? url.href : null;
-  } catch {
-    return null;
+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";
+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!",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
+        secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
+        destructive: "bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20",
+        outline: "border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",
+        ghost: "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",
+        link: "text-primary underline-offset-4 hover:underline"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
   }
+);
+function Badge({
+  className,
+  variant = "default",
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? dist_exports.Root : "span";
+  return /* @__PURE__ */ jsx8(
+    Comp,
+    {
+      "data-slot": "badge",
+      "data-variant": variant,
+      className: cn(badgeVariants({ variant }), className),
+      ...props
+    }
+  );
 }
-var button2 = "rounded-lg border border-[color-mix(in_srgb,currentColor_18%,transparent)] px-3 py-2 text-sm disabled:opacity-50";
+
+// ../ui/src/components/input.tsx
+import { jsx as jsx9 } from "react/jsx-runtime";
+function Input({ className, type, ...props }) {
+  return /* @__PURE__ */ jsx9(
+    "input",
+    {
+      type,
+      "data-slot": "input",
+      className: cn(
+        "h-8 w-full min-w-0 rounded-lg border border-input bg-transparent px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// ../ui/src/components/label.tsx
+import { jsx as jsx10 } from "react/jsx-runtime";
+function Label({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx10(
+    dist_exports3.Root,
+    {
+      "data-slot": "label",
+      className: cn(
+        "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// ../ui/src/components/separator.tsx
+import { jsx as jsx11 } from "react/jsx-runtime";
+function Separator({
+  className,
+  orientation = "horizontal",
+  decorative = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx11(
+    dist_exports4.Root,
+    {
+      "data-slot": "separator",
+      decorative,
+      orientation,
+      className: cn(
+        "shrink-0 bg-border data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/components/ManagedConnection.tsx
+import { Fragment as Fragment2, jsx as jsx12, jsxs as jsxs8 } 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 }) {
   const [view, setView] = useState2(null);
   const [busy, setBusy] = useState2(true);
   const [failure, setFailure] = useState2("");
+  const [email, setEmail] = useState2("");
+  const [code, setCode] = useState2("");
+  const [editing, setEditing] = useState2(false);
+  const formId = useId();
   const callbacks = useRef2({ read, act, onChanged, onDisable });
   callbacks.current = { read, act, onChanged, onDisable };
   const alive = useRef2(false);
@@ -1992,7 +2127,10 @@ function ManagedConnection({ read, act, onChanged, bindDelivery, onDisable }) {
     alive.current = true;
     let cancelled = false;
     callbacks.current.read().then((value) => {
-      if (!cancelled) setView(value);
+      if (!cancelled) {
+        setView(value);
+        setFailure(value.error?.message || "");
+      }
     }).catch(() => {
       if (!cancelled) setFailure("\u8FDE\u63A5\u72B6\u6001\u6682\u4E0D\u53EF\u7528\uFF0C\u8BF7\u91CD\u8BD5");
     }).finally(() => {
@@ -2004,6 +2142,7 @@ function ManagedConnection({ read, act, onChanged, bindDelivery, onDisable }) {
     };
   }, []);
   const perform = async (action) => {
+    if (busy) return;
     setBusy(true);
     setFailure("");
     try {
@@ -2014,56 +2153,137 @@ function ManagedConnection({ read, act, onChanged, bindDelivery, onDisable }) {
       } else if (action === "refresh") next = await callbacks.current.read();
       else next = await callbacks.current.act(action, {
         ...view?.connection_id ? { expected_connection_id: view.connection_id } : {},
-        ...action === "finish" ? { enable: true } : {}
+        ...action === "finish" ? { enable: true } : {},
+        ...action === "credentials" ? { email: email.trim(), authorization_code: code } : {}
       });
       if (!alive.current) return;
+      if (action === "bind" && next.error) {
+        setFailure(deliveryFailure(next.error.message));
+        return;
+      }
       setView(next);
       if (next.error) setFailure(next.error.message);
+      else if (action === "credentials" && next.connected) {
+        setEmail("");
+        setCode("");
+        setEditing(false);
+        if (bindDelivery && next.subscription_state !== "paused" && !next.delivery_bound) {
+          try {
+            const bound = await callbacks.current.act("bind", { expected_connection_id: next.connection_id });
+            if (!alive.current) return;
+            if (bound.error) {
+              setFailure(deliveryFailure(bound.error.message));
+              return;
+            }
+            setView(bound);
+          } catch (error) {
+            if (!alive.current) return;
+            setFailure(deliveryFailure(error instanceof Error ? error.message : void 0));
+            return;
+          }
+        }
+      }
       await callbacks.current.onChanged();
-    } catch {
-      if (alive.current) setFailure("\u64CD\u4F5C\u5C1A\u672A\u5B8C\u6210\uFF0C\u8BF7\u68C0\u67E5\u8FDE\u63A5\u540E\u91CD\u8BD5");
+    } catch (error) {
+      if (alive.current) setFailure(action === "bind" ? deliveryFailure(error instanceof Error ? error.message : void 0) : error instanceof Error ? error.message : "\u64CD\u4F5C\u5C1A\u672A\u5B8C\u6210\uFF0C\u8BF7\u68C0\u67E5\u8FDE\u63A5\u540E\u91CD\u8BD5");
     } finally {
       if (alive.current) setBusy(false);
     }
   };
-  const url = managedAuthorizationURL(view);
-  return /* @__PURE__ */ jsxs8("section", { "aria-label": "\u8FDE\u63A5\u90AE\u7BB1", className: "space-y-3 text-sm", children: [
-    /* @__PURE__ */ jsx8("p", { children: view?.label || "\u5728 SuperWork \u9875\u9762\u8FDE\u63A5\u90AE\u7BB1\uFF0C\u5B8C\u6210\u540E\u8FD4\u56DE\u6838\u9A8C\u3002" }),
-    /* @__PURE__ */ jsx8("p", { children: view?.enabled && view.connected ? "\u90AE\u7BB1\u5DF2\u8FDE\u63A5\uFF0C\u53EF\u5728\u5BF9\u8BDD\u4E2D\u4F7F\u7528\u3002" : "\u90AE\u7BB1\u5C1A\u672A\u542F\u7528\u3002" }),
-    failure && /* @__PURE__ */ jsx8("p", { role: "alert", children: failure }),
-    /* @__PURE__ */ jsxs8("div", { className: "flex flex-wrap gap-2", children: [
-      !view?.connection_id && /* @__PURE__ */ jsx8("button", { type: "button", className: button2, disabled: busy, onClick: () => {
-        void perform("authorize");
-      }, children: "\u8FDE\u63A5\u90AE\u7BB1" }),
-      url && /* @__PURE__ */ jsx8("a", { className: button2, href: url, target: "_blank", rel: "noopener noreferrer", children: "\u524D\u5F80\u8FDE\u63A5\u90AE\u7BB1" }),
-      view?.authorization_url && !url && /* @__PURE__ */ jsx8("p", { role: "alert", children: "\u8FDE\u63A5\u9875\u9762\u5730\u5740\u65E0\u6548\uFF0C\u8BF7\u8054\u7CFB\u7BA1\u7406\u5458\u68C0\u67E5\u3002" }),
-      view?.connection_id && /* @__PURE__ */ jsx8("button", { type: "button", className: button2, disabled: busy, onClick: () => {
-        void perform("finish");
-      }, children: "\u8FD4\u56DE\u540E\u6838\u9A8C" }),
-      /* @__PURE__ */ jsx8("button", { type: "button", className: button2, disabled: busy, onClick: () => {
-        void perform("refresh");
-      }, children: busy ? "\u6B63\u5728\u5904\u7406\u2026" : "\u5237\u65B0\u72B6\u6001" }),
-      bindDelivery && view?.connected && /* @__PURE__ */ jsxs8(Fragment2, { children: [
-        /* @__PURE__ */ jsx8("span", { children: view.subscription_state === "paused" ? "\u5411\u52A9\u624B\u63A8\u9001\u5DF2\u6682\u505C" : view.delivery_bound ? "\u5DF2\u63A5\u5165\u52A9\u624B\u6D88\u606F" : "\u5C1A\u672A\u63A5\u5165\u52A9\u624B\u6D88\u606F" }),
-        !view.delivery_bound && view.subscription_state !== "paused" && /* @__PURE__ */ jsx8("button", { type: "button", className: button2, disabled: busy, onClick: () => {
-          void perform("bind");
-        }, children: "\u63A5\u5165\u52A9\u624B\u6D88\u606F" }),
-        (view.delivery_bound || view.subscription_state === "paused") && /* @__PURE__ */ jsx8("button", { type: "button", className: button2, disabled: busy, onClick: () => {
-          void perform(view.subscription_state === "paused" ? "resume" : "pause");
-        }, children: view.subscription_state === "paused" ? "\u6062\u590D\u63A8\u9001" : "\u6682\u505C\u63A8\u9001" })
+  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" })
+          ] })
+        ] })
       ] }),
-      onDisable && view?.enabled && /* @__PURE__ */ jsx8("button", { type: "button", className: button2, disabled: busy, onClick: () => {
+      /* @__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: () => {
+          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" })
+        ] }),
+        /* @__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: () => {
+          void perform(paused ? "resume" : view.delivery_bound ? "pause" : "bind");
+        }, children: [
+          busy && /* @__PURE__ */ jsx12(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: () => {
+        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: () => {
+        void perform("refresh");
+      }, children: "\u5237\u65B0\u72B6\u6001" }),
+      onDisable && view?.enabled && /* @__PURE__ */ jsx12(Button, { type: "button", variant: "ghost", size: "xs", disabled: busy, onClick: () => {
         void perform("disable");
-      }, children: "\u505C\u7528\u6B64\u8FDE\u63A5" }),
-      view?.connection_id && /* @__PURE__ */ jsxs8(AlertDialog, { children: [
-        /* @__PURE__ */ jsx8(AlertDialogTrigger, { asChild: true, children: /* @__PURE__ */ jsx8("button", { type: "button", className: button2, disabled: busy, children: "\u79FB\u9664\u90AE\u7BB1\u8FDE\u63A5" }) }),
-        /* @__PURE__ */ jsxs8(AlertDialogContent, { children: [
-          /* @__PURE__ */ jsx8(AlertDialogTitle, { children: "\u79FB\u9664\u90AE\u7BB1\u8FDE\u63A5\uFF1F" }),
-          /* @__PURE__ */ jsx8(AlertDialogDescription, { children: "\u79FB\u9664\u540E\u5C06\u505C\u6B62\u63A5\u6536\u548C\u63A8\u9001\uFF0C\u5E76\u6E05\u9664 SuperWork \u4FDD\u5B58\u7684\u90AE\u7BB1\u51ED\u636E\u3002\u5DF2\u6709\u6D88\u606F\u548C\u6587\u4EF6\u4FDD\u7559\u3002" }),
-          /* @__PURE__ */ jsx8(AlertDialogCancel, { children: "\u53D6\u6D88" }),
-          /* @__PURE__ */ jsx8(AlertDialogAction, { onClick: () => {
-            void perform("remove");
-          }, children: "\u786E\u8BA4\u79FB\u9664" })
+      }, 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" })
+          ] }),
+          /* @__PURE__ */ jsxs8(AlertDialogFooter, { children: [
+            /* @__PURE__ */ jsx12(AlertDialogCancel, { type: "button", children: "\u53D6\u6D88" }),
+            /* @__PURE__ */ jsx12(AlertDialogAction, { type: "button", variant: "destructive", onClick: () => {
+              void perform("remove");
+            }, children: "\u786E\u8BA4\u79FB\u9664" })
+          ] })
         ] })
       ] })
     ] })
@@ -2071,9 +2291,9 @@ function ManagedConnection({ read, act, onChanged, bindDelivery, onDisable }) {
 }
 
 // src/components/ConnectorConnection.tsx
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 function ConnectorConnection({ type, ...props }) {
-  return type === "managed" ? /* @__PURE__ */ jsx9(ManagedConnection, { ...props }) : /* @__PURE__ */ jsx9(DeviceConnection, { ...props });
+  return type === "managed" ? /* @__PURE__ */ jsx13(ManagedConnection, { ...props }) : /* @__PURE__ */ jsx13(DeviceConnection, { ...props });
 }
 
 export {
@@ -2094,4 +2314,4 @@ qrcode.react/lib/esm/index.js:
    * SPDX-License-Identifier: ISC
    *)
 */
-//# sourceMappingURL=chunk-X66C66OQ.js.map
+//# sourceMappingURL=chunk-J72ZLILV.js.map