@niubitli/plugin-feishu-connector 0.3.1-connector-feishu

package/dist/ui/index.js

@@ -0,0 +1,4047 @@
+// src/ui/index.tsx
+import { Children, Fragment, useEffect, useMemo, useState } from "react";
+import {
+  usePluginAction,
+  usePluginData
+} from "@paperclipai/plugin-sdk/ui";
+
+// src/constants.ts
+var PLUGIN_ID = "paperclipai.feishu-connector";
+var DATA_KEYS = {
+  status: "status",
+  catalog: "catalog",
+  profiles: "profiles",
+  directory: "directory",
+  issueSource: "issue-source",
+  capabilities: "capabilities"
+};
+var ACTION_KEYS = {
+  simulateInboundMessage: "simulate-inbound-message",
+  sendMessage: "send-message",
+  writeBaseRecord: "write-base-record",
+  bindProfile: "bind-profile",
+  startGuidedBind: "start-guided-bind",
+  finishGuidedBind: "finish-guided-bind",
+  startUserAuth: "start-user-auth",
+  finishUserAuth: "finish-user-auth",
+  testRoute: "test-route",
+  checkPermissions: "check-permissions",
+  retryFailedDeliveries: "retry-failed-deliveries",
+  replyIssueSourceThread: "reply-issue-source-thread",
+  downloadIssueAttachments: "download-issue-attachments",
+  writeIssueBaseRecord: "write-issue-base-record",
+  lookupIssueRequester: "lookup-issue-requester",
+  replyIssueCommentToFeishu: "reply-issue-comment-to-feishu"
+};
+var DEFAULT_ACK_TEMPLATE = "\u5DF2\u6536\u5230\uFF0C\u4EA4\u7ED9 {{agent_name}} \u5904\u7406\u3002\n\u4EFB\u52A1\uFF1A{{issue_ref}}";
+var DEFAULT_COMPLETION_TEMPLATE = "\u5904\u7406\u5B8C\u6210\uFF1A{{issue_title}}";
+var DEFAULT_QUICK_REPLY_REGEX = "^(\u53EA\u56DE\u590D\\s*ok|\u56DE\u590D\\s*ok|ping)$";
+var DEFAULT_QUICK_REPLY_TEXT = "ok";
+
+// src/config.ts
+var DEFAULT_CONFIG = {
+  larkCliBin: "lark-cli",
+  dryRunCli: true,
+  capabilityDefaultPolicy: "authorized",
+  paperclipBaseUrl: "",
+  enableEventSubscriber: false,
+  eventTypes: "im.message.receive_v1",
+  eventRequireSignature: false,
+  ackOnInbound: false,
+  ackMessageTemplate: DEFAULT_ACK_TEMPLATE,
+  completionMessageTemplate: DEFAULT_COMPLETION_TEMPLATE,
+  enableQuickReply: true,
+  quickReplyRegex: DEFAULT_QUICK_REPLY_REGEX,
+  quickReplyText: DEFAULT_QUICK_REPLY_TEXT
+};
+
+// src/routing.ts
+function describeRouteTrigger(route) {
+  if (route.matchType === "chat") {
+    return route.chatName ? `\u6307\u5B9A\u98DE\u4E66\u4F1A\u8BDD\u300C${route.chatName}\u300D` : "\u6307\u5B9A\u98DE\u4E66\u4F1A\u8BDD";
+  }
+  if (route.matchType === "user") {
+    return route.userName ? `\u6307\u5B9A\u63D0\u51FA\u4EBA\u300C${route.userName}\u300D` : "\u6307\u5B9A\u63D0\u51FA\u4EBA";
+  }
+  if (route.matchType === "keyword") {
+    return route.keyword ? `\u5305\u542B\u300C${route.keyword}\u300D\u7684\u98DE\u4E66\u6D88\u606F` : "\u5305\u542B\u5173\u952E\u8BCD\u7684\u98DE\u4E66\u6D88\u606F";
+  }
+  if (route.matchType === "regex") {
+    return "\u5339\u914D\u9AD8\u7EA7\u89C4\u5219\u7684\u98DE\u4E66\u6D88\u606F";
+  }
+  return "\u9ED8\u8BA4\u5165\u53E3";
+}
+function isLikelyInternalRouteName(value) {
+  const normalized = (value ?? "").trim().toLocaleLowerCase();
+  if (!normalized) return false;
+  if (/[\u4e00-\u9fff\s]/.test(normalized)) return false;
+  if (/^(chat|team|keyword|regex|default|route|entry|inbound)[_-]/.test(normalized)) return true;
+  if (/[_-](to|agent|bot|team|chat|keyword|regex|route|entry|inbound)([_-]|$)/.test(normalized)) return true;
+  return /^[a-z0-9]+([_-][a-z0-9]+){2,}$/.test(normalized);
+}
+function describeRouteEntry(route) {
+  const explicitName = route.name?.trim();
+  if (explicitName && !isLikelyInternalRouteName(explicitName)) return explicitName;
+  const trigger = describeRouteTrigger(route);
+  const agentName = route.targetAgentName?.trim();
+  return agentName ? `${trigger} \u2192 ${agentName}` : trigger;
+}
+function describeRouteForHumans(route) {
+  return describeRouteEntry(route);
+}
+
+// src/ui/index.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function pluginInstanceIdFromProps(props) {
+  const slotPluginId = props?.slot?.pluginId?.trim();
+  if (slotPluginId) return slotPluginId;
+  if (typeof window !== "undefined") {
+    const match = window.location.pathname.match(/\/instance\/settings\/plugins\/([^/?#]+)/);
+    if (match?.[1]) return decodeURIComponent(match[1]);
+  }
+  return PLUGIN_ID;
+}
+function pluginSettingsHref(props) {
+  return `/instance/settings/plugins/${encodeURIComponent(pluginInstanceIdFromProps(props))}`;
+}
+var mainTabs = [
+  { key: "overview", label: "\u603B\u89C8", detail: "\u4E0B\u4E00\u6B65", hash: "feishu-overview" },
+  { key: "entries", label: "\u5165\u53E3", detail: "\u4E1A\u52A1\u89C4\u5219", hash: "feishu-entries" },
+  { key: "robots", label: "\u673A\u5668\u4EBA", detail: "\u8D26\u53F7\u6C60", hash: "feishu-robots" },
+  { key: "test", label: "\u6D4B\u8BD5", detail: "\u771F\u5B9E\u786E\u8BA4", hash: "feishu-test" },
+  { key: "advanced", label: "\u9AD8\u7EA7", detail: "\u5DE5\u7A0B\u914D\u7F6E", hash: "feishu-advanced" }
+];
+function mainTabFromHash(hash) {
+  const match = mainTabs.find((tab) => `#${tab.hash}` === hash);
+  return match?.key ?? "overview";
+}
+function initialMainTab() {
+  if (typeof window === "undefined") return "overview";
+  return mainTabFromHash(window.location.hash);
+}
+var pageStyle = {
+  display: "grid",
+  gap: "18px",
+  fontSize: "14px"
+};
+var sectionHeaderStyle = {
+  display: "flex",
+  justifyContent: "space-between",
+  gap: "12px",
+  alignItems: "flex-start"
+};
+var actionBarStyle = {
+  display: "flex",
+  flexWrap: "wrap",
+  gap: "10px",
+  alignItems: "center",
+  justifyContent: "space-between"
+};
+var gridTwoStyle = {
+  display: "grid",
+  gridTemplateColumns: "repeat(auto-fit, minmax(260px, 1fr))",
+  gap: "12px"
+};
+var stepGridStyle = {
+  display: "grid",
+  gridTemplateColumns: "repeat(auto-fit, minmax(220px, 1fr))",
+  gap: "12px"
+};
+var fieldStyle = {
+  display: "grid",
+  gap: "6px"
+};
+var labelStyle = {
+  fontSize: "13px",
+  fontWeight: 600
+};
+var helpStyle = {
+  fontSize: "12px",
+  color: "var(--muted-foreground)",
+  lineHeight: 1.5
+};
+var inputStyle = {
+  width: "100%",
+  height: "38px",
+  border: "1px solid var(--border)",
+  borderRadius: "8px",
+  padding: "0 12px",
+  background: "var(--background)",
+  color: "var(--foreground)",
+  fontSize: "14px"
+};
+var selectStyle = {
+  ...inputStyle
+};
+var buttonStyle = {
+  height: "36px",
+  border: "1px solid var(--border)",
+  borderRadius: "8px",
+  padding: "0 12px",
+  background: "var(--background)",
+  color: "var(--foreground)",
+  fontSize: "14px",
+  cursor: "pointer"
+};
+var primaryButtonStyle = {
+  ...buttonStyle,
+  border: "1px solid var(--primary)",
+  background: "var(--primary)",
+  color: "var(--primary-foreground)",
+  fontWeight: 600
+};
+var subtleBoxStyle = {
+  border: "1px solid var(--border)",
+  borderRadius: "8px",
+  padding: "12px",
+  background: "var(--muted)"
+};
+var successBoxStyle = {
+  ...subtleBoxStyle,
+  border: "1px solid color-mix(in oklab, var(--primary) 40%, var(--border))",
+  background: "color-mix(in oklab, var(--primary) 8%, var(--background))"
+};
+var recommendedBoxStyle = {
+  ...subtleBoxStyle,
+  border: "1px solid color-mix(in oklab, var(--primary) 55%, var(--border))",
+  background: "color-mix(in oklab, var(--primary) 10%, var(--background))"
+};
+var heroStyle = {
+  border: "1px solid color-mix(in oklab, var(--primary) 35%, var(--border))",
+  borderRadius: "12px",
+  padding: "16px",
+  display: "grid",
+  gap: "14px",
+  background: "var(--background)",
+  boxShadow: "0 18px 40px color-mix(in oklab, var(--foreground) 5%, transparent)"
+};
+var tabNavStyle = {
+  display: "flex",
+  flexWrap: "wrap",
+  gap: "8px",
+  padding: "0",
+  borderBottom: "1px solid var(--border)",
+  alignItems: "flex-end"
+};
+var tabLinkStyle = {
+  appearance: "none",
+  border: "0",
+  background: "transparent",
+  padding: "0 12px 10px",
+  color: "var(--muted-foreground)",
+  textDecoration: "none",
+  fontSize: "14px",
+  fontWeight: 700,
+  borderBottom: "2px solid transparent",
+  display: "grid",
+  gap: "2px",
+  textAlign: "left",
+  cursor: "pointer"
+};
+var activeTabLinkStyle = {
+  ...tabLinkStyle,
+  color: "var(--foreground)",
+  borderBottom: "2px solid var(--foreground)"
+};
+var tabDetailStyle = {
+  fontSize: "11px",
+  fontWeight: 500,
+  color: "var(--muted-foreground)"
+};
+var metricGridStyle = {
+  display: "grid",
+  gridTemplateColumns: "repeat(auto-fit, minmax(220px, 1fr))",
+  gap: "10px"
+};
+var metricCardStyle = {
+  borderRight: "1px solid var(--border)",
+  padding: "12px 18px",
+  background: "transparent",
+  display: "grid",
+  gap: "6px"
+};
+var metricHeaderStyle = {
+  display: "flex",
+  alignItems: "center",
+  gap: "8px",
+  color: "var(--muted-foreground)",
+  fontSize: "12px"
+};
+var metricIconStyle = {
+  width: "28px",
+  height: "28px",
+  borderRadius: "999px",
+  display: "inline-grid",
+  placeItems: "center",
+  fontSize: "13px",
+  fontWeight: 800
+};
+var productSectionStyle = {
+  border: "1px solid var(--border)",
+  borderRadius: "14px",
+  padding: "16px",
+  display: "grid",
+  gap: "14px",
+  background: "var(--background)"
+};
+var productEntryStyle = {
+  border: "1px solid var(--border)",
+  borderRadius: "12px",
+  padding: "14px",
+  display: "grid",
+  gap: "10px",
+  background: "var(--background)"
+};
+var productEntryEditorStyle = {
+  border: "1px solid color-mix(in oklab, var(--primary) 34%, var(--border))",
+  borderRadius: "12px",
+  padding: "14px",
+  display: "grid",
+  gap: "12px",
+  background: "color-mix(in oklab, var(--primary) 5%, var(--background))"
+};
+var compactPillStyle = {
+  border: "1px solid var(--border)",
+  borderRadius: "999px",
+  padding: "3px 8px",
+  background: "var(--muted)",
+  color: "var(--muted-foreground)",
+  fontSize: "12px"
+};
+var botIconStyle = {
+  width: "52px",
+  height: "52px",
+  borderRadius: "999px",
+  display: "grid",
+  placeItems: "center",
+  background: "var(--primary)",
+  color: "var(--primary-foreground)",
+  fontWeight: 900,
+  fontSize: "20px",
+  flex: "0 0 auto"
+};
+var wizardStepperStyle = {
+  display: "grid",
+  gridTemplateColumns: "repeat(auto-fit, minmax(150px, 1fr))",
+  gap: "10px"
+};
+var checklistGridStyle = {
+  display: "grid",
+  gridTemplateColumns: "repeat(auto-fit, minmax(180px, 1fr))",
+  gap: "10px"
+};
+var flowGridStyle = {
+  display: "grid",
+  gridTemplateColumns: "repeat(auto-fit, minmax(190px, 1fr))",
+  gap: "10px"
+};
+var flowStepStyle = {
+  border: "1px solid var(--border)",
+  borderRadius: "8px",
+  padding: "10px",
+  background: "var(--background)",
+  minHeight: "74px"
+};
+var settingsListStyle = {
+  border: "1px solid var(--border)",
+  borderRadius: "12px",
+  overflow: "hidden",
+  background: "var(--background)"
+};
+var guideCardStyle = {
+  border: "1px solid var(--border)",
+  borderRadius: "8px",
+  padding: "12px",
+  display: "grid",
+  gap: "8px",
+  background: "var(--background)"
+};
+var codeStyle = {
+  display: "block",
+  border: "1px solid var(--border)",
+  borderRadius: "8px",
+  padding: "10px",
+  background: "var(--muted)",
+  color: "var(--foreground)",
+  fontFamily: "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",
+  fontSize: "12px",
+  whiteSpace: "pre-wrap",
+  overflowWrap: "anywhere"
+};
+var linkButtonStyle = {
+  ...buttonStyle,
+  display: "inline-flex",
+  alignItems: "center",
+  width: "fit-content",
+  textDecoration: "none"
+};
+var modalBackdropStyle = {
+  position: "fixed",
+  inset: 0,
+  zIndex: 1e3,
+  background: "rgba(0, 0, 0, 0.28)",
+  display: "grid",
+  placeItems: "center",
+  padding: "24px"
+};
+var modalPanelStyle = {
+  width: "min(720px, 100%)",
+  maxHeight: "min(760px, calc(100vh - 48px))",
+  overflow: "auto",
+  border: "1px solid var(--border)",
+  borderRadius: "14px",
+  background: "var(--background)",
+  boxShadow: "0 24px 80px rgba(0,0,0,0.24)",
+  padding: "18px",
+  display: "grid",
+  gap: "14px"
+};
+var floatingToastStyle = {
+  position: "fixed",
+  right: "24px",
+  bottom: "24px",
+  zIndex: 1100,
+  width: "min(420px, calc(100vw - 48px))",
+  border: "1px solid color-mix(in oklab, var(--primary) 45%, var(--border))",
+  borderRadius: "12px",
+  padding: "12px 14px",
+  background: "var(--background)",
+  boxShadow: "0 18px 44px rgba(0,0,0,0.18)"
+};
+var nextStepStyle = {
+  border: "1px solid color-mix(in oklab, var(--primary) 38%, var(--border))",
+  borderRadius: "12px",
+  padding: "14px",
+  background: "color-mix(in oklab, var(--primary) 5%, var(--background))",
+  display: "grid",
+  gap: "10px"
+};
+var heroCommandStyle = {
+  border: "1px solid var(--border)",
+  borderRadius: "14px",
+  padding: "16px",
+  display: "grid",
+  gap: "14px",
+  background: "var(--background)"
+};
+var setupStepStyle = {
+  border: "1px solid var(--border)",
+  borderRadius: "12px",
+  padding: "12px",
+  display: "grid",
+  gap: "8px",
+  minHeight: "118px",
+  background: "var(--background)"
+};
+var pipelineStyle = {
+  display: "grid",
+  gridTemplateColumns: "repeat(auto-fit, minmax(150px, 1fr))",
+  gap: "8px"
+};
+var pipelineStepStyle = {
+  border: "1px solid var(--border)",
+  borderRadius: "12px",
+  padding: "12px",
+  display: "grid",
+  gap: "6px",
+  background: "var(--background)"
+};
+var settingsShellStyle = {
+  ...settingsListStyle,
+  display: "grid"
+};
+var cardStyle = {
+  display: "grid",
+  gap: "8px",
+  fontSize: "12px"
+};
+var rowStyle = {
+  display: "flex",
+  flexWrap: "wrap",
+  gap: "8px",
+  alignItems: "center"
+};
+var mutedRowStyle = {
+  ...rowStyle,
+  color: "var(--muted-foreground)",
+  fontSize: "12px"
+};
+var matchTypeLabels = {
+  chat: "\u53EA\u63A5\u67D0\u4E2A\u7FA4\u6216\u5355\u804A",
+  user: "\u53EA\u63A5\u67D0\u4E2A\u4EBA",
+  keyword: "\u6D88\u606F\u91CC\u6709\u5173\u952E\u8BCD",
+  regex: "\u9AD8\u7EA7\u89C4\u5219",
+  default: "\u5176\u4ED6\u6D88\u606F\u90FD\u63A5\u6536"
+};
+var replyModeLabels = {
+  none: "\u4E0D\u81EA\u52A8\u56DE\u590D",
+  message: "\u53D1\u4E00\u6761\u65B0\u6D88\u606F",
+  thread: "\u5728\u539F\u6D88\u606F\u7EBF\u7A0B\u91CC\u56DE\u590D"
+};
+function isLikelyFeishuInternalId(value) {
+  const trimmed = (value ?? "").trim();
+  return /^(oc|ou|om|on|od|of|cli)_[a-z0-9][a-z0-9_-]{5,}$/i.test(trimmed);
+}
+function issueSourceDisplayName(value) {
+  const trimmed = value?.trim();
+  if (!trimmed || isLikelyFeishuInternalId(trimmed)) return null;
+  return trimmed;
+}
+function issueSourceValue(value, fallback = "\u672A\u8BB0\u5F55") {
+  const trimmed = value?.trim();
+  return trimmed ? trimmed : fallback;
+}
+function issueReplyModeLabel(mode) {
+  if (mode === "none" || mode === "message" || mode === "thread") {
+    return replyModeLabels[mode];
+  }
+  return issueSourceValue(typeof mode === "string" ? mode : null);
+}
+function Badge({ children }) {
+  return /* @__PURE__ */ jsx("span", { style: {
+    border: "1px solid var(--border)",
+    borderRadius: "999px",
+    padding: "2px 8px",
+    opacity: 0.82
+  }, children });
+}
+function StatusBadge({ tone = "neutral", children }) {
+  const background = tone === "success" ? "color-mix(in oklab, var(--primary) 12%, var(--background))" : tone === "warning" ? "color-mix(in oklab, #f59e0b 14%, var(--background))" : "var(--muted)";
+  return /* @__PURE__ */ jsx("span", { style: {
+    border: "1px solid var(--border)",
+    borderRadius: "999px",
+    padding: "4px 10px",
+    fontSize: "12px",
+    fontWeight: 600,
+    background
+  }, children });
+}
+function CheckReport({ items, title = "\u8FDE\u63A5\u4F53\u68C0\u62A5\u544A" }) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        border: "1px solid var(--border)",
+        borderRadius: "12px",
+        padding: "12px",
+        display: "grid",
+        gap: "10px",
+        background: "var(--background)"
+      },
+      children: [
+        /* @__PURE__ */ jsx("div", { style: { fontWeight: 800 }, children: title }, "title"),
+        /* @__PURE__ */ jsx("div", { style: checklistGridStyle, children: items.map((item, index) => {
+          const marker = item.tone === "success" ? "\u2713" : item.tone === "warning" ? "!" : "\xD7";
+          const border = item.tone === "error" ? "1px solid var(--destructive)" : item.tone === "warning" ? "1px solid color-mix(in oklab, #f59e0b 55%, var(--border))" : "1px solid color-mix(in oklab, var(--primary) 35%, var(--border))";
+          return /* @__PURE__ */ jsxs(
+            "div",
+            {
+              style: {
+                border,
+                borderRadius: "8px",
+                padding: "10px",
+                display: "grid",
+                gap: "6px",
+                background: "var(--muted)"
+              },
+              children: [
+                /* @__PURE__ */ jsxs("div", { style: { ...rowStyle, gap: "6px" }, children: [
+                  /* @__PURE__ */ jsx(
+                    "strong",
+                    {
+                      style: {
+                        width: "20px",
+                        height: "20px",
+                        borderRadius: "999px",
+                        display: "inline-grid",
+                        placeItems: "center",
+                        border: "1px solid var(--border)",
+                        fontSize: "12px"
+                      },
+                      children: marker
+                    },
+                    "marker"
+                  ),
+                  /* @__PURE__ */ jsx("strong", { children: item.title }, "title")
+                ] }, "head"),
+                /* @__PURE__ */ jsx("div", { style: helpStyle, children: item.detail }, "detail")
+              ]
+            },
+            `${item.title}-${index}`
+          );
+        }) }, "items")
+      ]
+    }
+  );
+}
+function dataString(data, key) {
+  const value = data?.[key];
+  return typeof value === "string" && value.trim() ? value.trim() : null;
+}
+function routeDiagnosticReasons(data) {
+  const diagnostics = data?.routeDiagnostics;
+  if (!Array.isArray(diagnostics)) return [];
+  return diagnostics.map((item) => {
+    if (typeof item !== "object" || item === null) return null;
+    const record = item;
+    const name = typeof record.routeName === "string" ? record.routeName : "\u5165\u53E3";
+    const reason = typeof record.reason === "string" ? record.reason : "";
+    return reason ? `${name}\uFF1A${reason}` : null;
+  }).filter((item) => Boolean(item)).slice(0, 3);
+}
+function recentRecordDetails(record) {
+  const data = record.data;
+  const details = [];
+  const connection = dataString(data, "connectionName") ?? (dataString(data, "connectionId") ? "\u5DF2\u8BB0\u5F55\uFF0C\u540D\u79F0\u5F85\u540C\u6B65" : null);
+  const chat = dataString(data, "chatName") ?? (dataString(data, "chatId") ? "\u5DF2\u8BB0\u5F55\uFF0C\u540D\u79F0\u5F85\u540C\u6B65" : null);
+  const sender = dataString(data, "senderName") ?? (dataString(data, "senderOpenId") ? "\u5DF2\u8BB0\u5F55\uFF0C\u540D\u79F0\u5F85\u540C\u6B65" : null);
+  const route = dataString(data, "routeName") ?? (dataString(data, "routeId") ? "\u5DF2\u8BB0\u5F55\uFF0C\u540D\u79F0\u5F85\u540C\u6B65" : null);
+  const agent = dataString(data, "targetAgentName");
+  const preview = dataString(data, "textPreview");
+  if (connection) details.push(`\u673A\u5668\u4EBA\uFF1A${connection}`);
+  if (route) details.push(`\u5165\u53E3\uFF1A${route}${agent ? ` \u2192 ${agent}` : ""}`);
+  if (chat) details.push(`\u4F1A\u8BDD\uFF1A${chat}`);
+  if (sender) details.push(`\u63D0\u51FA\u4EBA\uFF1A${sender}`);
+  if (preview) details.push(`\u6D88\u606F\uFF1A${preview}`);
+  details.push(...routeDiagnosticReasons(data));
+  return details;
+}
+function isInboundMessageRecord(record) {
+  if (dataString(record.data, "messageId")) return true;
+  return record.message.includes("\u98DE\u4E66\u5165\u53E3\u6D4B\u8BD5") || record.message.includes("\u5FEB\u6377\u6D4B\u8BD5\u56DE\u590D");
+}
+function friendlyMonitorMessage(message) {
+  const text = message?.trim();
+  if (!text) return "\u98DE\u4E66\u8FDE\u63A5\u5668\u8FD0\u884C\u6B63\u5E38";
+  if (text.includes("\u751F\u4EA7\u76D1\u63A7\u53D1\u73B0\u9700\u8981\u786E\u8BA4\u7684\u98CE\u9669\u9879")) return "\u9700\u8981\u786E\u8BA4\uFF1A\u6700\u8FD1\u6709\u98DE\u4E66\u6D88\u606F\u672A\u547D\u4E2D\u5165\u53E3";
+  if (text.includes("\u98DE\u4E66\u6D88\u606F\u76D1\u542C\u51FA\u73B0\u63D0\u9192")) return "\u6700\u8FD1\u6709\u98DE\u4E66\u6D88\u606F\u672A\u547D\u4E2D\u5165\u53E3";
+  return text.replace(/^生产监控[：:]\s*/, "");
+}
+function connectorHealthLabel(data) {
+  if (!data?.connectionCount) return "\u5F85\u7ED1\u5B9A\u673A\u5668\u4EBA";
+  if (!data.eventSubscriberEnabled) return "\u5DF2\u914D\u7F6E\uFF0C\u672A\u76D1\u542C";
+  if (data.dryRunCli) return "\u76D1\u542C\u4E2D\uFF0C\u6D4B\u8BD5\u6A21\u5F0F";
+  return data.monitor?.health === "error" ? "\u9700\u8981\u5904\u7406" : data.monitor?.health === "warning" ? "\u53EF\u7528\uFF0C\u6709\u63D0\u9192" : "\u8FD0\u884C\u4E2D";
+}
+function RecentEventList({ records, emptyText = "\u8FD8\u6CA1\u6709\u6536\u5230\u98DE\u4E66\u6D88\u606F\u4E8B\u4EF6\u3002" }) {
+  if (records.length === 0) {
+    return /* @__PURE__ */ jsx("div", { style: helpStyle, children: emptyText });
+  }
+  return /* @__PURE__ */ jsx("div", { style: { display: "grid", gap: "8px" }, children: records.map((record, index) => {
+    const color = record.level === "error" ? "var(--destructive)" : record.level === "warning" ? "#b45309" : "var(--foreground)";
+    const details = recentRecordDetails(record);
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        style: {
+          border: "1px solid var(--border)",
+          borderRadius: "8px",
+          padding: "10px 12px",
+          display: "grid",
+          gap: "6px",
+          background: "var(--background)"
+        },
+        children: [
+          /* @__PURE__ */ jsxs("div", { style: { ...rowStyle, justifyContent: "space-between", gap: "12px" }, children: [
+            /* @__PURE__ */ jsx("strong", { style: { color }, children: record.message }, "message"),
+            /* @__PURE__ */ jsx("span", { style: helpStyle, children: record.createdAt }, "time")
+          ] }, "head"),
+          details.length ? /* @__PURE__ */ jsx("div", { style: { ...helpStyle, display: "grid", gap: "3px" }, children: details.map((detail, detailIndex) => /* @__PURE__ */ jsx("span", { children: detail }, `${detail}-${detailIndex}`)) }, "details") : null
+        ]
+      },
+      `${record.createdAt}-${index}`
+    );
+  }) });
+}
+function InlineCheckReport({ items, checkedAt }) {
+  return /* @__PURE__ */ jsxs("div", { style: { display: "grid", gap: "8px", marginTop: "4px" }, children: [
+    checkedAt ? /* @__PURE__ */ jsxs("div", { style: helpStyle, children: [
+      "\u68C0\u67E5\u65F6\u95F4\uFF1A",
+      checkedAt
+    ] }, "checked-at") : null,
+    items.map((item, index) => {
+      const mark = item.tone === "success" ? "\u2713" : item.tone === "warning" ? "!" : "\xD7";
+      const color = item.tone === "error" ? "var(--destructive)" : item.tone === "warning" ? "#b45309" : "var(--foreground)";
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          style: {
+            display: "grid",
+            gridTemplateColumns: "22px minmax(0, 1fr)",
+            gap: "8px",
+            alignItems: "start",
+            padding: "8px 10px",
+            border: "1px solid var(--border)",
+            borderRadius: "8px",
+            background: "var(--muted)"
+          },
+          children: [
+            /* @__PURE__ */ jsx("strong", { style: { color }, children: mark }, "mark"),
+            /* @__PURE__ */ jsxs("div", { style: { display: "grid", gap: "2px" }, children: [
+              /* @__PURE__ */ jsx("strong", { style: { fontSize: "13px", color }, children: item.title }, "title"),
+              /* @__PURE__ */ jsx("span", { style: helpStyle, children: item.detail }, "detail")
+            ] }, "copy")
+          ]
+        },
+        `${item.title}-${index}`
+      );
+    })
+  ] });
+}
+function ChatSearchControl(props) {
+  return /* @__PURE__ */ jsxs("div", { style: { display: "grid", gap: "8px" }, children: [
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        style: inputStyle,
+        placeholder: "\u8F93\u5165\u7FA4\u540D\u6216\u5355\u804A\u540D\u79F0\uFF0C\u4F8B\u5982\u201C\u8001\u677F\u7FA4\u201D\u201C\u667A\u80FD\u4F53\u56E2\u961F\u201D",
+        value: props.query,
+        onChange: (event) => props.onQueryChange(event.target.value)
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { style: helpStyle, children: [
+      "\u7528 ",
+      props.profileName || "\u5F53\u524D\u98DE\u4E66\u8D26\u53F7",
+      " \u641C\u7D22\u53EF\u89C1\u4F1A\u8BDD\u3002\u9009\u4E2D\u540E\u81EA\u52A8\u7ED1\u5B9A\u5230\u8FD9\u6761\u5165\u53E3\u3002"
+    ] }),
+    props.currentChatId ? /* @__PURE__ */ jsxs("div", { style: helpStyle, children: [
+      "\u5F53\u524D\u9009\u62E9\uFF1A",
+      props.currentChatName || "\u5DF2\u9009\u62E9\u4E00\u4E2A\u4F1A\u8BDD\uFF0C\u540D\u79F0\u5F85\u540C\u6B65"
+    ] }) : null,
+    props.loading ? /* @__PURE__ */ jsx("div", { style: helpStyle, children: "\u6B63\u5728\u641C\u7D22\u98DE\u4E66\u4F1A\u8BDD..." }) : null,
+    props.error ? /* @__PURE__ */ jsxs("div", { style: { ...helpStyle, color: "var(--destructive)" }, children: [
+      "\u641C\u7D22\u5931\u8D25\uFF1A",
+      props.error
+    ] }) : null,
+    !props.loading && !props.error && props.query && props.chats.length === 0 ? /* @__PURE__ */ jsx("div", { style: helpStyle, children: "\u6CA1\u6709\u641C\u5230\u3002\u786E\u8BA4\u4F60\u6709\u6743\u9650\u770B\u5230\u8FD9\u4E2A\u7FA4\uFF0C\u6216\u5148\u628A\u98DE\u4E66\u673A\u5668\u4EBA\u52A0\u8FDB\u7FA4\u91CC\u3002" }) : null,
+    /* @__PURE__ */ jsx("div", { style: stepGridStyle, children: props.chats.map((chat) => /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        style: {
+          ...buttonStyle,
+          height: "auto",
+          minHeight: "54px",
+          padding: "10px 12px",
+          textAlign: "left",
+          justifyContent: "flex-start",
+          border: chat.chatId === props.currentChatId ? "1px solid var(--primary)" : buttonStyle.border
+        },
+        onClick: () => props.onSelect(chat),
+        children: [
+          /* @__PURE__ */ jsx("strong", { style: { display: "block" }, children: chat.name }),
+          /* @__PURE__ */ jsx("span", { style: { ...helpStyle, display: "block" }, children: chat.description || (chat.external ? "\u5916\u90E8\u7FA4" : "\u5185\u90E8\u4F1A\u8BDD") })
+        ]
+      },
+      chat.chatId
+    )) })
+  ] });
+}
+function UserSearchControl(props) {
+  return /* @__PURE__ */ jsxs("div", { style: { display: "grid", gap: "8px" }, children: [
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        style: inputStyle,
+        placeholder: "\u8F93\u5165\u59D3\u540D\u3001\u90AE\u7BB1\u6216\u5DE5\u53F7\uFF0C\u4F8B\u5982\u201C\u5F20\u6D2A\u4E39\u201D",
+        value: props.query,
+        onChange: (event) => props.onQueryChange(event.target.value)
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { style: helpStyle, children: [
+      "\u7528 ",
+      props.profileName || "\u5F53\u524D\u98DE\u4E66\u8D26\u53F7",
+      " \u641C\u7D22\u901A\u8BAF\u5F55\u3002\u9009\u4E2D\u540E\u81EA\u52A8\u7ED1\u5B9A\u5230\u8FD9\u6761\u5165\u53E3\u3002"
+    ] }),
+    props.currentUserOpenId ? /* @__PURE__ */ jsxs("div", { style: helpStyle, children: [
+      "\u5F53\u524D\u9009\u62E9\uFF1A",
+      props.currentUserName || "\u5DF2\u9009\u62E9\u4E00\u4E2A\u8054\u7CFB\u4EBA\uFF0C\u540D\u79F0\u5F85\u540C\u6B65"
+    ] }) : null,
+    props.loading ? /* @__PURE__ */ jsx("div", { style: helpStyle, children: "\u6B63\u5728\u641C\u7D22\u98DE\u4E66\u8054\u7CFB\u4EBA..." }) : null,
+    props.error ? /* @__PURE__ */ jsxs("div", { style: { ...helpStyle, color: "var(--destructive)" }, children: [
+      "\u641C\u7D22\u5931\u8D25\uFF1A",
+      props.error
+    ] }) : null,
+    !props.loading && !props.error && props.query && props.users.length === 0 ? /* @__PURE__ */ jsx("div", { style: helpStyle, children: "\u6CA1\u6709\u641C\u5230\u3002\u786E\u8BA4\u98DE\u4E66\u5E94\u7528\u53EF\u89C1\u8303\u56F4\u548C\u901A\u8BAF\u5F55\u6743\u9650\u3002" }) : null,
+    /* @__PURE__ */ jsx("div", { style: stepGridStyle, children: props.users.map((user) => /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        style: {
+          ...buttonStyle,
+          height: "auto",
+          minHeight: "54px",
+          padding: "10px 12px",
+          textAlign: "left",
+          justifyContent: "flex-start",
+          border: user.openId === props.currentUserOpenId ? "1px solid var(--primary)" : buttonStyle.border
+        },
+        onClick: () => props.onSelect(user),
+        children: [
+          /* @__PURE__ */ jsx("strong", { style: { display: "block" }, children: user.name }),
+          /* @__PURE__ */ jsx("span", { style: { ...helpStyle, display: "block" }, children: user.userId ? `\u5DE5\u53F7\uFF1A${user.userId}` : user.departmentIds?.length ? "\u5DF2\u5339\u914D\u901A\u8BAF\u5F55\u90E8\u95E8" : "\u901A\u8BAF\u5F55\u7528\u6237" })
+        ]
+      },
+      user.openId
+    )) })
+  ] });
+}
+function StatusDot({ done }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "aria-hidden": "true",
+      style: {
+        width: "18px",
+        height: "18px",
+        borderRadius: "999px",
+        display: "inline-flex",
+        alignItems: "center",
+        justifyContent: "center",
+        flex: "0 0 auto",
+        border: "1px solid var(--border)",
+        background: done ? "var(--primary)" : "var(--background)",
+        color: done ? "var(--primary-foreground)" : "var(--muted-foreground)",
+        fontSize: "12px",
+        lineHeight: 1
+      },
+      children: done ? "\u2713" : "\u2022"
+    }
+  );
+}
+function ChecklistItem({ done, title, detail }) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        border: "1px solid var(--border)",
+        borderRadius: "8px",
+        padding: "10px",
+        display: "flex",
+        alignItems: "flex-start",
+        gap: "8px",
+        background: done ? "color-mix(in oklab, var(--primary) 6%, var(--background))" : "var(--background)"
+      },
+      children: [
+        /* @__PURE__ */ jsx(StatusDot, { done }, "dot"),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("div", { style: { fontWeight: 700, fontSize: "13px" }, children: title }, "title"),
+          /* @__PURE__ */ jsx("div", { style: helpStyle, children: detail }, "detail")
+        ] }, "body")
+      ]
+    }
+  );
+}
+function FlowStep({ title, value, detail }) {
+  return /* @__PURE__ */ jsxs("div", { style: flowStepStyle, children: [
+    /* @__PURE__ */ jsx("div", { style: { ...helpStyle, marginBottom: "6px" }, children: title }, "title"),
+    /* @__PURE__ */ jsx("div", { style: { fontWeight: 700, lineHeight: 1.35 }, children: value }, "value"),
+    detail ? /* @__PURE__ */ jsx("div", { style: { ...helpStyle, marginTop: "6px" }, children: detail }, "detail") : null
+  ] });
+}
+function SetupStep({
+  index,
+  done,
+  title,
+  detail,
+  action
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        ...setupStepStyle,
+        border: done ? "1px solid color-mix(in oklab, var(--primary) 34%, var(--border))" : setupStepStyle.border,
+        background: done ? "color-mix(in oklab, var(--primary) 5%, var(--background))" : setupStepStyle.background
+      },
+      children: [
+        /* @__PURE__ */ jsxs("div", { style: { ...rowStyle, justifyContent: "space-between" }, children: [
+          /* @__PURE__ */ jsx("span", { style: { ...compactPillStyle, color: done ? "var(--foreground)" : "var(--muted-foreground)" }, children: done ? "\u5B8C\u6210" : `\u7B2C ${index} \u6B65` }, "number"),
+          /* @__PURE__ */ jsx(StatusDot, { done }, "dot")
+        ] }, "head"),
+        /* @__PURE__ */ jsx("div", { style: { fontWeight: 900, fontSize: "15px" }, children: title }, "title"),
+        /* @__PURE__ */ jsx("div", { style: helpStyle, children: detail }, "detail"),
+        action ? /* @__PURE__ */ jsx("div", { style: { marginTop: "auto" }, children: action }, "action") : null
+      ]
+    }
+  );
+}
+function PipelineStep({
+  done,
+  label,
+  detail
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        ...pipelineStepStyle,
+        border: done ? "1px solid color-mix(in oklab, var(--primary) 36%, var(--border))" : pipelineStepStyle.border
+      },
+      children: [
+        /* @__PURE__ */ jsxs("div", { style: rowStyle, children: [
+          /* @__PURE__ */ jsx(StatusDot, { done }, "dot"),
+          /* @__PURE__ */ jsx("strong", { children: label }, "label")
+        ] }, "head"),
+        /* @__PURE__ */ jsx("div", { style: helpStyle, children: detail }, "detail")
+      ]
+    }
+  );
+}
+function Field({ label, help, children }) {
+  return /* @__PURE__ */ jsxs("div", { style: fieldStyle, children: [
+    /* @__PURE__ */ jsx("span", { style: labelStyle, children: label }, "label"),
+    /* @__PURE__ */ jsx("span", { style: { display: "contents" }, children: Children.toArray(children) }, "control"),
+    help ? /* @__PURE__ */ jsx("span", { style: helpStyle, children: help }, "help") : null
+  ] });
+}
+function ToggleField({
+  label,
+  help,
+  checked,
+  onChange
+}) {
+  return /* @__PURE__ */ jsxs("div", { style: fieldStyle, children: [
+    /* @__PURE__ */ jsxs("div", { style: actionBarStyle, children: [
+      /* @__PURE__ */ jsx("span", { style: labelStyle, children: label }, "label"),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          "aria-pressed": checked,
+          onClick: () => onChange(!checked),
+          style: {
+            width: "44px",
+            height: "24px",
+            borderRadius: "999px",
+            border: "1px solid var(--border)",
+            padding: "2px",
+            background: checked ? "var(--primary)" : "var(--muted)",
+            cursor: "pointer",
+            display: "flex",
+            justifyContent: checked ? "flex-end" : "flex-start",
+            alignItems: "center"
+          },
+          children: /* @__PURE__ */ jsx("span", { style: {
+            width: "18px",
+            height: "18px",
+            borderRadius: "999px",
+            background: checked ? "var(--primary-foreground)" : "var(--background)",
+            boxShadow: "0 1px 2px rgba(0,0,0,0.16)"
+          } }, "knob")
+        },
+        "switch"
+      )
+    ] }, "row"),
+    help ? /* @__PURE__ */ jsx("span", { style: helpStyle, children: help }, "help") : null
+  ] });
+}
+function NoticeBanner({ notice, meta }) {
+  const border = notice.tone === "error" ? "1px solid var(--destructive)" : notice.tone === "success" ? "1px solid color-mix(in oklab, var(--primary) 45%, var(--border))" : "1px solid var(--border)";
+  const background = notice.tone === "error" ? "color-mix(in oklab, var(--destructive) 8%, var(--background))" : notice.tone === "success" ? "color-mix(in oklab, var(--primary) 8%, var(--background))" : "var(--background)";
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: "status",
+      "aria-live": "polite",
+      style: {
+        border,
+        borderRadius: "8px",
+        padding: "10px 12px",
+        background,
+        display: "grid",
+        gap: "4px"
+      },
+      children: [
+        /* @__PURE__ */ jsx("div", { style: { fontWeight: 700 }, children: notice.text }, "text"),
+        meta ? /* @__PURE__ */ jsx("div", { style: helpStyle, children: meta }, "meta") : null
+      ]
+    }
+  );
+}
+function normalizeText(value) {
+  return (value ?? "").trim().toLowerCase();
+}
+function normalizeMentionLabel(value) {
+  return normalizeText(value).replace(/^@+/, "").replace(/\s+/g, "");
+}
+function splitBotAliases(value) {
+  const values = Array.isArray(value) ? value : typeof value === "string" ? value.split(/[,，、\n]/g) : [];
+  return [...new Set(values.filter((item) => typeof item === "string").map((item) => item.trim().replace(/^@+/, "")).filter(Boolean))];
+}
+function isPlaceholderBotName(value) {
+  const normalized = normalizeText(value);
+  return !normalized || normalized === "\u98DE\u4E66\u673A\u5668\u4EBA" || normalized === "\u98DE\u4E66\u5E94\u7528" || normalized.startsWith("cli_") || normalized.includes("\u98DE\u4E66\u5E94\u7528") || /^[0-9a-f-]{12,}$/.test(normalized);
+}
+function connectionAliasList(connection) {
+  return splitBotAliases(connection?.botAliases);
+}
+function formatBotAliases(connection) {
+  return connectionAliasList(connection).join("\u3001");
+}
+function normalizeUiConfig(input) {
+  const source = input ?? {};
+  return {
+    ...DEFAULT_CONFIG,
+    ...source,
+    connections: Array.isArray(source.connections) ? source.connections.map((connection) => ({
+      ...connection,
+      botAliases: splitBotAliases(connection.botAliases)
+    })) : [],
+    routes: Array.isArray(source.routes) ? source.routes : [],
+    baseSinks: Array.isArray(source.baseSinks) ? source.baseSinks : []
+  };
+}
+function portableConfig(input) {
+  const secretKeys = /* @__PURE__ */ new Set([
+    "appSecret",
+    "app_secret",
+    "clientSecret",
+    "client_secret",
+    "tenantAccessToken",
+    "userAccessToken",
+    "accessToken",
+    "refreshToken",
+    "verificationToken",
+    "encryptKey"
+  ]);
+  function sanitize(value) {
+    if (Array.isArray(value)) return value.map((item) => sanitize(item));
+    if (!value || typeof value !== "object") return value;
+    const next = {};
+    Object.entries(value).forEach(([key, nested]) => {
+      if (secretKeys.has(key)) return;
+      next[key] = sanitize(nested);
+    });
+    return next;
+  }
+  return normalizeUiConfig(sanitize(input));
+}
+function readableError(error) {
+  if (error instanceof Error) return readableError(error.message);
+  if (typeof error === "string") {
+    const trimmed = error.trim();
+    if (trimmed.startsWith("{")) {
+      try {
+        const parsed = JSON.parse(trimmed);
+        const errorRecord = typeof parsed.error === "object" && parsed.error !== null ? parsed.error : null;
+        const message = typeof errorRecord?.message === "string" ? errorRecord.message : typeof parsed.error === "string" ? parsed.error : typeof parsed.message === "string" ? parsed.message : trimmed;
+        const hint = typeof errorRecord?.hint === "string" ? errorRecord.hint : "";
+        return hint ? `${message}\u3002${hint}` : message;
+      } catch {
+        return trimmed;
+      }
+    }
+    return trimmed;
+  }
+  if (typeof error === "object" && error !== null) {
+    const record = error;
+    const errorRecord = typeof record.error === "object" && record.error !== null ? record.error : null;
+    if (typeof errorRecord?.message === "string") {
+      const hint = typeof errorRecord.hint === "string" ? errorRecord.hint : "";
+      return hint ? `${errorRecord.message}\u3002${hint}` : errorRecord.message;
+    }
+    if (typeof record.error === "string") {
+      return record.error;
+    }
+    if (typeof record.message === "string") return readableError(record.message);
+  }
+  return "\u64CD\u4F5C\u5931\u8D25\uFF0C\u8BF7\u5237\u65B0\u540E\u91CD\u8BD5\u3002";
+}
+function companyLabel(company) {
+  return company.issuePrefix ? `${company.name}\uFF08${company.issuePrefix}\uFF09` : company.name;
+}
+function agentLabel(agent) {
+  return agent.title ? `${agent.name} - ${agent.title}` : agent.name;
+}
+function profileLabel(profile) {
+  const parts = [profileDisplayName(profile)];
+  parts.push(profileAuthLabel(profile));
+  if (profile.appId) parts.push(`App ID\uFF1A${maskTechnicalId(profile.appId)}`);
+  if (profile.name && profile.name !== profile.appId) parts.push(`\u914D\u7F6E\uFF1A${profile.name}`);
+  if (profile.active) parts.push("\u5F53\u524D\u9ED8\u8BA4");
+  return parts.join(" \xB7 ");
+}
+function maskTechnicalId(value) {
+  const trimmed = value?.trim();
+  if (!trimmed) return "\u672A\u8FD4\u56DE";
+  if (trimmed.length <= 14) return trimmed;
+  return `${trimmed.slice(0, 8)}\u2026${trimmed.slice(-4)}`;
+}
+function profileAuthLabel(profile) {
+  if (profile?.user) return `\u4E2A\u4EBA\u6388\u6743\uFF1A${profile.user}`;
+  return "\u673A\u5668\u4EBA\u8EAB\u4EFD\uFF1A\u5DF2\u7528\u4E8E\u6536\u53D1\u6D88\u606F";
+}
+function profileAuthDetail(profile) {
+  if (profile?.user) return "\u5DF2\u7ECF\u5B8C\u6210\u7528\u6237\u6388\u6743\uFF0C\u53EF\u6309\u6388\u6743\u8303\u56F4\u8BBF\u95EE\u4E2A\u4EBA\u98DE\u4E66\u8D44\u6E90\u3002";
+  return "\u8FD9\u662F\u6B63\u5E38\u72B6\u6001\uFF1A\u6536\u6D88\u606F\u3001\u56DE\u6D88\u606F\u3001\u5199\u591A\u7EF4\u8868\u683C\u8D70\u673A\u5668\u4EBA\u8EAB\u4EFD\uFF0C\u4E0D\u9700\u8981\u4E2A\u4EBA\u6388\u6743\u3002\u53EA\u6709\u8BBF\u95EE\u4E2A\u4EBA\u6587\u6863\u3001\u65E5\u5386\u3001\u90AE\u7BB1\u65F6\u624D\u5355\u72EC\u6388\u6743\u3002";
+}
+function missingProfileHelp(connection) {
+  const label = connection?.name || connection?.profileName || "\u8FD9\u4E2A\u673A\u5668\u4EBA";
+  return `\u5F53\u524D\u9875\u9762\u8FD8\u4FDD\u7559\u201C${label}\u201D\uFF0C\u4F46\u8FD9\u53F0\u673A\u5668/\u670D\u52A1\u5668\u6CA1\u6709\u8BFB\u5230\u5BF9\u5E94\u7684 lark-cli \u6388\u6743\u3002\u5148\u70B9\u201C\u5237\u65B0\u673A\u5668\u4EBA\u5217\u8868\u201D\uFF1B\u5982\u679C\u8FD8\u6CA1\u6709\uFF0C\u5C31\u70B9\u201C\u91CD\u65B0\u7ED1\u5B9A\u201D\u91CD\u65B0\u8D70\u4E00\u6B21\u98DE\u4E66\u6388\u6743\u3002\u4E91\u670D\u52A1\u5668\u90E8\u7F72\u65F6\uFF0C\u672C\u5730\u7ED1\u5B9A\u4E0D\u4F1A\u81EA\u52A8\u5E26\u8FC7\u53BB\uFF0C\u670D\u52A1\u5668\u4E0A\u4E5F\u8981\u7ED1\u5B9A\u6216\u6CE8\u5165\u540C\u4E00\u5957\u5BC6\u94A5\u3002`;
+}
+function missingBotNameHelp(connection) {
+  const aliases = formatBotAliases(connection);
+  if (aliases) return `\u98DE\u4E66\u6CA1\u6709\u8FD4\u56DE\u5B98\u65B9\u673A\u5668\u4EBA\u540D\uFF0C\u5F53\u524D\u4F1A\u7528\u4F60\u586B\u5199\u7684 @ \u540D\u79F0\u201C${aliases}\u201D\u5224\u65AD\u6D88\u606F\u662F\u4E0D\u662F\u53D1\u7ED9\u8FD9\u4E2A\u673A\u5668\u4EBA\u3002`;
+  return "\u6CA1\u6709\u4ECE\u98DE\u4E66\u8BFB\u53D6\u5230\u673A\u5668\u4EBA\u663E\u793A\u540D\u3002\u8BF7\u586B\u5199\u98DE\u4E66\u91CC @ \u5B83\u65F6\u770B\u5230\u7684\u540D\u5B57\uFF0C\u4F8B\u5982\u201C\u5C0F\u9510\u201D\u3002\u5426\u5219\u591A\u4E2A\u673A\u5668\u4EBA\u5728\u540C\u4E00\u4E2A\u7FA4\u91CC\u65F6\uFF0C@\u5C0F\u9510/@\u9510\u601D \u53EF\u80FD\u88AB\u9519\u8BEF\u63A5\u8D70\u3002";
+}
+function profileDisplayName(profile) {
+  if (!profile) return "\u98DE\u4E66\u5E94\u7528";
+  return profile.botName || (profile.user ? `\u98DE\u4E66\u5E94\u7528\uFF08${profile.user}\uFF09` : profile.name || "\u98DE\u4E66\u5E94\u7528");
+}
+function primaryMentionName(connection, profile) {
+  const realBotName = profile?.botName?.trim();
+  if (realBotName) return realBotName;
+  const alias = connectionAliasList(connection)[0];
+  if (alias) return alias;
+  const connectionName = connection?.name?.trim();
+  if (connectionName && !isPlaceholderBotName(connectionName)) return connectionName;
+  return "\u673A\u5668\u4EBA";
+}
+function appLabel(connection, profile) {
+  const realBotName = profile?.botName ?? null;
+  const alias = connectionAliasList(connection)[0];
+  const connectionName = connection?.name?.trim();
+  if (realBotName) return realBotName;
+  if (alias) return alias;
+  if (connectionName) return connectionName;
+  if (profile?.user) return `\u98DE\u4E66\u5E94\u7528\uFF08${profile.user}\uFF09`;
+  if (profile?.name) return profile.name;
+  return "\u98DE\u4E66\u5E94\u7528";
+}
+function routeTitle(route, index) {
+  const explicitName = route.name?.trim();
+  if (explicitName && !isLikelyInternalRouteName(explicitName)) return explicitName;
+  const described = describeRouteForHumans(route);
+  if (described && described !== "\u9ED8\u8BA4\u5165\u53E3") return described;
+  if (route.matchType === "regex") {
+    if (route.regex?.includes("\u9510\u601D") && route.regex?.includes("paperclip")) {
+      return route.targetAgentName?.trim() ? `\u9AD8\u7EA7\u5165\u53E3\uFF1A\u5173\u952E\u8BCD\u201C\u9510\u601D / paperclip\u201D \u2192 ${route.targetAgentName.trim()}` : "\u9AD8\u7EA7\u5165\u53E3\uFF1A\u5173\u952E\u8BCD\u201C\u9510\u601D / paperclip\u201D";
+    }
+  }
+  if (route.matchType === "default") return "\u5176\u4ED6\u672A\u5339\u914D\u6D88\u606F";
+  return `\u63A5\u6536\u89C4\u5219 ${index + 1}`;
+}
+function routeSourceLabel(route) {
+  if (route.matchType === "chat") return route.chatName ? `\u98DE\u4E66\u4F1A\u8BDD\u201C${route.chatName}\u201D` : route.chatId ? "\u6307\u5B9A\u4F1A\u8BDD\uFF08\u540D\u79F0\u5F85\u540C\u6B65\uFF09" : "\u6307\u5B9A\u7FA4\u6216\u5355\u804A";
+  if (route.matchType === "user") return route.userName ? `\u6307\u5B9A\u4EBA\u5458\u201C${route.userName}\u201D` : route.userOpenId ? "\u6307\u5B9A\u4EBA\u5458\uFF08\u540D\u79F0\u5F85\u540C\u6B65\uFF09" : "\u6307\u5B9A\u53D1\u6D88\u606F\u4EBA";
+  if (route.matchType === "keyword") return route.keyword ? `\u6D88\u606F\u5305\u542B\u201C${route.keyword}\u201D` : "\u6D88\u606F\u5305\u542B\u5173\u952E\u8BCD";
+  if (route.matchType === "regex") return route.regex ? "\u6309\u9AD8\u7EA7\u89C4\u5219\u5339\u914D" : "\u9AD8\u7EA7\u89C4\u5219";
+  return "\u672A\u88AB\u5176\u4ED6\u89C4\u5219\u63A5\u8D70\u7684\u6D88\u606F";
+}
+function routeTargetLabel(company, agent) {
+  if (!company && !agent) return "\u8FD8\u6CA1\u9009\u62E9";
+  if (company && agent) return `${agentLabel(agent)}\uFF08${companyLabel(company)}\uFF09`;
+  if (company) return `${companyLabel(company)}\u91CC\u7684\u667A\u80FD\u4F53`;
+  return agent ? agentLabel(agent) : "\u8FD8\u6CA1\u9009\u62E9";
+}
+function feishuTriggerText(route, connection, profile) {
+  const botName = primaryMentionName(connection, profile);
+  const mention = `@${botName}`;
+  if (!route) return `${mention} paperclip`;
+  if (route.matchType === "keyword") {
+    const keyword = route.keyword?.trim() || "paperclip";
+    return normalizeMentionLabel(keyword) === normalizeMentionLabel(botName) ? mention : `${mention} ${keyword}`;
+  }
+  if (route.matchType === "regex" && route.regex?.includes("paperclip")) return `${mention} paperclip`;
+  return mention;
+}
+function feishuSmokeText(route, connection, profile) {
+  return `${feishuTriggerText(route, connection, profile)} \u53EA\u56DE\u590D ok`;
+}
+function feishuTaskTestText(route, connection, profile) {
+  const trigger = feishuTriggerText(route, connection, profile);
+  return `${trigger} \u8BF7\u521B\u5EFA\u4E00\u4E2A paperclip \u6D4B\u8BD5\u4EFB\u52A1\uFF0C\u5B8C\u6210\u540E\u56DE\u590D\u6211\uFF1B\u5982\u679C\u6211\u5E26\u4E86\u56FE\u7247\u6216\u6587\u4EF6\uFF0C\u4E5F\u8BF7\u4E00\u8D77\u5904\u7406\u3002`;
+}
+function deploymentHint() {
+  const host = typeof window !== "undefined" ? window.location.hostname : "";
+  if (host === "localhost" || host === "127.0.0.1") {
+    return "\u5F53\u524D\u662F\u672C\u5730\u6D4B\u8BD5\uFF1A\u8FD9\u4E2A\u98DE\u4E66\u5E94\u7528\u7ED1\u5728\u8FD9\u53F0 Mac \u4E0A\u3002\u672A\u6765\u90E8\u7F72\u5230\u4E91\u670D\u52A1\u5668\u540E\uFF0C\u8981\u628A\u540C\u4E00\u4E2A\u98DE\u4E66\u5E94\u7528\u7ED1\u5B9A\u5230\u670D\u52A1\u5668\u4E0A\u3002";
+  }
+  return "\u5F53\u524D\u662F\u670D\u52A1\u5668\u73AF\u5883\uFF1A\u98DE\u4E66\u5E94\u7528\u914D\u7F6E\u6765\u81EA Paperclip \u670D\u52A1\u5668\uFF0C\u4E0D\u4F1A\u8BFB\u53D6\u7528\u6237\u7535\u8111\u3002";
+}
+function isLocalRuntime() {
+  const host = typeof window !== "undefined" ? window.location.hostname : "";
+  return host === "localhost" || host === "127.0.0.1";
+}
+function shellQuote(value) {
+  return `'${value.replace(/'/g, "'\\''")}'`;
+}
+function serverProfileName(connection) {
+  return connection?.profileName?.trim() || "paperclip-feishu-bot";
+}
+function buildServerDeployCommands(connection) {
+  const profileName = serverProfileName(connection);
+  const appId = connection?.appId?.trim() || "<App ID>";
+  return [
+    "# 1. \u5728 Paperclip \u670D\u52A1\u5668\u4E0A\u786E\u8BA4 lark-cli \u53EF\u7528\uFF08\u63D2\u4EF6\u5305\u4F1A\u81EA\u5E26 CLI\uFF1B\u8FD9\u91CC\u7528\u4E8E\u4EBA\u5DE5\u4F53\u68C0\uFF09",
+    "lark-cli --version",
+    "lark-cli doctor",
+    "",
+    "# 2. \u5728\u670D\u52A1\u5668\u4E0A\u7ED1\u5B9A\u540C\u4E00\u4E2A\u98DE\u4E66\u5E94\u7528\u3002App Secret \u4E0D\u8981\u53D1\u5230\u804A\u5929\u6216\u622A\u56FE\u91CC\u3002",
+    `lark-cli config init --new --name ${shellQuote(profileName)} --brand feishu --lang zh`,
+    `printf '<App Secret>' | lark-cli profile add --name ${shellQuote(profileName)} --app-id ${shellQuote(appId)} --brand feishu --app-secret-stdin --use`,
+    "",
+    "# 3. \u56DE\u5230 Paperclip \u98DE\u4E66\u8FDE\u63A5\u5668\u9875\u9762\uFF0C\u5237\u65B0\u673A\u5668\u4EBA\u5217\u8868\uFF0C\u786E\u8BA4\u540C\u540D profile \u51FA\u73B0\u540E\u518D\u4FDD\u5B58\u914D\u7F6E\u3002"
+  ].join("\n");
+}
+function connectionOptionNodes(connections, prefix, defaultLabel = "\u9ED8\u8BA4\u7B2C\u4E00\u4E2A\u53EF\u7528\u673A\u5668\u4EBA", profiles = []) {
+  return Children.toArray([
+    /* @__PURE__ */ jsx("option", { value: "", children: defaultLabel }, `${prefix}-default`),
+    ...connections.map((connection, optionIndex) => {
+      const profile = profiles.find((item) => item.name === connection.profileName) ?? null;
+      return /* @__PURE__ */ jsx("option", { value: connection.id, children: appLabel(connection, profile) }, `${prefix}-connection-${optionIndex}-${connection.id}`);
+    })
+  ]);
+}
+function companyOptionNodes(companies, prefix) {
+  return Children.toArray([
+    /* @__PURE__ */ jsx("option", { value: "", children: "\u8BF7\u9009\u62E9\u516C\u53F8" }, `${prefix}-empty-company`),
+    ...companies.map((item, optionIndex) => /* @__PURE__ */ jsx("option", { value: item.id, children: companyLabel(item) }, `${prefix}-company-${optionIndex}-${item.id}`))
+  ]);
+}
+function agentOptionNodes(agents, prefix) {
+  return Children.toArray([
+    /* @__PURE__ */ jsx("option", { value: "", children: "\u8BF7\u9009\u62E9\u667A\u80FD\u4F53" }, `${prefix}-empty-agent`),
+    ...agents.map((item, optionIndex) => /* @__PURE__ */ jsx("option", { value: item.id, children: agentLabel(item) }, `${prefix}-agent-${optionIndex}-${item.id}`))
+  ]);
+}
+function resolveCompany(route, companies) {
+  const id = normalizeText(route.companyId);
+  if (id) {
+    const byId = companies.find((company) => normalizeText(company.id) === id);
+    if (byId) return byId;
+  }
+  const ref = normalizeText(route.companyRef);
+  if (!ref) return null;
+  return companies.find(
+    (company) => normalizeText(company.id) === ref || normalizeText(company.name) === ref || normalizeText(company.issuePrefix) === ref
+  ) ?? null;
+}
+function resolveAgent(route, company) {
+  if (!company) return null;
+  const id = normalizeText(route.targetAgentId);
+  if (id) {
+    const byId = company.agents.find((agent) => normalizeText(agent.id) === id);
+    if (byId) return byId;
+  }
+  const ref = normalizeText(route.targetAgentRef ?? route.targetAgentName);
+  if (!ref) return null;
+  return company.agents.find(
+    (agent) => normalizeText(agent.id) === ref || normalizeText(agent.name) === ref || normalizeText(agent.title) === ref || normalizeText(agent.urlKey) === ref
+  ) ?? null;
+}
+async function hostFetchJson(path, init) {
+  const response = await fetch(path, {
+    credentials: "include",
+    headers: {
+      "content-type": "application/json",
+      ...init?.headers ?? {}
+    },
+    ...init
+  });
+  if (!response.ok) {
+    const text = await response.text();
+    throw new Error(readableError(text || `Request failed: ${response.status}`));
+  }
+  return await response.json();
+}
+function useSettingsConfig(pluginApiId) {
+  const [configJson, setConfigJson] = useState(() => normalizeUiConfig({}));
+  const [loading, setLoading] = useState(true);
+  const [saving, setSaving] = useState(false);
+  const [error, setError] = useState(null);
+  useEffect(() => {
+    let cancelled = false;
+    setLoading(true);
+    hostFetchJson(`/api/plugins/${encodeURIComponent(pluginApiId)}/config`).then((result) => {
+      if (cancelled) return;
+      setConfigJson(normalizeUiConfig(result?.configJson ?? {}));
+      setError(null);
+    }).catch((nextError) => {
+      if (cancelled) return;
+      setError(readableError(nextError));
+    }).finally(() => {
+      if (!cancelled) setLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [pluginApiId]);
+  async function save(nextConfig) {
+    setSaving(true);
+    try {
+      await hostFetchJson(`/api/plugins/${encodeURIComponent(pluginApiId)}/config`, {
+        method: "POST",
+        body: JSON.stringify({ configJson: nextConfig })
+      });
+      setConfigJson(normalizeUiConfig(nextConfig));
+      setError(null);
+    } catch (nextError) {
+      setError(readableError(nextError));
+      throw nextError;
+    } finally {
+      setSaving(false);
+    }
+  }
+  async function test(nextConfig) {
+    return await hostFetchJson(`/api/plugins/${encodeURIComponent(pluginApiId)}/config/test`, {
+      method: "POST",
+      body: JSON.stringify({ configJson: nextConfig })
+    });
+  }
+  return { configJson, setConfigJson, loading, saving, error, save, test };
+}
+function connectionFromProfile(input) {
+  const baseId = input.profileName.toLowerCase().replace(/[^a-z0-9_-]+/g, "-").replace(/^-+|-+$/g, "").slice(0, 42) || "feishu-bot";
+  return {
+    id: input.index === 0 ? baseId : `${baseId}-${input.index + 1}`,
+    name: input.displayName?.trim() || `\u98DE\u4E66\u673A\u5668\u4EBA ${input.index + 1}`,
+    botAliases: input.displayName && !isPlaceholderBotName(input.displayName) ? [input.displayName.trim()] : [],
+    profileName: input.profileName,
+    appId: input.appId,
+    enabled: true
+  };
+}
+function suggestedBindProfileName(profiles) {
+  const existing = new Set(profiles.map((profile) => profile.name));
+  if (!existing.has("paperclip-feishu-bot")) return "paperclip-feishu-bot";
+  for (let index = 2; index < 100; index += 1) {
+    const candidate = `paperclip-feishu-bot-${index}`;
+    if (!existing.has(candidate)) return candidate;
+  }
+  return `paperclip-feishu-bot-${Date.now()}`;
+}
+function FeishuSettingsPage(props) {
+  const pluginApiId = pluginInstanceIdFromProps(props);
+  const catalog = usePluginData(DATA_KEYS.catalog);
+  const profileCatalog = usePluginData(DATA_KEYS.profiles);
+  const connectorStatus = usePluginData(DATA_KEYS.status);
+  const capabilityCenter = usePluginData(DATA_KEYS.capabilities);
+  const bindProfile = usePluginAction(ACTION_KEYS.bindProfile);
+  const startGuidedBind = usePluginAction(ACTION_KEYS.startGuidedBind);
+  const finishGuidedBind = usePluginAction(ACTION_KEYS.finishGuidedBind);
+  const startUserAuth = usePluginAction(ACTION_KEYS.startUserAuth);
+  const finishUserAuth = usePluginAction(ACTION_KEYS.finishUserAuth);
+  const testRoute = usePluginAction(ACTION_KEYS.testRoute);
+  const checkPermissions = usePluginAction(ACTION_KEYS.checkPermissions);
+  const retryFailedDeliveries = usePluginAction(ACTION_KEYS.retryFailedDeliveries);
+  const {
+    configJson,
+    setConfigJson,
+    loading,
+    saving,
+    error,
+    save,
+    test
+  } = useSettingsConfig(pluginApiId);
+  const [notice, setNotice] = useState(null);
+  const [toast, setToast] = useState(null);
+  const [showBindPanel, setShowBindPanel] = useState(false);
+  const [bindPanelTitle, setBindPanelTitle] = useState("\u7ED1\u5B9A\u65B0\u7684\u98DE\u4E66\u673A\u5668\u4EBA");
+  const [bindMethod, setBindMethod] = useState("guided");
+  const [binding, setBinding] = useState(false);
+  const [checking, setChecking] = useState(false);
+  const [lastCheckAt, setLastCheckAt] = useState(null);
+  const [checkReportItems, setCheckReportItems] = useState([]);
+  const [startingGuidedBind, setStartingGuidedBind] = useState(false);
+  const [finishingGuidedBind, setFinishingGuidedBind] = useState(false);
+  const [startingUserAuthProfileName, setStartingUserAuthProfileName] = useState(null);
+  const [finishingUserAuthProfileName, setFinishingUserAuthProfileName] = useState(null);
+  const [userAuthResults, setUserAuthResults] = useState({});
+  const [guidedBindResult, setGuidedBindResult] = useState(null);
+  const [testingRouteId, setTestingRouteId] = useState(null);
+  const [checkingPermissions, setCheckingPermissions] = useState(false);
+  const [permissionCheck, setPermissionCheck] = useState(null);
+  const [retryingQueue, setRetryingQueue] = useState(false);
+  const [importConfigText, setImportConfigText] = useState("");
+  const [importConfigError, setImportConfigError] = useState(null);
+  const [fixingRouteId, setFixingRouteId] = useState(null);
+  const [routeTestResults, setRouteTestResults] = useState({});
+  const [checkingConnectionId, setCheckingConnectionId] = useState(null);
+  const [connectionCheckResults, setConnectionCheckResults] = useState({});
+  const [showFeishuTestGuide, setShowFeishuTestGuide] = useState(false);
+  const [bindForm, setBindForm] = useState({
+    displayName: "\u98DE\u4E66\u673A\u5668\u4EBA",
+    botAliases: "",
+    profileName: "",
+    appId: "",
+    appSecret: "",
+    appSecretRef: ""
+  });
+  const [showEntryWizard, setShowEntryWizard] = useState(false);
+  const [savedEntry, setSavedEntry] = useState(null);
+  const [showAdvancedSettings, setShowAdvancedSettings] = useState(false);
+  const [activeAdvancedPanel, setActiveAdvancedPanel] = useState("auth");
+  const [activeMainTab, setActiveMainTab] = useState(() => initialMainTab());
+  const [expandedEntryRouteId, setExpandedEntryRouteId] = useState(null);
+  const [chatSearchQuery, setChatSearchQuery] = useState("\u667A\u80FD\u4F53");
+  const [userSearchQuery, setUserSearchQuery] = useState("\u5F20");
+  const [wizardDraft, setWizardDraft] = useState({
+    matchType: "keyword",
+    keyword: "paperclip",
+    replyMode: "thread"
+  });
+  useEffect(() => {
+    if (!toast) return void 0;
+    const timer = window.setTimeout(() => setToast(null), 4200);
+    return () => window.clearTimeout(timer);
+  }, [toast]);
+  useEffect(() => {
+    const syncFromHash = () => setActiveMainTab(mainTabFromHash(window.location.hash));
+    syncFromHash();
+    window.addEventListener("hashchange", syncFromHash);
+    return () => window.removeEventListener("hashchange", syncFromHash);
+  }, []);
+  const companies = catalog.data?.companies ?? [];
+  const allAgentOptions = companies.flatMap(
+    (company) => company.agents.map((agent) => ({ company, agent }))
+  );
+  const connections = configJson.connections ?? [];
+  const routes = configJson.routes ?? [];
+  const baseSinks = configJson.baseSinks ?? [];
+  const capabilityOverrides = configJson.capabilities ?? [];
+  const capabilityGroups = capabilityCenter.data?.groups ?? [];
+  const enabledCapabilityCount = capabilityGroups.flatMap((group) => group.capabilities).filter((capability) => capability.enabled).length;
+  const profiles = profileCatalog.data?.profiles ?? [];
+  const profileError = profileCatalog.data?.error ?? profileCatalog.error?.message;
+  const suggestedNewProfileName = suggestedBindProfileName(profiles);
+  const activeConnections = connections.filter((connection) => connection.enabled !== false);
+  const availableProfileNames = new Set(profiles.map((profile) => profile.name));
+  const usableConnections = activeConnections.filter((connection) => availableProfileNames.has(connection.profileName));
+  const missingProfileConnections = activeConnections.filter((connection) => !availableProfileNames.has(connection.profileName));
+  const firstEnabledConnection = activeConnections[0] ?? connections[0];
+  const preferredConnection = usableConnections[0] ?? firstEnabledConnection;
+  const suggestedProfileName = firstEnabledConnection?.profileName || "paperclip-feishu-bot";
+  const runtimeHint = deploymentHint();
+  const connectedProfile = profiles.find((profile) => profile.name === firstEnabledConnection?.profileName);
+  const directoryProfileName = profiles.find((profile) => profile.user)?.name ?? connectedProfile?.name ?? firstEnabledConnection?.profileName ?? "";
+  const directoryParams = useMemo(() => ({
+    profileName: directoryProfileName,
+    chatQuery: chatSearchQuery,
+    userQuery: userSearchQuery
+  }), [directoryProfileName, chatSearchQuery, userSearchQuery]);
+  const directoryCatalog = usePluginData(DATA_KEYS.directory, directoryParams);
+  const hasConnection = activeConnections.some((connection) => connection.profileName);
+  const hasUsableConnection = usableConnections.length > 0;
+  const enabledRouteCount = routes.filter((route) => route.enabled !== false).length;
+  const isSendingRealMessages = configJson.dryRunCli !== true;
+  const isListening = configJson.enableEventSubscriber === true;
+  const runningOnLocalhost = isLocalRuntime();
+  const routeSummaries = useMemo(() => routes.map((route) => {
+    const company = resolveCompany(route, companies);
+    const agent = resolveAgent(route, company);
+    return { route, company, agent };
+  }), [companies, routes]);
+  const enabledRouteSummaries = routeSummaries.filter(({ route }) => route.enabled !== false);
+  const firstEnabledRouteSummary = routeSummaries.find(({ route }) => route.enabled !== false) ?? routeSummaries[0] ?? null;
+  const firstRouteConnection = firstEnabledRouteSummary?.route.connectionId ? connections.find((connection) => connection.id === firstEnabledRouteSummary.route.connectionId) ?? preferredConnection : preferredConnection;
+  const firstRouteProfile = profiles.find((profile) => profile.name === firstRouteConnection?.profileName);
+  const firstRouteConnectionReady = Boolean(firstRouteConnection?.profileName && availableProfileNames.has(firstRouteConnection.profileName));
+  const enabledRoutesWithMissingConnection = enabledRouteSummaries.filter(({ route }) => {
+    const connection = route.connectionId ? connections.find((candidate) => candidate.id === route.connectionId) : preferredConnection;
+    return !connection?.profileName || !availableProfileNames.has(connection.profileName);
+  }).length;
+  const firstMissingRouteSummary = enabledRouteSummaries.find(({ route }) => {
+    const connection = route.connectionId ? connections.find((candidate) => candidate.id === route.connectionId) : preferredConnection;
+    return !connection?.profileName || !availableProfileNames.has(connection.profileName);
+  }) ?? null;
+  const connectionToFix = firstMissingRouteSummary?.route.connectionId ? connections.find((connection) => connection.id === firstMissingRouteSummary.route.connectionId) : missingProfileConnections[0] ?? null;
+  const quickSmokeText = feishuSmokeText(firstEnabledRouteSummary?.route, firstRouteConnection, firstRouteProfile);
+  const smokeText = feishuTaskTestText(firstEnabledRouteSummary?.route, firstRouteConnection, firstRouteProfile);
+  const currentBotName = primaryMentionName(firstRouteConnection, firstRouteProfile ?? connectedProfile);
+  const routeUsesOldBotKeyword = Boolean(
+    firstEnabledRouteSummary?.route.matchType === "regex" && firstEnabledRouteSummary.route.regex?.includes("\u9510\u601D") && currentBotName && !firstEnabledRouteSummary.route.regex.includes(currentBotName)
+  );
+  const canTryFeishuSmokeTest = firstRouteConnectionReady && enabledRouteCount > 0 && isListening && isSendingRealMessages;
+  const connectionUsageCounts = useMemo(() => {
+    const counts = /* @__PURE__ */ new Map();
+    const fallbackConnectionId = preferredConnection?.id;
+    for (const route of routes) {
+      if (route.enabled === false) continue;
+      const connectionId = route.connectionId || fallbackConnectionId;
+      if (!connectionId) continue;
+      counts.set(connectionId, (counts.get(connectionId) ?? 0) + 1);
+    }
+    return counts;
+  }, [routes, preferredConnection?.id]);
+  const activeConnectionLabels = activeConnections.map((connection) => {
+    const label = appLabel(connection, profiles.find((profile) => profile.name === connection.profileName));
+    const routeCount = connectionUsageCounts.get(connection.id) ?? 0;
+    const profileReady = availableProfileNames.has(connection.profileName);
+    return `${label}\uFF08${profileReady ? `${routeCount} \u6761\u5165\u53E3` : "profile \u7F3A\u5931"}\uFF09`;
+  }).filter(Boolean);
+  const runtimeStatusLabel = isListening && isSendingRealMessages ? "\u76D1\u542C\u4E2D" : isListening ? "\u76D1\u542C\u4E2D\uFF0C\u6A21\u62DF\u56DE\u590D" : "\u672A\u76D1\u542C";
+  const runtimeStatusDetail = isListening && isSendingRealMessages ? "\u771F\u5B9E\u56DE\u590D\u5DF2\u5F00\u542F" : `${isListening ? "\u5DF2\u63A5\u6536\u4E8B\u4EF6" : "\u4E0D\u4F1A\u81EA\u52A8\u63A5\u6536\u98DE\u4E66\u6D88\u606F"} \xB7 ${isSendingRealMessages ? "\u771F\u5B9E\u56DE\u590D" : "\u6D4B\u8BD5\u6A21\u5F0F"}`;
+  const feishuEventRecords = useMemo(() => {
+    const records = connectorStatus.data?.recentRecords ?? [];
+    return records.filter(isInboundMessageRecord);
+  }, [connectorStatus.data?.recentRecords]);
+  const latestFeishuEvent = feishuEventRecords[0] ?? null;
+  const latestOperationalRecord = (connectorStatus.data?.recentRecords ?? []).find((record) => !isInboundMessageRecord(record)) ?? null;
+  const feishuEventEmptyText = connectorStatus.data?.lastInboundEventAt ? `\u8FD8\u6CA1\u6709\u65B0\u7684\u98DE\u4E66\u6D88\u606F\u4E8B\u4EF6\u3002\u4E0A\u6B21\u8FDB\u5165\u63D2\u4EF6\u7684\u98DE\u4E66\u6D88\u606F\u662F ${connectorStatus.data.lastInboundEventAt}\uFF1B\u5982\u679C\u521A\u53D1\u8FC7\u6D4B\u8BD5\u6D88\u606F\uFF0C\u8BF7\u5148\u786E\u8BA4\u6D88\u606F\u53D1\u7ED9\u4E86\u5F53\u524D\u5165\u53E3\u7ED1\u5B9A\u7684\u673A\u5668\u4EBA\u3002` : "\u8FD8\u6CA1\u6709\u6536\u5230\u98DE\u4E66\u6D88\u606F\u4E8B\u4EF6\u3002\u8BF7\u786E\u8BA4\u4F60 @ \u7684\u673A\u5668\u4EBA\u5C31\u662F\u4E0B\u65B9\u5165\u53E3\u9009\u62E9\u7684\u673A\u5668\u4EBA\u3002";
+  const statusTitle = !hasConnection ? "\u5F85\u63A5\u5165\u98DE\u4E66\u673A\u5668\u4EBA" : !hasUsableConnection ? "\u5DF2\u914D\u7F6E\u673A\u5668\u4EBA\uFF0C\u4F46\u5F53\u524D\u8FD0\u884C\u73AF\u5883\u7F3A\u5C11\u6388\u6743" : enabledRouteCount === 0 ? "\u5DF2\u6DFB\u52A0\u98DE\u4E66\u673A\u5668\u4EBA\uFF0C\u5F85\u914D\u7F6E\u6D88\u606F\u5165\u53E3" : enabledRoutesWithMissingConnection > 0 ? "\u6709\u5165\u53E3\u4F7F\u7528\u7684\u98DE\u4E66\u673A\u5668\u4EBA\u4E0D\u53EF\u8FD0\u884C\uFF0C\u9700\u8981\u91CD\u65B0\u7ED1\u5B9A\u6216\u6362\u673A\u5668\u4EBA" : !isListening ? "\u5DF2\u914D\u7F6E\u5165\u53E3\uFF0C\u5F85\u5F00\u542F\u98DE\u4E66\u6D88\u606F\u76D1\u542C" : !isSendingRealMessages ? "\u5F53\u524D\u4E3A\u6D4B\u8BD5\u6A21\u5F0F\uFF0C\u6682\u4E0D\u4F1A\u771F\u5B9E\u56DE\u590D\u98DE\u4E66" : "\u673A\u5668\u4EBA\u3001\u5165\u53E3\u548C\u76D1\u542C\u90FD\u5DF2\u5C31\u7EEA\uFF0C\u5EFA\u8BAE\u5B8C\u6210\u4E00\u6B21\u98DE\u4E66\u771F\u5B9E\u6D4B\u8BD5";
+  const overviewTitle = !hasConnection ? "\u5148\u63A5\u5165\u4E00\u4E2A\u98DE\u4E66\u673A\u5668\u4EBA" : enabledRoutesWithMissingConnection > 0 ? "\u98DE\u4E66\u5165\u53E3\u9700\u8981\u4FEE\u590D" : hasUsableConnection ? "\u98DE\u4E66\u5DF2\u7ECF\u8FDE\u63A5\u5230 Paperclip" : "\u98DE\u4E66\u673A\u5668\u4EBA\u8FD8\u6CA1\u6709\u6388\u6743\u5230\u5F53\u524D\u73AF\u5883";
+  const nextStepKind = !hasConnection ? "bind" : !hasUsableConnection ? "rebind" : enabledRouteCount === 0 ? "entry" : enabledRoutesWithMissingConnection > 0 ? "edit-entry" : !isListening ? "enable-listen" : !isSendingRealMessages ? "enable-real" : "test";
+  const nextStepCopy = (() => {
+    if (nextStepKind === "bind") {
+      return {
+        title: "\u4E0B\u4E00\u6B65\uFF1A\u5148\u63A5\u5165\u98DE\u4E66\u673A\u5668\u4EBA",
+        detail: "\u8FD9\u662F\u552F\u4E00\u5FC5\u987B\u5148\u505A\u7684\u4E8B\u3002\u63A5\u5165\u540E\u518D\u9009\u62E9\u201C\u54EA\u4E9B\u6D88\u606F\u8FDB\u6765\u3001\u4EA4\u7ED9\u54EA\u4E2A\u667A\u80FD\u4F53\u201D\u3002"
+      };
+    }
+    if (nextStepKind === "rebind") {
+      const label = appLabel(connectionToFix ?? firstEnabledConnection, profiles.find((profile) => profile.name === connectionToFix?.profileName));
+      return {
+        title: "\u4E0B\u4E00\u6B65\uFF1A\u4FEE\u590D\u673A\u5668\u4EBA\u6388\u6743",
+        detail: `\u5F53\u524D\u8FD0\u884C\u73AF\u5883\u6CA1\u6709\u8BFB\u5230\u201C${label}\u201D\u3002\u5148\u5237\u65B0\u5217\u8868\uFF1B\u5982\u679C\u4ECD\u7136\u6CA1\u6709\uFF0C\u5C31\u5728\u5F39\u7A97\u91CC\u91CD\u65B0\u7ED1\u5B9A\u8FD9\u4E2A\u673A\u5668\u4EBA\u3002`
+      };
+    }
+    if (nextStepKind === "entry") {
+      return {
+        title: "\u4E0B\u4E00\u6B65\uFF1A\u65B0\u589E\u4E00\u6761\u4E1A\u52A1\u5165\u53E3",
+        detail: "\u5165\u53E3\u51B3\u5B9A\u201C\u54EA\u4E2A\u98DE\u4E66\u7FA4\u6216\u5173\u952E\u8BCD\u8FDB\u6765\u3001\u7528\u54EA\u4E2A\u673A\u5668\u4EBA\u6536\u3001\u4EA4\u7ED9\u54EA\u4E2A Paperclip \u667A\u80FD\u4F53\u201D\u3002"
+      };
+    }
+    if (nextStepKind === "edit-entry") {
+      return {
+        title: "\u4E0B\u4E00\u6B65\uFF1A\u4FEE\u590D\u5165\u53E3\u4F7F\u7528\u7684\u673A\u5668\u4EBA",
+        detail: "\u6709\u5165\u53E3\u8FD8\u6307\u5411\u4E0D\u53EF\u8FD0\u884C\u7684\u673A\u5668\u4EBA\u3002\u7F16\u8F91\u8FD9\u6761\u5165\u53E3\uFF0C\u6362\u6210\u53EF\u8FD0\u884C\u673A\u5668\u4EBA\uFF0C\u6216\u91CD\u65B0\u7ED1\u5B9A\u539F\u673A\u5668\u4EBA\u3002"
+      };
+    }
+    if (nextStepKind === "enable-listen") {
+      return {
+        title: "\u4E0B\u4E00\u6B65\uFF1A\u5F00\u542F\u81EA\u52A8\u76D1\u542C",
+        detail: "\u4E0D\u5F00\u76D1\u542C\u65F6\uFF0C\u98DE\u4E66\u91CC\u53D1\u6D88\u606F\u4E0D\u4F1A\u81EA\u52A8\u8FDB\u5165 Paperclip\u3002\u5F00\u542F\u540E\u518D\u53BB\u98DE\u4E66\u5B9E\u6D4B\u3002"
+      };
+    }
+    if (nextStepKind === "enable-real") {
+      return {
+        title: "\u4E0B\u4E00\u6B65\uFF1A\u5F00\u542F\u771F\u5B9E\u56DE\u590D",
+        detail: "\u5F53\u524D\u53EA\u662F\u6A21\u62DF\u6A21\u5F0F\u3002\u8981\u770B\u5230\u98DE\u4E66\u91CC\u771F\u5B9E\u56DE\u590D\uFF0C\u9700\u8981\u5F00\u542F\u771F\u5B9E\u53D1\u9001\u3002"
+      };
+    }
+    return {
+      title: "\u4E0B\u4E00\u6B65\uFF1A\u53BB\u98DE\u4E66\u91CC\u53D1\u4E00\u53E5\u771F\u5B9E\u6D4B\u8BD5",
+      detail: `\u628A\u6D4B\u8BD5\u8BDD\u672F\u53D1\u5230\u76EE\u6807\u4F1A\u8BDD\uFF1A${smokeText}`
+    };
+  })();
+  const serverDeployConnection = firstRouteConnection ?? preferredConnection ?? firstEnabledConnection;
+  const serverDeployCommands = buildServerDeployCommands(serverDeployConnection);
+  const activeSubscriberCount = connectorStatus.data?.subscribers?.filter((subscriber) => activeConnections.some((connection) => connection.id === subscriber.connectionId)).length ?? 0;
+  const capabilityChecks = [
+    {
+      tone: hasUsableConnection && !profileError && missingProfileConnections.length === 0 ? "success" : hasConnection ? "warning" : "error",
+      title: "\u98DE\u4E66\u5E94\u7528\u6388\u6743",
+      detail: hasUsableConnection && !profileError ? missingProfileConnections.length > 0 ? `\u5DF2\u53D1\u73B0 ${profiles.length} \u4E2A lark-cli profile\uFF1B${usableConnections.length} \u4E2A\u673A\u5668\u4EBA\u53EF\u8FD0\u884C\uFF0C${missingProfileConnections.length} \u4E2A\u673A\u5668\u4EBA\u7F3A\u5C11\u5F53\u524D\u73AF\u5883\u6388\u6743\u3002` : `\u5DF2\u53D1\u73B0 ${profiles.length} \u4E2A lark-cli profile\uFF0C\u673A\u5668\u4EBA\u6C60 ${usableConnections.length} \u4E2A\u53EF\u8FD0\u884C\u3002` : hasConnection ? `\u5DF2\u914D\u7F6E\u673A\u5668\u4EBA\uFF0C\u4F46\u8BFB\u53D6 lark-cli profile \u5F02\u5E38\uFF1A${profileError ?? "\u5F53\u524D\u73AF\u5883\u672A\u8FD4\u56DE\u6388\u6743\u5217\u8868"}` : "\u8FD8\u6CA1\u6709\u628A\u98DE\u4E66\u673A\u5668\u4EBA\u52A0\u5165\u673A\u5668\u4EBA\u6C60\u3002"
+    },
+    {
+      tone: isListening && activeSubscriberCount > 0 ? "success" : isListening ? "warning" : "warning",
+      title: "\u63A5\u6536\u98DE\u4E66\u6D88\u606F",
+      detail: isListening ? activeSubscriberCount > 0 ? `\u5DF2\u770B\u5230 ${activeSubscriberCount} \u4E2A\u76D1\u542C\u8FDB\u7A0B\u3002` : "\u76D1\u542C\u5F00\u5173\u5DF2\u5F00\uFF0C\u4F46\u6682\u65F6\u6CA1\u770B\u5230\u76D1\u542C\u8FDB\u7A0B\uFF1B\u4FDD\u5B58\u914D\u7F6E\u6216\u91CD\u542F\u670D\u52A1\u540E\u518D\u68C0\u67E5\u3002" : "\u76D1\u542C\u5F00\u5173\u672A\u5F00\u542F\uFF0C\u98DE\u4E66\u6D88\u606F\u4E0D\u4F1A\u81EA\u52A8\u8FDB\u5165 Paperclip\u3002"
+    },
+    {
+      tone: isSendingRealMessages ? "success" : "warning",
+      title: "\u56DE\u590D\u98DE\u4E66\u6D88\u606F",
+      detail: isSendingRealMessages ? "\u771F\u5B9E\u56DE\u590D\u5DF2\u5F00\u542F\u3002" : "\u5F53\u524D\u662F\u6A21\u62DF\u6A21\u5F0F\uFF0C\u53EA\u9A8C\u8BC1\u6D41\u7A0B\u4E0D\u771F\u6B63\u53D1\u56DE\u98DE\u4E66\u3002"
+    },
+    {
+      tone: isSendingRealMessages ? "success" : "warning",
+      title: "\u4E0B\u8F7D\u98DE\u4E66\u9644\u4EF6",
+      detail: isSendingRealMessages ? "\u771F\u5B9E\u4EFB\u52A1\u91CC\u4F1A\u628A\u98DE\u4E66\u56FE\u7247\u3001\u6587\u4EF6\u3001\u97F3\u9891\u548C\u89C6\u9891\u4E0A\u4F20\u6210 Paperclip \u9644\u4EF6\u3002" : "\u6A21\u62DF\u6A21\u5F0F\u53EA\u8BB0\u5F55\u9644\u4EF6\u540D\u79F0\uFF0C\u4E0D\u4F1A\u4E0B\u8F7D\u4E0A\u4F20\u3002"
+    },
+    {
+      tone: directoryCatalog.error || directoryCatalog.data?.chatError || directoryCatalog.data?.userError ? "warning" : "success",
+      title: "\u641C\u7D22\u7FA4\u548C\u8054\u7CFB\u4EBA",
+      detail: directoryCatalog.error || directoryCatalog.data?.chatError || directoryCatalog.data?.userError ? "\u5F53\u524D\u641C\u7D22\u76EE\u5F55\u6709\u62A5\u9519\uFF0C\u53EF\u80FD\u5F71\u54CD\u9009\u62E9\u7FA4/\u8054\u7CFB\u4EBA\u3002\u5DF2\u5EFA\u597D\u7684\u5165\u53E3\u4E0D\u53D7\u5F71\u54CD\u3002" : "\u53EF\u4EE5\u8BFB\u53D6\u5F53\u524D profile \u53EF\u89C1\u7684\u7FA4\u548C\u8054\u7CFB\u4EBA\uFF0C\u7528\u4E8E\u65B0\u589E\u5165\u53E3\u3002"
+    },
+    {
+      tone: baseSinks.length > 0 ? "success" : "warning",
+      title: "\u5199\u5165\u591A\u7EF4\u8868\u683C",
+      detail: baseSinks.length > 0 ? `\u5DF2\u914D\u7F6E ${baseSinks.length} \u6761\u591A\u7EF4\u8868\u683C\u5199\u5165\u89C4\u5219\u3002` : "\u672A\u914D\u7F6E\u3002\u6CA1\u6709\u9700\u6C42\u6C89\u6DC0\u5230 Base \u7684\u573A\u666F\u65F6\u53EF\u4EE5\u7559\u7A7A\u3002"
+    }
+  ];
+  const productionMonitor = connectorStatus.data?.monitor;
+  const productionMonitorChecks = productionMonitor?.checks ?? [];
+  const retryQueue = connectorStatus.data?.retryQueue;
+  const primaryRouteSummary = firstEnabledRouteSummary;
+  const primaryRouteConnectionLabel = appLabel(firstRouteConnection, firstRouteProfile ?? connectedProfile);
+  const setupProgressSteps = [
+    {
+      done: hasUsableConnection,
+      title: "\u9009\u62E9\u98DE\u4E66\u673A\u5668\u4EBA",
+      detail: hasUsableConnection ? `${primaryRouteConnectionLabel} \u53EF\u7528\u4E8E\u6536\u53D1\u98DE\u4E66\u6D88\u606F\u3002` : "\u5148\u7ED1\u5B9A\u4E00\u4E2A\u516C\u53F8\u901A\u7528\u673A\u5668\u4EBA\u6216\u4E1A\u52A1\u4E13\u7528\u673A\u5668\u4EBA\u3002",
+      action: hasUsableConnection ? /* @__PURE__ */ jsx("button", { type: "button", style: buttonStyle, onClick: () => selectMainTab("robots"), children: "\u67E5\u770B\u673A\u5668\u4EBA" }, "view-bots") : /* @__PURE__ */ jsx("button", { type: "button", style: primaryButtonStyle, onClick: () => openBindPanel(void 0, "guided"), children: "\u7ED1\u5B9A\u673A\u5668\u4EBA" }, "bind-bot")
+    },
+    {
+      done: enabledRouteCount > 0,
+      title: "\u5EFA\u7ACB\u4E1A\u52A1\u5165\u53E3",
+      detail: enabledRouteCount > 0 ? `${enabledRouteCount} \u6761\u5165\u53E3\u6B63\u5728\u628A\u98DE\u4E66\u6D88\u606F\u4EA4\u7ED9 Paperclip\u3002` : "\u51B3\u5B9A\u54EA\u4E2A\u7FA4\u3001\u5173\u952E\u8BCD\u6216\u8054\u7CFB\u4EBA\u8FDB\u5165\u54EA\u4E2A\u667A\u80FD\u4F53\u3002",
+      action: /* @__PURE__ */ jsx("button", { type: "button", style: enabledRouteCount > 0 ? buttonStyle : primaryButtonStyle, onClick: () => openEntryWizard(), children: enabledRouteCount > 0 ? "\u7BA1\u7406\u5165\u53E3" : "\u65B0\u589E\u5165\u53E3" }, "manage-entry")
+    },
+    {
+      done: canTryFeishuSmokeTest,
+      title: "\u98DE\u4E66\u91CC\u771F\u5B9E\u6D4B\u8BD5",
+      detail: canTryFeishuSmokeTest ? "\u76D1\u542C\u548C\u771F\u5B9E\u56DE\u590D\u5DF2\u5F00\u542F\uFF0C\u53EF\u4EE5\u53BB\u98DE\u4E66\u53D1\u6D4B\u8BD5\u8BDD\u672F\u3002" : "\u786E\u8BA4\u76D1\u542C\u3001\u771F\u5B9E\u56DE\u590D\u548C\u5165\u53E3\u673A\u5668\u4EBA\u90FD\u5C31\u7EEA\u540E\u518D\u5B9E\u6D4B\u3002",
+      action: /* @__PURE__ */ jsx("button", { type: "button", style: canTryFeishuSmokeTest ? primaryButtonStyle : buttonStyle, onClick: () => selectMainTab("test"), children: "\u53BB\u6D4B\u8BD5" }, "go-test")
+    }
+  ];
+  const realTestPipeline = [
+    {
+      done: firstRouteConnectionReady,
+      label: "\u673A\u5668\u4EBA\u53EF\u7528",
+      detail: firstRouteConnectionReady ? primaryRouteConnectionLabel : "\u5F53\u524D\u5165\u53E3\u673A\u5668\u4EBA\u672A\u5728\u8FD0\u884C\u73AF\u5883\u4E2D\u8BFB\u5230\u3002"
+    },
+    {
+      done: enabledRouteCount > 0,
+      label: "\u5165\u53E3\u5DF2\u5EFA",
+      detail: primaryRouteSummary ? routeTitle(primaryRouteSummary.route, 0) : "\u8FD8\u6CA1\u6709\u98DE\u4E66\u6D88\u606F\u5165\u53E3\u3002"
+    },
+    {
+      done: isListening,
+      label: "\u6B63\u5728\u76D1\u542C",
+      detail: isListening ? runtimeStatusLabel : "\u672A\u5F00\u542F\u76D1\u542C\uFF0C\u98DE\u4E66\u6D88\u606F\u4E0D\u4F1A\u81EA\u52A8\u8FDB\u5165\u3002"
+    },
+    {
+      done: isSendingRealMessages,
+      label: "\u771F\u5B9E\u56DE\u590D",
+      detail: isSendingRealMessages ? "\u667A\u80FD\u4F53\u5B8C\u6210\u540E\u4F1A\u56DE\u590D\u98DE\u4E66\u3002" : "\u5F53\u524D\u662F\u6A21\u62DF\u6A21\u5F0F\u3002"
+    },
+    {
+      done: isSendingRealMessages,
+      label: "\u9644\u4EF6\u5165\u5E93",
+      detail: isSendingRealMessages ? "\u56FE\u7247\u548C\u6587\u4EF6\u4F1A\u4F5C\u4E3A\u4EFB\u52A1\u9644\u4EF6\u3002" : "\u6A21\u62DF\u6A21\u5F0F\u4E0D\u4E0B\u8F7D\u9644\u4EF6\u3002"
+    }
+  ];
+  function patchWizardDraft(patch) {
+    setWizardDraft((prev) => ({ ...prev, ...patch }));
+    setNotice(null);
+  }
+  function selectChatForWizard(chat) {
+    patchWizardDraft({
+      matchType: "chat",
+      chatId: chat.chatId,
+      chatName: chat.name
+    });
+    setNotice({ tone: "success", text: `\u5DF2\u9009\u62E9\u98DE\u4E66\u4F1A\u8BDD\uFF1A${chat.name}` });
+  }
+  function selectUserForWizard(user) {
+    patchWizardDraft({
+      matchType: "user",
+      userOpenId: user.openId,
+      userName: user.name
+    });
+    setNotice({ tone: "success", text: `\u5DF2\u9009\u62E9\u53D1\u6D88\u606F\u4EBA\uFF1A${user.name}` });
+  }
+  function patchConfig(patch) {
+    setConfigJson((prev) => normalizeUiConfig({ ...prev, ...patch }));
+    setNotice(null);
+    setCheckReportItems([]);
+  }
+  function selectMainTab(tab) {
+    setActiveMainTab(tab);
+    if (tab !== "advanced") {
+      setShowAdvancedSettings(false);
+    }
+    const hash = mainTabs.find((item) => item.key === tab)?.hash;
+    if (hash) {
+      window.history.replaceState(null, "", `${window.location.pathname}${window.location.search}#${hash}`);
+    }
+  }
+  function patchRoute(index, patch) {
+    const next = [...routes];
+    next[index] = { ...next[index], ...patch };
+    patchConfig({ routes: next });
+  }
+  function patchConnectionById(connectionId, patch) {
+    patchConfig({
+      connections: connections.map(
+        (connection) => connection.id === connectionId ? { ...connection, ...patch } : connection
+      )
+    });
+  }
+  function patchBaseSink(index, patch) {
+    const next = [...baseSinks];
+    next[index] = { ...next[index], ...patch };
+    patchConfig({ baseSinks: next });
+  }
+  function patchCapability(key, patch) {
+    const current = capabilityOverrides.find((capability) => capability.key === key);
+    const nextCapability = { ...current, key, ...patch };
+    const nextCapabilities = current ? capabilityOverrides.map((capability) => capability.key === key ? nextCapability : capability) : [...capabilityOverrides, nextCapability];
+    patchConfig({ capabilities: nextCapabilities });
+  }
+  function patchCapabilityScope(key, scope) {
+    patchCapability(key, {
+      scope,
+      connectionId: scope === "bot" ? preferredConnection?.id ?? activeConnections[0]?.id : void 0,
+      routeId: scope === "entry" ? firstEnabledRouteSummary?.route.id ?? routes[0]?.id : void 0,
+      agentId: scope === "agent" ? firstEnabledRouteSummary?.agent?.id ?? allAgentOptions[0]?.agent.id : void 0
+    });
+  }
+  async function addProfileToPool(profile, options = {}) {
+    const existing = connections.find((connection) => connection.profileName === profile.name);
+    const displayName = profileDisplayName(profile);
+    const inferredAliases = splitBotAliases(profile.botName ?? displayName).filter((alias) => !isPlaceholderBotName(alias));
+    const selected = existing ? {
+      ...existing,
+      enabled: true,
+      appId: profile.appId ?? existing.appId,
+      name: existing.name && existing.name !== existing.profileName ? existing.name : displayName,
+      botAliases: connectionAliasList(existing).length > 0 ? connectionAliasList(existing) : inferredAliases
+    } : connectionFromProfile({
+      index: connections.length,
+      profileName: profile.name,
+      appId: profile.appId ?? void 0,
+      displayName
+    });
+    const firstRouteId = firstEnabledRouteSummary?.route.id;
+    const updatedConnections = existing ? connections.map((connection) => connection.profileName === profile.name ? selected : connection) : [...connections, selected];
+    const nextConnections = !firstEnabledConnection || options.useForCurrentEntry && !firstRouteId ? [
+      selected,
+      ...updatedConnections.filter((connection) => connection.profileName !== profile.name)
+    ] : updatedConnections;
+    const nextRoutes = firstRouteId ? routes.map((route) => options.useForCurrentEntry && route.id === firstRouteId ? { ...route, connectionId: selected.id } : route) : routes;
+    const nextConfig = normalizeUiConfig({
+      ...configJson,
+      connections: nextConnections,
+      routes: nextRoutes
+    });
+    setNotice({
+      tone: "info",
+      text: options.useForCurrentEntry ? `\u6B63\u5728\u628A\u6307\u5B9A\u5165\u53E3\u6539\u7528\u201C${appLabel(selected, profile)}\u201D...` : `\u6B63\u5728\u628A\u201C${appLabel(selected, profile)}\u201D\u52A0\u5165\u673A\u5668\u4EBA\u6C60...`
+    });
+    try {
+      await save(nextConfig);
+      setConfigJson(nextConfig);
+      profileCatalog.refresh();
+      setNotice({
+        tone: "success",
+        text: options.useForCurrentEntry && firstRouteId ? `\u5DF2\u4FDD\u5B58\uFF1A\u6307\u5B9A\u5165\u53E3\u5DF2\u6539\u7528\u201C${appLabel(selected, profile)}\u201D\u3002\u5176\u4ED6\u98DE\u4E66\u673A\u5668\u4EBA\u4ECD\u7136\u4FDD\u7559\uFF0C\u53EF\u7ED9\u5176\u4ED6\u5165\u53E3\u4F7F\u7528\u3002` : `\u5DF2\u4FDD\u5B58\uFF1A\u5DF2\u6DFB\u52A0\u201C${appLabel(selected, profile)}\u201D\u3002\u540E\u7EED\u6BCF\u6761\u98DE\u4E66\u5165\u53E3\u90FD\u53EF\u4EE5\u5355\u72EC\u9009\u62E9\u673A\u5668\u4EBA\u3002`
+      });
+    } catch (nextError) {
+      setNotice({ tone: "error", text: readableError(nextError) });
+    }
+  }
+  function addConnectionFromProfile(profile) {
+    void addProfileToPool(profile);
+  }
+  function openBindPanel(connection, method = "guided") {
+    const title = connection ? `\u91CD\u65B0\u7ED1\u5B9A\uFF1A${connection.name || connection.profileName}` : "\u7ED1\u5B9A\u65B0\u7684\u98DE\u4E66\u673A\u5668\u4EBA";
+    setBindForm((prev) => ({
+      ...prev,
+      displayName: connection?.name || prev.displayName || "\u98DE\u4E66\u673A\u5668\u4EBA",
+      botAliases: connection ? formatBotAliases(connection) : prev.botAliases,
+      profileName: connection?.profileName || prev.profileName || suggestedNewProfileName,
+      appId: connection?.appId || prev.appId,
+      appSecret: "",
+      appSecretRef: ""
+    }));
+    setGuidedBindResult(null);
+    setBindMethod(method);
+    setBindPanelTitle(title);
+    setShowBindPanel(true);
+    setNotice(null);
+  }
+  function openEntryWizard(connectionId) {
+    if (!hasConnection) {
+      openBindPanel();
+      setNotice({ tone: "info", text: "\u5148\u9009\u62E9\u6216\u7ED1\u5B9A\u4E00\u4E2A\u98DE\u4E66\u673A\u5668\u4EBA\uFF0C\u7136\u540E\u518D\u65B0\u589E\u98DE\u4E66\u5165\u53E3\u3002" });
+      return;
+    }
+    selectMainTab("entries");
+    const existingSummary = routeSummaries.find((summary) => summary.company && summary.agent) ?? null;
+    const company = existingSummary?.company ?? companies[0];
+    const agent = existingSummary?.agent ?? company?.agents[0];
+    const existingConnection = existingSummary?.route.connectionId ? connections.find((connection) => connection.id === existingSummary.route.connectionId) : null;
+    setWizardDraft({
+      connectionId: connectionId ?? existingConnection?.id ?? preferredConnection?.id,
+      matchType: "keyword",
+      keyword: "paperclip",
+      replyMode: "thread",
+      companyId: company?.id,
+      targetAgentId: agent?.id
+    });
+    setShowEntryWizard(true);
+    setNotice(null);
+  }
+  function openEntryEditor(routeId) {
+    const route = routeId ? routes.find((item) => item.id === routeId) : firstEnabledRouteSummary?.route;
+    if (!route) {
+      openEntryWizard();
+      return;
+    }
+    selectMainTab("entries");
+    setShowEntryWizard(false);
+    setExpandedEntryRouteId(route.id);
+    setNotice({ tone: "info", text: "\u5DF2\u6253\u5F00\u5165\u53E3\u7F16\u8F91\u533A\uFF0C\u53EF\u4EE5\u6539\u5173\u952E\u8BCD\u3001\u5904\u7406\u4EBA\u6216\u56DE\u590D\u65B9\u5F0F\u3002" });
+    window.setTimeout(() => {
+      document.getElementById(`product-entry-${route.id}`)?.scrollIntoView({ behavior: "smooth", block: "start" });
+    }, 30);
+  }
+  function refreshProfilesWithNotice() {
+    profileCatalog.refresh();
+    setToast({ tone: "info", text: "\u6B63\u5728\u5237\u65B0\u98DE\u4E66\u673A\u5668\u4EBA\u5217\u8868\u3002" });
+    setNotice({ tone: "info", text: "\u6B63\u5728\u5237\u65B0\u98DE\u4E66\u673A\u5668\u4EBA\u5217\u8868\u3002\u6388\u6743\u5B8C\u6210\u540E\uFF0C\u5982\u679C\u8FD9\u91CC\u8FD8\u6CA1\u51FA\u73B0\uFF0C\u901A\u5E38\u662F\u5F53\u524D\u673A\u5668/\u670D\u52A1\u5668\u8FD8\u6CA1\u6709\u5B8C\u6210 lark-cli \u6388\u6743\u3002" });
+  }
+  function openFeishuTestGuide() {
+    selectMainTab("test");
+    setShowFeishuTestGuide((value) => !value);
+    window.setTimeout(() => {
+      document.getElementById("feishu-test-guide")?.scrollIntoView({ behavior: "smooth", block: "nearest" });
+    }, 30);
+  }
+  async function copySmokeText() {
+    try {
+      await navigator.clipboard.writeText(smokeText);
+      setNotice({ tone: "success", text: `\u5DF2\u590D\u5236\u6D4B\u8BD5\u8BDD\u672F\uFF1A${smokeText}` });
+    } catch {
+      setNotice({ tone: "info", text: `\u8BF7\u590D\u5236\u8FD9\u53E5\u8BDD\u5230\u98DE\u4E66\u53D1\u9001\uFF1A${smokeText}` });
+    }
+  }
+  async function copyServerDeployCommands() {
+    try {
+      await navigator.clipboard.writeText(serverDeployCommands);
+      setNotice({ tone: "success", text: "\u5DF2\u590D\u5236\u670D\u52A1\u5668\u90E8\u7F72\u547D\u4EE4\u3002App Secret \u4ECD\u9700\u5DE5\u7A0B\u5E08\u5728\u670D\u52A1\u5668\u5B89\u5168\u8F93\u5165\u3002" });
+    } catch {
+      setNotice({ tone: "info", text: "\u590D\u5236\u5931\u8D25\uFF0C\u8BF7\u5728\u4E91\u670D\u52A1\u5668\u90E8\u7F72\u9762\u677F\u91CC\u624B\u52A8\u590D\u5236\u547D\u4EE4\u3002" });
+    }
+  }
+  function exportedConfigText() {
+    return JSON.stringify(portableConfig(configJson), null, 2);
+  }
+  async function copyConfigExport() {
+    const text = exportedConfigText();
+    try {
+      await navigator.clipboard.writeText(text);
+      setNotice({ tone: "success", text: "\u5DF2\u590D\u5236\u98DE\u4E66\u8FDE\u63A5\u5668\u914D\u7F6E\u3002App Secret \u548C\u8FD0\u884C\u65F6\u6388\u6743 token \u4E0D\u4F1A\u5BFC\u51FA\u3002" });
+    } catch {
+      setNotice({ tone: "info", text: "\u590D\u5236\u5931\u8D25\uFF0C\u53EF\u4EE5\u5728\u5BFC\u51FA\u914D\u7F6E\u9762\u677F\u91CC\u624B\u52A8\u9009\u4E2D JSON\u3002" });
+    }
+  }
+  function previewConfigImport() {
+    setImportConfigError(null);
+    const trimmed = importConfigText.trim();
+    if (!trimmed) {
+      setImportConfigError("\u8BF7\u5148\u7C98\u8D34\u4E00\u6BB5\u914D\u7F6E JSON\u3002");
+      return;
+    }
+    try {
+      const parsed = JSON.parse(trimmed);
+      if (!parsed || typeof parsed !== "object" || Array.isArray(parsed)) {
+        throw new Error("\u914D\u7F6E JSON \u5FC5\u987B\u662F\u5BF9\u8C61\u3002");
+      }
+      const nextConfig = portableConfig(normalizeUiConfig(parsed));
+      setConfigJson(nextConfig);
+      setImportConfigText(JSON.stringify(nextConfig, null, 2));
+      setToast({ tone: "info", text: "\u5DF2\u5BFC\u5165\u5230\u9875\u9762\uFF0C\u70B9\u51FB\u201C\u4FDD\u5B58\u914D\u7F6E\u201D\u540E\u751F\u6548\u3002" });
+      setNotice({ tone: "info", text: "\u5DF2\u5BFC\u5165\u5230\u9875\u9762\uFF0C\u70B9\u51FB\u201C\u4FDD\u5B58\u914D\u7F6E\u201D\u540E\u751F\u6548\uFF1BApp Secret \u9700\u8981\u5728\u5F53\u524D\u670D\u52A1\u5668\u91CD\u65B0\u7ED1\u5B9A\u3002" });
+    } catch (nextError) {
+      setImportConfigError(readableError(nextError));
+    }
+  }
+  function createEntryFromWizard() {
+    const company = companies.find((item) => item.id === wizardDraft.companyId) ?? companies[0] ?? null;
+    const agent = company?.agents.find((item) => item.id === wizardDraft.targetAgentId) ?? company?.agents[0] ?? null;
+    const connection = connections.find((item) => item.id === wizardDraft.connectionId) ?? preferredConnection ?? connections[0] ?? null;
+    if (!connection) {
+      setNotice({ tone: "error", text: "\u8FD8\u6CA1\u6709\u53EF\u7528\u7684\u98DE\u4E66\u673A\u5668\u4EBA\u3002\u8BF7\u5148\u5728\u201C\u98DE\u4E66\u5E94\u7528\u4E0E\u673A\u5668\u4EBA\u7ED1\u5B9A\u201D\u91CC\u7ED1\u5B9A\u6216\u6DFB\u52A0\u673A\u5668\u4EBA\u3002" });
+      return;
+    }
+    if (!company || !agent) {
+      setNotice({ tone: "error", text: "\u8FD8\u6CA1\u6709\u53EF\u7528\u7684 Paperclip \u516C\u53F8\u6216\u667A\u80FD\u4F53\u3002\u8BF7\u5148\u5728\u5B9E\u4F8B\u91CC\u521B\u5EFA\u667A\u80FD\u4F53\uFF0C\u518D\u56DE\u6765\u65B0\u589E\u98DE\u4E66\u5165\u53E3\u3002" });
+      return;
+    }
+    const matchType = wizardDraft.matchType;
+    const nextRoute = {
+      id: `feishu-entry-${Date.now().toString(36)}`,
+      connectionId: connection.id,
+      enabled: true,
+      priority: 10,
+      matchType,
+      companyId: company.id,
+      companyRef: company.issuePrefix ?? company.name,
+      targetAgentId: agent.id,
+      targetAgentName: agent.name,
+      replyMode: wizardDraft.replyMode,
+      baseSinkId: wizardDraft.baseSinkId || void 0,
+      ...matchType === "chat" ? { chatId: wizardDraft.chatId ?? "", chatName: wizardDraft.chatName } : {},
+      ...matchType === "user" ? { userOpenId: wizardDraft.userOpenId ?? "", userName: wizardDraft.userName } : {},
+      ...matchType === "keyword" ? { keyword: wizardDraft.keyword || "paperclip" } : {},
+      ...matchType === "regex" ? { regex: wizardDraft.regex ?? "" } : {}
+    };
+    patchConfig({ routes: [...routes, nextRoute] });
+    setShowEntryWizard(false);
+    setNotice({ tone: "success", text: "\u5DF2\u65B0\u589E\u98DE\u4E66\u5165\u53E3\u3002\u4FDD\u5B58\u914D\u7F6E\u540E\uFF0C\u5C31\u53EF\u4EE5\u6309\u8FD9\u4E2A\u5165\u53E3\u63A5\u6536\u98DE\u4E66\u6D88\u606F\u3002" });
+  }
+  async function fixOldBotKeywordRoute() {
+    const routeId = firstEnabledRouteSummary?.route.id;
+    if (!routeId) return;
+    const routeIndex = routes.findIndex((route) => route.id === routeId);
+    if (routeIndex < 0) return;
+    const nextRoutes = routes.map((route, index) => index === routeIndex ? {
+      ...route,
+      matchType: "keyword",
+      keyword: "paperclip",
+      regex: void 0
+    } : route);
+    const nextConfig = normalizeUiConfig({ ...configJson, routes: nextRoutes });
+    setFixingRouteId(routeId);
+    setNotice({ tone: "info", text: "\u6B63\u5728\u628A\u65E7\u89E6\u53D1\u8BCD\u6539\u6210 paperclip..." });
+    try {
+      await save(nextConfig);
+      setConfigJson(nextConfig);
+      setExpandedEntryRouteId(routeId);
+      setNotice({ tone: "success", text: "\u5DF2\u4FDD\u5B58\uFF1A\u8FD9\u4E2A\u5165\u53E3\u73B0\u5728\u6309\u5173\u952E\u8BCD paperclip \u89E6\u53D1\u3002" });
+    } catch (nextError) {
+      setNotice({ tone: "error", text: readableError(nextError) });
+    } finally {
+      setFixingRouteId(null);
+    }
+  }
+  async function startOfficialBindWizard() {
+    const profileName = bindForm.profileName.trim() || suggestedNewProfileName;
+    setStartingGuidedBind(true);
+    setGuidedBindResult(null);
+    setNotice(null);
+    try {
+      const result = await startGuidedBind({
+        profileName,
+        brand: "feishu"
+      });
+      setGuidedBindResult(result);
+      setBindForm((prev) => ({ ...prev, profileName }));
+      setNotice({
+        tone: "info",
+        text: result.url ? "\u5DF2\u751F\u6210\u98DE\u4E66\u6388\u6743\u94FE\u63A5\u3002\u6253\u5F00\u94FE\u63A5\u5B8C\u6210\u540E\uFF0C\u56DE\u5230\u8FD9\u91CC\u70B9\u201C\u6211\u5DF2\u5B8C\u6210\u6388\u6743\u201D\u3002" : "\u5DF2\u542F\u52A8\u98DE\u4E66\u5B98\u65B9\u7ED1\u5B9A\u5411\u5BFC\u3002\u5982\u679C\u6CA1\u6709\u770B\u5230\u94FE\u63A5\uFF0C\u8BF7\u67E5\u770B\u4E0B\u65B9\u8F93\u51FA\u6216\u7A0D\u540E\u5237\u65B0\u5DF2\u7ED1\u5B9A\u5E94\u7528\u3002"
+      });
+    } catch (nextError) {
+      setNotice({ tone: "error", text: readableError(nextError) });
+    } finally {
+      setStartingGuidedBind(false);
+    }
+  }
+  async function finishOfficialBindWizard() {
+    const profileName = bindForm.profileName.trim() || guidedBindResult?.profileName || suggestedNewProfileName;
+    if (!profileName) {
+      setNotice({ tone: "error", text: "\u8BF7\u5148\u83B7\u53D6\u98DE\u4E66\u6388\u6743\u94FE\u63A5\u3002" });
+      return;
+    }
+    setFinishingGuidedBind(true);
+    setNotice(null);
+    try {
+      const result = await finishGuidedBind({ profileName });
+      if (!result.profile?.name) {
+        throw new Error("\u6CA1\u6709\u8BFB\u53D6\u5230\u521A\u521A\u7ED1\u5B9A\u7684\u98DE\u4E66\u673A\u5668\u4EBA\u3002\u8BF7\u7A0D\u540E\u5237\u65B0\u518D\u8BD5\u3002");
+      }
+      await addProfileToPool(result.profile);
+      profileCatalog.refresh();
+      setShowBindPanel(false);
+      setNotice({
+        tone: result.warning ? "info" : "success",
+        text: result.warning ?? "\u98DE\u4E66\u673A\u5668\u4EBA\u5DF2\u786E\u8BA4\u5E76\u52A0\u5165\u5F53\u524D\u914D\u7F6E\u3002\u4E0B\u4E00\u6B65\u53EF\u4EE5\u65B0\u589E\u98DE\u4E66\u5165\u53E3\u3002"
+      });
+    } catch (nextError) {
+      setNotice({ tone: "error", text: readableError(nextError) });
+    } finally {
+      setFinishingGuidedBind(false);
+    }
+  }
+  async function startUserAuthFlow(profileName) {
+    if (!profileName) {
+      setNotice({ tone: "error", text: "\u8BF7\u5148\u9009\u62E9\u4E00\u4E2A\u98DE\u4E66\u673A\u5668\u4EBA\u3002" });
+      return;
+    }
+    setStartingUserAuthProfileName(profileName);
+    setNotice({ tone: "info", text: "\u6B63\u5728\u751F\u6210\u98DE\u4E66\u7528\u6237\u6388\u6743\u94FE\u63A5..." });
+    try {
+      const result = await startUserAuth({ profileName });
+      setUserAuthResults((prev) => ({ ...prev, [profileName]: result }));
+      setNotice({
+        tone: "info",
+        text: "\u5DF2\u751F\u6210\u7528\u6237\u6388\u6743\u94FE\u63A5\u3002\u53EA\u6709\u8981\u8BBF\u95EE\u4E2A\u4EBA\u6587\u6863\u3001\u65E5\u5386\u3001\u90AE\u7BB1\u65F6\u624D\u9700\u8981\u8865\uFF1B\u666E\u901A\u673A\u5668\u4EBA\u6536\u53D1\u6D88\u606F\u4E0D\u7528\u8865\u3002"
+      });
+    } catch (nextError) {
+      setNotice({ tone: "error", text: readableError(nextError) });
+    } finally {
+      setStartingUserAuthProfileName(null);
+    }
+  }
+  async function finishUserAuthFlow(profileName) {
+    if (!profileName) {
+      setNotice({ tone: "error", text: "\u8BF7\u5148\u9009\u62E9\u4E00\u4E2A\u98DE\u4E66\u673A\u5668\u4EBA\u3002" });
+      return;
+    }
+    setFinishingUserAuthProfileName(profileName);
+    setNotice({ tone: "info", text: "\u6B63\u5728\u786E\u8BA4\u98DE\u4E66\u7528\u6237\u6388\u6743..." });
+    try {
+      const result = await finishUserAuth({ profileName });
+      setUserAuthResults((prev) => {
+        const next = { ...prev };
+        delete next[profileName];
+        return next;
+      });
+      profileCatalog.refresh();
+      const userName = result.profile?.user;
+      setNotice({
+        tone: userName ? "success" : "info",
+        text: userName ? `\u5DF2\u8865\u5145\u7528\u6237\u6388\u6743\uFF1A${userName}\u3002` : "\u5DF2\u786E\u8BA4\u6388\u6743\u6D41\u7A0B\uFF0C\u4F46 lark-cli \u6682\u65F6\u6CA1\u6709\u8FD4\u56DE\u7528\u6237\u59D3\u540D\uFF1B\u673A\u5668\u4EBA\u6536\u53D1\u6D88\u606F\u4E0D\u53D7\u5F71\u54CD\uFF0C\u53EF\u5237\u65B0\u5217\u8868\u518D\u770B\u3002"
+      });
+    } catch (nextError) {
+      setNotice({ tone: "error", text: readableError(nextError) });
+    } finally {
+      setFinishingUserAuthProfileName(null);
+    }
+  }
+  async function bindNewFeishuApp() {
+    const profileName = bindForm.profileName.trim() || suggestedNewProfileName;
+    const displayName = bindForm.displayName.trim() || "\u98DE\u4E66\u673A\u5668\u4EBA";
+    const botAliases = splitBotAliases(bindForm.botAliases || displayName).filter((alias) => !isPlaceholderBotName(alias));
+    const appId = bindForm.appId.trim();
+    const appSecret = bindForm.appSecret.trim();
+    const appSecretRef = bindForm.appSecretRef.trim();
+    if (!appId || !appSecret && !appSecretRef) {
+      setNotice({ tone: "error", text: "\u8BF7\u586B\u5199\u98DE\u4E66 App ID\uFF0C\u5E76\u8F93\u5165 App Secret \u6216 Paperclip Secret Ref\u3002" });
+      return;
+    }
+    setBinding(true);
+    setNotice(null);
+    try {
+      const bindResult = await bindProfile({
+        profileName,
+        appId,
+        appSecret: appSecret || void 0,
+        appSecretRef: appSecret ? void 0 : appSecretRef,
+        brand: "feishu"
+      });
+      const resolvedProfileName = bindResult.profileName?.trim() || profileName;
+      const resolvedAppId = bindResult.appId?.trim() || appId;
+      const existingConnection = connections.find(
+        (connection) => connection.profileName === resolvedProfileName || connection.appId === resolvedAppId
+      );
+      const nextConnection = existingConnection ? {
+        ...existingConnection,
+        profileName: resolvedProfileName,
+        appId: resolvedAppId,
+        name: displayName,
+        botAliases,
+        enabled: true
+      } : connectionFromProfile({
+        index: connections.length,
+        profileName: resolvedProfileName,
+        appId: resolvedAppId,
+        displayName
+      });
+      nextConnection.botAliases = botAliases;
+      const nextConfig = normalizeUiConfig({
+        ...configJson,
+        connections: existingConnection ? connections.map((connection) => connection.id === existingConnection.id ? nextConnection : connection) : [...connections, nextConnection]
+      });
+      await save(nextConfig);
+      setConfigJson(nextConfig);
+      profileCatalog.refresh();
+      setBindForm({
+        displayName: "\u98DE\u4E66\u673A\u5668\u4EBA",
+        botAliases: "",
+        profileName: "",
+        appId: "",
+        appSecret: "",
+        appSecretRef: ""
+      });
+      setShowBindPanel(false);
+      setNotice({
+        tone: "success",
+        text: bindResult.reusedExistingProfile ? `\u8FD9\u4E2A App ID \u5DF2\u7ECF\u7ED1\u5B9A\u8FC7\uFF0C\u5DF2\u590D\u7528\u300C${resolvedProfileName}\u300D\u5E76\u66F4\u65B0\u673A\u5668\u4EBA\u914D\u7F6E\u3002\u4E0B\u4E00\u6B65\u914D\u7F6E\u63A5\u6536\u89C4\u5219\u5373\u53EF\u6D4B\u8BD5\u3002` : "\u98DE\u4E66\u5E94\u7528\u5DF2\u7ED1\u5B9A\uFF0C\u5E76\u5DF2\u6DFB\u52A0\u5230\u201C\u98DE\u4E66\u673A\u5668\u4EBA\u201D\u3002\u4E0B\u4E00\u6B65\u914D\u7F6E\u63A5\u6536\u89C4\u5219\u5373\u53EF\u6D4B\u8BD5\u3002"
+      });
+    } catch (nextError) {
+      setNotice({ tone: "error", text: readableError(nextError) });
+    } finally {
+      setBinding(false);
+    }
+  }
+  async function saveCurrentConfig(options = {}) {
+    setNotice(null);
+    try {
+      await save(configJson);
+      connectorStatus.refresh();
+      const text = options.successText ?? "\u5DF2\u4FDD\u5B58\u3002\u65B0\u7684\u98DE\u4E66\u76D1\u542C\u914D\u7F6E\u4F1A\u81EA\u52A8\u751F\u6548\u3002";
+      if (options.routeId) {
+        setSavedEntry({ routeId: options.routeId, at: (/* @__PURE__ */ new Date()).toLocaleTimeString() });
+      }
+      setToast({ tone: "success", text });
+      setNotice({ tone: "success", text });
+    } catch (nextError) {
+      const text = readableError(nextError);
+      setToast({ tone: "error", text });
+      setNotice({ tone: "error", text });
+    }
+  }
+  async function patchRuntimeAndSave(patch, successText) {
+    const nextConfig = normalizeUiConfig({ ...configJson, ...patch });
+    setNotice(null);
+    try {
+      await save(nextConfig);
+      setConfigJson(nextConfig);
+      connectorStatus.refresh();
+      setToast({ tone: "success", text: successText });
+      setNotice({ tone: "success", text: successText });
+    } catch (nextError) {
+      const text = readableError(nextError);
+      setToast({ tone: "error", text });
+      setNotice({ tone: "error", text });
+    }
+  }
+  function buildCheckReport(result) {
+    const activeSubscriberCount2 = connectorStatus.data?.subscribers?.filter((subscriber) => activeConnections.some((connection) => connection.id === subscriber.connectionId)).length ?? 0;
+    const latestRecord = connectorStatus.data?.recentRecords?.[0];
+    const selectedProfileName = firstRouteConnection?.profileName ?? firstEnabledConnection?.profileName ?? "";
+    const selectedProfile = firstEnabledRouteSummary ? firstRouteProfile : connectedProfile;
+    const selectedConnectionLabel = appLabel(firstRouteConnection ?? firstEnabledConnection, selectedProfile);
+    const routeTargetReady = Boolean(firstEnabledRouteSummary?.company && firstEnabledRouteSummary.agent && firstRouteConnectionReady);
+    const items = [
+      {
+        tone: result.valid ? "success" : "error",
+        title: "Paperclip \u914D\u7F6E",
+        detail: result.valid ? "\u57FA\u7840\u914D\u7F6E\u683C\u5F0F\u6B63\u5E38\uFF0C\u53EF\u4EE5\u7EE7\u7EED\u68C0\u67E5\u98DE\u4E66\u94FE\u8DEF\u3002" : result.message ?? "\u914D\u7F6E\u683C\u5F0F\u68C0\u67E5\u672A\u901A\u8FC7\u3002"
+      }
+    ];
+    if (!hasConnection) {
+      items.push({
+        tone: "error",
+        title: "\u98DE\u4E66\u673A\u5668\u4EBA",
+        detail: "\u8FD8\u6CA1\u6709\u9009\u62E9\u98DE\u4E66\u673A\u5668\u4EBA\u3002\u5148\u70B9\u201C\u66F4\u6362\u201D\u6216\u201C\u7ED1\u5B9A\u65B0\u7684\u201D\u3002"
+      });
+    } else if (profileError) {
+      items.push({
+        tone: "error",
+        title: "\u98DE\u4E66\u673A\u5668\u4EBA",
+        detail: `lark-cli \u8BFB\u53D6\u5931\u8D25\uFF1A${profileError}`
+      });
+    } else if (!selectedProfile) {
+      items.push({
+        tone: "warning",
+        title: "\u98DE\u4E66\u673A\u5668\u4EBA",
+        detail: `\u5F53\u524D\u5165\u53E3\u4F7F\u7528\u201C${selectedConnectionLabel}\u201D\uFF08${selectedProfileName || "\u672A\u914D\u7F6E profile"}\uFF09\uFF0C\u4F46\u5F53\u524D\u8FD0\u884C\u73AF\u5883\u6CA1\u6709\u8BFB\u5230\u5B83\u3002\u8BF7\u6362\u6210\u53EF\u8FD0\u884C\u673A\u5668\u4EBA\uFF0C\u6216\u91CD\u65B0\u7ED1\u5B9A\u8FD9\u4E2A\u673A\u5668\u4EBA\u3002`
+      });
+    } else if (!selectedProfile.botName && selectedConnectionLabel !== "\u98DE\u4E66\u5E94\u7528" && selectedConnectionLabel !== selectedProfile.name) {
+      items.push({
+        tone: "success",
+        title: "\u98DE\u4E66\u673A\u5668\u4EBA",
+        detail: `\u5DF2\u770B\u5230 ${selectedProfileName}\uFF0C\u9875\u9762\u663E\u793A\u4E3A\u201C${selectedConnectionLabel}\u201D\u3002\u98DE\u4E66\u672A\u8FD4\u56DE\u5B98\u65B9\u673A\u5668\u4EBA\u540D\u65F6\u5148\u7528\u9875\u9762\u540D\u79F0\u5C55\u793A\uFF0C\u4E0D\u5F71\u54CD\u6536\u53D1\u6D88\u606F\u3002`
+      });
+    } else if (!selectedProfile.botName) {
+      items.push({
+        tone: "warning",
+        title: "\u98DE\u4E66\u673A\u5668\u4EBA",
+        detail: `\u5DF2\u770B\u5230 ${selectedProfileName}\uFF0C\u4F46\u6CA1\u6709\u8BFB\u5230\u98DE\u4E66\u673A\u5668\u4EBA\u663E\u793A\u540D\u3002App \u6743\u9650\u6216 token \u53EF\u80FD\u9700\u8981\u786E\u8BA4\u3002`
+      });
+    } else {
+      items.push({
+        tone: "success",
+        title: "\u98DE\u4E66\u673A\u5668\u4EBA",
+        detail: `\u5DF2\u7ED1\u5B9A ${activeConnections.length} \u4E2A\u673A\u5668\u4EBA\uFF1B\u7B2C\u4E00\u6761\u5165\u53E3\u4F7F\u7528\u201C${selectedProfile.botName}\u201D\u3002App ID\uFF1A${maskTechnicalId(selectedProfile.appId ?? firstRouteConnection?.appId)}`
+      });
+    }
+    if (enabledRouteCount === 0) {
+      items.push({
+        tone: "error",
+        title: "\u6D88\u606F\u5165\u53E3",
+        detail: "\u8FD8\u6CA1\u6709\u542F\u7528\u7684\u5165\u53E3\uFF0C\u98DE\u4E66\u6D88\u606F\u4E0D\u4F1A\u8FDB\u5165 Paperclip\u3002"
+      });
+    } else {
+      items.push({
+        tone: routeTargetReady ? "success" : "warning",
+        title: "\u6D88\u606F\u5165\u53E3",
+        detail: !firstRouteConnectionReady ? "\u5165\u53E3\u5B58\u5728\uFF0C\u4F46\u5B83\u7ED1\u5B9A\u7684\u98DE\u4E66\u673A\u5668\u4EBA\u5F53\u524D\u4E0D\u53EF\u8FD0\u884C\u3002\u8BF7\u5148\u70B9\u5165\u53E3\u7684\u201C\u7F16\u8F91\u201D\uFF0C\u628A\u673A\u5668\u4EBA\u6362\u6210\u53EF\u8FD0\u884C\u7684\uFF0C\u6216\u91CD\u65B0\u7ED1\u5B9A\u7F3A\u5931\u673A\u5668\u4EBA\u3002" : routeTargetReady ? `${routeTitle(firstEnabledRouteSummary.route, 0)} \u4F1A\u4EA4\u7ED9 ${routeTargetLabel(firstEnabledRouteSummary.company, firstEnabledRouteSummary.agent)}\u3002` : "\u5165\u53E3\u5B58\u5728\uFF0C\u4F46\u516C\u53F8\u6216\u667A\u80FD\u4F53\u6CA1\u6709\u5B8C\u5168\u5339\u914D\u5230\u3002\u8BF7\u70B9\u201C\u7F16\u8F91\u5165\u53E3\u201D\u786E\u8BA4\u5904\u7406\u4EBA\u3002"
+      });
+    }
+    items.push({
+      tone: routeUsesOldBotKeyword ? "warning" : "success",
+      title: "\u89E6\u53D1\u8BCD",
+      detail: routeUsesOldBotKeyword ? "\u5165\u53E3\u91CC\u8FD8\u6709\u65E7\u89E6\u53D1\u8BCD\u201C\u9510\u601D\u201D\u3002\u5EFA\u8BAE\u70B9\u201C\u4E00\u952E\u6539\u6210 paperclip\u201D\uFF0C\u907F\u514D\u8BEF\u4EE5\u4E3A\u673A\u5668\u4EBA\u6CA1\u6362\u6210\u529F\u3002" : "\u89E6\u53D1\u8BCD\u548C\u5F53\u524D\u673A\u5668\u4EBA\u663E\u793A\u6CA1\u6709\u660E\u663E\u51B2\u7A81\u3002"
+    });
+    if (!isListening) {
+      items.push({
+        tone: "warning",
+        title: "\u76D1\u542C\u98DE\u4E66\u6D88\u606F",
+        detail: "\u76D1\u542C\u5F00\u5173\u672A\u5F00\u542F\u3002\u98DE\u4E66\u91CC\u53D1\u6D88\u606F\u4E0D\u4F1A\u81EA\u52A8\u8FDB\u5165 Paperclip\u3002"
+      });
+    } else if (activeSubscriberCount2 > 0) {
+      items.push({
+        tone: "success",
+        title: "\u76D1\u542C\u98DE\u4E66\u6D88\u606F",
+        detail: `\u76D1\u542C\u5DF2\u5F00\u542F\uFF0C\u5F53\u524D\u770B\u5230 ${activeSubscriberCount2} \u4E2A\u76D1\u542C\u8FDB\u7A0B\u3002`
+      });
+    } else {
+      items.push({
+        tone: "warning",
+        title: "\u76D1\u542C\u98DE\u4E66\u6D88\u606F",
+        detail: "\u76D1\u542C\u5F00\u5173\u5DF2\u5F00\u542F\uFF0C\u4F46\u6682\u65F6\u6CA1\u6709\u770B\u5230\u8FD0\u884C\u4E2D\u7684\u76D1\u542C\u8FDB\u7A0B\u3002\u4FDD\u5B58\u914D\u7F6E\u6216\u91CD\u542F\u670D\u52A1\u540E\u518D\u68C0\u67E5\u3002"
+      });
+    }
+    items.push({
+      tone: isSendingRealMessages ? "success" : "warning",
+      title: "\u771F\u5B9E\u56DE\u590D\u98DE\u4E66",
+      detail: isSendingRealMessages ? "\u5F53\u524D\u4F1A\u771F\u5B9E\u8C03\u7528 lark-cli \u56DE\u590D\u98DE\u4E66\u3002" : "\u5F53\u524D\u662F\u6A21\u62DF\u6A21\u5F0F\uFF0C\u53EA\u4F1A\u5728\u9875\u9762\u91CC\u9A8C\u8BC1\uFF0C\u4E0D\u4F1A\u771F\u7684\u56DE\u98DE\u4E66\u3002"
+    });
+    items.push({
+      tone: isSendingRealMessages ? "success" : "warning",
+      title: "\u98DE\u4E66\u9644\u4EF6\u5165\u5E93",
+      detail: isSendingRealMessages ? "\u98DE\u4E66\u56FE\u7247\u3001\u6587\u4EF6\u3001\u97F3\u9891\u548C\u89C6\u9891\u4F1A\u4E0B\u8F7D\u5E76\u4F5C\u4E3A Paperclip \u4EFB\u52A1\u9644\u4EF6\u4EA4\u7ED9\u667A\u80FD\u4F53\u3002" : "\u6A21\u62DF\u6A21\u5F0F\u53EA\u4F1A\u8BB0\u5F55\u9644\u4EF6\u540D\u79F0\uFF0C\u4E0D\u4F1A\u771F\u6B63\u4E0B\u8F7D\u6216\u4E0A\u4F20\u9644\u4EF6\u3002"
+    });
+    items.push({
+      tone: canTryFeishuSmokeTest ? "success" : "warning",
+      title: "\u98DE\u4E66\u7AEF\u5B9E\u6D4B",
+      detail: canTryFeishuSmokeTest ? `\u53BB\u76EE\u6807\u98DE\u4E66\u4F1A\u8BDD\u53D1\u9001\uFF1A${smokeText}` : "\u673A\u5668\u4EBA\u3001\u5165\u53E3\u3001\u76D1\u542C\u3001\u771F\u5B9E\u56DE\u590D\u5168\u90E8\u5C31\u7EEA\u540E\uFF0C\u518D\u53BB\u98DE\u4E66\u91CC\u505A\u771F\u5B9E\u6D4B\u8BD5\u3002"
+    });
+    if (connectorStatus.error) {
+      items.push({
+        tone: "warning",
+        title: "\u8FD0\u884C\u65E5\u5FD7",
+        detail: `\u72B6\u6001\u8BFB\u53D6\u5931\u8D25\uFF1A${connectorStatus.error.message}`
+      });
+    } else if (latestRecord) {
+      items.push({
+        tone: latestRecord.level === "error" ? "error" : latestRecord.level === "warning" ? "warning" : "success",
+        title: "\u6700\u8FD1\u4E8B\u4EF6",
+        detail: latestRecord.message
+      });
+    } else {
+      items.push({
+        tone: "success",
+        title: "\u6700\u8FD1\u4E8B\u4EF6",
+        detail: "\u6682\u65F6\u6CA1\u6709\u5F02\u5E38\u8BB0\u5F55\u3002"
+      });
+    }
+    return items;
+  }
+  function buildConnectionCheckReport(connection, result) {
+    const profile = profiles.find((item) => item.name === connection.profileName) ?? null;
+    const routeCount = connectionUsageCounts.get(connection.id) ?? 0;
+    const subscriber = connectorStatus.data?.subscribers?.find((item) => item.connectionId === connection.id);
+    const appId = profile?.appId ?? connection.appId;
+    const displayName = appLabel(connection, profile);
+    const hasReadableDisplayName = Boolean(displayName && displayName !== "\u98DE\u4E66\u5E94\u7528" && displayName !== profile?.name);
+    const items = [];
+    if (result && !result.valid) {
+      items.push({
+        tone: "error",
+        title: "Paperclip \u914D\u7F6E",
+        detail: result.message ?? "\u5F53\u524D\u914D\u7F6E\u683C\u5F0F\u6CA1\u6709\u901A\u8FC7\u68C0\u67E5\u3002"
+      });
+    }
+    if (profileError) {
+      items.push({
+        tone: "error",
+        title: "\u6388\u6743\u4FE1\u606F",
+        detail: `\u8BFB\u53D6\u98DE\u4E66\u673A\u5668\u4EBA\u5931\u8D25\uFF1A${profileError}`
+      });
+    } else if (!profile) {
+      items.push({
+        tone: "warning",
+        title: "\u6388\u6743\u4FE1\u606F",
+        detail: missingProfileHelp(connection)
+      });
+    } else {
+      items.push({
+        tone: "success",
+        title: "\u6388\u6743\u4FE1\u606F",
+        detail: `\u5DF2\u8BFB\u5230\u201C${appLabel(connection, profile)}\u201D\u3002${appId ? `App ID\uFF1A${maskTechnicalId(appId)}` : "\u98DE\u4E66\u6CA1\u6709\u8FD4\u56DE App ID\u3002"}`
+      });
+    }
+    if (profile?.botName) {
+      items.push({
+        tone: "success",
+        title: "\u673A\u5668\u4EBA\u540D\u79F0",
+        detail: `\u98DE\u4E66\u8FD4\u56DE\u7684\u673A\u5668\u4EBA\u540D\u79F0\u662F\u201C${profile.botName}\u201D\u3002`
+      });
+    } else if (profile && hasReadableDisplayName) {
+      items.push({
+        tone: "success",
+        title: "\u673A\u5668\u4EBA\u540D\u79F0",
+        detail: `\u5F53\u524D\u9875\u9762\u663E\u793A\u4E3A\u201C${displayName}\u201D\u3002\u98DE\u4E66\u6CA1\u6709\u8FD4\u56DE\u5B98\u65B9\u673A\u5668\u4EBA\u540D\u65F6\uFF0C\u4F1A\u5148\u7528\u8FD9\u4E2A\u9875\u9762\u540D\u79F0\u5C55\u793A\uFF1B\u4E0D\u5F71\u54CD\u6536\u6D88\u606F\u548C\u56DE\u6D88\u606F\u3002`
+      });
+    } else {
+      items.push({
+        tone: "warning",
+        title: "\u673A\u5668\u4EBA\u540D\u79F0",
+        detail: missingBotNameHelp(connection)
+      });
+    }
+    items.push({
+      tone: routeCount > 0 ? "success" : "warning",
+      title: "\u4E1A\u52A1\u5165\u53E3",
+      detail: routeCount > 0 ? `\u5F53\u524D\u6709 ${routeCount} \u6761\u5165\u53E3\u4F7F\u7528\u8FD9\u4E2A\u673A\u5668\u4EBA\u3002` : "\u5F53\u524D\u8FD8\u6CA1\u6709\u5165\u53E3\u4F7F\u7528\u8FD9\u4E2A\u673A\u5668\u4EBA\u3002\u5B83\u5728\u6C60\u5B50\u91CC\uFF0C\u4F46\u4E0D\u4F1A\u5904\u7406\u4EFB\u4F55\u98DE\u4E66\u6D88\u606F\u3002"
+    });
+    if (!isListening) {
+      items.push({
+        tone: "warning",
+        title: "\u76D1\u542C\u72B6\u6001",
+        detail: "\u5168\u5C40\u76D1\u542C\u672A\u5F00\u542F\uFF0C\u98DE\u4E66\u65B0\u6D88\u606F\u4E0D\u4F1A\u81EA\u52A8\u8FDB\u5165 Paperclip\u3002"
+      });
+    } else if (subscriber) {
+      items.push({
+        tone: "success",
+        title: "\u76D1\u542C\u72B6\u6001",
+        detail: `\u5DF2\u770B\u5230\u8FD9\u4E2A\u673A\u5668\u4EBA\u7684\u76D1\u542C\u8FDB\u7A0B${subscriber.pid ? `\uFF0CPID ${subscriber.pid}` : ""}\u3002`
+      });
+    } else {
+      items.push({
+        tone: "warning",
+        title: "\u76D1\u542C\u72B6\u6001",
+        detail: "\u5168\u5C40\u76D1\u542C\u5DF2\u5F00\u542F\uFF0C\u4F46\u6682\u65F6\u6CA1\u770B\u5230\u8FD9\u4E2A\u673A\u5668\u4EBA\u7684\u76D1\u542C\u8FDB\u7A0B\u3002\u4FDD\u5B58\u914D\u7F6E\u6216\u91CD\u542F\u670D\u52A1\u540E\u518D\u68C0\u67E5\u3002"
+      });
+    }
+    items.push({
+      tone: isSendingRealMessages ? "success" : "warning",
+      title: "\u771F\u5B9E\u56DE\u590D",
+      detail: isSendingRealMessages ? "\u771F\u5B9E\u56DE\u590D\u5DF2\u5F00\u542F\uFF0C\u667A\u80FD\u4F53\u5B8C\u6210\u540E\u4F1A\u56DE\u5230\u98DE\u4E66\u3002" : "\u5F53\u524D\u662F\u9875\u9762\u6A21\u62DF\u6A21\u5F0F\uFF0C\u4E0D\u4F1A\u771F\u5B9E\u56DE\u590D\u98DE\u4E66\u3002"
+    });
+    items.push({
+      tone: isSendingRealMessages ? "success" : "warning",
+      title: "\u9644\u4EF6\u5165\u5E93",
+      detail: isSendingRealMessages ? "\u98DE\u4E66\u6587\u4EF6\u548C\u56FE\u7247\u4F1A\u4F5C\u4E3A Paperclip \u4EFB\u52A1\u9644\u4EF6\u4E0A\u4F20\u3002" : "\u6A21\u62DF\u6A21\u5F0F\u4E0D\u4F1A\u771F\u6B63\u4E0B\u8F7D\u98DE\u4E66\u9644\u4EF6\u3002"
+    });
+    return items;
+  }
+  async function checkConnection(connection) {
+    setCheckingConnectionId(connection.id);
+    setNotice({ tone: "info", text: `\u6B63\u5728\u68C0\u67E5\u201C${appLabel(connection, profiles.find((item) => item.name === connection.profileName))}\u201D...` });
+    try {
+      const result = await test(configJson);
+      profileCatalog.refresh();
+      connectorStatus.refresh();
+      const items = buildConnectionCheckReport(connection, result);
+      setConnectionCheckResults((prev) => ({
+        ...prev,
+        [connection.id]: {
+          checkedAt: (/* @__PURE__ */ new Date()).toLocaleTimeString(),
+          items
+        }
+      }));
+      const hasError = items.some((item) => item.tone === "error");
+      const hasWarning = items.some((item) => item.tone === "warning");
+      setNotice({
+        tone: hasError ? "error" : hasWarning ? "info" : "success",
+        text: hasError ? "\u8FD9\u4E2A\u673A\u5668\u4EBA\u8FD8\u6709\u963B\u585E\u9879\u3002" : hasWarning ? "\u8FD9\u4E2A\u673A\u5668\u4EBA\u57FA\u672C\u53EF\u7528\uFF0C\u4F46\u8FD8\u6709\u9700\u8981\u786E\u8BA4\u7684\u9879\u76EE\u3002" : "\u8FD9\u4E2A\u673A\u5668\u4EBA\u68C0\u67E5\u901A\u8FC7\uFF0C\u53EF\u4EE5\u7528\u4E8E\u98DE\u4E66\u5165\u53E3\u3002"
+      });
+    } catch (nextError) {
+      setNotice({ tone: "error", text: readableError(nextError) });
+    } finally {
+      setCheckingConnectionId(null);
+    }
+  }
+  async function testCurrentConfig() {
+    setChecking(true);
+    setLastCheckAt(null);
+    setNotice({ tone: "info", text: "\u6B63\u5728\u68C0\u67E5\u673A\u5668\u4EBA\u3001\u6D88\u606F\u5165\u53E3\u548C\u8FD0\u884C\u5F00\u5173..." });
+    try {
+      const result = await test(configJson);
+      profileCatalog.refresh();
+      connectorStatus.refresh();
+      const nextReport = buildCheckReport(result);
+      setCheckReportItems(nextReport);
+      setLastCheckAt((/* @__PURE__ */ new Date()).toLocaleTimeString());
+      setNotice({
+        tone: nextReport.some((item) => item.tone === "error") ? "error" : nextReport.some((item) => item.tone === "warning") ? "info" : "success",
+        text: nextReport.some((item) => item.tone === "error") ? "\u68C0\u67E5\u53D1\u73B0\u963B\u585E\u9879\uFF0C\u6309\u4E0B\u65B9\u4F53\u68C0\u62A5\u544A\u5904\u7406\u3002" : nextReport.some((item) => item.tone === "warning") ? "\u57FA\u7840\u94FE\u8DEF\u53EF\u7528\uFF1B\u4E0B\u65B9\u63D0\u9192\u6309\u573A\u666F\u786E\u8BA4\u5373\u53EF\u3002" : "\u68C0\u67E5\u901A\u8FC7\u3002\u4E0B\u4E00\u6B65\u53BB\u98DE\u4E66\u91CC\u53D1\u9001\u6D4B\u8BD5\u8BDD\u672F\u786E\u8BA4\u771F\u5B9E\u6548\u679C\u3002"
+      });
+    } catch (nextError) {
+      setNotice({ tone: "error", text: readableError(nextError) });
+    } finally {
+      setChecking(false);
+    }
+  }
+  async function testEntryRoute(route) {
+    setTestingRouteId(route.id);
+    setNotice(null);
+    setRouteTestResults((prev) => {
+      const next = { ...prev };
+      delete next[route.id];
+      return next;
+    });
+    try {
+      const result = await testRoute({ routeId: route.id });
+      const text = result.message ? `${result.message}${result.sampleText ? ` \u6D4B\u8BD5\u6D88\u606F\uFF1A${result.sampleText}` : ""}` : "\u5165\u53E3\u6D4B\u8BD5\u5B8C\u6210\u3002";
+      setRouteTestResults((prev) => ({
+        ...prev,
+        [route.id]: {
+          tone: result.ok ? "success" : "error",
+          text
+        }
+      }));
+      setNotice({ tone: result.ok ? "success" : "error", text });
+    } catch (nextError) {
+      const text = readableError(nextError);
+      setRouteTestResults((prev) => ({
+        ...prev,
+        [route.id]: { tone: "error", text }
+      }));
+      setNotice({ tone: "error", text });
+    } finally {
+      setTestingRouteId(null);
+    }
+  }
+  async function runPermissionCheck() {
+    setCheckingPermissions(true);
+    setPermissionCheck(null);
+    setNotice({ tone: "info", text: "\u6B63\u5728\u7528 lark-cli \u6821\u9A8C\u5F53\u524D profile \u7684\u98DE\u4E66\u6743\u9650..." });
+    try {
+      const result = await checkPermissions({
+        connectionId: firstRouteConnection?.id ?? preferredConnection?.id
+      });
+      setPermissionCheck(result);
+      setNotice({
+        tone: result.ok ? "success" : "info",
+        text: result.message ?? (result.ok ? "\u6743\u9650\u68C0\u67E5\u901A\u8FC7\u3002" : "\u6743\u9650\u68C0\u67E5\u5B8C\u6210\uFF0C\u4ECD\u6709\u7F3A\u5931\u9879\u3002")
+      });
+    } catch (nextError) {
+      const text = readableError(nextError);
+      setPermissionCheck({ ok: false, message: text });
+      setNotice({ tone: "error", text });
+    } finally {
+      setCheckingPermissions(false);
+    }
+  }
+  async function runRetryQueue() {
+    setRetryingQueue(true);
+    setNotice({ tone: "info", text: "\u6B63\u5728\u91CD\u8BD5\u98DE\u4E66\u5931\u8D25\u6295\u9012..." });
+    try {
+      const result = await retryFailedDeliveries({});
+      connectorStatus.refresh();
+      setNotice({
+        tone: (result.failedCount ?? 0) > 0 ? "info" : "success",
+        text: `\u91CD\u8BD5\u5B8C\u6210\uFF1A\u5C1D\u8BD5 ${result.attemptedCount ?? 0} \u6761\uFF0C\u6210\u529F ${result.successCount ?? 0} \u6761\uFF0C\u5931\u8D25 ${result.failedCount ?? 0} \u6761\u3002`
+      });
+    } catch (nextError) {
+      setNotice({ tone: "error", text: readableError(nextError) });
+    } finally {
+      setRetryingQueue(false);
+    }
+  }
+  if (loading) return /* @__PURE__ */ jsx("div", { style: helpStyle, children: "\u6B63\u5728\u8BFB\u53D6\u98DE\u4E66\u8FDE\u63A5\u5668\u914D\u7F6E..." });
+  return /* @__PURE__ */ jsxs("div", { style: pageStyle, children: [
+    /* @__PURE__ */ jsx("nav", { style: tabNavStyle, "aria-label": "\u98DE\u4E66\u8FDE\u63A5\u5668\u9875\u9762\u5BFC\u822A", children: mainTabs.map((tab) => /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        style: activeMainTab === tab.key ? activeTabLinkStyle : tabLinkStyle,
+        onClick: () => selectMainTab(tab.key),
+        children: [
+          /* @__PURE__ */ jsx("span", { children: tab.label }, "label"),
+          /* @__PURE__ */ jsx("span", { style: tabDetailStyle, children: tab.detail }, "detail")
+        ]
+      },
+      tab.key
+    )) }, "local-tabs"),
+    showBindPanel ? /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: modalBackdropStyle,
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-label": bindPanelTitle,
+        onClick: () => setShowBindPanel(false),
+        children: /* @__PURE__ */ jsxs("div", { style: modalPanelStyle, onClick: (event) => event.stopPropagation(), children: [
+          /* @__PURE__ */ jsxs("div", { style: sectionHeaderStyle, children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("div", { style: { fontWeight: 900, fontSize: "18px" }, children: bindPanelTitle }, "title"),
+              /* @__PURE__ */ jsx("div", { style: helpStyle, children: "\u652F\u6301\u4E24\u79CD\u65B9\u5F0F\uFF1A\u666E\u901A\u7528\u6237\u4F18\u5148\u7528\u98DE\u4E66\u6388\u6743\u94FE\u63A5\uFF1B\u7BA1\u7406\u5458\u4E5F\u53EF\u4EE5\u76F4\u63A5\u586B App ID \u548C App Secret\uFF0C\u6216\u586B Paperclip Secret Ref\u3002App Secret \u53EA\u4EA4\u7ED9 lark-cli \u5EFA\u7ACB profile\uFF0C\u4E0D\u4F1A\u4FDD\u5B58\u5230\u63D2\u4EF6\u914D\u7F6E\u91CC\u3002" }, "help")
+            ] }, "copy"),
+            /* @__PURE__ */ jsx("button", { type: "button", style: buttonStyle, onClick: () => setShowBindPanel(false), children: "\u5173\u95ED" }, "close")
+          ] }, "head"),
+          /* @__PURE__ */ jsxs("div", { style: gridTwoStyle, children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                style: bindMethod === "guided" ? primaryButtonStyle : buttonStyle,
+                onClick: () => {
+                  setBindMethod("guided");
+                  setNotice(null);
+                },
+                children: "\u7528\u98DE\u4E66\u6388\u6743\u94FE\u63A5\u7ED1\u5B9A"
+              },
+              "guided"
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                style: bindMethod === "secret" ? primaryButtonStyle : buttonStyle,
+                onClick: () => {
+                  setBindMethod("secret");
+                  setGuidedBindResult(null);
+                  setNotice(null);
+                },
+                children: "\u7528 App ID / Secret \u7ED1\u5B9A"
+              },
+              "secret"
+            )
+          ] }, "method"),
+          /* @__PURE__ */ jsxs("div", { style: gridTwoStyle, children: [
+            /* @__PURE__ */ jsx(Field, { label: "\u7ED9\u8FD9\u4E2A\u673A\u5668\u4EBA\u8D77\u4E2A\u540D\u5B57", help: "\u7ED9\u4EBA\u770B\u7684\u540D\u5B57\uFF0C\u4F8B\u5982\u201C\u8001\u677F\u8D44\u8BAF\u673A\u5668\u4EBA\u201D\u3002", children: /* @__PURE__ */ jsx("input", { style: inputStyle, value: bindForm.displayName, onChange: (event) => setBindForm((prev) => ({ ...prev, displayName: event.target.value })) }) }, "displayName"),
+            /* @__PURE__ */ jsx(Field, { label: "\u98DE\u4E66\u91CC @ \u5B83\u7684\u540D\u5B57", help: "\u7528\u4E8E\u9632\u6B62 @\u5C0F\u9510 \u65F6\u9510\u601D\u4E5F\u54CD\u5E94\u3002\u53EF\u586B\u591A\u4E2A\uFF0C\u7528\u9017\u53F7\u9694\u5F00\uFF0C\u4F8B\u5982\u201C\u5C0F\u9510, \u9510\u601D\u201D\u3002", children: /* @__PURE__ */ jsx("input", { style: inputStyle, value: bindForm.botAliases, placeholder: "\u4F8B\u5982\uFF1A\u5C0F\u9510", onChange: (event) => setBindForm((prev) => ({ ...prev, botAliases: event.target.value })) }) }, "botAliases"),
+            /* @__PURE__ */ jsx(Field, { label: "\u5DE5\u7A0B\u6392\u969C\u4EE3\u53F7\uFF08\u53EF\u4E0D\u586B\uFF09", help: "\u9ED8\u8BA4\u81EA\u52A8\u751F\u6210\uFF1B\u666E\u901A\u7528\u6237\u4E0D\u7528\u6539\u3002", children: /* @__PURE__ */ jsx("input", { style: inputStyle, value: bindForm.profileName || suggestedNewProfileName, onChange: (event) => setBindForm((prev) => ({ ...prev, profileName: event.target.value })) }) }, "profileName")
+          ] }, "fields"),
+          bindMethod === "guided" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsxs("div", { style: checklistGridStyle, children: [
+              /* @__PURE__ */ jsx(ChecklistItem, { done: Boolean(guidedBindResult?.url), title: "1 \u83B7\u53D6\u6388\u6743\u94FE\u63A5", detail: "\u6253\u5F00\u98DE\u4E66\u5B98\u65B9\u9875\u9762\u5B8C\u6210\u5E94\u7528\u6388\u6743\u3002" }, "one"),
+              /* @__PURE__ */ jsx(ChecklistItem, { done: Boolean(guidedBindResult?.url), title: "2 \u56DE\u5230\u8FD9\u91CC\u786E\u8BA4", detail: "\u6388\u6743\u5B8C\u6210\u540E\u70B9\u201C\u6211\u5DF2\u5B8C\u6210\u6388\u6743\uFF0C\u663E\u793A\u5230\u5217\u8868\u201D\u3002" }, "two"),
+              /* @__PURE__ */ jsx(ChecklistItem, { done: false, title: "3 \u9009\u62E9\u5165\u53E3\u4F7F\u7528", detail: "\u6BCF\u6761\u4E1A\u52A1\u5165\u53E3\u53EF\u4EE5\u5355\u72EC\u9009\u62E9\u8FD9\u4E2A\u673A\u5668\u4EBA\u3002" }, "three")
+            ] }, "steps"),
+            /* @__PURE__ */ jsxs("div", { style: heroCommandStyle, children: [
+              /* @__PURE__ */ jsx("div", { style: { fontWeight: 900 }, children: "\u666E\u901A\u7528\u6237\u63A8\u8350\uFF1A\u7528\u98DE\u4E66\u5B98\u65B9\u6388\u6743\u94FE\u63A5" }, "title"),
+              /* @__PURE__ */ jsx("div", { style: helpStyle, children: "\u4F60\u4E0D\u9700\u8981\u8BB0 App ID\uFF0C\u4E5F\u4E0D\u9700\u8981\u770B\u5230 App Secret\u3002\u70B9\u51FB\u4E0B\u9762\u7684\u201C\u83B7\u53D6\u98DE\u4E66\u6388\u6743\u94FE\u63A5\u201D\uFF0C\u5728\u98DE\u4E66\u9875\u9762\u5B8C\u6210\u6388\u6743\uFF0C\u518D\u56DE\u5230\u8FD9\u91CC\u786E\u8BA4\u5373\u53EF\u3002" }, "body"),
+              /* @__PURE__ */ jsxs("div", { style: flowGridStyle, children: [
+                /* @__PURE__ */ jsx(FlowStep, { title: "1. Paperclip \u751F\u6210\u94FE\u63A5", value: guidedBindResult?.url ? "\u5DF2\u751F\u6210" : "\u5F85\u751F\u6210", detail: "\u94FE\u63A5\u7531\u5F53\u524D\u8FD0\u884C\u73AF\u5883\u7684 lark-cli \u521B\u5EFA\u3002" }, "link"),
+                /* @__PURE__ */ jsx(FlowStep, { title: "2. \u53BB\u98DE\u4E66\u786E\u8BA4", value: "\u626B\u7801\u6216\u6253\u5F00\u94FE\u63A5", detail: "\u5982\u679C\u98DE\u4E66\u8981\u6C42\u7BA1\u7406\u5458\u5BA1\u6279\uFF0C\u9700\u8981\u5148\u5B8C\u6210\u5BA1\u6279\u3002" }, "feishu"),
+                /* @__PURE__ */ jsx(FlowStep, { title: "3. \u56DE\u5230 Paperclip", value: "\u663E\u793A\u5230\u673A\u5668\u4EBA\u6C60", detail: "\u65B0\u673A\u5668\u4EBA\u51FA\u73B0\u540E\uFF0C\u5C31\u53EF\u4EE5\u88AB\u4E0D\u540C\u5165\u53E3\u5206\u522B\u9009\u62E9\u3002" }, "back")
+              ] }, "flow")
+            ] }, "guided-visual"),
+            guidedBindResult?.url ? /* @__PURE__ */ jsxs("div", { style: successBoxStyle, children: [
+              /* @__PURE__ */ jsx("div", { style: { fontWeight: 800 }, children: "\u6388\u6743\u94FE\u63A5\u5DF2\u751F\u6210" }, "title"),
+              /* @__PURE__ */ jsx("div", { style: helpStyle, children: "\u5982\u679C\u98DE\u4E66\u9875\u9762\u5DF2\u7ECF\u5B8C\u6210\u6388\u6743\uFF0C\u5C31\u70B9\u4E0B\u9762\u7684\u786E\u8BA4\u6309\u94AE\u3002" }, "help"),
+              /* @__PURE__ */ jsx("a", { href: guidedBindResult.url, target: "_blank", rel: "noreferrer", style: { ...linkButtonStyle, marginTop: "10px" }, children: "\u6253\u5F00\u98DE\u4E66\u6388\u6743\u94FE\u63A5" }, "url")
+            ] }, "url-box") : null,
+            /* @__PURE__ */ jsxs("div", { style: subtleBoxStyle, children: [
+              /* @__PURE__ */ jsx("div", { style: { fontWeight: 800 }, children: "\u5982\u679C\u5B8C\u6210\u6388\u6743\u540E\u5217\u8868\u91CC\u6CA1\u51FA\u73B0" }, "title"),
+              /* @__PURE__ */ jsx("div", { style: helpStyle, children: "\u5148\u70B9\u201C\u5237\u65B0\u673A\u5668\u4EBA\u5217\u8868\u201D\u3002\u5982\u679C\u8FD8\u662F\u6CA1\u6709\uFF0C\u901A\u5E38\u662F\u98DE\u4E66\u6388\u6743\u6CA1\u6709\u70B9\u5B8C\u3001lark-cli \u6CA1\u628A profile \u5199\u5230\u5F53\u524D\u8FD0\u884C\u73AF\u5883\uFF0C\u6216\u672C\u5730\u6D4B\u8BD5\u548C\u4E91\u670D\u52A1\u5668\u4E0D\u662F\u540C\u4E00\u53F0\u673A\u5668\u3002" }, "help")
+            ] }, "bind-troubleshooting"),
+            /* @__PURE__ */ jsxs("div", { style: rowStyle, children: [
+              /* @__PURE__ */ jsx("button", { type: "button", style: primaryButtonStyle, disabled: startingGuidedBind, onClick: () => void startOfficialBindWizard(), children: startingGuidedBind ? "\u6B63\u5728\u751F\u6210..." : "\u83B7\u53D6\u98DE\u4E66\u6388\u6743\u94FE\u63A5" }, "start"),
+              /* @__PURE__ */ jsx("button", { type: "button", style: buttonStyle, disabled: finishingGuidedBind, onClick: () => void finishOfficialBindWizard(), children: finishingGuidedBind ? "\u6B63\u5728\u786E\u8BA4..." : "\u6211\u5DF2\u5B8C\u6210\u6388\u6743\uFF0C\u663E\u793A\u5230\u5217\u8868" }, "finish"),
+              /* @__PURE__ */ jsx("button", { type: "button", style: buttonStyle, onClick: refreshProfilesWithNotice, children: "\u5237\u65B0\u673A\u5668\u4EBA\u5217\u8868" }, "refresh"),
+              /* @__PURE__ */ jsx("button", { type: "button", style: buttonStyle, onClick: () => setShowBindPanel(false), children: "\u53D6\u6D88" }, "cancel")
+            ] }, "actions")
+          ] }, "guided-bind-flow") : /* @__PURE__ */ jsxs("div", { style: { display: "grid", gap: "12px" }, children: [
+            /* @__PURE__ */ jsxs("div", { style: recommendedBoxStyle, children: [
+              /* @__PURE__ */ jsx("div", { style: { fontWeight: 800 }, children: "\u7BA1\u7406\u5458\u76F4\u63A5\u7ED1\u5B9A" }, "title"),
+              /* @__PURE__ */ jsx("div", { style: helpStyle, children: "App ID \u548C App Secret \u5728\u98DE\u4E66\u5F00\u653E\u5E73\u53F0\u7684\u201C\u51ED\u8BC1\u4E0E\u57FA\u7840\u4FE1\u606F\u201D\u91CC\u3002\u4E91\u7AEF\u5EFA\u8BAE\u5148\u628A App Secret \u5B58\u5165 Paperclip Secret/Vault\uFF0C\u518D\u5728\u8FD9\u91CC\u586B Secret Ref\uFF1B\u4FDD\u5B58\u5B8C\u6210\u540E\u63D2\u4EF6\u53EA\u8BB0\u5F55\u673A\u5668\u4EBA\u663E\u793A\u540D\u548C profile \u4EE3\u53F7\uFF0C\u4E0D\u4FDD\u5B58 Secret \u660E\u6587\u3002" }, "body"),
+              /* @__PURE__ */ jsx("a", { href: "https://open.feishu.cn/app", target: "_blank", rel: "noreferrer", style: { ...linkButtonStyle, marginTop: "10px" }, children: "\u6253\u5F00\u98DE\u4E66\u5F00\u653E\u5E73\u53F0" }, "platform")
+            ] }, "secret-help"),
+            /* @__PURE__ */ jsxs("div", { style: gridTwoStyle, children: [
+              /* @__PURE__ */ jsx(Field, { label: "\u98DE\u4E66 App ID", help: "\u901A\u5E38\u4EE5 cli_ \u5F00\u5934\u3002", children: /* @__PURE__ */ jsx("input", { style: inputStyle, value: bindForm.appId, placeholder: "cli_xxxxxxxxxxxxx", onChange: (event) => setBindForm((prev) => ({ ...prev, appId: event.target.value })) }) }, "appId"),
+              /* @__PURE__ */ jsx(Field, { label: "\u98DE\u4E66 App Secret", help: "\u53EA\u5728\u672C\u6B21\u7ED1\u5B9A\u65F6\u53D1\u9001\u7ED9 lark-cli\u3002\u4E0D\u8981\u622A\u56FE\u5916\u53D1\u3002", children: /* @__PURE__ */ jsx("input", { style: inputStyle, type: "password", autoComplete: "off", value: bindForm.appSecret, placeholder: "\u8F93\u5165 App Secret", onChange: (event) => setBindForm((prev) => ({ ...prev, appSecret: event.target.value })) }) }, "appSecret"),
+              /* @__PURE__ */ jsx(Field, { label: "Paperclip Secret Ref", help: "\u5982\u679C App Secret \u5DF2\u5728 Paperclip/Vault \u91CC\u6258\u7BA1\uFF0C\u586B\u8FD9\u4E2A\u5F15\u7528\u5373\u53EF\uFF1B\u4E0E\u660E\u6587 Secret \u4E8C\u9009\u4E00\u3002", children: /* @__PURE__ */ jsx("input", { style: inputStyle, value: bindForm.appSecretRef, placeholder: "\u4F8B\u5982\uFF1Afeishu/app-secret", onChange: (event) => setBindForm((prev) => ({ ...prev, appSecretRef: event.target.value })) }) }, "appSecretRef")
+            ] }, "secret-fields"),
+            /* @__PURE__ */ jsxs("div", { style: rowStyle, children: [
+              /* @__PURE__ */ jsx("button", { type: "button", style: primaryButtonStyle, disabled: binding, onClick: () => void bindNewFeishuApp(), children: binding ? "\u6B63\u5728\u7ED1\u5B9A..." : "\u7ACB\u5373\u7ED1\u5B9A\u5E76\u52A0\u5165\u673A\u5668\u4EBA\u6C60" }, "bind"),
+              /* @__PURE__ */ jsx("button", { type: "button", style: buttonStyle, onClick: () => setShowBindPanel(false), children: "\u53D6\u6D88" }, "cancel")
+            ] }, "actions")
+          ] }, "secret-flow")
+        ] }, "panel")
+      },
+      "bind-modal"
+    ) : null,
+    toast ? /* @__PURE__ */ jsx("div", { style: floatingToastStyle, children: /* @__PURE__ */ jsx(NoticeBanner, { notice: toast }) }, "toast") : null,
+    notice && activeMainTab !== "overview" ? /* @__PURE__ */ jsx(
+      NoticeBanner,
+      {
+        notice,
+        meta: lastCheckAt ? `\u6700\u8FD1\u68C0\u67E5\u65F6\u95F4\uFF1A${lastCheckAt}` : null
+      },
+      "tab-notice"
+    ) : null,
+    activeMainTab === "overview" ? /* @__PURE__ */ jsxs("div", { id: "feishu-overview", style: heroStyle, children: [
+      /* @__PURE__ */ jsxs("div", { style: actionBarStyle, children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("div", { style: { fontWeight: 800, marginBottom: "6px", fontSize: "18px" }, children: overviewTitle }, "intro-title"),
+          /* @__PURE__ */ jsxs("div", { style: helpStyle, children: [
+            statusTitle,
+            "\u3002\u591A\u4E2A\u98DE\u4E66\u673A\u5668\u4EBA\u53EF\u4EE5\u540C\u65F6\u5B58\u5728\uFF1B\u6BCF\u6761\u4E1A\u52A1\u5165\u53E3\u5355\u72EC\u9009\u62E9\u673A\u5668\u4EBA\u3001\u516C\u53F8\u548C\u667A\u80FD\u4F53\u3002"
+          ] }, "intro-body")
+        ] }, "copy"),
+        /* @__PURE__ */ jsxs("div", { style: rowStyle, children: [
+          /* @__PURE__ */ jsx("button", { type: "button", style: primaryButtonStyle, onClick: () => openEntryWizard(), children: "\u65B0\u589E\u5165\u53E3" }, "add-entry"),
+          /* @__PURE__ */ jsx("button", { type: "button", style: buttonStyle, disabled: saving || checking, onClick: () => void testCurrentConfig(), children: checking ? "\u6B63\u5728\u68C0\u67E5..." : "\u68C0\u67E5\u8FDE\u63A5" }, "test"),
+          /* @__PURE__ */ jsx("button", { type: "button", style: buttonStyle, onClick: () => void copySmokeText(), children: "\u590D\u5236\u6D4B\u8BD5\u8BDD\u672F" }, "copy")
+        ] }, "actions")
+      ] }, "top"),
+      notice ? /* @__PURE__ */ jsx(
+        NoticeBanner,
+        {
+          notice,
+          meta: lastCheckAt ? `\u6700\u8FD1\u68C0\u67E5\u65F6\u95F4\uFF1A${lastCheckAt}` : null
+        },
+        "top-notice"
+      ) : null,
+      checkReportItems.length > 0 ? /* @__PURE__ */ jsx(CheckReport, { items: checkReportItems }, "check-report") : null,
+      /* @__PURE__ */ jsxs("div", { style: nextStepStyle, children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("div", { style: { fontWeight: 900, fontSize: "16px" }, children: nextStepCopy.title }, "title"),
+          /* @__PURE__ */ jsx("div", { style: helpStyle, children: nextStepCopy.detail }, "detail")
+        ] }, "copy"),
+        /* @__PURE__ */ jsxs("div", { style: rowStyle, children: [
+          nextStepKind === "bind" ? /* @__PURE__ */ jsx("button", { type: "button", style: primaryButtonStyle, onClick: () => openBindPanel(), children: "\u63A5\u5165\u98DE\u4E66\u673A\u5668\u4EBA" }, "bind") : null,
+          nextStepKind === "rebind" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("button", { type: "button", style: primaryButtonStyle, onClick: () => openBindPanel(connectionToFix ?? firstEnabledConnection), children: "\u91CD\u65B0\u7ED1\u5B9A\u673A\u5668\u4EBA" }, "rebind"),
+            /* @__PURE__ */ jsx("button", { type: "button", style: buttonStyle, onClick: refreshProfilesWithNotice, children: "\u5237\u65B0\u673A\u5668\u4EBA\u5217\u8868" }, "refresh")
+          ] }, "next-rebind-actions") : null,
+          nextStepKind === "entry" ? /* @__PURE__ */ jsx("button", { type: "button", style: primaryButtonStyle, onClick: () => openEntryWizard(), children: "\u65B0\u589E\u4E1A\u52A1\u5165\u53E3" }, "entry") : null,
+          nextStepKind === "edit-entry" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("button", { type: "button", style: primaryButtonStyle, onClick: () => openEntryEditor(firstMissingRouteSummary?.route.id), children: "\u7F16\u8F91\u8FD9\u6761\u5165\u53E3" }, "edit"),
+            /* @__PURE__ */ jsx("button", { type: "button", style: buttonStyle, onClick: () => openBindPanel(connectionToFix ?? void 0), children: "\u91CD\u65B0\u7ED1\u5B9A\u673A\u5668\u4EBA" }, "rebind")
+          ] }, "next-edit-entry-actions") : null,
+          nextStepKind === "enable-listen" ? /* @__PURE__ */ jsx("button", { type: "button", style: primaryButtonStyle, disabled: saving, onClick: () => void patchRuntimeAndSave({ enableEventSubscriber: true }, "\u5DF2\u5F00\u542F\u98DE\u4E66\u6D88\u606F\u76D1\u542C\u5E76\u4FDD\u5B58\u3002\u73B0\u5728\u53EF\u4EE5\u53BB\u98DE\u4E66\u91CC\u53D1\u6D4B\u8BD5\u8BDD\u672F\u3002"), children: "\u5F00\u542F\u76D1\u542C\u5E76\u4FDD\u5B58" }, "listen") : null,
+          nextStepKind === "enable-real" ? /* @__PURE__ */ jsx("button", { type: "button", style: primaryButtonStyle, disabled: saving, onClick: () => void patchRuntimeAndSave({ dryRunCli: false }, "\u5DF2\u5F00\u542F\u771F\u5B9E\u98DE\u4E66\u56DE\u590D\u5E76\u4FDD\u5B58\u3002\u4E0B\u4E00\u6B65\u53BB\u98DE\u4E66\u5B9E\u6D4B\u3002"), children: "\u5F00\u542F\u771F\u5B9E\u56DE\u590D\u5E76\u4FDD\u5B58" }, "real") : null,
+          nextStepKind === "test" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("button", { type: "button", style: primaryButtonStyle, onClick: () => void copySmokeText(), children: "\u590D\u5236\u98DE\u4E66\u6D4B\u8BD5\u8BDD\u672F" }, "copy"),
+            /* @__PURE__ */ jsx("button", { type: "button", style: buttonStyle, disabled: checking, onClick: () => void testCurrentConfig(), children: checking ? "\u68C0\u67E5\u4E2D..." : "\u68C0\u67E5\u8FDE\u63A5" }, "check")
+          ] }, "next-test-actions") : null
+        ] }, "actions")
+      ] }, "next-step"),
+      /* @__PURE__ */ jsxs("div", { style: metricGridStyle, children: [
+        /* @__PURE__ */ jsxs("div", { style: metricCardStyle, children: [
+          /* @__PURE__ */ jsxs("div", { style: metricHeaderStyle, children: [
+            /* @__PURE__ */ jsx("span", { style: { ...metricIconStyle, background: "color-mix(in oklab, #2563eb 14%, var(--background))", color: "#2563eb" }, children: "\u673A" }, "icon"),
+            /* @__PURE__ */ jsx("span", { children: "\u673A\u5668\u4EBA\u6C60" }, "text")
+          ] }, "label"),
+          /* @__PURE__ */ jsx("div", { style: { fontWeight: 900, fontSize: "22px" }, children: missingProfileConnections.length > 0 ? `${usableConnections.length} \u4E2A\u53EF\u8FD0\u884C / ${activeConnections.length} \u4E2A\u5DF2\u914D\u7F6E` : `${activeConnections.length} \u4E2A\u53EF\u7528` }, "value"),
+          /* @__PURE__ */ jsx("div", { style: helpStyle, children: activeConnectionLabels.join("\u3001") || "\u5C1A\u672A\u7ED1\u5B9A\u673A\u5668\u4EBA" }, "detail")
+        ] }, "metric-bots"),
+        /* @__PURE__ */ jsxs("div", { style: metricCardStyle, children: [
+          /* @__PURE__ */ jsxs("div", { style: metricHeaderStyle, children: [
+            /* @__PURE__ */ jsx("span", { style: { ...metricIconStyle, background: "color-mix(in oklab, #16a34a 14%, var(--background))", color: "#16a34a" }, children: "\u5165" }, "icon"),
+            /* @__PURE__ */ jsx("span", { children: "\u4E1A\u52A1\u5165\u53E3" }, "text")
+          ] }, "label"),
+          /* @__PURE__ */ jsxs("div", { style: { fontWeight: 900, fontSize: "22px" }, children: [
+            routes.length,
+            " \u6761\u5165\u53E3"
+          ] }, "value"),
+          /* @__PURE__ */ jsx("div", { style: helpStyle, children: routeSummaries.slice(0, 3).map(({ route }, index) => routeTitle(route, index)).join(" / ") || "\u8FD8\u6CA1\u6709\u4E1A\u52A1\u5165\u53E3" }, "detail")
+        ] }, "metric-routes"),
+        /* @__PURE__ */ jsxs("div", { style: metricCardStyle, children: [
+          /* @__PURE__ */ jsxs("div", { style: metricHeaderStyle, children: [
+            /* @__PURE__ */ jsx("span", { style: { ...metricIconStyle, background: "color-mix(in oklab, #22c55e 14%, var(--background))", color: "#16a34a" }, children: "\u542C" }, "icon"),
+            /* @__PURE__ */ jsx("span", { children: "\u8FD0\u884C\u72B6\u6001" }, "text")
+          ] }, "label"),
+          /* @__PURE__ */ jsx("div", { style: { fontWeight: 900, fontSize: "22px" }, children: runtimeStatusLabel }, "value"),
+          /* @__PURE__ */ jsx("div", { style: helpStyle, children: runtimeStatusDetail }, "detail")
+        ] }, "metric-runtime")
+      ] }, "metric-grid"),
+      /* @__PURE__ */ jsxs("div", { style: subtleBoxStyle, children: [
+        /* @__PURE__ */ jsxs("div", { style: sectionHeaderStyle, children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("div", { style: { fontWeight: 900, fontSize: "16px" }, children: "\u6700\u8FD1\u98DE\u4E66\u4E8B\u4EF6\u8BCA\u65AD" }, "title"),
+            /* @__PURE__ */ jsx("div", { style: helpStyle, children: latestFeishuEvent ? "\u8FD9\u91CC\u663E\u793A\u6700\u8FD1\u6536\u5230\u7684\u98DE\u4E66\u6D88\u606F\u3001\u547D\u4E2D\u7684\u5165\u53E3\u548C\u672A\u547D\u4E2D\u539F\u56E0\u3002" : "\u5982\u679C\u4F60\u521A\u5728\u98DE\u4E66\u91CC\u53D1\u4E86\u6D4B\u8BD5\u6D88\u606F\uFF0C\u4F46\u8FD9\u91CC\u6CA1\u6709\u65B0\u8BB0\u5F55\uFF0C\u8BF4\u660E\u6D88\u606F\u6CA1\u6709\u8FDB\u5165\u5F53\u524D\u63D2\u4EF6\u76D1\u542C\u7684\u98DE\u4E66\u673A\u5668\u4EBA\u3002" }, "body")
+          ] }, "copy"),
+          /* @__PURE__ */ jsx("button", { type: "button", style: buttonStyle, onClick: () => connectorStatus.refresh(), children: "\u5237\u65B0" }, "refresh")
+        ] }, "header"),
+        /* @__PURE__ */ jsx(
+          RecentEventList,
+          {
+            records: feishuEventRecords.slice(0, 3),
+            emptyText: feishuEventEmptyText
+          },
+          "events"
+        ),
+        !latestFeishuEvent && latestOperationalRecord ? /* @__PURE__ */ jsxs("div", { style: { ...helpStyle, marginTop: "8px" }, children: [
+          "\u63D2\u4EF6\u6700\u8FD1\u72B6\u6001\uFF1A",
+          latestOperationalRecord.message,
+          "\uFF08",
+          latestOperationalRecord.createdAt,
+          "\uFF09\u3002"
+        ] }, "latest-operational-record") : null
+      ] }, "event-diagnostics"),
+      /* @__PURE__ */ jsxs("div", { style: heroCommandStyle, children: [
+        /* @__PURE__ */ jsxs("div", { style: sectionHeaderStyle, children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("div", { style: { fontWeight: 900, fontSize: "16px" }, children: "\u63A5\u5165\u8FDB\u5EA6" }, "title"),
+            /* @__PURE__ */ jsx("div", { style: helpStyle, children: "\u65B0\u7528\u6237\u53EA\u770B\u8FD9\u91CC\u5C31\u591F\u4E86\uFF1A\u5148\u9009\u673A\u5668\u4EBA\uFF0C\u518D\u5EFA\u4E1A\u52A1\u5165\u53E3\uFF0C\u6700\u540E\u5230\u98DE\u4E66\u91CC\u771F\u5B9E\u6D4B\u8BD5\u3002\u66F4\u591A\u5DE5\u7A0B\u914D\u7F6E\u653E\u5728\u201C\u9AD8\u7EA7\u201D\u9875\u3002" }, "body")
+          ] }, "copy"),
+          /* @__PURE__ */ jsxs("div", { style: rowStyle, children: [
+            /* @__PURE__ */ jsx("button", { type: "button", style: buttonStyle, onClick: () => openBindPanel(void 0, "guided"), children: "\u7ED1\u5B9A\u673A\u5668\u4EBA" }, "guided"),
+            /* @__PURE__ */ jsx("button", { type: "button", style: buttonStyle, onClick: () => openBindPanel(void 0, "secret"), children: "\u7BA1\u7406\u5458\u7ED1\u5B9A" }, "secret")
+          ] }, "actions")
+        ] }, "header"),
+        /* @__PURE__ */ jsx("div", { style: stepGridStyle, children: setupProgressSteps.map((step, index) => /* @__PURE__ */ jsx(
+          SetupStep,
+          {
+            index: index + 1,
+            done: step.done,
+            title: step.title,
+            detail: step.detail,
+            action: step.action
+          },
+          step.title
+        )) }, "steps")
+      ] }, "setup-progress")
+    ] }, "intro") : null,
+    activeMainTab === "entries" ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("section", { id: "feishu-entries", style: productSectionStyle, children: [
+      /* @__PURE__ */ jsxs("div", { style: sectionHeaderStyle, children: [
+        /* @__PURE__ */ jsx("h3", { style: { margin: 0, fontSize: "18px" }, children: "\u4E1A\u52A1\u5165\u53E3" }, "title"),
+        /* @__PURE__ */ jsx("button", { type: "button", style: buttonStyle, onClick: () => openEntryWizard(), children: "\u65B0\u589E\u4E1A\u52A1\u5165\u53E3" }, "add")
+      ] }, "header"),
+      /* @__PURE__ */ jsxs("div", { style: { display: "grid", gap: "12px" }, children: [
+        routeSummaries.length === 0 ? /* @__PURE__ */ jsxs("div", { style: productEntryStyle, children: [
+          /* @__PURE__ */ jsx("div", { style: { fontWeight: 800 }, children: "\u8FD8\u6CA1\u6709\u4E1A\u52A1\u5165\u53E3" }, "title"),
+          /* @__PURE__ */ jsx("div", { style: helpStyle, children: "\u5148\u5EFA\u4E00\u6761\u201C\u5305\u542B paperclip \u7684\u98DE\u4E66\u6D88\u606F \u2192 \u6307\u5B9A\u667A\u80FD\u4F53\u201D\u7684\u6D4B\u8BD5\u5165\u53E3\u3002" }, "body")
+        ] }, "empty") : null,
+        routeSummaries.map(({ route, company, agent }, index) => {
+          const routeIndex = routes.findIndex((item) => item.id === route.id);
+          const connection = connections.find((item) => item.id === route.connectionId) ?? preferredConnection;
+          const profile = profiles.find((item) => item.name === connection?.profileName) ?? null;
+          const testResult = routeTestResults[route.id];
+          const agents = company?.agents ?? [];
+          const matchType = route.matchType ?? "keyword";
+          return /* @__PURE__ */ jsxs("div", { id: `product-entry-${route.id}`, style: productEntryStyle, children: [
+            /* @__PURE__ */ jsxs("div", { style: sectionHeaderStyle, children: [
+              /* @__PURE__ */ jsxs("div", { style: { minWidth: 0 }, children: [
+                /* @__PURE__ */ jsxs("div", { style: rowStyle, children: [
+                  /* @__PURE__ */ jsx("strong", { style: { fontSize: "16px" }, children: routeTitle(route, index) }, "title"),
+                  /* @__PURE__ */ jsx(StatusBadge, { tone: route.enabled === false ? "neutral" : "success", children: route.enabled === false ? "\u5DF2\u6682\u505C" : "\u542F\u7528\u4E2D" }, "status")
+                ] }, "title-row"),
+                /* @__PURE__ */ jsxs("div", { style: { ...helpStyle, marginTop: "6px" }, children: [
+                  "\u6765\u6E90\uFF1A",
+                  routeSourceLabel(route),
+                  " \u2192 \u673A\u5668\u4EBA\uFF1A",
+                  appLabel(connection, profile),
+                  " \u2192 \u516C\u53F8\uFF1A",
+                  company ? companyLabel(company) : "\u672A\u9009\u62E9",
+                  " \u2192 \u667A\u80FD\u4F53\uFF1A",
+                  agent ? agentLabel(agent) : "\u672A\u9009\u62E9"
+                ] }, "meta")
+              ] }, "copy"),
+              /* @__PURE__ */ jsxs("div", { style: rowStyle, children: [
+                /* @__PURE__ */ jsx("button", { type: "button", style: buttonStyle, disabled: testingRouteId === route.id, onClick: () => void testEntryRoute(route), children: testingRouteId === route.id ? "\u6D4B\u8BD5\u4E2D..." : "\u6D4B\u8BD5" }, "test"),
+                /* @__PURE__ */ jsx("button", { type: "button", style: buttonStyle, onClick: () => openEntryEditor(route.id), children: "\u7F16\u8F91" }, "edit"),
+                /* @__PURE__ */ jsx("button", { type: "button", style: buttonStyle, onClick: () => routeIndex >= 0 && patchRoute(routeIndex, { enabled: route.enabled === false }), children: route.enabled === false ? "\u542F\u7528" : "\u6682\u505C" }, "pause")
+              ] }, "actions")
+            ] }, "top"),
+            /* @__PURE__ */ jsxs("div", { style: rowStyle, children: [
+              /* @__PURE__ */ jsxs("span", { style: compactPillStyle, children: [
+                "\u89E6\u53D1\u6761\u4EF6\u3000",
+                routeSourceLabel(route)
+              ] }, "source"),
+              /* @__PURE__ */ jsxs("span", { style: compactPillStyle, children: [
+                "\u56DE\u590D\u65B9\u5F0F\u3000",
+                replyModeLabels[route.replyMode ?? "thread"]
+              ] }, "reply"),
+              route.baseSinkId ? /* @__PURE__ */ jsx("span", { style: compactPillStyle, children: "\u5199\u5165\u591A\u7EF4\u8868\u683C" }, "base") : null
+            ] }, "chips"),
+            testResult ? /* @__PURE__ */ jsx("div", { style: { ...helpStyle, color: testResult.tone === "success" ? "var(--foreground)" : "var(--destructive)" }, children: testResult.text }, "result") : null,
+            expandedEntryRouteId === route.id && routeIndex >= 0 ? /* @__PURE__ */ jsxs("div", { style: productEntryEditorStyle, children: [
+              /* @__PURE__ */ jsxs("div", { style: sectionHeaderStyle, children: [
+                /* @__PURE__ */ jsxs("div", { children: [
+                  /* @__PURE__ */ jsx("div", { style: { fontWeight: 800 }, children: "\u7F16\u8F91\u8FD9\u4E2A\u5165\u53E3" }, "title"),
+                  /* @__PURE__ */ jsx("div", { style: helpStyle, children: "\u53EA\u6539\u8FD9\u6761\u4E1A\u52A1\u5165\u53E3\uFF0C\u4E0D\u5F71\u54CD\u5176\u4ED6\u98DE\u4E66\u673A\u5668\u4EBA\u548C\u5176\u4ED6\u516C\u53F8\u3002" }, "help")
+                ] }, "copy"),
+                /* @__PURE__ */ jsx("button", { type: "button", style: buttonStyle, onClick: () => setExpandedEntryRouteId(null), children: "\u6536\u8D77" }, "close")
+              ] }, "editor-head"),
+              /* @__PURE__ */ jsxs("div", { style: gridTwoStyle, children: [
+                /* @__PURE__ */ jsx(Field, { label: "\u4F7F\u7528\u54EA\u4E2A\u98DE\u4E66\u673A\u5668\u4EBA", children: /* @__PURE__ */ jsx(
+                  "select",
+                  {
+                    style: selectStyle,
+                    value: route.connectionId ?? preferredConnection?.id ?? "",
+                    onChange: (event) => patchRoute(routeIndex, { connectionId: event.target.value }),
+                    children: connectionOptionNodes(connections, `product-route-${routeIndex}`, void 0, profiles)
+                  }
+                ) }, "connectionId"),
+                /* @__PURE__ */ jsx(Field, { label: "\u54EA\u4E9B\u6D88\u606F\u8FDB\u5165 Paperclip", children: /* @__PURE__ */ jsx(
+                  "select",
+                  {
+                    style: selectStyle,
+                    value: matchType,
+                    onChange: (event) => patchRoute(routeIndex, { matchType: event.target.value }),
+                    children: Object.entries(matchTypeLabels).map(([value, label], optionIndex) => /* @__PURE__ */ jsx("option", { value, children: label }, `product-match-${routeIndex}-${optionIndex}-${value}`))
+                  }
+                ) }, "matchType"),
+                matchType === "keyword" ? /* @__PURE__ */ jsx(Field, { label: "\u5173\u952E\u8BCD\uFF08\u4E0D\u533A\u5206\u5927\u5C0F\u5199\uFF09", help: "\u4E0D\u662F\u5FC5\u987B\u586B paperclip\u3002\u53EF\u4EE5\u586B\u201C\u5C0F\u601D\u201D\u201C\u627E\u4EBA\u201D\u201C\u8D44\u8BAF\u201D\u7B49\u4E1A\u52A1\u8BCD\uFF1B\u6D88\u606F\u91CC\u5305\u542B\u5B83\u5C31\u4F1A\u8FDB\u5165 Paperclip\u3002", children: /* @__PURE__ */ jsx("input", { style: inputStyle, value: route.keyword ?? "", onChange: (event) => patchRoute(routeIndex, { keyword: event.target.value }) }) }, "keyword") : null,
+                matchType === "regex" ? /* @__PURE__ */ jsx(Field, { label: "\u9AD8\u7EA7\u89C4\u5219", children: /* @__PURE__ */ jsx("input", { style: inputStyle, value: route.regex ?? "", onChange: (event) => patchRoute(routeIndex, { regex: event.target.value }) }) }, "regex") : null,
+                /* @__PURE__ */ jsx(Field, { label: "Paperclip \u516C\u53F8", children: /* @__PURE__ */ jsx(
+                  "select",
+                  {
+                    style: selectStyle,
+                    value: company?.id ?? "",
+                    onChange: (event) => {
+                      const nextCompany = companies.find((item) => item.id === event.target.value);
+                      const nextAgent = nextCompany?.agents[0];
+                      patchRoute(routeIndex, {
+                        companyId: nextCompany?.id,
+                        companyRef: nextCompany?.issuePrefix ?? nextCompany?.name,
+                        targetAgentId: nextAgent?.id,
+                        targetAgentName: nextAgent?.name
+                      });
+                    },
+                    children: companyOptionNodes(companies, `product-route-${routeIndex}`)
+                  }
+                ) }, "company"),
+                /* @__PURE__ */ jsx(Field, { label: "\u4EA4\u7ED9\u54EA\u4E2A\u667A\u80FD\u4F53", children: /* @__PURE__ */ jsx(
+                  "select",
+                  {
+                    style: selectStyle,
+                    value: agent?.id ?? "",
+                    disabled: !company,
+                    onChange: (event) => {
+                      const nextAgent = agents.find((item) => item.id === event.target.value);
+                      patchRoute(routeIndex, {
+                        targetAgentId: nextAgent?.id,
+                        targetAgentName: nextAgent?.name
+                      });
+                    },
+                    children: agentOptionNodes(agents, `product-route-${routeIndex}`)
+                  }
+                ) }, "agent"),
+                /* @__PURE__ */ jsx(Field, { label: "\u56DE\u590D\u65B9\u5F0F", children: /* @__PURE__ */ jsx(
+                  "select",
+                  {
+                    style: selectStyle,
+                    value: route.replyMode ?? "thread",
+                    onChange: (event) => patchRoute(routeIndex, { replyMode: event.target.value }),
+                    children: Object.entries(replyModeLabels).map(([value, label], optionIndex) => /* @__PURE__ */ jsx("option", { value, children: label }, `product-reply-${routeIndex}-${optionIndex}-${value}`))
+                  }
+                ) }, "replyMode")
+              ] }, "editor-fields"),
+              /* @__PURE__ */ jsxs("div", { style: rowStyle, children: [
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    style: primaryButtonStyle,
+                    disabled: saving,
+                    onClick: () => void saveCurrentConfig({
+                      routeId: route.id,
+                      successText: `\u5DF2\u4FDD\u5B58\u5165\u53E3\u201C${routeTitle(route, routeIndex)}\u201D\u3002\u65B0\u7684\u98DE\u4E66\u6D88\u606F\u4F1A\u6309\u8FD9\u4E2A\u5165\u53E3\u5904\u7406\u3002`
+                    }),
+                    children: saving ? "\u6B63\u5728\u4FDD\u5B58..." : "\u4FDD\u5B58\u8FD9\u4E2A\u5165\u53E3"
+                  },
+                  "save"
+                ),
+                /* @__PURE__ */ jsx("button", { type: "button", style: buttonStyle, disabled: testingRouteId === route.id, onClick: () => void testEntryRoute(route), children: testingRouteId === route.id ? "\u6D4B\u8BD5\u4E2D..." : "\u6D4B\u8BD5\u8FD9\u4E2A\u5165\u53E3" }, "test")
+              ] }, "editor-actions"),
+              savedEntry?.routeId === route.id ? /* @__PURE__ */ jsxs("div", { style: { ...successBoxStyle, marginTop: "2px" }, children: [
+                /* @__PURE__ */ jsx("div", { style: { fontWeight: 800 }, children: "\u8FD9\u4E2A\u5165\u53E3\u5DF2\u4FDD\u5B58" }, "title"),
+                /* @__PURE__ */ jsxs("div", { style: helpStyle, children: [
+                  "\u4FDD\u5B58\u65F6\u95F4\uFF1A",
+                  savedEntry.at,
+                  "\u3002\u73B0\u5728\u98DE\u4E66\u6D88\u606F\u4F1A\u4EA4\u7ED9 ",
+                  routeTargetLabel(company, agent),
+                  " \u5904\u7406\u3002"
+                ] }, "detail")
+              ] }, "entry-save-ok") : null
+            ] }, "editor") : null
+          ] }, `product-entry-${route.id}`);
+        })
+      ] }, "list")
+    ] }, "product-entries") }, "entries-list-tab") : null,
+    activeMainTab === "robots" ? /* @__PURE__ */ jsxs("section", { id: "feishu-robots", style: productSectionStyle, children: [
+      /* @__PURE__ */ jsxs("div", { style: sectionHeaderStyle, children: [
+        /* @__PURE__ */ jsx("h3", { style: { margin: 0, fontSize: "18px" }, children: "\u673A\u5668\u4EBA\u6C60" }, "title"),
+        /* @__PURE__ */ jsx("button", { type: "button", style: buttonStyle, onClick: () => openBindPanel(), children: "\u7ED1\u5B9A\u65B0\u673A\u5668\u4EBA" }, "bind")
+      ] }, "header"),
+      /* @__PURE__ */ jsxs("div", { style: gridTwoStyle, children: [
+        activeConnections.length === 0 ? /* @__PURE__ */ jsxs("div", { style: productEntryStyle, children: [
+          /* @__PURE__ */ jsx("div", { style: { fontWeight: 800 }, children: "\u8FD8\u6CA1\u6709\u53EF\u7528\u673A\u5668\u4EBA" }, "title"),
+          /* @__PURE__ */ jsx("div", { style: helpStyle, children: "\u7ED1\u5B9A\u516C\u53F8\u901A\u7528\u673A\u5668\u4EBA\u540E\uFF0C\u518D\u4E3A\u4E1A\u52A1\u5165\u53E3\u9009\u62E9\u5B83\u3002" }, "body")
+        ] }, "empty") : null,
+        activeConnections.map((connection, index) => {
+          const profile = profiles.find((item) => item.name === connection.profileName) ?? null;
+          const routeCount = connectionUsageCounts.get(connection.id) ?? 0;
+          const connectionCheck = connectionCheckResults[connection.id];
+          const authResult = userAuthResults[connection.profileName];
+          const isStartingUserAuth = startingUserAuthProfileName === connection.profileName;
+          const isFinishingUserAuth = finishingUserAuthProfileName === connection.profileName;
+          const aliasText = formatBotAliases(connection);
+          return /* @__PURE__ */ jsxs("div", { style: productEntryStyle, children: [
+            /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: "14px", alignItems: "center" }, children: [
+              /* @__PURE__ */ jsx("div", { style: { ...botIconStyle, background: index % 2 === 0 ? "#2563eb" : "#5b21b6", color: "#fff" }, children: "\u98DE" }, "icon"),
+              /* @__PURE__ */ jsxs("div", { style: { minWidth: 0 }, children: [
+                /* @__PURE__ */ jsxs("div", { style: { ...rowStyle, marginBottom: "4px" }, children: [
+                  /* @__PURE__ */ jsx("strong", { style: { fontSize: "16px" }, children: appLabel(connection, profile) }, "label"),
+                  /* @__PURE__ */ jsx(StatusBadge, { tone: profile ? "success" : "warning", children: profile ? "\u5DF2\u542F\u7528" : "\u9700\u91CD\u65B0\u7ED1\u5B9A" }, "status"),
+                  /* @__PURE__ */ jsxs("span", { style: compactPillStyle, children: [
+                    routeCount,
+                    " \u6761\u5165\u53E3\u4F7F\u7528"
+                  ] }, "count")
+                ] }, "name"),
+                /* @__PURE__ */ jsxs("div", { style: helpStyle, children: [
+                  "App ID\uFF1A",
+                  maskTechnicalId(connection.appId ?? profile?.appId)
+                ] }, "appid"),
+                /* @__PURE__ */ jsx("div", { style: helpStyle, children: profile ? profileAuthLabel(profile) : "\u5F53\u524D\u8FD0\u884C\u73AF\u5883\u672A\u8BFB\u5230\u8FD9\u4E2A\u673A\u5668\u4EBA profile" }, "user"),
+                /* @__PURE__ */ jsx("div", { style: helpStyle, children: profile ? profileAuthDetail(profile) : missingProfileHelp(connection) }, "auth-detail"),
+                /* @__PURE__ */ jsxs("div", { style: { display: "grid", gap: "6px", marginTop: "8px" }, children: [
+                  /* @__PURE__ */ jsx("label", { style: { fontWeight: 700 }, children: "\u98DE\u4E66\u91CC @ \u5B83\u7684\u540D\u5B57" }, "label"),
+                  /* @__PURE__ */ jsxs("div", { style: { ...rowStyle, alignItems: "stretch" }, children: [
+                    /* @__PURE__ */ jsx(
+                      "input",
+                      {
+                        style: { ...inputStyle, minWidth: "220px" },
+                        value: aliasText,
+                        placeholder: `\u4F8B\u5982\uFF1A${profile?.botName || appLabel(connection, profile)}`,
+                        onChange: (event) => patchConnectionById(connection.id, { botAliases: splitBotAliases(event.target.value) })
+                      },
+                      "input"
+                    ),
+                    /* @__PURE__ */ jsx("button", { type: "button", style: buttonStyle, disabled: saving, onClick: () => void saveCurrentConfig({ successText: "\u5DF2\u4FDD\u5B58\u673A\u5668\u4EBA @ \u540D\u79F0\u3002\u4E4B\u540E\u4F1A\u7528\u5B83\u5224\u65AD\u662F\u4E0D\u662F @ \u4E86\u5F53\u524D\u673A\u5668\u4EBA\u3002" }), children: "\u4FDD\u5B58 @ \u540D\u79F0" }, "save-alias")
+                  ] }, "row"),
+                  /* @__PURE__ */ jsx("div", { style: helpStyle, children: "\u586B\u5199\u98DE\u4E66\u91CC @ \u5B83\u65F6\u770B\u5230\u7684\u540D\u5B57\uFF0C\u4F8B\u5982\u201C\u5C0F\u9510\u201D\u3002\u5982\u679C\u98DE\u4E66\u6CA1\u6709\u8FD4\u56DE\u5B98\u65B9\u673A\u5668\u4EBA\u540D\uFF0C\u8FD9\u4E2A\u540D\u5B57\u4F1A\u7528\u6765\u9632\u6B62 @\u5C0F\u9510 \u65F6\u9510\u601D\u4E5F\u54CD\u5E94\u3002" }, "help")
+                ] }, "aliases"),
+                /* @__PURE__ */ jsxs("div", { style: helpStyle, children: [
+                  "\u72B6\u6001\uFF1A",
+                  profile ? "\u53EF\u53D1\u9001 / \u53EF\u76D1\u542C" : "\u5F53\u524D\u4E0D\u53EF\u8FD0\u884C\uFF0C\u5148\u91CD\u65B0\u7ED1\u5B9A\u6216\u6362\u7528\u5176\u4ED6\u673A\u5668\u4EBA"
+                ] }, "state")
+              ] }, "copy")
+            ] }, "top"),
+            /* @__PURE__ */ jsxs("div", { style: rowStyle, children: [
+              /* @__PURE__ */ jsx("button", { type: "button", style: buttonStyle, onClick: () => selectMainTab("entries"), children: "\u67E5\u770B\u5165\u53E3" }, "entries"),
+              /* @__PURE__ */ jsx("button", { type: "button", style: buttonStyle, disabled: checkingConnectionId === connection.id, onClick: () => void checkConnection(connection), children: checkingConnectionId === connection.id ? "\u68C0\u67E5\u4E2D..." : "\u68C0\u67E5\u8FD9\u4E2A\u673A\u5668\u4EBA" }, "check"),
+              profile && !profile.user ? /* @__PURE__ */ jsx("button", { type: "button", style: buttonStyle, disabled: isStartingUserAuth, onClick: () => void startUserAuthFlow(connection.profileName), children: isStartingUserAuth ? "\u751F\u6210\u4E2D..." : "\u8BBF\u95EE\u4E2A\u4EBA\u8D44\u6E90\u65F6\u6388\u6743" }, "user-auth") : null,
+              !profile ? /* @__PURE__ */ jsx("button", { type: "button", style: buttonStyle, onClick: refreshProfilesWithNotice, children: "\u5237\u65B0\u673A\u5668\u4EBA\u5217\u8868" }, "refresh") : null,
+              !profile ? /* @__PURE__ */ jsx("button", { type: "button", style: buttonStyle, onClick: () => openBindPanel(connection), children: "\u91CD\u65B0\u7ED1\u5B9A" }, "rebind") : null
+            ] }, "actions"),
+            authResult?.url ? /* @__PURE__ */ jsxs("div", { style: successBoxStyle, children: [
+              /* @__PURE__ */ jsx("div", { style: { fontWeight: 800 }, children: "\u9700\u8981\u8BBF\u95EE\u4E2A\u4EBA\u8D44\u6E90\u65F6\uFF0C\u6253\u5F00\u8FD9\u4E2A\u94FE\u63A5\u6388\u6743" }, "title"),
+              /* @__PURE__ */ jsx("div", { style: helpStyle, children: "\u6536\u53D1\u98DE\u4E66\u6D88\u606F\u4E0D\u9700\u8981\u8FD9\u4E00\u6B65\u3002\u53EA\u6709\u8BA9\u673A\u5668\u4EBA\u8BBF\u95EE\u4F60\u7684\u4E2A\u4EBA\u4E91\u6587\u6863\u3001\u65E5\u5386\u3001\u90AE\u7BB1\u7B49\u8D44\u6E90\u65F6\u624D\u9700\u8981\u4E2A\u4EBA\u6388\u6743\u3002" }, "help"),
+              /* @__PURE__ */ jsxs("div", { style: { ...rowStyle, marginTop: "10px" }, children: [
+                /* @__PURE__ */ jsx("a", { href: authResult.url, target: "_blank", rel: "noreferrer", style: linkButtonStyle, children: "\u6253\u5F00\u6388\u6743\u94FE\u63A5" }, "open"),
+                /* @__PURE__ */ jsx("button", { type: "button", style: buttonStyle, disabled: isFinishingUserAuth, onClick: () => void finishUserAuthFlow(connection.profileName), children: isFinishingUserAuth ? "\u786E\u8BA4\u4E2D..." : "\u6211\u5DF2\u5B8C\u6210\u6388\u6743\uFF0C\u5237\u65B0\u72B6\u6001" }, "finish")
+              ] }, "actions")
+            ] }, "user-auth-result") : null,
+            connectionCheck ? /* @__PURE__ */ jsx(InlineCheckReport, { items: connectionCheck.items, checkedAt: connectionCheck.checkedAt }, "check-result") : null
+          ] }, `product-bot-${connection.id}-${index}`);
+        })
+      ] }, "cards"),
+      /* @__PURE__ */ jsx("div", { style: helpStyle, children: "\u673A\u5668\u4EBA\u53EA\u662F\u8D26\u53F7\u6C60\uFF1B\u771F\u6B63\u7528\u54EA\u4E2A\u673A\u5668\u4EBA\uFF0C\u5728\u6BCF\u6761\u5165\u53E3\u91CC\u9009\u62E9\u3002" }, "hint")
+    ] }, "product-robots") : null,
+    activeMainTab === "entries" ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("section", { id: "feishu-entry-wizard", style: productSectionStyle, children: [
+      /* @__PURE__ */ jsxs("div", { style: sectionHeaderStyle, children: [
+        /* @__PURE__ */ jsx("h3", { style: { margin: 0, fontSize: "18px" }, children: "\u65B0\u589E\u4E1A\u52A1\u5165\u53E3" }, "title"),
+        /* @__PURE__ */ jsx("button", { type: "button", style: buttonStyle, onClick: () => showEntryWizard ? setShowEntryWizard(false) : openEntryWizard(), children: showEntryWizard ? "\u6536\u8D77" : "\u6253\u5F00\u5411\u5BFC" }, "toggle")
+      ] }, "header"),
+      !showEntryWizard ? /* @__PURE__ */ jsxs("div", { style: subtleBoxStyle, children: [
+        /* @__PURE__ */ jsx("div", { style: { fontWeight: 800 }, children: "\u9700\u8981\u65B0\u589E\u5165\u53E3\u65F6\u518D\u6253\u5F00\u5411\u5BFC" }, "title"),
+        /* @__PURE__ */ jsx("div", { style: helpStyle, children: "\u73B0\u6709\u5165\u53E3\u5DF2\u7ECF\u5728\u4E0A\u9762\u5C55\u793A\u3002\u65B0\u589E\u5165\u53E3\u4F1A\u8BA9\u53E6\u4E00\u7C7B\u98DE\u4E66\u6D88\u606F\u8FDB\u5165 Paperclip\uFF0C\u5E76\u6307\u5B9A\u673A\u5668\u4EBA\u3001\u516C\u53F8\u3001\u667A\u80FD\u4F53\u548C\u56DE\u590D\u65B9\u5F0F\u3002" }, "help")
+      ] }, "collapsed") : null,
+      /* @__PURE__ */ jsxs("div", { style: { ...wizardStepperStyle, display: showEntryWizard ? "grid" : "none" }, children: [
+        /* @__PURE__ */ jsx(FlowStep, { title: "1  \u9009\u62E9\u6D88\u606F\u6765\u6E90", value: matchTypeLabels[wizardDraft.matchType], detail: "\u7FA4/\u5355\u804A/\u53D1\u6D88\u606F\u4EBA/\u5173\u952E\u8BCD" }, "source"),
+        /* @__PURE__ */ jsx(FlowStep, { title: "2  \u9009\u62E9\u673A\u5668\u4EBA", value: appLabel(connections.find((connection) => connection.id === wizardDraft.connectionId) ?? preferredConnection, profiles.find((profile) => profile.name === (connections.find((connection) => connection.id === wizardDraft.connectionId) ?? preferredConnection)?.profileName)), detail: "\u4ECE\u673A\u5668\u4EBA\u6C60\u91CC\u6311\u9009" }, "bot"),
+        /* @__PURE__ */ jsx(FlowStep, { title: "3  \u9009\u62E9 Paperclip \u516C\u53F8\u548C\u667A\u80FD\u4F53", value: (() => {
+          const company = companies.find((item) => item.id === wizardDraft.companyId) ?? firstEnabledRouteSummary?.company ?? companies[0] ?? null;
+          const agent = company?.agents.find((item) => item.id === wizardDraft.targetAgentId) ?? (company?.id === firstEnabledRouteSummary?.company?.id ? firstEnabledRouteSummary.agent : null) ?? company?.agents[0] ?? null;
+          return routeTargetLabel(company, agent);
+        })(), detail: "\u6307\u5B9A\u516C\u53F8\u4E0E\u667A\u80FD\u4F53\u5904\u7406" }, "agent"),
+        /* @__PURE__ */ jsx(FlowStep, { title: "4  \u56DE\u590D\u4E0E\u6C89\u6DC0", value: replyModeLabels[wizardDraft.replyMode], detail: "\u56DE\u590D\u65B9\u5F0F\u4E0E\u5199\u5165\u89C4\u5219" }, "reply")
+      ] }, "steps"),
+      /* @__PURE__ */ jsxs("div", { style: { display: showEntryWizard ? "grid" : "none", gridTemplateColumns: "repeat(auto-fit, minmax(150px, 1fr))", gap: "10px" }, children: [
+        /* @__PURE__ */ jsx(Field, { label: "\u6D88\u606F\u6765\u6E90", children: /* @__PURE__ */ jsx("select", { style: selectStyle, value: wizardDraft.matchType, onChange: (event) => patchWizardDraft({ matchType: event.target.value }), children: Object.entries(matchTypeLabels).map(([value, label], optionIndex) => /* @__PURE__ */ jsx("option", { value, children: label }, `product-wizard-match-${optionIndex}-${value}`)) }) }, "matchType"),
+        /* @__PURE__ */ jsx(Field, { label: "\u98DE\u4E66\u673A\u5668\u4EBA", children: /* @__PURE__ */ jsx("select", { style: selectStyle, value: wizardDraft.connectionId ?? preferredConnection?.id ?? "", onChange: (event) => patchWizardDraft({ connectionId: event.target.value }), children: connectionOptionNodes(activeConnections.length > 0 ? activeConnections : connections, "product-wizard-connection", void 0, profiles) }) }, "connection"),
+        /* @__PURE__ */ jsx(Field, { label: "Paperclip \u516C\u53F8", children: /* @__PURE__ */ jsx(
+          "select",
+          {
+            style: selectStyle,
+            value: (companies.find((item) => item.id === wizardDraft.companyId) ?? firstEnabledRouteSummary?.company ?? companies[0])?.id ?? "",
+            onChange: (event) => {
+              const nextCompany = companies.find((item) => item.id === event.target.value);
+              const nextAgent = nextCompany?.agents[0];
+              patchWizardDraft({ companyId: nextCompany?.id, targetAgentId: nextAgent?.id });
+            },
+            children: companyOptionNodes(companies, "product-wizard-company")
+          }
+        ) }, "company"),
+        /* @__PURE__ */ jsx(Field, { label: "\u667A\u80FD\u4F53", children: (() => {
+          const company = companies.find((item) => item.id === wizardDraft.companyId) ?? firstEnabledRouteSummary?.company ?? companies[0] ?? null;
+          const agents = company?.agents ?? [];
+          const agent = agents.find((item) => item.id === wizardDraft.targetAgentId) ?? (company?.id === firstEnabledRouteSummary?.company?.id ? firstEnabledRouteSummary.agent : null) ?? agents[0] ?? null;
+          return /* @__PURE__ */ jsx("select", { style: selectStyle, value: agent?.id ?? "", disabled: !company, onChange: (event) => patchWizardDraft({ targetAgentId: event.target.value }), children: agentOptionNodes(agents, "product-wizard-agent") });
+        })() }, "agent"),
+        /* @__PURE__ */ jsx(Field, { label: "\u56DE\u590D\u65B9\u5F0F", children: /* @__PURE__ */ jsx("select", { style: selectStyle, value: wizardDraft.replyMode, onChange: (event) => patchWizardDraft({ replyMode: event.target.value }), children: Object.entries(replyModeLabels).map(([value, label], optionIndex) => /* @__PURE__ */ jsx("option", { value, children: label }, `product-wizard-reply-${optionIndex}-${value}`)) }) }, "reply")
+      ] }, "compact-fields"),
+      showEntryWizard ? /* @__PURE__ */ jsxs("div", { style: gridTwoStyle, children: [
+        wizardDraft.matchType === "keyword" ? /* @__PURE__ */ jsx(Field, { label: "\u5173\u952E\u8BCD\uFF08\u4E0D\u533A\u5206\u5927\u5C0F\u5199\uFF09", help: "\u4E0D\u662F\u5FC5\u987B\u586B paperclip\u3002\u53EF\u4EE5\u586B\u201C\u5C0F\u601D\u201D\u201C\u627E\u4EBA\u201D\u201C\u8D44\u8BAF\u201D\u7B49\u4E1A\u52A1\u8BCD\uFF1B\u6D88\u606F\u91CC\u5305\u542B\u5B83\u5C31\u4F1A\u8FDB\u5165 Paperclip\u3002", children: /* @__PURE__ */ jsx("input", { style: inputStyle, value: wizardDraft.keyword ?? "", onChange: (event) => patchWizardDraft({ keyword: event.target.value }) }) }, "keyword") : null,
+        wizardDraft.matchType === "regex" ? /* @__PURE__ */ jsx(Field, { label: "\u9AD8\u7EA7\u89C4\u5219", help: "\u5DE5\u7A0B\u5E08\u7528\u3002\u666E\u901A\u573A\u666F\u5EFA\u8BAE\u4F18\u5148\u9009\u62E9\u5173\u952E\u8BCD\u6216\u6307\u5B9A\u7FA4\u3002", children: /* @__PURE__ */ jsx("input", { style: inputStyle, value: wizardDraft.regex ?? "", onChange: (event) => patchWizardDraft({ regex: event.target.value }) }) }, "regex") : null,
+        showEntryWizard && wizardDraft.matchType === "chat" ? /* @__PURE__ */ jsx(Field, { label: "\u9009\u62E9\u98DE\u4E66\u7FA4\u6216\u5355\u804A", children: /* @__PURE__ */ jsx(
+          ChatSearchControl,
+          {
+            query: chatSearchQuery,
+            onQueryChange: setChatSearchQuery,
+            chats: directoryCatalog.data?.chats ?? [],
+            loading: directoryCatalog.loading,
+            error: directoryCatalog.data?.chatError ?? directoryCatalog.error?.message,
+            currentChatId: wizardDraft.chatId,
+            currentChatName: wizardDraft.chatName,
+            profileName: directoryCatalog.data?.profileName ?? directoryProfileName,
+            onSelect: selectChatForWizard
+          }
+        ) }, "chat") : null,
+        showEntryWizard && wizardDraft.matchType === "user" ? /* @__PURE__ */ jsx(Field, { label: "\u9009\u62E9\u53D1\u6D88\u606F\u4EBA", children: /* @__PURE__ */ jsx(
+          UserSearchControl,
+          {
+            query: userSearchQuery,
+            onQueryChange: setUserSearchQuery,
+            users: directoryCatalog.data?.users ?? [],
+            loading: directoryCatalog.loading,
+            error: directoryCatalog.data?.userError ?? directoryCatalog.error?.message,
+            currentUserOpenId: wizardDraft.userOpenId,
+            currentUserName: wizardDraft.userName,
+            profileName: directoryCatalog.data?.profileName ?? directoryProfileName,
+            onSelect: selectUserForWizard
+          }
+        ) }, "user") : null
+      ] }, "detail-fields") : null,
+      showEntryWizard ? /* @__PURE__ */ jsxs("div", { style: rowStyle, children: [
+        /* @__PURE__ */ jsx("button", { type: "button", style: primaryButtonStyle, onClick: createEntryFromWizard, children: "\u521B\u5EFA\u5165\u53E3" }, "create"),
+        /* @__PURE__ */ jsx("span", { style: helpStyle, children: "\u521B\u5EFA\u540E\u4FDD\u5B58\u914D\u7F6E\uFF0C\u518D\u5230\u673A\u5668\u4EBA\u5355\u804A\u6216\u6D4B\u8BD5\u4F1A\u8BDD\u53D1\u9001\u6D4B\u8BD5\u8BDD\u672F\u3002" }, "hint")
+      ] }, "actions") : null
+    ] }, "product-wizard") }, "entries-wizard-tab") : null,
+    activeMainTab === "test" ? /* @__PURE__ */ jsxs("section", { id: "feishu-test", style: productSectionStyle, children: [
+      /* @__PURE__ */ jsx("h3", { style: { margin: 0, fontSize: "18px" }, children: "4. \u771F\u5B9E\u6D4B\u8BD5" }, "title"),
+      /* @__PURE__ */ jsxs(Field, { label: "\u6D4B\u8BD5\u8BDD\u672F\uFF08\u4F18\u5148\u53D1\u7ED9\u673A\u5668\u4EBA\u5355\u804A\u6216\u6D4B\u8BD5\u4F1A\u8BDD\uFF09", children: [
+        /* @__PURE__ */ jsxs("div", { style: { display: "grid", gridTemplateColumns: "minmax(0, 1fr) auto", gap: "10px" }, children: [
+          /* @__PURE__ */ jsx("code", { style: { ...codeStyle, fontSize: "14px", padding: "11px 12px" }, children: smokeText }, "text"),
+          /* @__PURE__ */ jsx("button", { type: "button", style: buttonStyle, onClick: () => void copySmokeText(), children: "\u590D\u5236" }, "copy")
+        ] }, "copy-row"),
+        /* @__PURE__ */ jsxs("div", { style: helpStyle, children: [
+          "\u9875\u9762\u6A21\u62DF\u53EA\u9A8C\u8BC1\u5165\u53E3\u89C4\u5219\uFF0C\u4F1A\u4F7F\u7528\u8FDE\u901A\u6027\u53E3\u4EE4\uFF1A",
+          quickSmokeText,
+          "\u3002\u771F\u5B9E\u98DE\u4E66\u9A8C\u6536\u4F18\u5148\u53D1\u7ED9\u673A\u5668\u4EBA\u5355\u804A\u6216\u53EA\u5305\u542B\u6D4B\u8BD5\u4EBA\u5458\u7684\u4F1A\u8BDD\uFF0C\u591A\u4EBA\u7FA4\u53EA\u505A\u6700\u7EC8\u6F14\u793A\u786E\u8BA4\u3002"
+        ] }, "quick-hint")
+      ] }, "smoke"),
+      /* @__PURE__ */ jsxs("div", { style: heroCommandStyle, children: [
+        /* @__PURE__ */ jsxs("div", { style: sectionHeaderStyle, children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("div", { style: { fontWeight: 900, fontSize: "16px" }, children: "\u771F\u5B9E\u6D4B\u8BD5\u94FE\u8DEF" }, "title"),
+            /* @__PURE__ */ jsx("div", { style: helpStyle, children: "\u8FD9\u4E9B\u90FD\u53D8\u6210\u201C\u5B8C\u6210\u201D\u540E\uFF0C\u518D\u53BB\u98DE\u4E66\u53D1\u6D4B\u8BD5\u6D88\u606F\u3002\u4F18\u5148\u7528\u673A\u5668\u4EBA\u5355\u804A\u6216\u6D4B\u8BD5\u4F1A\u8BDD\u9A8C\u8BC1\uFF0C\u6700\u7EC8\u4EE5\u98DE\u4E66\u4F1A\u8BDD\u91CC\u7684\u771F\u5B9E\u56DE\u590D\u4E3A\u51C6\u3002" }, "help")
+          ] }, "copy"),
+          /* @__PURE__ */ jsx("button", { type: "button", style: buttonStyle, disabled: checking, onClick: () => void testCurrentConfig(), children: checking ? "\u68C0\u67E5\u4E2D..." : "\u68C0\u67E5\u8FDE\u63A5" }, "check")
+        ] }, "header"),
+        /* @__PURE__ */ jsx("div", { style: pipelineStyle, children: realTestPipeline.map((step) => /* @__PURE__ */ jsx(PipelineStep, { done: step.done, label: step.label, detail: step.detail }, step.label)) }, "pipeline")
+      ] }, "real-test-pipeline"),
+      /* @__PURE__ */ jsxs("div", { style: checklistGridStyle, children: [
+        /* @__PURE__ */ jsx(
+          ChecklistItem,
+          {
+            done: firstRouteConnectionReady,
+            title: "\u5F53\u524D\u5165\u53E3\u673A\u5668\u4EBA\u53EF\u8FD0\u884C",
+            detail: firstRouteConnectionReady ? "\u6D4B\u8BD5\u5165\u53E3\u7ED1\u5B9A\u7684\u673A\u5668\u4EBA\u5728\u5F53\u524D\u8FD0\u884C\u73AF\u5883\u53EF\u7528\u3002" : hasUsableConnection ? "\u6709\u5176\u4ED6\u673A\u5668\u4EBA\u53EF\u7528\uFF0C\u4F46\u5F53\u524D\u5165\u53E3\u7ED1\u5B9A\u7684\u673A\u5668\u4EBA\u4E0D\u53EF\u8FD0\u884C\u3002\u8BF7\u5148\u7F16\u8F91\u5165\u53E3\u6362\u673A\u5668\u4EBA\u3002" : hasConnection ? "\u914D\u7F6E\u91CC\u6709\u673A\u5668\u4EBA\uFF0C\u4F46\u5F53\u524D lark-cli \u6CA1\u6709\u8BFB\u5230\u5BF9\u5E94 profile\u3002" : "\u5148\u7ED1\u5B9A\u673A\u5668\u4EBA\u3002"
+          },
+          "bot"
+        ),
+        /* @__PURE__ */ jsx(ChecklistItem, { done: isListening, title: "\u76D1\u542C\u5F00\u5173\u5DF2\u5F00\u542F", detail: isListening ? "\u76D1\u542C\u5DF2\u5F00\u542F\u3002" : "\u6253\u5F00\u76D1\u542C\u540E\u518D\u5B9E\u6D4B\u3002" }, "event"),
+        /* @__PURE__ */ jsx(ChecklistItem, { done: isListening, title: "\u76D1\u542C\u8FDB\u7A0B\u8FD0\u884C\u4E2D", detail: runtimeStatusLabel }, "listen"),
+        /* @__PURE__ */ jsx(ChecklistItem, { done: isSendingRealMessages, title: "\u771F\u5B9E\u56DE\u590D\u5F00\u542F", detail: isSendingRealMessages ? "\u4F1A\u56DE\u5230\u98DE\u4E66\u3002" : "\u5F53\u524D\u662F\u6D4B\u8BD5\u6A21\u5F0F\u3002" }, "send"),
+        /* @__PURE__ */ jsx(ChecklistItem, { done: isSendingRealMessages, title: "\u9644\u4EF6\u8FDB\u5165\u4EFB\u52A1", detail: isSendingRealMessages ? "\u98DE\u4E66\u56FE\u7247/\u6587\u4EF6\u4F1A\u4F5C\u4E3A\u4EFB\u52A1\u9644\u4EF6\u3002" : "\u6D4B\u8BD5\u6A21\u5F0F\u53EA\u8BB0\u5F55\u9644\u4EF6\u540D\u3002" }, "attachments")
+      ] }, "checks"),
+      /* @__PURE__ */ jsx(CheckReport, { title: "\u80FD\u529B\u4F53\u68C0", items: capabilityChecks }, "capability-checks"),
+      productionMonitor ? /* @__PURE__ */ jsx(
+        CheckReport,
+        {
+          title: `\u8FD0\u884C\u63D0\u9192\uFF1A${friendlyMonitorMessage(productionMonitor.message)}`,
+          items: productionMonitorChecks
+        },
+        "production-monitor"
+      ) : null,
+      /* @__PURE__ */ jsxs("div", { style: rowStyle, children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            style: primaryButtonStyle,
+            disabled: !firstEnabledRouteSummary || testingRouteId === firstEnabledRouteSummary.route.id,
+            onClick: () => firstEnabledRouteSummary && void testEntryRoute(firstEnabledRouteSummary.route),
+            children: firstEnabledRouteSummary && testingRouteId === firstEnabledRouteSummary.route.id ? "\u6D4B\u8BD5\u4E2D..." : "\u8FD0\u884C\u9875\u9762\u6A21\u62DF\u6D4B\u8BD5"
+          },
+          "test"
+        ),
+        /* @__PURE__ */ jsx("button", { type: "button", style: buttonStyle, onClick: openFeishuTestGuide, children: showFeishuTestGuide ? "\u6536\u8D77\u6D4B\u8BD5\u8BF4\u660E" : "\u67E5\u770B\u98DE\u4E66\u6D4B\u8BD5\u8BF4\u660E" }, "doc")
+      ] }, "actions"),
+      showFeishuTestGuide ? /* @__PURE__ */ jsxs("div", { id: "feishu-test-guide", style: successBoxStyle, children: [
+        /* @__PURE__ */ jsx("div", { style: { fontWeight: 800, marginBottom: "8px" }, children: "\u98DE\u4E66\u91CC\u600E\u4E48\u786E\u8BA4\u771F\u7684\u751F\u6548" }, "title"),
+        /* @__PURE__ */ jsxs("div", { style: flowGridStyle, children: [
+          /* @__PURE__ */ jsx(FlowStep, { title: "1. \u5148\u770B\u76EE\u6807\u4F1A\u8BDD", value: "\u673A\u5668\u4EBA\u5728\u5355\u804A\u6216\u6D4B\u8BD5\u4F1A\u8BDD\u91CC", detail: "\u5982\u679C\u76EE\u6807\u4F1A\u8BDD\u91CC\u6CA1\u6709\u8FD9\u4E2A\u673A\u5668\u4EBA\uFF0C\u98DE\u4E66\u4E0D\u4F1A\u628A\u6D88\u606F\u4EA4\u7ED9\u5B83\u3002" }, "step-1"),
+          /* @__PURE__ */ jsx(FlowStep, { title: "2. \u590D\u5236\u8BDD\u672F", value: smokeText, detail: "\u4F18\u5148\u7C98\u8D34\u5230\u673A\u5668\u4EBA\u5355\u804A\u6216\u6D4B\u8BD5\u4F1A\u8BDD\u91CC\u53D1\u9001\u3002" }, "step-2"),
+          /* @__PURE__ */ jsx(FlowStep, { title: "3. \u53EF\u5E26\u4E00\u4E2A\u9644\u4EF6", value: "\u56FE\u7247\u6216\u6587\u4EF6\u4F1A\u8FDB\u4EFB\u52A1\u9644\u4EF6", detail: "\u771F\u5B9E\u53D1\u9001\u65F6\uFF0C\u9644\u4EF6\u4F1A\u4E0B\u8F7D\u5230 Paperclip \u4EFB\u52A1\u91CC\uFF0C\u667A\u80FD\u4F53\u80FD\u770B\u5230\u9644\u4EF6\u540D\u79F0\u548C\u4E0A\u4F20\u7ED3\u679C\u3002" }, "step-3"),
+          /* @__PURE__ */ jsx(FlowStep, { title: "4. \u56DE\u6765\u770B Paperclip", value: "\u4F1A\u751F\u6210\u4EFB\u52A1\u6216\u663E\u793A\u6D4B\u8BD5\u7ED3\u679C", detail: "\u9875\u9762\u6A21\u62DF\u901A\u8FC7\u53EA\u8BC1\u660E\u89C4\u5219\u80FD\u5339\u914D\uFF0C\u771F\u5B9E\u6548\u679C\u4EE5\u98DE\u4E66\u6D88\u606F\u4E3A\u51C6\u3002" }, "step-4"),
+          /* @__PURE__ */ jsx(FlowStep, { title: "5. \u6CA1\u56DE\u590D\u65F6", value: "\u5148\u68C0\u67E5\u673A\u5668\u4EBA\u5361\u7247", detail: "\u770B\u6388\u6743\u3001\u5165\u53E3\u3001\u76D1\u542C\u3001\u771F\u5B9E\u56DE\u590D\u56DB\u9879\u662F\u5426\u90FD\u901A\u8FC7\u3002" }, "step-5")
+        ] }, "steps"),
+        /* @__PURE__ */ jsxs("div", { style: { ...rowStyle, marginTop: "12px" }, children: [
+          /* @__PURE__ */ jsx("button", { type: "button", style: primaryButtonStyle, onClick: () => void copySmokeText(), children: "\u590D\u5236\u6D4B\u8BD5\u8BDD\u672F" }, "copy"),
+          /* @__PURE__ */ jsx("button", { type: "button", style: buttonStyle, disabled: checking, onClick: () => void testCurrentConfig(), children: checking ? "\u68C0\u67E5\u4E2D..." : "\u68C0\u67E5\u6574\u4F53\u8FDE\u63A5" }, "check")
+        ] }, "actions")
+      ] }, "guide") : null
+    ] }, "product-test") : null,
+    activeMainTab === "advanced" ? /* @__PURE__ */ jsxs("section", { id: "feishu-advanced", style: productSectionStyle, children: [
+      /* @__PURE__ */ jsxs("div", { style: sectionHeaderStyle, children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("h3", { style: { margin: 0, fontSize: "18px" }, children: "\u9AD8\u7EA7\u8BBE\u7F6E\uFF08\u5DE5\u7A0B\u5E08\uFF09" }, "title"),
+          /* @__PURE__ */ jsx("div", { style: helpStyle, children: "\u65E5\u5E38\u4E0D\u7528\u6253\u5F00\u3002\u8FD9\u91CC\u6309\u4E3B\u9898\u62C6\u5F00\uFF0C\u70B9\u54EA\u4E00\u9879\u53EA\u770B\u54EA\u4E00\u9879\uFF0C\u4E0D\u518D\u51FA\u73B0\u6574\u9875\u539F\u59CB\u914D\u7F6E\u3002" }, "help")
+        ] }, "copy"),
+        /* @__PURE__ */ jsxs("div", { style: rowStyle, children: [
+          /* @__PURE__ */ jsx("button", { type: "button", style: primaryButtonStyle, disabled: saving, onClick: () => void saveCurrentConfig(), children: saving ? "\u6B63\u5728\u4FDD\u5B58..." : "\u4FDD\u5B58\u914D\u7F6E" }, "save"),
+          /* @__PURE__ */ jsx("button", { type: "button", style: buttonStyle, disabled: saving || checking, onClick: () => void testCurrentConfig(), children: checking ? "\u6B63\u5728\u68C0\u67E5..." : "\u68C0\u67E5\u8FDE\u63A5" }, "check")
+        ] }, "actions")
+      ] }, "header"),
+      /* @__PURE__ */ jsx("div", { style: settingsShellStyle, children: [
+        { key: "auth", label: "\u98DE\u4E66\u5E94\u7528\u6388\u6743\u4E0E App Secret", detail: `${profiles.length} \u4E2A lark-cli profile\uFF0C${activeConnections.length} \u4E2A\u5DF2\u52A0\u5165\u673A\u5668\u4EBA\u6C60` },
+        { key: "capabilities", label: "\u80FD\u529B\u4E2D\u5FC3", detail: capabilityCenter.loading ? "\u6B63\u5728\u8BFB\u53D6\u80FD\u529B\u76EE\u5F55" : `${enabledCapabilityCount} \u9879\u5DF2\u5F00\u542F \xB7 lark-* skills \u4E0D\u81EA\u52A8\u540C\u6B65` },
+        { key: "deploy", label: "\u672C\u5730\u6D4B\u8BD5 / \u4E91\u670D\u52A1\u5668\u90E8\u7F72", detail: `${runningOnLocalhost ? "\u5F53\u524D\u5728\u672C\u5730\u6D4B\u8BD5" : "\u5F53\u524D\u5728\u670D\u52A1\u5668\u8FD0\u884C"} \xB7 profile ${serverProfileName(serverDeployConnection)}` },
+        { key: "runtime", label: "lark-cli \u8FD0\u884C\u73AF\u5883", detail: `${isSendingRealMessages ? "\u771F\u5B9E\u53D1\u9001" : "\u6A21\u62DF\u53D1\u9001"} \xB7 ${isListening ? "\u76D1\u542C\u5DF2\u5F00\u542F" : "\u76D1\u542C\u672A\u5F00\u542F"}` },
+        { key: "events", label: "\u4E8B\u4EF6\u8BA2\u9605\u4E0E\u65E5\u5FD7", detail: `${connectorStatus.data?.subscribers?.length ?? 0} \u4E2A\u76D1\u542C\u8FDB\u7A0B \xB7 \u6700\u8FD1\u4E8B\u4EF6 ${connectorStatus.data?.recentRecords?.length ?? 0} \u6761` },
+        { key: "base", label: "\u591A\u7EF4\u8868\u683C\u540C\u6B65", detail: baseSinks.length > 0 ? `${baseSinks.length} \u6761\u5199\u5165\u89C4\u5219` : "\u672A\u914D\u7F6E\uFF0C\u53EF\u7559\u7A7A" },
+        { key: "config", label: "\u5BFC\u5165 / \u5BFC\u51FA\u914D\u7F6E", detail: "\u8FC1\u79FB\u5165\u53E3\u548C\u673A\u5668\u4EBA\u6C60\uFF0C\u4E0D\u5BFC\u51FA App Secret" }
+      ].map((item) => /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          style: {
+            ...buttonStyle,
+            height: "auto",
+            minHeight: "52px",
+            justifyContent: "space-between",
+            textAlign: "left",
+            width: "100%",
+            display: "flex",
+            padding: "10px 12px",
+            border: showAdvancedSettings && activeAdvancedPanel === item.key ? "1px solid var(--foreground)" : buttonStyle.border,
+            background: showAdvancedSettings && activeAdvancedPanel === item.key ? "var(--muted)" : buttonStyle.background
+          },
+          onClick: () => {
+            setShowAdvancedSettings(true);
+            setActiveAdvancedPanel(item.key);
+          },
+          children: [
+            /* @__PURE__ */ jsxs("span", { style: { display: "grid", gap: "2px" }, children: [
+              /* @__PURE__ */ jsx("strong", { children: item.label }, "title"),
+              /* @__PURE__ */ jsx("span", { style: helpStyle, children: item.detail }, "detail")
+            ] }, "label"),
+            /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\u203A" }, "chevron")
+          ]
+        },
+        item.key
+      )) }, "advanced-links"),
+      showAdvancedSettings ? /* @__PURE__ */ jsxs("div", { style: productEntryEditorStyle, children: [
+        /* @__PURE__ */ jsxs("div", { style: sectionHeaderStyle, children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsxs("div", { style: { fontWeight: 800 }, children: [
+              activeAdvancedPanel === "auth" ? "\u98DE\u4E66\u5E94\u7528\u6388\u6743\u4E0E App Secret" : null,
+              activeAdvancedPanel === "capabilities" ? "\u80FD\u529B\u4E2D\u5FC3" : null,
+              activeAdvancedPanel === "deploy" ? "\u672C\u5730\u6D4B\u8BD5 / \u4E91\u670D\u52A1\u5668\u90E8\u7F72" : null,
+              activeAdvancedPanel === "runtime" ? "lark-cli \u8FD0\u884C\u73AF\u5883" : null,
+              activeAdvancedPanel === "events" ? "\u4E8B\u4EF6\u8BA2\u9605\u4E0E\u65E5\u5FD7" : null,
+              activeAdvancedPanel === "base" ? "\u591A\u7EF4\u8868\u683C\u540C\u6B65" : null,
+              activeAdvancedPanel === "config" ? "\u5BFC\u5165 / \u5BFC\u51FA\u914D\u7F6E" : null
+            ] }, "title"),
+            /* @__PURE__ */ jsxs("div", { style: helpStyle, children: [
+              activeAdvancedPanel === "auth" ? "\u666E\u901A\u7528\u6237\u53EA\u9700\u8981\u786E\u8BA4\u673A\u5668\u4EBA\u53EF\u7528\uFF1BApp Secret \u4E0D\u5728\u9875\u9762\u5C55\u793A\uFF0C\u907F\u514D\u8BEF\u622A\u56FE\u6CC4\u9732\u3002" : null,
+              activeAdvancedPanel === "capabilities" ? "\u8FD9\u91CC\u5C55\u793A Agent \u53EF\u4EE5\u901A\u8FC7\u63D2\u4EF6\u8C03\u7528\u54EA\u4E9B\u98DE\u4E66\u80FD\u529B\uFF0C\u4EE5\u53CA\u5B83\u4EEC\u548C lark-cli\u3001lark-* skills \u7684\u5173\u7CFB\u3002" : null,
+              activeAdvancedPanel === "deploy" ? "\u672C\u5730\u80FD\u8DD1\u901A\u4E0D\u7B49\u4E8E\u4E91\u7AEF\u5DF2\u7ECF\u53EF\u7528\uFF1B\u4E91\u670D\u52A1\u5668\u4E5F\u8981\u7ED1\u5B9A\u540C\u4E00\u4E2A\u98DE\u4E66\u5E94\u7528\uFF0C\u5E76\u4E14\u53EA\u4FDD\u7559\u4E00\u4E2A\u6B63\u5F0F\u76D1\u542C\u5B9E\u4F8B\u3002" : null,
+              activeAdvancedPanel === "runtime" ? "\u63A7\u5236\u662F\u5426\u76D1\u542C\u98DE\u4E66\u6D88\u606F\u3001\u662F\u5426\u771F\u5B9E\u56DE\u590D\uFF0C\u4EE5\u53CA\u672C\u673A lark-cli \u8DEF\u5F84\u3002" : null,
+              activeAdvancedPanel === "events" ? "\u770B\u76D1\u542C\u662F\u5426\u5728\u8DD1\uFF0C\u4EE5\u53CA\u6700\u8FD1\u6709\u6CA1\u6709\u9519\u8BEF\u3002\u8FD9\u91CC\u4E0D\u8981\u6C42\u666E\u901A\u7528\u6237\u586B\u5199\u4EFB\u4F55\u5185\u90E8 ID\u3002" : null,
+              activeAdvancedPanel === "base" ? "\u9700\u8981\u628A\u9700\u6C42\u6C89\u6DC0\u5230\u98DE\u4E66\u591A\u7EF4\u8868\u683C\u65F6\u518D\u914D\u7F6E\uFF1B\u4E0D\u9700\u8981\u5C31\u4FDD\u6301\u4E3A\u7A7A\u3002" : null,
+              activeAdvancedPanel === "config" ? "\u7528\u4E8E\u628A\u5165\u53E3\u3001\u673A\u5668\u4EBA\u6C60\u548C\u80FD\u529B\u5F00\u5173\u8FC1\u79FB\u5230\u53E6\u4E00\u5957 Paperclip\uFF1B\u5BFC\u5165\u540E\u4ECD\u9700\u70B9\u51FB\u4FDD\u5B58\u914D\u7F6E\u3002" : null
+            ] }, "help")
+          ] }, "copy"),
+          /* @__PURE__ */ jsx("button", { type: "button", style: buttonStyle, onClick: () => setShowAdvancedSettings(false), children: "\u56DE\u5230\u9AD8\u7EA7\u5217\u8868" }, "close")
+        ] }, "advanced-panel-head"),
+        activeAdvancedPanel === "auth" ? /* @__PURE__ */ jsxs("div", { style: { display: "grid", gap: "12px" }, children: [
+          /* @__PURE__ */ jsxs("div", { style: subtleBoxStyle, children: [
+            /* @__PURE__ */ jsx("div", { style: { fontWeight: 800, marginBottom: "8px" }, children: "\u9996\u88C5\u68C0\u67E5\u6E05\u5355" }, "title"),
+            /* @__PURE__ */ jsxs("div", { style: checklistGridStyle, children: [
+              /* @__PURE__ */ jsx(ChecklistItem, { done: profiles.length > 0 || activeConnections.length > 0, title: "1. \u521B\u5EFA\u6216\u9009\u62E9\u98DE\u4E66\u5E94\u7528", detail: "\u666E\u901A\u7528\u6237\u9009\u5DF2\u6709\u516C\u53F8\u673A\u5668\u4EBA\uFF1B\u7BA1\u7406\u5458\u53EF\u4EE5\u65B0\u5EFA\u98DE\u4E66\u673A\u5668\u4EBA\u5E94\u7528\u3002" }, "create-app"),
+              /* @__PURE__ */ jsx(ChecklistItem, { done: activeConnections.length > 0, title: "2. \u5F00\u542F\u673A\u5668\u4EBA\u80FD\u529B", detail: "\u98DE\u4E66\u5E94\u7528\u5FC5\u987B\u6709\u673A\u5668\u4EBA\u80FD\u529B\uFF0C\u5E76\u52A0\u5165\u76EE\u6807\u7FA4\u804A\u3002" }, "bot-enabled"),
+              /* @__PURE__ */ jsx(ChecklistItem, { done: enabledCapabilityCount > 0, title: "3. \u5BFC\u5165\u63A8\u8350\u6743\u9650", detail: "\u5230\u80FD\u529B\u4E2D\u5FC3\u590D\u5236\u63A8\u8350\u6743\u9650 JSON\uFF1B\u5DF2\u63A5\u5165\u80FD\u529B\u9ED8\u8BA4\u6309\u98DE\u4E66\u5E94\u7528\u6388\u6743\u5F00\u653E\uFF0C\u4E0D\u9700\u8981\u9010\u9879\u786E\u8BA4\u3002" }, "permissions"),
+              /* @__PURE__ */ jsx(ChecklistItem, { done: false, title: "4. \u53D1\u5E03\u98DE\u4E66\u5E94\u7528", detail: "\u98DE\u4E66\u53EF\u80FD\u9700\u8981\u7BA1\u7406\u5458\u786E\u8BA4\u3001\u53D1\u5E03\u7248\u672C\u3001\u914D\u7F6E\u4E8B\u4EF6\u8BA2\u9605\u548C\u53EF\u89C1\u8303\u56F4\u3002" }, "publish"),
+              /* @__PURE__ */ jsx(ChecklistItem, { done: hasUsableConnection, title: "5. \u56DE\u5230 Paperclip \u68C0\u67E5\u8FDE\u63A5", detail: "\u5237\u65B0\u673A\u5668\u4EBA\u5217\u8868\u540E\u70B9\u201C\u68C0\u67E5\u8FDE\u63A5\u201D\uFF0C\u518D\u53BB\u98DE\u4E66\u7FA4\u91CC\u53D1\u6D4B\u8BD5\u8BDD\u672F\u3002" }, "paperclip-check")
+            ] }, "steps")
+          ] }, "first-install-checklist"),
+          /* @__PURE__ */ jsxs("div", { style: rowStyle, children: [
+            /* @__PURE__ */ jsx("button", { type: "button", style: buttonStyle, onClick: refreshProfilesWithNotice, children: "\u5237\u65B0\u673A\u5668\u4EBA\u5217\u8868" }, "refresh"),
+            /* @__PURE__ */ jsx("button", { type: "button", style: primaryButtonStyle, onClick: () => openBindPanel(), children: "\u7ED1\u5B9A\u65B0\u7684\u98DE\u4E66\u673A\u5668\u4EBA" }, "bind"),
+            /* @__PURE__ */ jsx("a", { href: "https://open.feishu.cn/app", target: "_blank", rel: "noreferrer", style: linkButtonStyle, children: "\u6253\u5F00\u98DE\u4E66\u5F00\u653E\u5E73\u53F0" }, "platform")
+          ] }, "auth-actions"),
+          /* @__PURE__ */ jsxs("div", { style: gridTwoStyle, children: [
+            profiles.length === 0 ? /* @__PURE__ */ jsxs("div", { style: subtleBoxStyle, children: [
+              /* @__PURE__ */ jsx("div", { style: { fontWeight: 700 }, children: "\u8FD8\u6CA1\u6709\u53D1\u73B0\u98DE\u4E66\u673A\u5668\u4EBA" }, "title"),
+              /* @__PURE__ */ jsx("div", { style: helpStyle, children: "\u70B9\u51FB\u201C\u7ED1\u5B9A\u65B0\u7684\u98DE\u4E66\u673A\u5668\u4EBA\u201D\uFF0C\u6309\u5B98\u65B9\u94FE\u63A5\u5B8C\u6210\u6388\u6743\u540E\u518D\u5237\u65B0\u3002" }, "help")
+            ] }, "empty") : null,
+            profiles.map((profile, index) => {
+              const connection = connections.find((item) => item.profileName === profile.name);
+              const enabled = connection?.enabled !== false && Boolean(connection);
+              const authResult = userAuthResults[profile.name];
+              const isStartingUserAuth = startingUserAuthProfileName === profile.name;
+              const isFinishingUserAuth = finishingUserAuthProfileName === profile.name;
+              return /* @__PURE__ */ jsxs("div", { style: guideCardStyle, children: [
+                /* @__PURE__ */ jsx("div", { style: { fontWeight: 800 }, children: appLabel(connection, profile) }, "title"),
+                /* @__PURE__ */ jsx("div", { style: helpStyle, children: profileLabel(profile) }, "meta"),
+                /* @__PURE__ */ jsxs("div", { style: helpStyle, children: [
+                  "App ID\uFF1A",
+                  maskTechnicalId(profile.appId ?? connection?.appId)
+                ] }, "state"),
+                /* @__PURE__ */ jsx("div", { style: helpStyle, children: profileAuthDetail(profile) }, "auth-detail"),
+                /* @__PURE__ */ jsxs("div", { style: rowStyle, children: [
+                  /* @__PURE__ */ jsx(StatusBadge, { tone: enabled ? "success" : "warning", children: enabled ? "\u5DF2\u52A0\u5165\u673A\u5668\u4EBA\u6C60" : "\u672A\u52A0\u5165\u673A\u5668\u4EBA\u6C60" }, "status"),
+                  !enabled ? /* @__PURE__ */ jsx("button", { type: "button", style: buttonStyle, onClick: () => addConnectionFromProfile(profile), children: "\u52A0\u5165\u673A\u5668\u4EBA\u6C60" }, "add") : null,
+                  !profile.user ? /* @__PURE__ */ jsx("button", { type: "button", style: buttonStyle, disabled: isStartingUserAuth, onClick: () => void startUserAuthFlow(profile.name), children: isStartingUserAuth ? "\u751F\u6210\u4E2D..." : "\u8BBF\u95EE\u4E2A\u4EBA\u8D44\u6E90\u65F6\u6388\u6743" }, "user-auth") : null
+                ] }, "actions"),
+                authResult?.url ? /* @__PURE__ */ jsxs("div", { style: { ...successBoxStyle, marginTop: "10px" }, children: [
+                  /* @__PURE__ */ jsx("div", { style: { fontWeight: 800 }, children: "\u5DF2\u751F\u6210\u7528\u6237\u6388\u6743\u94FE\u63A5" }, "title"),
+                  /* @__PURE__ */ jsx("div", { style: helpStyle, children: "\u6388\u6743\u540E\u8FD9\u91CC\u4F1A\u663E\u793A\u6388\u6743\u7528\u6237\u59D3\u540D\uFF1B\u4E0D\u8865\u4E5F\u4E0D\u5F71\u54CD\u673A\u5668\u4EBA\u6536\u53D1\u6D88\u606F\u3002" }, "help"),
+                  /* @__PURE__ */ jsxs("div", { style: { ...rowStyle, marginTop: "10px" }, children: [
+                    /* @__PURE__ */ jsx("a", { href: authResult.url, target: "_blank", rel: "noreferrer", style: linkButtonStyle, children: "\u6253\u5F00\u6388\u6743\u94FE\u63A5" }, "open"),
+                    /* @__PURE__ */ jsx("button", { type: "button", style: buttonStyle, disabled: isFinishingUserAuth, onClick: () => void finishUserAuthFlow(profile.name), children: isFinishingUserAuth ? "\u786E\u8BA4\u4E2D..." : "\u6211\u5DF2\u5B8C\u6210\u6388\u6743\uFF0C\u5237\u65B0\u72B6\u6001" }, "finish")
+                  ] }, "actions")
+                ] }, "user-auth-result") : null
+              ] }, `${profile.name}-${index}`);
+            })
+          ] }, "profiles"),
+          !showBindPanel && !profileCatalog.loading && !profileError && profiles.length === 0 ? /* @__PURE__ */ jsxs("div", { style: subtleBoxStyle, children: [
+            /* @__PURE__ */ jsx("div", { style: { fontWeight: 800, marginBottom: "8px" }, children: "\u8FD8\u6CA1\u6709\u53D1\u73B0\u98DE\u4E66\u673A\u5668\u4EBA" }, "title"),
+            /* @__PURE__ */ jsx("div", { style: { ...helpStyle, marginBottom: "10px" }, children: "\u70B9\u51FB\u201C\u7ED1\u5B9A\u65B0\u7684\u98DE\u4E66\u673A\u5668\u4EBA\u201D\u4F1A\u5F39\u51FA\u7ED1\u5B9A\u7A97\u53E3\uFF0C\u4E0D\u9700\u8981\u5728\u8FD9\u91CC\u624B\u586B App ID \u6216 App Secret\u3002" }, "bind-help"),
+            /* @__PURE__ */ jsx("button", { type: "button", style: primaryButtonStyle, onClick: () => openBindPanel(), children: "\u7ED1\u5B9A\u65B0\u7684\u98DE\u4E66\u673A\u5668\u4EBA" }, "open")
+          ] }, "bind-panel") : null
+        ] }, "auth-panel") : null,
+        activeAdvancedPanel === "capabilities" ? /* @__PURE__ */ jsx("div", { style: { display: "grid", gap: "12px" }, children: capabilityCenter.loading ? /* @__PURE__ */ jsx("div", { style: subtleBoxStyle, children: "\u6B63\u5728\u8BFB\u53D6\u98DE\u4E66\u80FD\u529B\u4E2D\u5FC3..." }, "loading") : capabilityCenter.error ? /* @__PURE__ */ jsxs("div", { style: { ...subtleBoxStyle, color: "var(--destructive)" }, children: [
+          "\u80FD\u529B\u4E2D\u5FC3\u8BFB\u53D6\u5931\u8D25\uFF1A",
+          capabilityCenter.error.message
+        ] }, "error") : /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs("div", { style: successBoxStyle, children: [
+            /* @__PURE__ */ jsx("div", { style: { fontWeight: 900 }, children: "Agent \u8C03\u7528\u7684\u662F\u63D2\u4EF6\u53D7\u63A7\u5DE5\u5177\uFF0C\u4E0D\u662F\u88F8\u8DD1 lark-cli" }, "title"),
+            /* @__PURE__ */ jsx("div", { style: { ...helpStyle, marginTop: "6px" }, children: capabilityCenter.data?.summary }, "body")
+          ] }, "summary"),
+          /* @__PURE__ */ jsxs("div", { style: subtleBoxStyle, children: [
+            /* @__PURE__ */ jsx("div", { style: helpStyle, children: "\u9ED8\u8BA4\u5F00\u653E\u7B56\u7565" }, "label"),
+            /* @__PURE__ */ jsx("div", { style: { fontWeight: 800 }, children: capabilityCenter.data?.defaultPolicy?.mode === "conservative" ? "\u4FDD\u5B88\u6A21\u5F0F" : "\u6309\u98DE\u4E66\u5E94\u7528\u6388\u6743\u5F00\u653E" }, "value"),
+            /* @__PURE__ */ jsx("div", { style: { ...helpStyle, marginTop: "6px" }, children: capabilityCenter.data?.defaultPolicy?.text }, "detail")
+          ] }, "default-policy"),
+          /* @__PURE__ */ jsxs("div", { style: gridTwoStyle, children: [
+            /* @__PURE__ */ jsxs("div", { style: subtleBoxStyle, children: [
+              /* @__PURE__ */ jsx("div", { style: helpStyle, children: "lark-cli" }, "label"),
+              /* @__PURE__ */ jsx("div", { style: { fontWeight: 800 }, children: "\u8FD0\u884C\u65F6 API \u5BA2\u6237\u7AEF" }, "value"),
+              /* @__PURE__ */ jsx("div", { style: helpStyle, children: "\u4E91\u7AEF\u63D2\u4EF6\u5305\u4F1A\u5E26 CLI\uFF1Bprofile\u3001App Secret \u548C\u6743\u9650\u4ECD\u5C5E\u4E8E\u670D\u52A1\u5668\u8FD0\u884C\u73AF\u5883\u3002" }, "detail")
+            ] }, "cli"),
+            /* @__PURE__ */ jsxs("div", { style: subtleBoxStyle, children: [
+              /* @__PURE__ */ jsx("div", { style: helpStyle, children: "lark-* skills" }, "label"),
+              /* @__PURE__ */ jsx("div", { style: { fontWeight: 800 }, children: "\u672C\u5730 Agent \u4F7F\u7528\u8BF4\u660E" }, "value"),
+              /* @__PURE__ */ jsx("div", { style: helpStyle, children: capabilityCenter.data?.syncPolicy.text }, "detail")
+            ] }, "skills")
+          ] }, "relationship"),
+          /* @__PURE__ */ jsxs("div", { style: subtleBoxStyle, children: [
+            /* @__PURE__ */ jsxs("div", { style: sectionHeaderStyle, children: [
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx("div", { style: { fontWeight: 800 }, children: "lark-cli schema / skills \u540C\u6B65\u72B6\u6001" }, "title"),
+                /* @__PURE__ */ jsx("div", { style: { ...helpStyle, marginTop: "6px" }, children: capabilityCenter.data?.schemaDiscovery.summary }, "detail")
+              ] }, "copy"),
+              /* @__PURE__ */ jsx(StatusBadge, { tone: capabilityCenter.data?.schemaDiscovery.checked ? "success" : "warning", children: capabilityCenter.data?.schemaDiscovery.checked ? "\u5DF2\u626B\u63CF" : "\u672A\u626B\u63CF" }, "status")
+            ] }, "head"),
+            capabilityCenter.data?.schemaDiscovery.reason ? /* @__PURE__ */ jsx("div", { style: { ...helpStyle, marginTop: "8px" }, children: capabilityCenter.data.schemaDiscovery.reason }, "reason") : null,
+            capabilityCenter.data?.schemaDiscovery.updateNotice?.message ? /* @__PURE__ */ jsx("div", { style: { ...subtleBoxStyle, marginTop: "10px", background: "var(--background)" }, children: capabilityCenter.data.schemaDiscovery.updateNotice.message }, "update") : null,
+            /* @__PURE__ */ jsx("div", { style: { ...rowStyle, marginTop: "10px" }, children: (capabilityCenter.data?.schemaDiscovery.services ?? []).slice(0, 8).map((service) => /* @__PURE__ */ jsxs("span", { style: compactPillStyle, children: [
+              service.name,
+              "\uFF1A",
+              service.available ? `${service.methodCount} \u4E2A\u63A5\u53E3 / ${service.scopeCount} \u4E2A scope` : "\u4E0D\u53EF\u7528"
+            ] }, service.name)) }, "services")
+          ] }, "schema-discovery"),
+          /* @__PURE__ */ jsxs("div", { style: subtleBoxStyle, children: [
+            /* @__PURE__ */ jsxs("div", { style: sectionHeaderStyle, children: [
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx("div", { style: { fontWeight: 800 }, children: "\u6743\u9650\u68C0\u67E5\u7B56\u7565" }, "title"),
+                /* @__PURE__ */ jsx("div", { style: { ...helpStyle, marginTop: "6px" }, children: capabilityCenter.data?.permissionStrategy }, "detail")
+              ] }, "copy"),
+              /* @__PURE__ */ jsx("button", { type: "button", style: buttonStyle, disabled: checkingPermissions, onClick: () => void runPermissionCheck(), children: checkingPermissions ? "\u68C0\u67E5\u4E2D..." : "\u68C0\u67E5\u5F53\u524D\u6743\u9650" }, "check")
+            ] }, "head"),
+            permissionCheck ? /* @__PURE__ */ jsxs("div", { style: { ...subtleBoxStyle, marginTop: "10px", background: "var(--background)" }, children: [
+              /* @__PURE__ */ jsxs("div", { style: { ...rowStyle, marginBottom: "6px" }, children: [
+                /* @__PURE__ */ jsx(StatusBadge, { tone: permissionCheck.ok ? "success" : "warning", children: permissionCheck.ok ? "\u6743\u9650\u8986\u76D6\u63A8\u8350\u6E05\u5355" : "\u6709\u6743\u9650\u7F3A\u53E3" }, "status"),
+                permissionCheck.profileName ? /* @__PURE__ */ jsxs("span", { style: compactPillStyle, children: [
+                  "profile\uFF1A",
+                  permissionCheck.profileName
+                ] }, "profile") : null,
+                permissionCheck.identity ? /* @__PURE__ */ jsxs("span", { style: compactPillStyle, children: [
+                  "\u8EAB\u4EFD\uFF1A",
+                  permissionCheck.identity
+                ] }, "identity") : null
+              ] }, "state"),
+              /* @__PURE__ */ jsx("div", { style: helpStyle, children: permissionCheck.message }, "message"),
+              permissionCheck.missingScopes?.length ? /* @__PURE__ */ jsxs("div", { style: { ...helpStyle, marginTop: "8px", overflowWrap: "anywhere" }, children: [
+                "\u7F3A\u5931\u6743\u9650\uFF1A",
+                permissionCheck.missingScopes.join("\u3001")
+              ] }, "missing") : null
+            ] }, "permission-result") : null
+          ] }, "permission"),
+          /* @__PURE__ */ jsxs("div", { style: subtleBoxStyle, children: [
+            /* @__PURE__ */ jsx("div", { style: sectionHeaderStyle, children: /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("div", { style: { fontWeight: 800 }, children: "\u63A8\u8350\u6743\u9650 JSON" }, "title"),
+              /* @__PURE__ */ jsx("div", { style: helpStyle, children: capabilityCenter.data?.recommendedPermissionJson.note }, "detail")
+            ] }, "copy") }, "head"),
+            /* @__PURE__ */ jsx("code", { style: { ...codeStyle, marginTop: "10px" }, children: JSON.stringify(capabilityCenter.data?.recommendedPermissionJson ?? {}, null, 2) }, "json")
+          ] }, "permission-json"),
+          (capabilityCenter.data?.groups ?? []).map((group) => /* @__PURE__ */ jsxs("div", { style: productEntryStyle, children: [
+            /* @__PURE__ */ jsx("div", { style: { fontWeight: 900, fontSize: "16px" }, children: group.name }, "group-title"),
+            /* @__PURE__ */ jsx("div", { style: { display: "grid", gap: "10px" }, children: group.capabilities.map((capability) => {
+              const override = capabilityOverrides.find((item) => item.key === capability.key);
+              const checked = override?.enabled ?? capability.enabled;
+              const selectedScope = override?.scope ?? capability.scope ?? "instance";
+              const selectedConnectionId = override?.connectionId ?? capability.connectionId ?? preferredConnection?.id ?? activeConnections[0]?.id ?? "";
+              const selectedRouteId = override?.routeId ?? capability.routeId ?? firstEnabledRouteSummary?.route.id ?? routes[0]?.id ?? "";
+              const selectedAgentId = override?.agentId ?? capability.agentId ?? firstEnabledRouteSummary?.agent?.id ?? allAgentOptions[0]?.agent.id ?? "";
+              const statusTone = !checked ? "neutral" : capability.implemented ? capability.recommendedScopes.length > 0 ? "warning" : "success" : "warning";
+              return /* @__PURE__ */ jsxs("div", { style: subtleBoxStyle, children: [
+                /* @__PURE__ */ jsxs("div", { style: sectionHeaderStyle, children: [
+                  /* @__PURE__ */ jsxs("div", { children: [
+                    /* @__PURE__ */ jsxs("div", { style: rowStyle, children: [
+                      /* @__PURE__ */ jsx("strong", { children: capability.title }, "title"),
+                      /* @__PURE__ */ jsx(StatusBadge, { tone: statusTone, children: checked ? capability.statusLabel : "\u672A\u5F00\u542F" }, "status"),
+                      /* @__PURE__ */ jsx("span", { style: compactPillStyle, children: capability.scopeLabel }, "scope")
+                    ] }, "title-row"),
+                    /* @__PURE__ */ jsx("div", { style: { ...helpStyle, marginTop: "6px" }, children: capability.description }, "desc")
+                  ] }, "copy"),
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      style: checked ? buttonStyle : primaryButtonStyle,
+                      onClick: () => patchCapability(capability.key, { enabled: !checked }),
+                      children: checked ? "\u5173\u95ED" : "\u5F00\u542F"
+                    },
+                    "toggle"
+                  )
+                ] }, "head"),
+                /* @__PURE__ */ jsxs("div", { style: { ...gridTwoStyle, marginTop: "10px" }, children: [
+                  /* @__PURE__ */ jsx(Field, { label: "\u5F00\u542F\u8303\u56F4", children: /* @__PURE__ */ jsxs(
+                    "select",
+                    {
+                      style: selectStyle,
+                      value: selectedScope,
+                      onChange: (event) => patchCapabilityScope(capability.key, event.target.value),
+                      children: [
+                        /* @__PURE__ */ jsx("option", { value: "instance", children: "\u5168\u5B9E\u4F8B\u5F00\u542F" }),
+                        /* @__PURE__ */ jsx("option", { value: "bot", children: "\u67D0\u4E2A\u673A\u5668\u4EBA\u5F00\u542F" }),
+                        /* @__PURE__ */ jsx("option", { value: "entry", children: "\u67D0\u4E2A\u5165\u53E3\u5F00\u542F" }),
+                        /* @__PURE__ */ jsx("option", { value: "agent", children: "\u67D0\u4E2A Agent \u5F00\u542F" })
+                      ]
+                    }
+                  ) }, "scope"),
+                  selectedScope === "bot" ? /* @__PURE__ */ jsx(Field, { label: "\u76EE\u6807\u673A\u5668\u4EBA", children: /* @__PURE__ */ jsx(
+                    "select",
+                    {
+                      style: selectStyle,
+                      value: selectedConnectionId,
+                      onChange: (event) => patchCapability(capability.key, {
+                        scope: "bot",
+                        connectionId: event.target.value,
+                        routeId: void 0,
+                        agentId: void 0
+                      }),
+                      children: activeConnections.map((connection) => /* @__PURE__ */ jsx("option", { value: connection.id, children: appLabel(connection, profiles.find((profile) => profile.name === connection.profileName)) }, connection.id))
+                    }
+                  ) }, "bot-target") : null,
+                  selectedScope === "entry" ? /* @__PURE__ */ jsx(Field, { label: "\u76EE\u6807\u5165\u53E3", children: /* @__PURE__ */ jsx(
+                    "select",
+                    {
+                      style: selectStyle,
+                      value: selectedRouteId,
+                      onChange: (event) => patchCapability(capability.key, {
+                        scope: "entry",
+                        routeId: event.target.value,
+                        connectionId: void 0,
+                        agentId: void 0
+                      }),
+                      children: routeSummaries.map(({ route }, routeIndex) => /* @__PURE__ */ jsx("option", { value: route.id, children: routeTitle(route, routeIndex) }, route.id))
+                    }
+                  ) }, "entry-target") : null,
+                  selectedScope === "agent" ? /* @__PURE__ */ jsx(Field, { label: "\u76EE\u6807 Agent", children: /* @__PURE__ */ jsx(
+                    "select",
+                    {
+                      style: selectStyle,
+                      value: selectedAgentId,
+                      onChange: (event) => patchCapability(capability.key, {
+                        scope: "agent",
+                        agentId: event.target.value,
+                        connectionId: void 0,
+                        routeId: void 0
+                      }),
+                      children: allAgentOptions.map(({ company, agent }) => /* @__PURE__ */ jsxs("option", { value: agent.id, children: [
+                        agentLabel(agent),
+                        "\uFF08",
+                        companyLabel(company),
+                        "\uFF09"
+                      ] }, `${company.id}-${agent.id}`))
+                    }
+                  ) }, "agent-target") : null
+                ] }, "scope-controls"),
+                /* @__PURE__ */ jsxs("div", { style: { ...rowStyle, marginTop: "10px" }, children: [
+                  capability.toolName ? /* @__PURE__ */ jsx("span", { style: compactPillStyle, children: capability.toolName }, "tool") : null,
+                  capability.legacyToolName ? /* @__PURE__ */ jsxs("span", { style: compactPillStyle, children: [
+                    "\u517C\u5BB9\uFF1A",
+                    capability.legacyToolName
+                  ] }, "legacy") : null,
+                  capability.larkCliCommands.map((command) => /* @__PURE__ */ jsxs("span", { style: compactPillStyle, children: [
+                    "lark-cli ",
+                    command
+                  ] }, `cmd-${command}`)),
+                  capability.relatedSkills.map((skill) => /* @__PURE__ */ jsx("span", { style: compactPillStyle, children: skill }, `skill-${skill}`))
+                ] }, "meta"),
+                capability.schemaCommands?.length ? /* @__PURE__ */ jsxs("div", { style: { ...helpStyle, marginTop: "8px" }, children: [
+                  "CLI \u53D1\u73B0\uFF1A",
+                  capability.schemaCommands.map((command) => `${command.command}\uFF1A${command.status === "schema_backed" ? "schema \u8986\u76D6" : command.status === "cli_help_backed" ? "CLI help \u8986\u76D6" : "\u672A\u53D1\u73B0"}`).join("\uFF1B")
+                ] }, "schema") : null,
+                capability.recommendedScopes.length > 0 ? /* @__PURE__ */ jsxs("div", { style: { ...helpStyle, marginTop: "8px" }, children: [
+                  "\u63A8\u8350\u6743\u9650\uFF1A",
+                  capability.recommendedScopes.join("\u3001")
+                ] }, "scopes") : null
+              ] }, capability.key);
+            }) }, "items")
+          ] }, group.name))
+        ] }, "capability-content") }, "capabilities-panel") : null,
+        activeAdvancedPanel === "deploy" ? /* @__PURE__ */ jsxs("div", { style: { display: "grid", gap: "12px" }, children: [
+          /* @__PURE__ */ jsxs("div", { style: subtleBoxStyle, children: [
+            /* @__PURE__ */ jsx("div", { style: { fontWeight: 800, marginBottom: "6px" }, children: "\u5F53\u524D\u8FD0\u884C\u4F4D\u7F6E" }, "title"),
+            /* @__PURE__ */ jsx("div", { style: helpStyle, children: runtimeHint }, "hint"),
+            /* @__PURE__ */ jsxs("div", { style: { ...rowStyle, marginTop: "10px" }, children: [
+              /* @__PURE__ */ jsx(StatusBadge, { tone: runningOnLocalhost ? "warning" : "success", children: runningOnLocalhost ? "\u672C\u5730\u6D4B\u8BD5\u73AF\u5883" : "\u4E91\u7AEF\u6B63\u5F0F\u73AF\u5883" }, "mode-badge"),
+              /* @__PURE__ */ jsxs("span", { style: compactPillStyle, children: [
+                "profile\uFF1A",
+                serverProfileName(serverDeployConnection)
+              ] }, "profile")
+            ] }, "mode")
+          ] }, "runtime-position"),
+          /* @__PURE__ */ jsxs("div", { style: gridTwoStyle, children: [
+            /* @__PURE__ */ jsxs("div", { style: guideCardStyle, children: [
+              /* @__PURE__ */ jsx("div", { style: { fontWeight: 800 }, children: "\u672C\u5730\u6D4B\u8BD5" }, "title"),
+              /* @__PURE__ */ jsx("div", { style: helpStyle, children: "\u9002\u5408\u73B0\u5728\u9A8C\u8BC1\u98DE\u4E66\u662F\u5426\u80FD\u6536\u6D88\u606F\u3001\u56DE\u6D88\u606F\u3001\u521B\u5EFA\u4EFB\u52A1\u548C\u4E0A\u4F20\u9644\u4EF6\u3002\u8BFB\u53D6\u7684\u662F\u8FD9\u53F0 Mac \u4E0A\u7684 lark-cli profile\u3002" }, "body")
+            ] }, "local"),
+            /* @__PURE__ */ jsxs("div", { style: guideCardStyle, children: [
+              /* @__PURE__ */ jsx("div", { style: { fontWeight: 800 }, children: "\u4E91\u7AEF\u6B63\u5F0F\u90E8\u7F72" }, "title"),
+              /* @__PURE__ */ jsx("div", { style: helpStyle, children: "Paperclip \u8DD1\u5230\u670D\u52A1\u5668\u540E\uFF0C\u63D2\u4EF6\u4F1A\u4F18\u5148\u4F7F\u7528\u4E91\u7AEF\u63D2\u4EF6\u5305\u81EA\u5E26\u7684 lark-cli\uFF0C\u4F46 profile \u548C App \u6388\u6743\u4ECD\u5C5E\u4E8E\u670D\u52A1\u5668\u8FD0\u884C\u73AF\u5883\u3002\u4E1A\u52A1\u5165\u53E3\u914D\u7F6E\u53EF\u4EE5\u6CBF\u7528\uFF0C\u98DE\u4E66\u5E94\u7528\u6388\u6743\u5FC5\u987B\u5728\u670D\u52A1\u5668\u4E0A\u4E5F\u5B8C\u6210\u4E00\u6B21\u3002" }, "body")
+            ] }, "server")
+          ] }, "deploy-cards"),
+          /* @__PURE__ */ jsxs("div", { style: checklistGridStyle, children: [
+            /* @__PURE__ */ jsx(ChecklistItem, { done: hasConnection, title: "\u540C\u540D profile", detail: `\u670D\u52A1\u5668\u4E0A\u4E5F\u8981\u6709 ${serverProfileName(serverDeployConnection)}` }, "same-profile"),
+            /* @__PURE__ */ jsx(ChecklistItem, { done: true, title: "App Secret \u4E0D\u8FDB\u9875\u9762", detail: "\u53EA\u5728\u670D\u52A1\u5668\u6216\u5BC6\u94A5\u7CFB\u7EDF\u91CC\u8F93\u5165\uFF0C\u4E0D\u622A\u56FE\u3001\u4E0D\u53D1\u804A\u5929\u3002" }, "secret"),
+            /* @__PURE__ */ jsx(ChecklistItem, { done: (connectorStatus.data?.subscribers?.length ?? 0) <= activeConnections.length, title: "\u53EA\u4FDD\u7559\u6B63\u5F0F\u76D1\u542C", detail: "\u4E0A\u4E91\u540E\u4E0D\u8981\u8BA9\u672C\u673A\u548C\u670D\u52A1\u5668\u540C\u65F6\u76D1\u542C\u540C\u4E00\u4E2A\u673A\u5668\u4EBA\u3002" }, "single-listener"),
+            /* @__PURE__ */ jsx(ChecklistItem, { done: !runningOnLocalhost, title: "\u670D\u52A1\u5668\u4E0A\u91CD\u65B0\u68C0\u67E5", detail: runningOnLocalhost ? "\u90E8\u7F72\u5230\u670D\u52A1\u5668\u540E\uFF0C\u518D\u5728\u670D\u52A1\u5668\u9875\u9762\u70B9\u68C0\u67E5\u8FDE\u63A5\u3002" : "\u5F53\u524D\u9875\u9762\u5DF2\u5728\u670D\u52A1\u5668\u73AF\u5883\u3002" }, "recheck")
+          ] }, "checklist"),
+          /* @__PURE__ */ jsxs("div", { style: subtleBoxStyle, children: [
+            /* @__PURE__ */ jsxs("div", { style: sectionHeaderStyle, children: [
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx("div", { style: { fontWeight: 800 }, children: "\u7ED9\u5DE5\u7A0B\u5E08\u7684\u670D\u52A1\u5668\u7ED1\u5B9A\u547D\u4EE4" }, "title"),
+                /* @__PURE__ */ jsx("div", { style: helpStyle, children: "\u5728 Paperclip \u670D\u52A1\u5668\u4E0A\u6267\u884C\u3002\u547D\u4EE4\u91CC\u7684 App Secret \u5360\u4F4D\u7B26\u5FC5\u987B\u7531\u7BA1\u7406\u5458\u5728\u670D\u52A1\u5668\u5B89\u5168\u8F93\u5165\u3002" }, "help")
+              ] }, "copy"),
+              /* @__PURE__ */ jsx("button", { type: "button", style: buttonStyle, onClick: () => void copyServerDeployCommands(), children: "\u590D\u5236\u547D\u4EE4" }, "copy")
+            ] }, "head"),
+            /* @__PURE__ */ jsx("code", { style: { ...codeStyle, marginTop: "10px" }, children: serverDeployCommands }, "code")
+          ] }, "commands"),
+          /* @__PURE__ */ jsxs("div", { style: successBoxStyle, children: [
+            /* @__PURE__ */ jsx("div", { style: { fontWeight: 800, marginBottom: "6px" }, children: "\u4E0A\u4E91\u540E\u600E\u4E48\u786E\u8BA4\u771F\u7684\u751F\u6548" }, "title"),
+            /* @__PURE__ */ jsx("div", { style: helpStyle, children: "\u5728\u670D\u52A1\u5668\u9875\u9762\u5237\u65B0\u673A\u5668\u4EBA\u5217\u8868\uFF0C\u786E\u8BA4\u673A\u5668\u4EBA\u6C60\u91CC\u80FD\u770B\u5230\u540C\u540D\u673A\u5668\u4EBA\uFF1B\u4FDD\u5B58\u914D\u7F6E\uFF1B\u6253\u5F00\u201C\u81EA\u52A8\u76D1\u542C\u98DE\u4E66\u65B0\u6D88\u606F\u201D\u548C\u201C\u6B63\u5F0F\u53D1\u9001\u98DE\u4E66\u6D88\u606F\u201D\uFF1B\u6700\u540E\u4F18\u5148\u5728\u673A\u5668\u4EBA\u5355\u804A\u6216\u6D4B\u8BD5\u4F1A\u8BDD\u53D1\u9001\u771F\u5B9E\u6D4B\u8BD5\u8BDD\u672F\u3002" }, "body")
+          ] }, "after-deploy")
+        ] }, "deploy-panel") : null,
+        activeAdvancedPanel === "runtime" ? /* @__PURE__ */ jsxs("div", { style: gridTwoStyle, children: [
+          /* @__PURE__ */ jsx(ToggleField, { label: "\u6B63\u5F0F\u53D1\u9001\u98DE\u4E66\u6D88\u606F", checked: configJson.dryRunCli !== true, onChange: (checked) => patchConfig({ dryRunCli: !checked }), help: "\u5173\u95ED\u65F6\u53EA\u662F\u9875\u9762\u6A21\u62DF\uFF0C\u4E0D\u4F1A\u771F\u7684\u56DE\u590D\u98DE\u4E66\u3002" }, "dryRunCli"),
+          /* @__PURE__ */ jsx(ToggleField, { label: "\u81EA\u52A8\u76D1\u542C\u98DE\u4E66\u65B0\u6D88\u606F", checked: configJson.enableEventSubscriber === true, onChange: (checked) => patchConfig({ enableEventSubscriber: checked }), help: "\u672C\u5730\u6D4B\u8BD5\u53EF\u4EE5\u6253\u5F00\uFF1B\u4E0A\u4E91\u540E\u53EA\u4FDD\u7559\u670D\u52A1\u5668\u76D1\u542C\u3002" }, "enableEventSubscriber"),
+          /* @__PURE__ */ jsx(ToggleField, { label: "\u6536\u5230\u9700\u6C42\u540E\u5148\u56DE\u201C\u5DF2\u6536\u5230\u201D", checked: configJson.ackOnInbound === true, onChange: (checked) => patchConfig({ ackOnInbound: checked }) }, "ackOnInbound"),
+          /* @__PURE__ */ jsx(ToggleField, { label: "\u6D4B\u8BD5\u53E3\u4EE4\u201C\u53EA\u56DE\u590D ok\u201D", checked: configJson.enableQuickReply !== false, onChange: (checked) => patchConfig({ enableQuickReply: checked }) }, "enableQuickReply"),
+          /* @__PURE__ */ jsx(Field, { label: "lark-cli \u547D\u4EE4\u8DEF\u5F84", help: "\u666E\u901A\u7528\u6237\u4E0D\u7528\u6539\u3002\u7559\u7A7A\u6216\u4FDD\u6301 lark-cli \u65F6\uFF0C\u63D2\u4EF6\u4F1A\u4F18\u5148\u4F7F\u7528\u5305\u5185\u81EA\u5E26 CLI\uFF1B\u9700\u8981\u5F3A\u5236\u8D70\u670D\u52A1\u5668\u56FA\u5B9A\u8DEF\u5F84\u65F6\u624D\u586B\u5199\u5B8C\u6574\u8DEF\u5F84\u3002", children: /* @__PURE__ */ jsx("input", { style: inputStyle, value: configJson.larkCliBin ?? DEFAULT_CONFIG.larkCliBin, onChange: (event) => patchConfig({ larkCliBin: event.target.value }) }) }, "larkCliBin"),
+          /* @__PURE__ */ jsx(Field, { label: "Paperclip \u5185\u90E8\u8BBF\u95EE\u5730\u5740", help: "\u53EF\u9009\u3002\u586B\u4E91\u7AEF\u57DF\u540D\u540E\uFF0C\u98DE\u4E66\u91CC\u4F1A\u9644\u5E26\u5185\u90E8\u4EFB\u52A1\u94FE\u63A5\uFF1B\u6CA1\u6709 Paperclip \u8D26\u53F7\u7684\u4EBA\u6253\u4E0D\u5F00\u3002", children: /* @__PURE__ */ jsx("input", { style: inputStyle, value: configJson.paperclipBaseUrl ?? "", placeholder: "https://paperclip.company.com", onChange: (event) => patchConfig({ paperclipBaseUrl: event.target.value }) }) }, "paperclipBaseUrl"),
+          /* @__PURE__ */ jsx(Field, { label: "\u667A\u80FD\u4F53\u5B8C\u6210\u540E\u7684\u98DE\u4E66\u56DE\u590D", children: /* @__PURE__ */ jsx("input", { style: inputStyle, value: configJson.completionMessageTemplate ?? DEFAULT_CONFIG.completionMessageTemplate, onChange: (event) => patchConfig({ completionMessageTemplate: event.target.value }) }) }, "completionMessageTemplate")
+        ] }, "runtime-panel") : null,
+        activeAdvancedPanel === "events" ? /* @__PURE__ */ jsxs("div", { style: { display: "grid", gap: "12px" }, children: [
+          productionMonitor ? /* @__PURE__ */ jsxs("div", { style: subtleBoxStyle, children: [
+            /* @__PURE__ */ jsx("div", { style: { fontWeight: 800, marginBottom: "8px" }, children: "\u751F\u4EA7\u76D1\u63A7" }, "title"),
+            /* @__PURE__ */ jsxs("div", { style: helpStyle, children: [
+              productionMonitor.message,
+              "\u3002\u76D1\u542C\u8FDB\u7A0B ",
+              productionMonitor.activeSubscriberCount,
+              "/",
+              productionMonitor.expectedSubscriberCount,
+              "\uFF0C \u6700\u8FD1 30 \u5206\u949F\u9519\u8BEF ",
+              productionMonitor.recentErrorCount,
+              " \u6761\u3001\u63D0\u9192 ",
+              productionMonitor.recentWarningCount,
+              " \u6761\u3002",
+              productionMonitor.lastWatchdogAt ? ` \u6700\u8FD1\u81EA\u68C0\uFF1A${productionMonitor.lastWatchdogAt}` : " \u81EA\u68C0\u4F1A\u5728\u670D\u52A1\u8FD0\u884C\u540E\u81EA\u52A8\u5F00\u59CB\u3002"
+            ] }, "body")
+          ] }, "monitor-summary") : null,
+          productionMonitorChecks.length > 0 ? /* @__PURE__ */ jsx(CheckReport, { title: "\u76D1\u63A7\u68C0\u67E5\u9879", items: productionMonitorChecks }, "monitor-checks") : null,
+          /* @__PURE__ */ jsxs("div", { style: subtleBoxStyle, children: [
+            /* @__PURE__ */ jsx("div", { style: { fontWeight: 800, marginBottom: "8px" }, children: "\u516C\u7F51\u56DE\u8C03\u5B89\u5168" }, "title"),
+            /* @__PURE__ */ jsx("div", { style: { ...helpStyle, marginBottom: "10px" }, children: "\u4E91\u7AEF webhook \u5EFA\u8BAE\u914D\u7F6E\u98DE\u4E66\u4E8B\u4EF6\u8BA2\u9605\u91CC\u7684 Verification Token \u548C Encrypt Key\u3002\u8FD9\u91CC\u586B\u5199 Paperclip Secret/Vault \u5F15\u7528\uFF0C\u63D2\u4EF6\u4E0D\u4F1A\u4FDD\u5B58\u5BC6\u94A5\u660E\u6587\u3002" }, "help"),
+            /* @__PURE__ */ jsxs("div", { style: gridTwoStyle, children: [
+              /* @__PURE__ */ jsx(Field, { label: "Verification Token Secret Ref", children: /* @__PURE__ */ jsx(
+                "input",
+                {
+                  style: inputStyle,
+                  value: configJson.eventVerificationTokenRef ?? "",
+                  placeholder: "\u4F8B\u5982\uFF1Afeishu/event-verification-token",
+                  onChange: (event) => patchConfig({ eventVerificationTokenRef: event.target.value })
+                }
+              ) }, "verification"),
+              /* @__PURE__ */ jsx(Field, { label: "Encrypt Key Secret Ref", children: /* @__PURE__ */ jsx(
+                "input",
+                {
+                  style: inputStyle,
+                  value: configJson.eventEncryptKeyRef ?? "",
+                  placeholder: "\u4F8B\u5982\uFF1Afeishu/event-encrypt-key",
+                  onChange: (event) => patchConfig({ eventEncryptKeyRef: event.target.value })
+                }
+              ) }, "encrypt")
+            ] }, "fields"),
+            /* @__PURE__ */ jsxs("label", { style: { ...rowStyle, marginTop: "10px", justifyContent: "flex-start" }, children: [
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  type: "checkbox",
+                  checked: configJson.eventRequireSignature === true,
+                  onChange: (event) => patchConfig({ eventRequireSignature: event.target.checked })
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { children: "\u516C\u7F51\u56DE\u8C03\u5FC5\u987B\u6821\u9A8C x-lark-signature" })
+            ] }, "signature")
+          ] }, "webhook-security"),
+          /* @__PURE__ */ jsxs("div", { style: subtleBoxStyle, children: [
+            /* @__PURE__ */ jsxs("div", { style: sectionHeaderStyle, children: [
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsxs("div", { style: rowStyle, children: [
+                  /* @__PURE__ */ jsx("div", { style: { fontWeight: 800 }, children: "\u91CD\u8BD5\u961F\u5217" }, "title"),
+                  /* @__PURE__ */ jsx(StatusBadge, { tone: (retryQueue?.pendingCount ?? 0) > 0 ? "warning" : "success", children: (retryQueue?.pendingCount ?? 0) > 0 ? `${retryQueue?.pendingCount ?? 0} \u6761\u5F85\u91CD\u8BD5` : "\u6CA1\u6709\u5F85\u91CD\u8BD5\u6295\u9012" }, "status")
+                ] }, "title-row"),
+                /* @__PURE__ */ jsx("div", { style: helpStyle, children: "\u98DE\u4E66\u56DE\u6267\u3001\u591A\u7EF4\u8868\u683C\u5199\u5165\u5931\u8D25\u65F6\u4F1A\u5148\u5165\u961F\uFF1B\u6743\u9650\u6216\u7F51\u7EDC\u6062\u590D\u540E\uFF0C\u53EF\u4EE5\u5728\u8FD9\u91CC\u91CD\u8BD5\u3002" }, "detail")
+              ] }, "copy"),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  style: buttonStyle,
+                  disabled: retryingQueue || (retryQueue?.pendingCount ?? 0) === 0,
+                  onClick: () => void runRetryQueue(),
+                  children: retryingQueue ? "\u91CD\u8BD5\u4E2D..." : "\u91CD\u8BD5\u5931\u8D25\u6295\u9012"
+                },
+                "retry"
+              )
+            ] }, "head"),
+            (retryQueue?.items ?? []).length > 0 ? /* @__PURE__ */ jsx("div", { style: { display: "grid", gap: "8px", marginTop: "10px" }, children: (retryQueue?.items ?? []).slice(0, 3).map((item) => /* @__PURE__ */ jsxs("div", { style: { ...helpStyle, overflowWrap: "anywhere" }, children: [
+              item.status === "succeeded" ? "\u5DF2\u6210\u529F" : item.status === "failed" ? "\u5931\u8D25" : "\u5F85\u91CD\u8BD5",
+              "\uFF1A",
+              item.reason,
+              " \xB7 ",
+              item.profileName,
+              " \xB7 \u5C1D\u8BD5 ",
+              item.attemptCount,
+              " \u6B21",
+              item.lastError ? ` \xB7 ${item.lastError}` : ""
+            ] }, item.id)) }, "items") : null
+          ] }, "retry-queue"),
+          /* @__PURE__ */ jsxs("div", { style: checklistGridStyle, children: [
+            /* @__PURE__ */ jsx(ChecklistItem, { done: isListening, title: "\u76D1\u542C\u5F00\u5173", detail: isListening ? "\u5DF2\u5F00\u542F" : "\u672A\u5F00\u542F" }, "listener"),
+            /* @__PURE__ */ jsx(ChecklistItem, { done: (connectorStatus.data?.subscribers?.length ?? 0) > 0, title: "\u76D1\u542C\u8FDB\u7A0B", detail: `${connectorStatus.data?.subscribers?.length ?? 0} \u4E2A` }, "subscriber"),
+            /* @__PURE__ */ jsx(ChecklistItem, { done: isSendingRealMessages, title: "\u771F\u5B9E\u56DE\u590D", detail: isSendingRealMessages ? "\u5DF2\u5F00\u542F" : "\u6A21\u62DF\u6A21\u5F0F" }, "reply"),
+            /* @__PURE__ */ jsx(ChecklistItem, { done: isSendingRealMessages, title: "\u9644\u4EF6\u4E0A\u4F20", detail: isSendingRealMessages ? "\u771F\u5B9E\u4E0B\u8F7D\u5E76\u6302\u5230\u4EFB\u52A1" : "\u53EA\u505A\u9644\u4EF6\u6A21\u62DF\u8BB0\u5F55" }, "attachment-upload")
+          ] }, "state"),
+          /* @__PURE__ */ jsxs("div", { style: subtleBoxStyle, children: [
+            /* @__PURE__ */ jsx("div", { style: { fontWeight: 800, marginBottom: "8px" }, children: "\u6700\u8FD1\u4E8B\u4EF6" }, "title"),
+            /* @__PURE__ */ jsx(
+              RecentEventList,
+              {
+                records: (connectorStatus.data?.recentRecords ?? []).slice(0, 8),
+                emptyText: "\u6682\u65E0\u4E8B\u4EF6\u65E5\u5FD7\u3002"
+              }
+            )
+          ] }, "logs")
+        ] }, "events-panel") : null,
+        activeAdvancedPanel === "base" ? /* @__PURE__ */ jsxs("div", { style: { display: "grid", gap: "12px" }, children: [
+          /* @__PURE__ */ jsxs("div", { style: sectionHeaderStyle, children: [
+            /* @__PURE__ */ jsx("div", { style: helpStyle, children: "\u6CA1\u6709\u9700\u6C42\u6C60\u6C89\u6DC0\u8981\u6C42\u65F6\u53EF\u4EE5\u4E0D\u914D\u3002\u9700\u8981\u65F6\u65B0\u589E\u4E00\u5F20\u98DE\u4E66\u591A\u7EF4\u8868\u683C\u5199\u5165\u89C4\u5219\u3002" }, "copy"),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                style: buttonStyle,
+                onClick: () => patchConfig({
+                  baseSinks: [
+                    ...baseSinks,
+                    {
+                      id: baseSinks.length === 0 ? "feishu-base" : `feishu-base-${baseSinks.length + 1}`,
+                      connectionId: preferredConnection?.id,
+                      enabled: true,
+                      baseToken: "",
+                      tableIdOrName: "\u9700\u6C42\u6C60",
+                      identity: "bot",
+                      fieldMap: {}
+                    }
+                  ]
+                }),
+                children: "\u6DFB\u52A0\u591A\u7EF4\u8868\u683C\u89C4\u5219"
+              },
+              "add"
+            )
+          ] }, "header"),
+          baseSinks.length === 0 ? /* @__PURE__ */ jsx("div", { style: subtleBoxStyle, children: "\u5F53\u524D\u6CA1\u6709\u914D\u7F6E\u591A\u7EF4\u8868\u683C\u540C\u6B65\u3002" }, "empty") : null,
+          baseSinks.map((sink, index) => /* @__PURE__ */ jsx("div", { style: subtleBoxStyle, children: /* @__PURE__ */ jsxs("div", { style: gridTwoStyle, children: [
+            /* @__PURE__ */ jsx(Field, { label: "\u89C4\u5219\u540D\u79F0", children: /* @__PURE__ */ jsx("input", { style: inputStyle, value: sink.id ?? "", onChange: (event) => patchBaseSink(index, { id: event.target.value }) }) }, "id"),
+            /* @__PURE__ */ jsx(Field, { label: "Base Token", children: /* @__PURE__ */ jsx("input", { style: inputStyle, value: sink.baseToken ?? "", onChange: (event) => patchBaseSink(index, { baseToken: event.target.value }) }) }, "baseToken"),
+            /* @__PURE__ */ jsx(Field, { label: "\u6570\u636E\u8868\u540D\u79F0\u6216 ID", children: /* @__PURE__ */ jsx("input", { style: inputStyle, value: sink.tableIdOrName ?? "", onChange: (event) => patchBaseSink(index, { tableIdOrName: event.target.value }) }) }, "tableIdOrName"),
+            /* @__PURE__ */ jsx(Field, { label: "\u4F7F\u7528\u54EA\u4E2A\u98DE\u4E66\u673A\u5668\u4EBA", children: /* @__PURE__ */ jsx("select", { style: selectStyle, value: sink.connectionId ?? preferredConnection?.id ?? "", onChange: (event) => patchBaseSink(index, { connectionId: event.target.value }), children: connectionOptionNodes(connections, `base-sink-${index}`, void 0, profiles) }) }, "connectionId")
+          ] }, "fields") }, `${sink.id}-${index}`))
+        ] }, "base-panel") : null,
+        activeAdvancedPanel === "config" ? /* @__PURE__ */ jsxs("div", { style: { display: "grid", gap: "12px" }, children: [
+          /* @__PURE__ */ jsxs("div", { style: subtleBoxStyle, children: [
+            /* @__PURE__ */ jsx("div", { style: { fontWeight: 800, marginBottom: "6px" }, children: "\u53EF\u8FC1\u79FB\u5185\u5BB9" }, "title"),
+            /* @__PURE__ */ jsx("div", { style: helpStyle, children: "\u4F1A\u5BFC\u51FA\u5165\u53E3\u3001\u673A\u5668\u4EBA\u6C60\u3001\u80FD\u529B\u5F00\u5173\u3001\u591A\u7EF4\u8868\u683C\u89C4\u5219\u548C\u8FD0\u884C\u5F00\u5173\u3002App Secret\u3001\u8BBF\u95EE token\u3001\u4E8B\u4EF6\u5BC6\u94A5\u660E\u6587\u4E0D\u4F1A\u5BFC\u51FA\uFF1BSecret Ref \u4F1A\u4FDD\u7559\uFF0CBase Token \u4F1A\u968F\u591A\u7EF4\u8868\u683C\u89C4\u5219\u5BFC\u51FA\u3002" }, "body")
+          ] }, "summary"),
+          /* @__PURE__ */ jsxs("div", { style: subtleBoxStyle, children: [
+            /* @__PURE__ */ jsxs("div", { style: sectionHeaderStyle, children: [
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx("div", { style: { fontWeight: 800 }, children: "\u5BFC\u51FA\u5F53\u524D\u914D\u7F6E" }, "title"),
+                /* @__PURE__ */ jsx("div", { style: helpStyle, children: "\u9002\u5408\u8FC1\u79FB\u5230\u4E91\u7AEF\u6216\u53D1\u7ED9\u5DE5\u7A0B\u5E08\u590D\u73B0\u5165\u53E3\u89C4\u5219\u3002" }, "detail")
+              ] }, "copy"),
+              /* @__PURE__ */ jsx("button", { type: "button", style: buttonStyle, onClick: () => void copyConfigExport(), children: "\u590D\u5236\u914D\u7F6E JSON" }, "copy")
+            ] }, "head"),
+            /* @__PURE__ */ jsx("code", { style: { ...codeStyle, marginTop: "10px", maxHeight: "260px", overflow: "auto" }, children: exportedConfigText() }, "json")
+          ] }, "export"),
+          /* @__PURE__ */ jsxs("div", { style: subtleBoxStyle, children: [
+            /* @__PURE__ */ jsxs("div", { style: sectionHeaderStyle, children: [
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx("div", { style: { fontWeight: 800 }, children: "\u5BFC\u5165\u914D\u7F6E JSON" }, "title"),
+                /* @__PURE__ */ jsx("div", { style: helpStyle, children: "\u5BFC\u5165\u53EA\u66F4\u65B0\u5F53\u524D\u9875\u9762\u72B6\u6001\uFF1B\u786E\u8BA4\u65E0\u8BEF\u540E\u518D\u70B9\u51FB\u9876\u90E8\u201C\u4FDD\u5B58\u914D\u7F6E\u201D\u3002" }, "detail")
+              ] }, "copy"),
+              /* @__PURE__ */ jsx("button", { type: "button", style: buttonStyle, onClick: previewConfigImport, children: "\u5BFC\u5165\u5230\u9875\u9762" }, "preview")
+            ] }, "head"),
+            /* @__PURE__ */ jsx(
+              "textarea",
+              {
+                style: {
+                  ...inputStyle,
+                  height: "180px",
+                  marginTop: "10px",
+                  padding: "10px 12px",
+                  fontFamily: "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",
+                  resize: "vertical",
+                  lineHeight: 1.45
+                },
+                value: importConfigText,
+                placeholder: '{\n  "connections": [],\n  "routes": []\n}',
+                onChange: (event) => {
+                  setImportConfigText(event.target.value);
+                  setImportConfigError(null);
+                }
+              },
+              "textarea"
+            ),
+            importConfigError ? /* @__PURE__ */ jsxs("div", { style: { ...helpStyle, color: "var(--destructive)", marginTop: "8px" }, children: [
+              "\u5BFC\u5165\u5931\u8D25\uFF1A",
+              importConfigError
+            ] }, "error") : null
+          ] }, "import")
+        ] }, "config-panel") : null,
+        error ? /* @__PURE__ */ jsx("div", { style: { ...subtleBoxStyle, color: "var(--destructive)" }, children: error }, "error") : null
+      ] }, "advanced-panel") : /* @__PURE__ */ jsxs("div", { style: subtleBoxStyle, children: [
+        /* @__PURE__ */ jsx("div", { style: { fontWeight: 800, marginBottom: "6px" }, children: "\u70B9\u5F00\u4E00\u9879\u518D\u770B\u7EC6\u8282" }, "title"),
+        /* @__PURE__ */ jsx("div", { style: helpStyle, children: "\u666E\u901A\u7528\u6237\u901A\u5E38\u4E0D\u7528\u8FDB\u5165\u8FD9\u91CC\u3002\u9700\u8981\u5904\u7406 App Secret\u3001\u670D\u52A1\u5668\u90E8\u7F72\u3001\u76D1\u542C\u65E5\u5FD7\u6216\u591A\u7EF4\u8868\u683C\u540C\u6B65\u65F6\uFF0C\u518D\u9009\u62E9\u5BF9\u5E94\u9879\u76EE\u3002" }, "help")
+      ] }, "advanced-empty")
+    ] }, "product-advanced-links") : null
+  ] });
+}
+function DashboardWidget(_props) {
+  const { data, loading, error } = usePluginData(DATA_KEYS.status);
+  if (loading) return /* @__PURE__ */ jsx("div", { children: "\u6B63\u5728\u8BFB\u53D6\u98DE\u4E66\u8FDE\u63A5\u5668\u72B6\u6001..." });
+  if (error) return /* @__PURE__ */ jsxs("div", { children: [
+    "\u98DE\u4E66\u8FDE\u63A5\u5668\u72B6\u6001\u8BFB\u53D6\u5931\u8D25\uFF1A",
+    error.message
+  ] });
+  const latest = data?.recentRecords?.[0];
+  const health = connectorHealthLabel(data);
+  const listenerCount = data?.subscribers?.filter((subscriber) => subscriber.running !== false && !subscriber.killed).length ?? 0;
+  return /* @__PURE__ */ jsxs("div", { style: cardStyle, children: [
+    /* @__PURE__ */ jsx("strong", { children: "\u98DE\u4E66\u8FDE\u63A5\u5668" }),
+    /* @__PURE__ */ jsxs("div", { style: rowStyle, children: [
+      /* @__PURE__ */ jsx(Badge, { children: health }),
+      /* @__PURE__ */ jsx(Badge, { children: data?.dryRunCli ? "\u6A21\u62DF\u56DE\u590D" : "\u771F\u5B9E\u56DE\u590D" }),
+      /* @__PURE__ */ jsx(Badge, { children: `${data?.connectionCount ?? 0} \u4E2A\u673A\u5668\u4EBA` }),
+      /* @__PURE__ */ jsx(Badge, { children: `${data?.routeCount ?? 0} \u6761\u5165\u53E3` })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { children: [
+      "\u63A5\u6536\u98DE\u4E66\u6D88\u606F\uFF1A",
+      data?.eventSubscriberEnabled ? `\u5DF2\u5F00\u542F\uFF08${listenerCount} \u4E2A\u76D1\u542C\uFF09` : "\u672A\u5F00\u542F"
+    ] }),
+    latest ? /* @__PURE__ */ jsxs("div", { children: [
+      "\u6700\u8FD1\u52A8\u6001\uFF1A",
+      friendlyMonitorMessage(latest.message)
+    ] }) : /* @__PURE__ */ jsx("div", { children: "\u6682\u65E0\u98DE\u4E66\u4E8B\u4EF6\u3002" })
+  ] });
+}
+function FeishuSidebarLink(props) {
+  const { data } = usePluginData(DATA_KEYS.status);
+  const health = data?.monitor?.health;
+  const toneColor = health === "error" ? "var(--destructive)" : health === "warning" ? "color-mix(in oklab, var(--primary) 62%, #b45309)" : "var(--primary)";
+  return /* @__PURE__ */ jsxs(
+    "a",
+    {
+      href: pluginSettingsHref(props),
+      style: {
+        display: "flex",
+        alignItems: "center",
+        gap: "10px",
+        padding: "8px 12px",
+        color: "var(--foreground)",
+        textDecoration: "none",
+        fontSize: "13px",
+        fontWeight: 600
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            "aria-hidden": "true",
+            style: {
+              width: "8px",
+              height: "8px",
+              borderRadius: "999px",
+              background: toneColor,
+              flex: "0 0 auto"
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { style: { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: "\u98DE\u4E66\u8FDE\u63A5\u5668" }),
+        data ? /* @__PURE__ */ jsx("span", { style: { marginLeft: "auto", color: "var(--muted-foreground)", fontSize: "11px" }, children: data.routeCount }) : null
+      ]
+    }
+  );
+}
+function FeishuSidebarPanel(props = {}) {
+  const { data, loading, error } = usePluginData(DATA_KEYS.status);
+  if (loading) return /* @__PURE__ */ jsx("div", { style: helpStyle, children: "\u98DE\u4E66\u72B6\u6001\u8BFB\u53D6\u4E2D..." });
+  if (error) return /* @__PURE__ */ jsx("div", { style: { ...helpStyle, color: "var(--destructive)" }, children: "\u98DE\u4E66\u72B6\u6001\u8BFB\u53D6\u5931\u8D25" });
+  const monitor = data?.monitor;
+  const nextHint = monitor?.message ? friendlyMonitorMessage(monitor.message) : data?.connectionCount ? "\u98DE\u4E66\u8FDE\u63A5\u5668\u5DF2\u914D\u7F6E\u3002" : "\u8FD8\u6CA1\u6709\u7ED1\u5B9A\u98DE\u4E66\u673A\u5668\u4EBA\u3002";
+  return /* @__PURE__ */ jsxs("div", { style: { display: "grid", gap: "8px", fontSize: "12px" }, children: [
+    /* @__PURE__ */ jsx("div", { style: { fontWeight: 800 }, children: "\u98DE\u4E66\u8FDE\u63A5\u5668" }),
+    /* @__PURE__ */ jsxs("div", { style: { display: "grid", gap: "4px", color: "var(--muted-foreground)" }, children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        "\u673A\u5668\u4EBA\uFF1A",
+        data?.connectionCount ?? 0,
+        " \u4E2A"
+      ] }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        "\u5165\u53E3\uFF1A",
+        data?.routeCount ?? 0,
+        " \u6761"
+      ] }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        "\u72B6\u6001\uFF1A",
+        connectorHealthLabel(data)
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { style: { lineHeight: 1.45 }, children: nextHint }),
+    /* @__PURE__ */ jsx("a", { href: pluginSettingsHref(props), style: { color: "var(--primary)", textDecoration: "none", fontWeight: 700 }, children: "\u6253\u5F00\u914D\u7F6E" })
+  ] });
+}
+function FeishuCommentReplyAction({ context }) {
+  const replyIssueCommentToFeishu = usePluginAction(ACTION_KEYS.replyIssueCommentToFeishu);
+  const [busy, setBusy] = useState(false);
+  const [done, setDone] = useState(false);
+  async function replyComment() {
+    setBusy(true);
+    setDone(false);
+    try {
+      await replyIssueCommentToFeishu({
+        issueId: context.parentEntityId,
+        commentId: context.entityId
+      });
+      setDone(true);
+      window.setTimeout(() => setDone(false), 2400);
+    } finally {
+      setBusy(false);
+    }
+  }
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      onClick: () => void replyComment(),
+      disabled: busy,
+      style: {
+        border: "1px solid var(--border)",
+        borderRadius: "999px",
+        padding: "2px 8px",
+        background: "var(--background)",
+        color: done ? "var(--primary)" : "var(--muted-foreground)",
+        fontSize: "12px",
+        cursor: busy ? "default" : "pointer"
+      },
+      title: "\u628A\u8FD9\u6761 Paperclip \u8BC4\u8BBA\u56DE\u590D\u5230\u539F\u98DE\u4E66\u7EBF\u7A0B",
+      children: busy ? "\u56DE\u98DE\u4E66\u4E2D..." : done ? "\u5DF2\u56DE\u98DE\u4E66" : "\u56DE\u98DE\u4E66"
+    }
+  );
+}
+function FeishuIssueTab({ context }) {
+  const { data, loading, error, refresh } = usePluginData(DATA_KEYS.issueSource, {
+    issueId: context.entityId
+  });
+  const replyIssueSourceThread = usePluginAction(ACTION_KEYS.replyIssueSourceThread);
+  const downloadIssueAttachments = usePluginAction(ACTION_KEYS.downloadIssueAttachments);
+  const writeIssueBaseRecord = usePluginAction(ACTION_KEYS.writeIssueBaseRecord);
+  const lookupIssueRequester = usePluginAction(ACTION_KEYS.lookupIssueRequester);
+  const replyIssueCommentToFeishu = usePluginAction(ACTION_KEYS.replyIssueCommentToFeishu);
+  const sendMessage = usePluginAction(ACTION_KEYS.sendMessage);
+  const [replyText, setReplyText] = useState("");
+  const [busyAction, setBusyAction] = useState(null);
+  const [actionNotice, setActionNotice] = useState(null);
+  async function runIssueAction(label, fn) {
+    setBusyAction(label);
+    setActionNotice(null);
+    try {
+      const result = await fn();
+      if (result?.error) {
+        setActionNotice({ tone: "error", text: result.error });
+        return;
+      }
+      setActionNotice({ tone: "success", text: result?.content ?? result?.message ?? `${label}\u5DF2\u6267\u884C\u3002` });
+    } catch (caught) {
+      setActionNotice({ tone: "error", text: caught instanceof Error ? caught.message : String(caught) });
+    } finally {
+      setBusyAction(null);
+    }
+  }
+  const issueId = data?.issueId ?? context.entityId;
+  if (loading) return /* @__PURE__ */ jsx("div", { style: helpStyle, children: "\u6B63\u5728\u8BFB\u53D6\u98DE\u4E66\u6765\u6E90..." });
+  if (error) return /* @__PURE__ */ jsxs("div", { style: { ...subtleBoxStyle, color: "var(--destructive)" }, children: [
+    "\u98DE\u4E66\u6765\u6E90\u8BFB\u53D6\u5931\u8D25\uFF1A",
+    error.message
+  ] });
+  if (!data?.found) {
+    return /* @__PURE__ */ jsxs("div", { style: subtleBoxStyle, children: [
+      /* @__PURE__ */ jsx("div", { style: { fontWeight: 800 }, children: "\u8FD9\u4E2A Issue \u4E0D\u662F\u7531\u98DE\u4E66\u8FDE\u63A5\u5668\u521B\u5EFA\u7684\u3002" }, "title"),
+      /* @__PURE__ */ jsx("div", { style: helpStyle, children: "\u5982\u679C\u5B83\u786E\u5B9E\u6765\u81EA\u98DE\u4E66\uFF0C\u5237\u65B0\u540E\u4ECD\u672A\u663E\u793A\u6765\u6E90\uFF0C\u901A\u5E38\u662F\u5386\u53F2\u4EFB\u52A1\u8FD8\u6CA1\u6709\u5199\u5165\u98DE\u4E66\u6D88\u606F\u6620\u5C04\u3002" }, "detail")
+    ] });
+  }
+  const conversationDisplay = issueSourceValue(
+    issueSourceDisplayName(data.conversationName) ?? issueSourceDisplayName(data.conversationLabel) ?? (data.chatId ? "\u5DF2\u8BB0\u5F55\uFF0C\u540D\u79F0\u5F85\u540C\u6B65" : null)
+  );
+  const requesterDisplay = issueSourceValue(
+    issueSourceDisplayName(data.requesterName) ?? (data.requesterOpenId ? "\u5DF2\u8BB0\u5F55\uFF0C\u540D\u79F0\u5F85\u540C\u6B65" : null)
+  );
+  const originalMessageDisplay = issueSourceValue(
+    data.messageId ? "\u5DF2\u8BB0\u5F55\uFF0C\u53EF\u56DE\u539F\u7EBF\u7A0B" : null
+  );
+  const hasDebugInfo = Boolean(data.chatId || data.rootMessageId || data.threadId || data.lastRunId || data.updatedAt);
+  const detailRows = [
+    ["\u5165\u53E3", issueSourceValue(data.entryName)],
+    ["\u673A\u5668\u4EBA", issueSourceValue(data.botName)],
+    ["\u4F1A\u8BDD", conversationDisplay],
+    ["\u63D0\u51FA\u4EBA", requesterDisplay],
+    ["\u539F\u6D88\u606F", originalMessageDisplay],
+    ["\u9644\u4EF6", `${data.attachmentCount ?? data.attachments?.length ?? 0} \u4E2A`],
+    ["\u56DE\u590D\u65B9\u5F0F", issueReplyModeLabel(data.replyMode)]
+  ];
+  const recentComments = data.recentComments ?? [];
+  return /* @__PURE__ */ jsxs("div", { style: { ...productSectionStyle, maxWidth: "920px" }, children: [
+    /* @__PURE__ */ jsxs("div", { style: sectionHeaderStyle, children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("div", { style: { fontWeight: 900, fontSize: "18px" }, children: "\u98DE\u4E66\u6765\u6E90" }, "title"),
+        /* @__PURE__ */ jsxs("div", { style: helpStyle, children: [
+          issueSourceValue(data.issueIdentifier, "\u5F53\u524D\u4EFB\u52A1"),
+          " \u6765\u81EA\u98DE\u4E66\uFF0C\u4F1A\u6309\u5165\u53E3\u914D\u7F6E\u56DE\u5230\u539F\u4F1A\u8BDD\u3002"
+        ] }, "subtitle")
+      ] }, "copy"),
+      /* @__PURE__ */ jsx("button", { type: "button", style: buttonStyle, onClick: refresh, children: "\u5237\u65B0" }, "refresh")
+    ] }, "header"),
+    /* @__PURE__ */ jsxs("div", { style: successBoxStyle, children: [
+      /* @__PURE__ */ jsx("div", { style: { fontWeight: 900 }, children: "\u6765\u6E90\uFF1A\u98DE\u4E66" }, "headline"),
+      /* @__PURE__ */ jsxs("div", { style: { ...helpStyle, marginTop: "4px" }, children: [
+        issueSourceValue(data.entryName),
+        " \xB7 ",
+        issueSourceValue(data.botName),
+        " \xB7 ",
+        issueReplyModeLabel(data.replyMode)
+      ] }, "meta")
+    ] }, "summary"),
+    /* @__PURE__ */ jsx("div", { style: gridTwoStyle, children: detailRows.map(([label, value]) => /* @__PURE__ */ jsxs("div", { style: subtleBoxStyle, children: [
+      /* @__PURE__ */ jsx("div", { style: helpStyle, children: label }, "label"),
+      /* @__PURE__ */ jsx("div", { style: { fontWeight: 800, marginTop: "4px", overflowWrap: "anywhere" }, children: value }, "value")
+    ] }, label)) }, "details"),
+    /* @__PURE__ */ jsxs("div", { style: subtleBoxStyle, children: [
+      /* @__PURE__ */ jsx("div", { style: { fontWeight: 800, marginBottom: "8px" }, children: "\u98DE\u4E66\u64CD\u4F5C\u533A" }, "title"),
+      /* @__PURE__ */ jsx(
+        "textarea",
+        {
+          style: {
+            ...inputStyle,
+            height: "96px",
+            padding: "10px 12px",
+            resize: "vertical",
+            lineHeight: 1.45
+          },
+          value: replyText,
+          placeholder: "\u628A\u8981\u53D1\u56DE\u98DE\u4E66\u7684\u5185\u5BB9\u5199\u5728\u8FD9\u91CC",
+          onChange: (event) => setReplyText(event.target.value)
+        },
+        "reply-text"
+      ),
+      /* @__PURE__ */ jsxs("div", { style: { ...rowStyle, marginTop: "10px" }, children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            style: primaryButtonStyle,
+            disabled: busyAction !== null || replyText.trim().length === 0,
+            onClick: () => void runIssueAction("\u56DE\u590D\u539F\u98DE\u4E66\u7EBF\u7A0B", async () => {
+              const result = await replyIssueSourceThread({ issueId, text: replyText.trim() });
+              setReplyText("");
+              return result;
+            }),
+            children: busyAction === "\u56DE\u590D\u539F\u98DE\u4E66\u7EBF\u7A0B" ? "\u56DE\u590D\u4E2D..." : "\u56DE\u590D\u539F\u98DE\u4E66\u7EBF\u7A0B"
+          },
+          "reply"
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            style: buttonStyle,
+            disabled: busyAction !== null || replyText.trim().length === 0 || !data.chatId,
+            onClick: () => void runIssueAction("\u8F6C\u53D1\u5230\u98DE\u4E66", async () => {
+              const result = await sendMessage({
+                connectionId: data.connectionId,
+                chatId: data.chatId,
+                text: replyText.trim()
+              });
+              setReplyText("");
+              return { content: result && typeof result === "object" && "dryRun" in result ? "\u98DE\u4E66\u6D88\u606F\u5DF2\u63D0\u4EA4\u53D1\u9001\u3002" : "\u98DE\u4E66\u6D88\u606F\u5DF2\u63D0\u4EA4\u53D1\u9001\u3002" };
+            }),
+            children: busyAction === "\u8F6C\u53D1\u5230\u98DE\u4E66" ? "\u53D1\u9001\u4E2D..." : `\u7528${issueSourceValue(data.botName, "\u673A\u5668\u4EBA")}\u53D1\u9001`
+          },
+          "send"
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            style: buttonStyle,
+            disabled: busyAction !== null,
+            onClick: () => void runIssueAction("\u4E0B\u8F7D\u539F\u6D88\u606F\u9644\u4EF6", () => downloadIssueAttachments({ issueId })),
+            children: busyAction === "\u4E0B\u8F7D\u539F\u6D88\u606F\u9644\u4EF6" ? "\u4E0B\u8F7D\u4E2D..." : "\u4E0B\u8F7D\u539F\u6D88\u606F\u9644\u4EF6"
+          },
+          "download"
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            style: buttonStyle,
+            disabled: busyAction !== null,
+            onClick: () => void runIssueAction("\u5199\u5165\u591A\u7EF4\u8868\u683C", () => writeIssueBaseRecord({ issueId, record: { "\u5904\u7406\u72B6\u6001": "\u5DF2\u4ECE Issue \u64CD\u4F5C\u533A\u540C\u6B65" } })),
+            children: busyAction === "\u5199\u5165\u591A\u7EF4\u8868\u683C" ? "\u5199\u5165\u4E2D..." : "\u5199\u5165\u591A\u7EF4\u8868\u683C"
+          },
+          "base"
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            style: buttonStyle,
+            disabled: busyAction !== null,
+            onClick: () => void runIssueAction("\u67E5\u8BE2\u63D0\u51FA\u4EBA", () => lookupIssueRequester({ issueId })),
+            children: busyAction === "\u67E5\u8BE2\u63D0\u51FA\u4EBA" ? "\u67E5\u8BE2\u4E2D..." : "\u67E5\u8BE2\u63D0\u51FA\u4EBA"
+          },
+          "lookup"
+        )
+      ] }, "actions"),
+      actionNotice ? /* @__PURE__ */ jsx(
+        "div",
+        {
+          style: {
+            ...actionNotice.tone === "success" ? successBoxStyle : subtleBoxStyle,
+            marginTop: "10px",
+            color: actionNotice.tone === "error" ? "var(--destructive)" : void 0
+          },
+          children: actionNotice.text
+        },
+        "action-notice"
+      ) : null,
+      /* @__PURE__ */ jsx("div", { style: { ...helpStyle, marginTop: "8px" }, children: "\u8FD9\u4E9B\u64CD\u4F5C\u4F1A\u8D70\u63D2\u4EF6\u53D7\u63A7\u52A8\u4F5C\u548C\u80FD\u529B\u4E2D\u5FC3\u5F00\u5173\uFF1B\u5F53\u524D\u4E3A\u6D4B\u8BD5\u6A21\u5F0F\u65F6\u53EA\u751F\u6210\u547D\u4EE4\uFF0C\u4E0D\u4F1A\u771F\u5B9E\u53D1\u98DE\u4E66\u3002" }, "detail")
+    ] }, "technical"),
+    data.attachments?.length ? /* @__PURE__ */ jsxs("div", { style: subtleBoxStyle, children: [
+      /* @__PURE__ */ jsx("div", { style: { fontWeight: 800, marginBottom: "8px" }, children: "\u539F\u6D88\u606F\u9644\u4EF6" }, "title"),
+      /* @__PURE__ */ jsx("div", { style: { display: "grid", gap: "6px" }, children: data.attachments.map((attachment) => /* @__PURE__ */ jsxs("div", { style: { ...helpStyle, overflowWrap: "anywhere" }, children: [
+        issueSourceDisplayName(attachment.filename) ?? "\u672A\u547D\u540D\u98DE\u4E66\u9644\u4EF6",
+        "\uFF08",
+        attachment.resourceType,
+        "\uFF09"
+      ] }, `${attachment.resourceType}:${attachment.resourceKey}`)) }, "list")
+    ] }, "attachments") : null,
+    recentComments.length > 0 ? /* @__PURE__ */ jsxs("div", { style: subtleBoxStyle, children: [
+      /* @__PURE__ */ jsx("div", { style: { fontWeight: 800, marginBottom: "8px" }, children: "\u8BC4\u8BBA\u5FEB\u6377\u64CD\u4F5C" }, "title"),
+      /* @__PURE__ */ jsx("div", { style: { display: "grid", gap: "10px" }, children: recentComments.map((comment, index) => /* @__PURE__ */ jsxs(
+        "div",
+        {
+          style: {
+            display: "grid",
+            gap: "8px",
+            paddingTop: index === 0 ? 0 : "10px",
+            borderTop: index === 0 ? "0" : "1px solid var(--border)"
+          },
+          children: [
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                style: {
+                  color: "var(--foreground)",
+                  lineHeight: 1.5,
+                  overflowWrap: "anywhere",
+                  whiteSpace: "pre-wrap"
+                },
+                children: comment.body
+              },
+              "body"
+            ),
+            /* @__PURE__ */ jsxs("div", { style: { ...rowStyle, justifyContent: "space-between" }, children: [
+              /* @__PURE__ */ jsx("span", { style: helpStyle, children: comment.createdAt ? `\u8BC4\u8BBA\u65F6\u95F4\uFF1A${comment.createdAt}` : "Paperclip \u8BC4\u8BBA" }, "time"),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  style: buttonStyle,
+                  disabled: busyAction !== null,
+                  onClick: () => void runIssueAction("\u56DE\u590D\u8BC4\u8BBA\u5230\u98DE\u4E66", () => replyIssueCommentToFeishu({ issueId, commentId: comment.id })),
+                  children: busyAction === "\u56DE\u590D\u8BC4\u8BBA\u5230\u98DE\u4E66" ? "\u56DE\u590D\u4E2D..." : "\u56DE\u590D\u8FD9\u6761\u8BC4\u8BBA\u5230\u98DE\u4E66"
+                },
+                "reply"
+              )
+            ] }, "meta")
+          ]
+        },
+        comment.id
+      )) }, "list")
+    ] }, "comment-actions") : null,
+    /* @__PURE__ */ jsxs("div", { style: { display: "grid", gap: "8px" }, children: [
+      data.issueUrl ? /* @__PURE__ */ jsx("a", { href: data.issueUrl, target: "_blank", rel: "noreferrer", style: linkButtonStyle, children: "\u6253\u5F00 Paperclip \u4EFB\u52A1\u94FE\u63A5" }, "issue-url") : null,
+      hasDebugInfo ? /* @__PURE__ */ jsxs("details", { style: helpStyle, children: [
+        /* @__PURE__ */ jsx("summary", { style: { cursor: "pointer", fontWeight: 700 }, children: "\u6392\u969C\u4FE1\u606F\uFF08\u5DE5\u7A0B\u5E08\uFF09" }),
+        /* @__PURE__ */ jsxs("div", { style: { display: "grid", gap: "4px", marginTop: "8px", overflowWrap: "anywhere" }, children: [
+          data.chatId ? /* @__PURE__ */ jsxs("span", { children: [
+            "\u4F1A\u8BDD ID\uFF1A",
+            data.chatId
+          ] }, "chat") : null,
+          data.rootMessageId ? /* @__PURE__ */ jsxs("span", { children: [
+            "\u6839\u6D88\u606F\uFF1A",
+            data.rootMessageId
+          ] }, "root") : null,
+          data.threadId ? /* @__PURE__ */ jsxs("span", { children: [
+            "\u7EBF\u7A0B\uFF1A",
+            data.threadId
+          ] }, "thread") : null,
+          data.lastRunId ? /* @__PURE__ */ jsxs("span", { children: [
+            "\u6700\u8FD1\u6267\u884C\uFF1A",
+            data.lastRunId,
+            data.lastRunStatus ? `\uFF08${data.lastRunStatus}\uFF09` : ""
+          ] }, "run") : null,
+          data.updatedAt ? /* @__PURE__ */ jsxs("span", { children: [
+            "\u6700\u8FD1\u66F4\u65B0\uFF1A",
+            data.updatedAt
+          ] }, "updated") : null
+        ] }, "debug-items")
+      ] }, "debug") : null
+    ] }, "issue-links")
+  ] });
+}
+export {
+  DashboardWidget,
+  FeishuCommentReplyAction,
+  FeishuIssueTab,
+  FeishuSettingsPage,
+  FeishuSidebarLink,
+  FeishuSidebarPanel
+};
+//# sourceMappingURL=index.js.map