@xmanrui/dsh-im 4.34.1 → 4.35.0

package/lib/client.js

@@ -590,12 +590,12 @@ async function callManagementRpc(connection, channel7, method, payload, signal)
 }
 
 // plugin-src/client/index.js
-var React38 = __toESM(require("react"), 1);
+var React39 = __toESM(require("react"), 1);
 
 // package.json
 var package_default = {
   name: "@xmanrui/dsh-im",
-  version: "4.34.1",
+  version: "4.35.0",
   icon: "./assets/logo-plugin-message-link-gradient.webp",
   description: "\u628A\u5FAE\u4FE1\u3001\u98DE\u4E66\u3001\u4F01\u5FAE\u3001\u9489\u9489\u3001QQ\u3001Telegram\u3001WhatsApp\u3001Slack\u3001Discord\u3001Matrix\u63A5\u5165DSH\u3002 Connect Telegram, WhatsApp, Slack, Discord, Matrix, WeChat, Feishu, WeCom, DingTalk, and QQ to DSH.",
   keywords: [
@@ -1193,6 +1193,8 @@ var EN = Object.freeze({
   "IM \u9762\u677F\u52A0\u8F7D\u5931\u8D25": "Could not load the IM panel",
   "\u66F4\u591A\u673A\u5668\u4EBA\u8BBE\u7F6E": "More bot settings",
   "\u66F4\u591A\u8BBE\u7F6E": "More settings",
+  "\u5411\u5DE6\u6EDA\u52A8\u8BBE\u7F6E\u9875\u7B7E": "Scroll settings tabs left",
+  "\u5411\u53F3\u6EDA\u52A8\u8BBE\u7F6E\u9875\u7B7E": "Scroll settings tabs right",
   "\u5E38\u7528\u914D\u7F6E": "Common settings",
   "\u673A\u5668\u4EBA\u8BBE\u7F6E": "Bot settings",
   "\u673A\u5668\u4EBA\u8BBE\u7F6E\u9875\u7B7E": "Bot settings tabs",
@@ -16178,7 +16180,7 @@ function installInterfaceLanguageMirror(ctx, {
 }
 
 // plugin-src/client/delivery-settings.js
-var React33 = __toESM(require("react"), 1);
+var React34 = __toESM(require("react"), 1);
 
 // plugin-src/client/access-policy-settings.js
 var React28 = __toESM(require("react"), 1);
@@ -16596,8 +16598,124 @@ function AccessPolicySettingsPage({ channel: channel7, account, rpcCall, onSaved
   );
 }
 
-// plugin-src/client/channels/feishu/group-settings.js
+// plugin-src/client/bot-settings-tabs.js
 var React29 = __toESM(require("react"), 1);
+function revealTab(strip, tab) {
+  if (!strip || !tab) return;
+  const viewport = strip.getBoundingClientRect();
+  const bounds = tab.getBoundingClientRect();
+  if (bounds.left < viewport.left) strip.scrollLeft += bounds.left - viewport.left;
+  else if (bounds.right > viewport.right) strip.scrollLeft += bounds.right - viewport.right;
+}
+function BotSettingsTabs({ tabs, activeTabId, onChange }) {
+  const barRef = React29.useRef(null);
+  const stripRef = React29.useRef(null);
+  const listRef = React29.useRef(null);
+  const [scroll, setScroll] = React29.useState({ overflow: false, left: false, right: false });
+  const measure = React29.useCallback(() => {
+    const bar = barRef.current;
+    const strip = stripRef.current;
+    const list = listRef.current;
+    if (!bar || !strip || !list) return;
+    const next = {
+      // Compare against the whole bar, so arrows disappear as soon as all tabs fit.
+      overflow: list.scrollWidth > bar.clientWidth + 1,
+      left: strip.scrollLeft > 1,
+      right: strip.scrollWidth - strip.clientWidth - strip.scrollLeft > 1
+    };
+    setScroll((previous) => Object.keys(next).every((key) => next[key] === previous[key]) ? previous : next);
+  }, []);
+  React29.useEffect(() => {
+    const strip = stripRef.current;
+    if (!strip) return void 0;
+    const refresh = () => {
+      revealTab(strip, strip.querySelector('[aria-selected="true"]'));
+      measure();
+    };
+    refresh();
+    const view = strip.ownerDocument.defaultView;
+    const observer = view.ResizeObserver ? new view.ResizeObserver(refresh) : null;
+    for (const node of [barRef.current, strip, listRef.current]) observer?.observe(node);
+    view.addEventListener("resize", refresh);
+    return () => {
+      observer?.disconnect();
+      view.removeEventListener("resize", refresh);
+    };
+  }, [tabs, activeTabId, scroll.overflow, measure]);
+  const scrollTabs = (direction) => {
+    const strip = stripRef.current;
+    if (!strip) return;
+    strip.scrollLeft += direction * Math.max(80, strip.clientWidth * 0.75);
+    measure();
+  };
+  const handleKeyDown = (event, index) => {
+    let next;
+    if (event.key === "Home") next = 0;
+    else if (event.key === "End") next = tabs.length - 1;
+    else if (event.key === "ArrowLeft" || event.key === "ArrowRight") {
+      next = (index + (event.key === "ArrowRight" ? 1 : -1) + tabs.length) % tabs.length;
+    }
+    if (next === void 0) return;
+    event.preventDefault();
+    onChange(tabs[next].id);
+    const target = stripRef.current?.querySelectorAll('[role="tab"]')[next];
+    target?.focus({ preventScroll: true });
+    revealTab(stripRef.current, target);
+  };
+  const arrow = (direction, label, enabled) => scroll.overflow ? h2("button", {
+    type: "button",
+    className: "dim-botSettingsScroll",
+    "aria-label": label,
+    title: label,
+    disabled: !enabled,
+    onClick: () => scrollTabs(direction)
+  }, h2(
+    "svg",
+    { width: 16, height: 16, viewBox: "0 0 16 16", "aria-hidden": "true" },
+    h2("path", {
+      d: direction < 0 ? "M10 3 5 8l5 5" : "m6 3 5 5-5 5",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 1.5,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })
+  )) : null;
+  return h2(
+    "div",
+    { ref: barRef, className: "dim-botSettingsTabsBar" },
+    arrow(-1, "\u5411\u5DE6\u6EDA\u52A8\u8BBE\u7F6E\u9875\u7B7E", scroll.left),
+    h2("nav", {
+      ref: stripRef,
+      className: "dim-botSettingsTabs",
+      role: "tablist",
+      "aria-label": "\u673A\u5668\u4EBA\u8BBE\u7F6E\u9875\u7B7E",
+      onScroll: measure
+    }, h2(
+      "div",
+      { ref: listRef, className: "dim-botSettingsTabsList", role: "presentation" },
+      tabs.map((tab, index) => h2("button", {
+        key: tab.id,
+        id: `dim-bot-settings-${tab.id}-tab`,
+        type: "button",
+        role: "tab",
+        className: "dim-botSettingsTab",
+        "aria-selected": tab.id === activeTabId,
+        "aria-controls": `dim-bot-settings-${tab.id}-panel`,
+        tabIndex: tab.id === activeTabId ? 0 : -1,
+        onClick: (event) => {
+          onChange(tab.id);
+          revealTab(stripRef.current, event?.currentTarget);
+        },
+        onKeyDown: (event) => handleKeyDown(event, index)
+      }, tab.label))
+    )),
+    arrow(1, "\u5411\u53F3\u6EDA\u52A8\u8BBE\u7F6E\u9875\u7B7E", scroll.right)
+  );
+}
+
+// plugin-src/client/channels/feishu/group-settings.js
+var React30 = __toESM(require("react"), 1);
 var GROUP_MESSAGE_PERMISSION_OPERATION2 = FEISHU_REGISTRATION_OPERATIONS.GROUP_MESSAGE_PERMISSION;
 function SettingsButton({ children, kind = "secondary", className = "", ...props }) {
   return h2("button", {
@@ -16658,9 +16776,9 @@ function GroupResponseModeEditor({
   onAuthorize
 }) {
   const current = normalizeGroupResponseMode(value);
-  const [saving, setSaving] = React29.useState(false);
-  const [authorizing, setAuthorizing] = React29.useState(false);
-  const [error, setError] = React29.useState(null);
+  const [saving, setSaving] = React30.useState(false);
+  const [authorizing, setAuthorizing] = React30.useState(false);
+  const [error, setError] = React30.useState(null);
   const change = async (event) => {
     const next = normalizeGroupResponseMode(event.target.value);
     if (next === current || saving || disabled) return;
@@ -16741,8 +16859,8 @@ function GroupResponseModeEditor({
 }
 function MentionTopicReplyEditor({ value = true, disabled = false, onSave }) {
   const current = value === true ? "on" : "off";
-  const [saving, setSaving] = React29.useState(false);
-  const [error, setError] = React29.useState(null);
+  const [saving, setSaving] = React30.useState(false);
+  const [error, setError] = React30.useState(null);
   const change = async (event) => {
     const next = event.target.value === "on";
     if ((next ? "on" : "off") === current || saving || disabled) return;
@@ -16929,14 +17047,14 @@ function PermissionFlow({ provision, now, busy, botName, onRetry, onCancel, onCl
   );
 }
 function FeishuGroupSettingsPage({ account, rpcCall }) {
-  const [settings, setSettings] = React29.useState(() => groupSettingsFrom(account));
-  const [refreshing, setRefreshing] = React29.useState(false);
-  const [refreshError, setRefreshError] = React29.useState(null);
-  const [provision, setProvision] = React29.useState(null);
-  const [provisionBusy, setProvisionBusy] = React29.useState(false);
-  const [now, setNow] = React29.useState(() => Date.now());
-  const mounted = React29.useRef(true);
-  React29.useEffect(() => {
+  const [settings, setSettings] = React30.useState(() => groupSettingsFrom(account));
+  const [refreshing, setRefreshing] = React30.useState(false);
+  const [refreshError, setRefreshError] = React30.useState(null);
+  const [provision, setProvision] = React30.useState(null);
+  const [provisionBusy, setProvisionBusy] = React30.useState(false);
+  const [now, setNow] = React30.useState(() => Date.now());
+  const mounted = React30.useRef(true);
+  React30.useEffect(() => {
     setSettings(groupSettingsFrom(account));
   }, [
     account.botId,
@@ -16944,22 +17062,22 @@ function FeishuGroupSettingsPage({ account, rpcCall }) {
     account.mentionTopicReply,
     account.groupMessagePermissionGranted
   ]);
-  React29.useEffect(() => {
+  React30.useEffect(() => {
     mounted.current = true;
     return () => {
       mounted.current = false;
     };
   }, []);
-  const invoke = React29.useCallback(async (endpoint, payload = {}, signal) => {
+  const invoke = React30.useCallback(async (endpoint, payload = {}, signal) => {
     if (typeof rpcCall !== "function") throw new Error("\u98DE\u4E66\u7FA4\u804A\u8BBE\u7F6E\u6682\u4E0D\u53EF\u7528\u3002");
     return unwrapRpcResult3(await rpcCall(endpoint, payload, signal));
   }, [rpcCall]);
-  const applySnapshot = React29.useCallback((value) => {
+  const applySnapshot = React30.useCallback((value) => {
     const result = targetBotFromSnapshot(value, account.botId);
     if (mounted.current) setSettings(groupSettingsFrom(result.bot));
     return result;
   }, [account.botId]);
-  const loadSettings = React29.useCallback(async ({ signal, restoreProvisioning = false } = {}) => {
+  const loadSettings = React30.useCallback(async ({ signal, restoreProvisioning = false } = {}) => {
     setRefreshing(true);
     setRefreshError(null);
     try {
@@ -16988,16 +17106,16 @@ function FeishuGroupSettingsPage({ account, rpcCall }) {
       if (!signal?.aborted && mounted.current) setRefreshing(false);
     }
   }, [account.botId, applySnapshot, invoke]);
-  React29.useEffect(() => {
+  React30.useEffect(() => {
     const controller = new AbortController();
     void loadSettings({ signal: controller.signal, restoreProvisioning: true });
     return () => controller.abort();
   }, [loadSettings]);
-  const saveSetting = React29.useCallback(async (endpoint, payload) => {
+  const saveSetting = React30.useCallback(async (endpoint, payload) => {
     const value = await invoke(endpoint, { botId: account.botId, ...payload });
     applySnapshot(value);
   }, [account.botId, applySnapshot, invoke]);
-  const startAuthorization = React29.useCallback(async ({ replace = false } = {}) => {
+  const startAuthorization = React30.useCallback(async ({ replace = false } = {}) => {
     if (provisionBusy) return;
     const previousAttemptId = provision?.attemptId;
     setProvisionBusy(true);
@@ -17038,13 +17156,13 @@ function FeishuGroupSettingsPage({ account, rpcCall }) {
       if (mounted.current) setProvisionBusy(false);
     }
   }, [account.botId, invoke, provision?.attemptId, provisionBusy]);
-  const finishAuthorization = React29.useCallback(async (signal) => {
+  const finishAuthorization = React30.useCallback(async (signal) => {
     const bot = await loadSettings({ signal, restoreProvisioning: false });
     if (signal?.aborted || !mounted.current) return;
     if (!bot) throw new Error("\u7FA4\u6D88\u606F\u6743\u9650\u5DF2\u66F4\u65B0\uFF0C\u4F46\u6682\u65F6\u65E0\u6CD5\u786E\u8BA4\u673A\u5668\u4EBA\u8FDE\u63A5\u72B6\u6001");
     setProvision(null);
   }, [loadSettings]);
-  React29.useEffect(() => {
+  React30.useEffect(() => {
     if (!provision?.attemptId || !["qr", "connecting"].includes(provision.phase) || provision.expired) return void 0;
     const timerHost = globalThis.window ?? globalThis;
     const controller = new AbortController();
@@ -17088,7 +17206,7 @@ function FeishuGroupSettingsPage({ account, rpcCall }) {
       timerHost.clearTimeout(timer);
     };
   }, [account.botId, finishAuthorization, invoke, provision]);
-  React29.useEffect(() => {
+  React30.useEffect(() => {
     if (!provision?.attemptId || provision.phase !== "qr" || provision.expired) return void 0;
     const timerHost = globalThis.window ?? globalThis;
     const tick = () => {
@@ -17102,7 +17220,7 @@ function FeishuGroupSettingsPage({ account, rpcCall }) {
     const timer = timerHost.setInterval(tick, 1e3);
     return () => timerHost.clearInterval(timer);
   }, [provision?.attemptId, provision?.expired, provision?.expiresAt, provision?.phase]);
-  const cancelAuthorization = React29.useCallback(async () => {
+  const cancelAuthorization = React30.useCallback(async () => {
     if (!provision?.attemptId || provisionBusy) {
       setProvision(null);
       return;
@@ -17191,21 +17309,21 @@ function FeishuGroupSettingsPage({ account, rpcCall }) {
 }
 
 // plugin-src/client/channels/feishu/voice-settings.js
-var React31 = __toESM(require("react"), 1);
+var React32 = __toESM(require("react"), 1);
 
 // plugin-src/client/channels/feishu/voice-editor.js
-var React30 = __toESM(require("react"), 1);
+var React31 = __toESM(require("react"), 1);
 function VoiceEditor({ value = null, disabled = false, onSave }) {
-  const [enabled, setEnabled] = React30.useState(value != null);
-  const [secretRef, setSecretRef] = React30.useState(value?.secretRef ?? "DASHSCOPE_API_KEY");
-  const [asrModel, setAsrModel] = React30.useState(value?.asrModel ?? "qwen3-asr-flash");
-  const [ttsModel, setTtsModel] = React30.useState(value?.ttsModel ?? "qwen3-tts-flash");
-  const [ttsVoice, setTtsVoice] = React30.useState(value?.ttsVoice ?? "Momo");
-  const [saving, setSaving] = React30.useState(false);
-  const [error, setError] = React30.useState(null);
-  const titleId = React30.useId();
+  const [enabled, setEnabled] = React31.useState(value != null);
+  const [secretRef, setSecretRef] = React31.useState(value?.secretRef ?? "DASHSCOPE_API_KEY");
+  const [asrModel, setAsrModel] = React31.useState(value?.asrModel ?? "qwen3-asr-flash");
+  const [ttsModel, setTtsModel] = React31.useState(value?.ttsModel ?? "qwen3-tts-flash");
+  const [ttsVoice, setTtsVoice] = React31.useState(value?.ttsVoice ?? "Momo");
+  const [saving, setSaving] = React31.useState(false);
+  const [error, setError] = React31.useState(null);
+  const titleId = React31.useId();
   const helpId = `${titleId}-help`;
-  React30.useEffect(() => {
+  React31.useEffect(() => {
     setEnabled(value != null);
     if (value) {
       setSecretRef(value.secretRef ?? "DASHSCOPE_API_KEY");
@@ -17319,20 +17437,20 @@ function VoiceEditor({ value = null, disabled = false, onSave }) {
 
 // plugin-src/client/channels/feishu/voice-settings.js
 function FeishuVoiceSettingsPage({ account, rpcCall }) {
-  const [voice, setVoice] = React31.useState(null);
-  const [phase, setPhase] = React31.useState("loading");
-  const [error, setError] = React31.useState(null);
-  const mounted = React31.useRef(true);
-  const invoke = React31.useCallback(async (endpoint, payload, signal) => {
+  const [voice, setVoice] = React32.useState(null);
+  const [phase, setPhase] = React32.useState("loading");
+  const [error, setError] = React32.useState(null);
+  const mounted = React32.useRef(true);
+  const invoke = React32.useCallback(async (endpoint, payload, signal) => {
     if (typeof rpcCall !== "function") throw new Error("\u98DE\u4E66\u8BED\u97F3\u8BBE\u7F6E\u6682\u4E0D\u53EF\u7528\u3002");
     return unwrapRpcResult3(await rpcCall(endpoint, payload, signal));
   }, [rpcCall]);
-  const applySnapshot = React31.useCallback((value) => {
+  const applySnapshot = React32.useCallback((value) => {
     const bot = normalizeBotsSnapshot(value).bots.find((entry) => entry.botId === account.botId);
     if (!bot) throw new Error("\u672A\u627E\u5230\u5F53\u524D\u98DE\u4E66\u673A\u5668\u4EBA\uFF0C\u8BF7\u8FD4\u56DE\u5217\u8868\u540E\u91CD\u8BD5\u3002");
     if (mounted.current) setVoice(bot.voice);
   }, [account.botId]);
-  const loadSettings = React31.useCallback(async (signal) => {
+  const loadSettings = React32.useCallback(async (signal) => {
     setPhase("loading");
     setError(null);
     try {
@@ -17346,7 +17464,7 @@ function FeishuVoiceSettingsPage({ account, rpcCall }) {
       setPhase("error");
     }
   }, [applySnapshot, invoke]);
-  React31.useEffect(() => {
+  React32.useEffect(() => {
     mounted.current = true;
     const controller = new AbortController();
     void loadSettings(controller.signal);
@@ -17385,7 +17503,7 @@ function FeishuVoiceSettingsPage({ account, rpcCall }) {
 }
 
 // plugin-src/client/channels/feishu/slash-panel-settings.js
-var React32 = __toESM(require("react"), 1);
+var React33 = __toESM(require("react"), 1);
 var MANIFEST_BY_NAME = new Map(SLASH_COMMAND_MANIFEST.map((entry) => [entry.command, entry]));
 var ALL_COMMANDS = Object.freeze(SLASH_COMMAND_MANIFEST.map((entry) => entry.command));
 function PanelButton({ children, disabled = false, onClick, ...props }) {
@@ -17406,30 +17524,30 @@ function commandText(name2) {
   return `/${name2} \u2014 ${entry?.default ?? name2}`;
 }
 function FeishuSlashPanelSettingsPage({ account, rpcCall, onSaved }) {
-  const incoming = React32.useMemo(() => normalizeSlashPanelConfig(account.slashPanel), [account.botId, panelSignature(account.slashPanel)]);
-  const [mode, setMode] = React32.useState(incoming.mode);
-  const [order, setOrder] = React32.useState(() => [...incoming.order]);
-  const [pending, setPending] = React32.useState("");
-  const [dirty, setDirty] = React32.useState(false);
-  const [saving, setSaving] = React32.useState(false);
-  const [saved, setSaved] = React32.useState(false);
-  const [syncing, setSyncing] = React32.useState(false);
-  const [syncTargets, setSyncTargets] = React32.useState(null);
-  const [syncNotice, setSyncNotice] = React32.useState(null);
-  const [error, setError] = React32.useState(null);
-  const mounted = React32.useRef(true);
-  React32.useEffect(() => {
+  const incoming = React33.useMemo(() => normalizeSlashPanelConfig(account.slashPanel), [account.botId, panelSignature(account.slashPanel)]);
+  const [mode, setMode] = React33.useState(incoming.mode);
+  const [order, setOrder] = React33.useState(() => [...incoming.order]);
+  const [pending, setPending] = React33.useState("");
+  const [dirty, setDirty] = React33.useState(false);
+  const [saving, setSaving] = React33.useState(false);
+  const [saved, setSaved] = React33.useState(false);
+  const [syncing, setSyncing] = React33.useState(false);
+  const [syncTargets, setSyncTargets] = React33.useState(null);
+  const [syncNotice, setSyncNotice] = React33.useState(null);
+  const [error, setError] = React33.useState(null);
+  const mounted = React33.useRef(true);
+  React33.useEffect(() => {
     mounted.current = true;
     return () => {
       mounted.current = false;
     };
   }, []);
-  React32.useEffect(() => {
+  React33.useEffect(() => {
     if (dirty) return;
     setMode(incoming.mode);
     setOrder([...incoming.order]);
   }, [incoming.mode, incoming.order, dirty]);
-  const edit = React32.useCallback((update) => {
+  const edit = React33.useCallback((update) => {
     setSaved(false);
     setDirty(true);
     update();
@@ -17566,7 +17684,7 @@ function FeishuSlashPanelSettingsPage({ account, rpcCall, onSaved }) {
         h2("option", { value: SLASH_PANEL_MODES.CUSTOM }, "\u81EA\u5B9A\u4E49\uFF08\u81EA\u5DF1\u6311\u6307\u4EE4\u548C\u987A\u5E8F\uFF09")
       ),
       mode === SLASH_PANEL_MODES.CUSTOM ? h2(
-        React32.Fragment,
+        React33.Fragment,
         null,
         order.length === 0 ? h2("p", { className: "dim-feishuGroupHelp" }, "\u5F53\u524D\u6CA1\u6709\u9009\u62E9\u4EFB\u4F55\u6307\u4EE4\uFF0C\u4FDD\u5B58\u540E\u300C/\u300D\u9762\u677F\u4F1A\u53D8\u6210\u7A7A\u7684\u3002") : h2(
           "ul",
@@ -17922,13 +18040,13 @@ function TargetForm({
 }) {
   const editing = mode === "edit";
   const initialKind = initialValue?.kind && definition.fields[initialValue.kind] ? initialValue.kind : definition.kinds[0].value;
-  const [targetId, setTargetId] = React33.useState(initialValue?.targetId ?? "");
-  const [name2, setName] = React33.useState(initialValue?.name ?? "");
-  const [kind, setKind] = React33.useState(initialKind);
-  const [route, setRoute] = React33.useState(initialValue?.route ?? {});
-  const [error, setError] = React33.useState(null);
-  const [testing, setTesting] = React33.useState(false);
-  const [testState, setTestState] = React33.useState(null);
+  const [targetId, setTargetId] = React34.useState(initialValue?.targetId ?? "");
+  const [name2, setName] = React34.useState(initialValue?.name ?? "");
+  const [kind, setKind] = React34.useState(initialKind);
+  const [route, setRoute] = React34.useState(initialValue?.route ?? {});
+  const [error, setError] = React34.useState(null);
+  const [testing, setTesting] = React34.useState(false);
+  const [testState, setTestState] = React34.useState(null);
   const currentTarget = () => {
     const normalizedRoute = Object.fromEntries(fieldsFor(definition, kind).map((field2) => {
       const raw = String(route[field2.key] ?? "").trim();
@@ -18145,7 +18263,7 @@ function TargetSuggestionPicker({
         suggestions.map((suggestion, index) => {
           const identity = routeIdentity(definition, suggestion);
           const added = configured.has(identity);
-          return React33.createElement("option", {
+          return React34.createElement("option", {
             key: suggestion.id ?? suggestion.suggestionId ?? `${identity}:${index}`,
             value: String(index),
             disabled: added
@@ -18162,11 +18280,11 @@ function TargetSuggestionPicker({
   );
 }
 function TargetRow({ definition, target, botId, connected, rpcCall, onChanged, onEdit }) {
-  const [action, setAction] = React33.useState(null);
-  const [testState, setTestState] = React33.useState(null);
-  const [syncFeedback, setSyncFeedback] = React33.useState(null);
-  const [copyState, setCopyState] = React33.useState(null);
-  const [confirmDelete, setConfirmDelete] = React33.useState(false);
+  const [action, setAction] = React34.useState(null);
+  const [testState, setTestState] = React34.useState(null);
+  const [syncFeedback, setSyncFeedback] = React34.useState(null);
+  const [copyState, setCopyState] = React34.useState(null);
+  const [confirmDelete, setConfirmDelete] = React34.useState(false);
   const sessionSync = target.sessionSync ?? { enabled: false, state: "unavailable" };
   const syncDescription = sessionSync.state === "active" ? "\u81EA\u52A8\u8DDF\u968F\u8BE5\u79C1\u804A\u7684\u5F53\u524D\u4F1A\u8BDD" : sessionSync.state === "waiting" ? "\u7B49\u5F85\u8BE5\u79C1\u804A\u5EFA\u7ACB\u65B0\u4F1A\u8BDD" : sessionSync.state === "unavailable" ? "\u4EC5\u652F\u6301\u5DF2\u7ECF\u804A\u8FC7\u3001\u5DF2\u5EFA\u7ACB\u5F53\u524D\u4F1A\u8BDD\u4E14\u4F7F\u7528\u5F53\u524D Host Harness \u7684\u79C1\u804A\u76EE\u6807" : "\u5173\u95ED\u65F6\u4E0D\u53D1\u9001 DSH \u4F1A\u8BDD\u6D88\u606F";
   const testTarget = async () => {
@@ -18229,7 +18347,7 @@ function TargetRow({ definition, target, botId, connected, rpcCall, onChanged, o
       h2(
         "div",
         { className: "dim-targetTitle" },
-        React33.createElement("strong", null, target.name || target.targetId),
+        React34.createElement("strong", null, target.name || target.targetId),
         h2("span", null, kindLabel(definition, target.kind))
       ),
       h2("code", null, `targetId: ${target.targetId}`)
@@ -18315,30 +18433,30 @@ function DeliveryTargetSettingsPage({
   onBack
 }) {
   const definition = CHANNEL_DEFINITIONS[channel7];
-  const [activeTabId, setActiveTabId] = React33.useState(BOT_SETTINGS_TABS[0].id);
-  const [phase, setPhase] = React33.useState("loading");
-  const [targets, setTargets] = React33.useState([]);
-  const [suggestionPhase, setSuggestionPhase] = React33.useState("idle");
-  const [suggestions, setSuggestions] = React33.useState([]);
-  const [suggestionError, setSuggestionError] = React33.useState(null);
-  const [error, setError] = React33.useState(null);
-  const [editor, setEditor] = React33.useState(null);
-  const [saving, setSaving] = React33.useState(false);
-  const [botCopyState, setBotCopyState] = React33.useState(null);
-  const [accessPolicy, setAccessPolicy] = React33.useState(account.accessPolicy);
-  const [slashPanel, setSlashPanel] = React33.useState(account.slashPanel);
-  const mounted = React33.useRef(true);
-  React33.useEffect(() => {
+  const [activeTabId, setActiveTabId] = React34.useState(BOT_SETTINGS_TABS[0].id);
+  const [phase, setPhase] = React34.useState("loading");
+  const [targets, setTargets] = React34.useState([]);
+  const [suggestionPhase, setSuggestionPhase] = React34.useState("idle");
+  const [suggestions, setSuggestions] = React34.useState([]);
+  const [suggestionError, setSuggestionError] = React34.useState(null);
+  const [error, setError] = React34.useState(null);
+  const [editor, setEditor] = React34.useState(null);
+  const [saving, setSaving] = React34.useState(false);
+  const [botCopyState, setBotCopyState] = React34.useState(null);
+  const [accessPolicy, setAccessPolicy] = React34.useState(account.accessPolicy);
+  const [slashPanel, setSlashPanel] = React34.useState(account.slashPanel);
+  const mounted = React34.useRef(true);
+  React34.useEffect(() => {
     setAccessPolicy(account.accessPolicy);
   }, [account.botId, account.accessPolicy]);
-  React33.useEffect(() => {
+  React34.useEffect(() => {
     setSlashPanel(account.slashPanel);
   }, [account.botId, account.slashPanel]);
-  const invoke = React33.useCallback(async (endpoint, payload = {}, signal) => {
+  const invoke = React34.useCallback(async (endpoint, payload = {}, signal) => {
     if (typeof rpcCall !== "function") throw new Error("\u6295\u9012\u76EE\u6807\u8BBE\u7F6E\u6682\u4E0D\u53EF\u7528\u3002");
     return unwrapRpcResult15(await rpcCall(endpoint, payload, signal));
   }, [rpcCall]);
-  const loadTargets = React33.useCallback(async ({ signal, silent = false } = {}) => {
+  const loadTargets = React34.useCallback(async ({ signal, silent = false } = {}) => {
     if (!silent) setPhase("loading");
     setError(null);
     try {
@@ -18352,7 +18470,7 @@ function DeliveryTargetSettingsPage({
       setPhase("error");
     }
   }, [account.botId, invoke]);
-  const loadSuggestions = React33.useCallback(async () => {
+  const loadSuggestions = React34.useCallback(async () => {
     setSuggestionPhase("loading");
     setSuggestionError(null);
     try {
@@ -18366,7 +18484,7 @@ function DeliveryTargetSettingsPage({
       setSuggestionPhase("error");
     }
   }, [account.botId, definition, invoke]);
-  React33.useEffect(() => {
+  React34.useEffect(() => {
     mounted.current = true;
     const controller = new AbortController();
     void loadTargets({ signal: controller.signal });
@@ -18452,25 +18570,7 @@ function DeliveryTargetSettingsPage({
       { className: "dim-deliveryHeader" },
       h2(DeliveryButton, { className: "dim-deliveryBack", onClick: onBack }, "\u2190 \u8FD4\u56DE\u673A\u5668\u4EBA\u5217\u8868")
     ),
-    h2(
-      "div",
-      { className: "dim-botSettingsTabsBar" },
-      h2("nav", {
-        className: "dim-botSettingsTabs",
-        role: "tablist",
-        "aria-label": "\u673A\u5668\u4EBA\u8BBE\u7F6E\u9875\u7B7E"
-      }, settingsTabs.map((tab) => h2("button", {
-        key: tab.id,
-        id: `dim-bot-settings-${tab.id}-tab`,
-        type: "button",
-        role: "tab",
-        className: "dim-botSettingsTab",
-        "aria-selected": tab.id === activeTab.id,
-        "aria-controls": `dim-bot-settings-${tab.id}-panel`,
-        tabIndex: tab.id === activeTab.id ? 0 : -1,
-        onClick: () => setActiveTabId(tab.id)
-      }, tab.label)))
-    ),
+    h2(BotSettingsTabs, { tabs: settingsTabs, activeTabId: activeTab.id, onChange: setActiveTabId }),
     h2(
       "div",
       {
@@ -18496,7 +18596,7 @@ function DeliveryTargetSettingsPage({
         account,
         rpcCall: accessRpcCall
       }) : h2(
-        React33.Fragment,
+        React34.Fragment,
         null,
         h2(
           "section",
@@ -18607,7 +18707,7 @@ function DeliveryTargetSettingsPage({
 }
 
 // plugin-src/client/global-settings.js
-var React34 = __toESM(require("react"), 1);
+var React35 = __toESM(require("react"), 1);
 
 // src/channels/shared/inbound-ttl.mjs
 var DEFAULT_INBOUND_TTL_HOURS = 168;
@@ -18692,14 +18792,14 @@ function GlobalButton({ children, kind = "secondary", className = "", ...props }
   }, children);
 }
 function ImageInputSettings({ rpcCall }) {
-  const [values, setValues] = React34.useState(DEFAULT_IMAGE_INPUT_SETTINGS);
-  const [phase, setPhase] = React34.useState("loading");
-  const [error, setError] = React34.useState(null);
-  const [saved, setSaved] = React34.useState(false);
-  const mounted = React34.useRef(false);
-  const saving = React34.useRef(false);
-  const id6 = React34.useId();
-  const load = React34.useCallback(async (signal) => {
+  const [values, setValues] = React35.useState(DEFAULT_IMAGE_INPUT_SETTINGS);
+  const [phase, setPhase] = React35.useState("loading");
+  const [error, setError] = React35.useState(null);
+  const [saved, setSaved] = React35.useState(false);
+  const mounted = React35.useRef(false);
+  const saving = React35.useRef(false);
+  const id6 = React35.useId();
+  const load = React35.useCallback(async (signal) => {
     setPhase("loading");
     setError(null);
     try {
@@ -18715,7 +18815,7 @@ function ImageInputSettings({ rpcCall }) {
       setPhase("error");
     }
   }, [rpcCall]);
-  React34.useEffect(() => {
+  React35.useEffect(() => {
     mounted.current = true;
     const controller = new AbortController();
     void load(controller.signal);
@@ -18822,29 +18922,29 @@ function ImageInputSettings({ rpcCall }) {
   );
 }
 function GlobalSettingsPanel({ rpcCall }) {
-  const [phase, setPhase] = React34.useState("loading");
-  const [loadError, setLoadError] = React34.useState(null);
-  const [ttlInput, setTtlInput] = React34.useState("");
-  const [savedTtl, setSavedTtl] = React34.useState(null);
-  const [ttlError, setTtlError] = React34.useState(false);
-  const [saveError, setSaveError] = React34.useState(null);
-  const [saveSucceeded, setSaveSucceeded] = React34.useState(false);
-  const [isSaving, setIsSaving] = React34.useState(false);
-  const [sweepConfirming, setSweepConfirming] = React34.useState(false);
-  const [sweeping, setSweeping] = React34.useState(false);
-  const ttlErrorId = React34.useId();
-  const ttlHintsId = React34.useId();
-  const sweepTriggerId = React34.useId();
-  const sweepConfirmId = React34.useId();
-  const sweepConfirmTextId = React34.useId();
-  const sweepConfirmButtonId = React34.useId();
-  const mounted = React34.useRef(true);
-  const saving = React34.useRef(false);
-  const invoke = React34.useCallback(async (endpoint, payload = {}, signal) => {
+  const [phase, setPhase] = React35.useState("loading");
+  const [loadError, setLoadError] = React35.useState(null);
+  const [ttlInput, setTtlInput] = React35.useState("");
+  const [savedTtl, setSavedTtl] = React35.useState(null);
+  const [ttlError, setTtlError] = React35.useState(false);
+  const [saveError, setSaveError] = React35.useState(null);
+  const [saveSucceeded, setSaveSucceeded] = React35.useState(false);
+  const [isSaving, setIsSaving] = React35.useState(false);
+  const [sweepConfirming, setSweepConfirming] = React35.useState(false);
+  const [sweeping, setSweeping] = React35.useState(false);
+  const ttlErrorId = React35.useId();
+  const ttlHintsId = React35.useId();
+  const sweepTriggerId = React35.useId();
+  const sweepConfirmId = React35.useId();
+  const sweepConfirmTextId = React35.useId();
+  const sweepConfirmButtonId = React35.useId();
+  const mounted = React35.useRef(true);
+  const saving = React35.useRef(false);
+  const invoke = React35.useCallback(async (endpoint, payload = {}, signal) => {
     if (typeof rpcCall !== "function") throw new Error("\u901A\u7528\u8BBE\u7F6E\u6682\u4E0D\u53EF\u7528\u3002");
     return unwrapRpcResult16(await rpcCall(endpoint, payload, signal));
   }, [rpcCall]);
-  const loadSettings = React34.useCallback(async ({ signal } = {}) => {
+  const loadSettings = React35.useCallback(async ({ signal } = {}) => {
     setPhase("loading");
     setLoadError(null);
     try {
@@ -18868,7 +18968,7 @@ function GlobalSettingsPanel({ rpcCall }) {
       setPhase("error");
     }
   }, [invoke]);
-  React34.useEffect(() => {
+  React35.useEffect(() => {
     mounted.current = true;
     const controller = new AbortController();
     void loadSettings({ signal: controller.signal });
@@ -18877,7 +18977,7 @@ function GlobalSettingsPanel({ rpcCall }) {
       controller.abort();
     };
   }, [loadSettings]);
-  React34.useEffect(() => {
+  React35.useEffect(() => {
     if (!sweepConfirming) return;
     globalThis.document?.getElementById(sweepConfirmButtonId)?.focus();
   }, [sweepConfirmButtonId, sweepConfirming]);
@@ -19652,9 +19752,14 @@ var CSS15 = String.raw`
 .dim-moreSettingsChevron { width: 6px; height: 6px; margin-right: 2px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(-45deg); }
 .dim-deliveryPage { min-width: 0; display: grid; }
 .dim-deliveryHeader { min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
-.dim-botSettingsTabsBar { min-width: 0; margin-top: 10px; border-bottom: 1px solid var(--dsw-alias-border-l2, #dfe1e5); }
-.dim-botSettingsTabs { min-width: 0; display: flex; align-items: flex-end; gap: 24px; overflow-x: auto; scrollbar-width: none; }
+.dim-botSettingsTabsBar { min-width: 0; display: flex; align-items: center; gap: 4px; margin-top: 10px; border-bottom: 1px solid var(--dsw-alias-border-l2, #dfe1e5); }
+.dim-botSettingsTabs { min-width: 0; flex: 1; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none; }
 .dim-botSettingsTabs::-webkit-scrollbar { display: none; }
+.dim-botSettingsTabsList { width: max-content; min-width: 100%; display: flex; align-items: flex-end; gap: 24px; }
+.dim-botSettingsScroll { flex: 0 0 30px; width: 30px; height: 32px; display: inline-flex; align-items: center; justify-content: center; padding: 0; border: 0; border-radius: 6px; background: transparent; color: var(--dsw-alias-label-secondary, #646a73); cursor: pointer; }
+.dim-botSettingsScroll:hover:not(:disabled) { color: var(--dsw-alias-state-business-primary, #3370ff); background: var(--dsw-alias-interactive-bg-hover, #eef0f3); }
+.dim-botSettingsScroll:disabled { opacity: .3; cursor: default; }
+.dim-botSettingsScroll:focus-visible { outline: 2px solid var(--dsw-alias-state-business-primary, #3370ff); outline-offset: -2px; }
 .dim-botSettingsTab { position: relative; min-height: 38px; flex: none; display: inline-flex; align-items: center; justify-content: center; padding: 6px 2px 9px; border: 0; color: var(--dsw-alias-label-secondary, #646a73); background: transparent; font: inherit; font-size: 13px; line-height: 20px; font-weight: 560; white-space: nowrap; cursor: pointer; transition: color .15s ease; }
 .dim-botSettingsTab::after { content: ''; position: absolute; right: 0; bottom: -1px; left: 0; height: 2px; border-radius: 2px 2px 0 0; background: transparent; transform: scaleX(.45); transition: background .15s ease, transform .15s ease; }
 .dim-botSettingsTab:hover:not([aria-selected="true"]) { color: var(--dsw-alias-label-primary, #1f2329); }
@@ -19920,7 +20025,7 @@ var CSS15 = String.raw`
   .dim-loopbackRecovery { align-items: stretch; flex-direction: column; gap: 12px; }
   .dim-loopbackRecoveryAction { width: 100%; }
   .dim-deliverySectionHeading { align-items: stretch; flex-direction: column; }
-  .dim-botSettingsTabs { gap: 18px; }
+  .dim-botSettingsTabsList { gap: 18px; }
   .dim-deliveryBotId { grid-template-columns: minmax(0, 1fr) max-content; }
   .dim-deliveryBotId > span { grid-column: 1 / -1; }
   .dim-targetActions .dim-deliveryButton { flex: 1 1 auto; }
@@ -20207,7 +20312,7 @@ function installSessionChannelLogos(document2 = globalThis.document) {
 }
 
 // plugin-src/client/update-panel.js
-var React35 = __toESM(require("react"), 1);
+var React36 = __toESM(require("react"), 1);
 var import_react_dom4 = require("react-dom");
 var import_valid = __toESM(require_valid(), 1);
 var import_rcompare = __toESM(require_rcompare(), 1);
@@ -20300,11 +20405,11 @@ function manualUpdateCommand(snapshot) {
   return `dsh plugin --profile ${profileArgument} add -w @xmanrui/dsh-im@${version}`;
 }
 function ManualUpdateCommand({ command, disabled, sourceInstall, desktop }) {
-  const [copyState, setCopyState] = React35.useState("idle");
-  const commandRef = React35.useRef(null);
-  const mounted = React35.useRef(false);
-  const copying = React35.useRef(false);
-  React35.useEffect(() => {
+  const [copyState, setCopyState] = React36.useState("idle");
+  const commandRef = React36.useRef(null);
+  const mounted = React36.useRef(false);
+  const copying = React36.useRef(false);
+  React36.useEffect(() => {
     mounted.current = true;
     return () => {
       mounted.current = false;
@@ -20336,7 +20441,7 @@ function ManualUpdateCommand({ command, disabled, sourceInstall, desktop }) {
     { className: "dim-updateManual", "aria-label": "\u624B\u5DE5\u66F4\u65B0" },
     h2("h4", { className: "dim-updateManualHeading" }, "\u624B\u5DE5\u66F4\u65B0"),
     command ? h2(
-      React35.Fragment,
+      React36.Fragment,
       null,
       h2("p", { className: "dim-updateManualHint" }, "\u81EA\u52A8\u66F4\u65B0\u5931\u8D25\u53EF\u4EE5\u4F7F\u7528\u547D\u4EE4\u66F4\u65B0\uFF1A"),
       h2(
@@ -20372,7 +20477,7 @@ function ManualUpdateCommand({ command, disabled, sourceInstall, desktop }) {
           "aria-hidden": "true",
           focusable: "false"
         }, copyState === "copied" ? h2("path", { d: "m4 10 4 4 8-8" }) : h2(
-          React35.Fragment,
+          React36.Fragment,
           null,
           h2("rect", { x: 7, y: 7, width: 10, height: 11, rx: 1.5 }),
           h2("path", { d: "M5 13H3.5A1.5 1.5 0 0 1 2 11.5v-8A1.5 1.5 0 0 1 3.5 2h8A1.5 1.5 0 0 1 13 3.5V5" })
@@ -20397,10 +20502,10 @@ function ManualUpdateCommand({ command, disabled, sourceInstall, desktop }) {
   );
 }
 function UpdateDialog({ children, onClose }) {
-  const dialogRef = React35.useRef(null);
-  const titleId = React35.useId();
-  const descriptionId = React35.useId();
-  React35.useEffect(() => {
+  const dialogRef = React36.useRef(null);
+  const titleId = React36.useId();
+  const descriptionId = React36.useId();
+  React36.useEffect(() => {
     const previous = globalThis.document?.activeElement;
     dialogRef.current?.focus?.();
     return () => {
@@ -20458,20 +20563,20 @@ function UpdateDialog({ children, onClose }) {
   return typeof document !== "undefined" && document.body ? (0, import_react_dom4.createPortal)(content, document.body) : content;
 }
 function UpdatePanel({ rpcCall, clientVersion, onStatus }) {
-  const tooltipId = React35.useId();
-  const [snapshot, setSnapshot] = React35.useState(null);
-  const [action, setAction] = React35.useState("status");
-  const [error, setError] = React35.useState(null);
-  const [open, setOpen] = React35.useState(false);
-  const [uncertainInstall, setUncertainInstall] = React35.useState(false);
-  const mounted = React35.useRef(false);
-  const busy = React35.useRef(false);
-  const readController = React35.useRef(null);
-  const pollReadController = React35.useRef(null);
-  const installRequest = React35.useRef(null);
-  const onStatusRef = React35.useRef(onStatus);
+  const tooltipId = React36.useId();
+  const [snapshot, setSnapshot] = React36.useState(null);
+  const [action, setAction] = React36.useState("status");
+  const [error, setError] = React36.useState(null);
+  const [open, setOpen] = React36.useState(false);
+  const [uncertainInstall, setUncertainInstall] = React36.useState(false);
+  const mounted = React36.useRef(false);
+  const busy = React36.useRef(false);
+  const readController = React36.useRef(null);
+  const pollReadController = React36.useRef(null);
+  const installRequest = React36.useRef(null);
+  const onStatusRef = React36.useRef(onStatus);
   onStatusRef.current = onStatus;
-  const accept = React35.useCallback((next) => {
+  const accept = React36.useCallback((next) => {
     setSnapshot(next);
     onStatusRef.current?.(next);
   }, []);
@@ -20480,7 +20585,7 @@ function UpdatePanel({ rpcCall, clientVersion, onStatus }) {
     setUncertainInstall(false);
     accept(next);
   };
-  const invoke = React35.useCallback(async (endpoint, payload = {}, signal) => {
+  const invoke = React36.useCallback(async (endpoint, payload = {}, signal) => {
     if (typeof rpcCall !== "function") {
       const unavailable = new Error("\u5F53\u524D Host \u4E0D\u652F\u6301\u66F4\u65B0\u63A5\u53E3\uFF0C\u8BF7\u5148\u624B\u52A8\u66F4\u65B0\u63D2\u4EF6\u5E76\u91CD\u542F\u3002");
       unavailable.code = "update-unavailable";
@@ -20488,7 +20593,7 @@ function UpdatePanel({ rpcCall, clientVersion, onStatus }) {
     }
     return unwrapSnapshot(await rpcCall(endpoint, payload, signal));
   }, [rpcCall]);
-  React35.useEffect(() => {
+  React36.useEffect(() => {
     mounted.current = true;
     busy.current = true;
     const controller = new AbortController();
@@ -20511,7 +20616,7 @@ function UpdatePanel({ rpcCall, clientVersion, onStatus }) {
   const activeJob = ACTIVE_STATES4.has(snapshot?.job?.state);
   const restartRequired = snapshot?.job?.state === "restart-required" || snapshot?.blockedReason === "pending-restart";
   const shouldPoll = activeJob || uncertainInstall;
-  React35.useEffect(() => {
+  React36.useEffect(() => {
     if (!shouldPoll) return void 0;
     let controller;
     const scheduler = createPollScheduler({
@@ -20612,7 +20717,7 @@ function UpdatePanel({ rpcCall, clientVersion, onStatus }) {
   const buttonLabel = action === "checking" ? "\u68C0\u67E5\u4E2D\u2026" : action === "starting" || activeJob ? "\u6B63\u5728\u66F4\u65B0\u2026" : restartRequired ? "\u5F85\u624B\u52A8\u91CD\u542F" : snapshot?.canInstall ? "\u66F4\u65B0\u81F3" : "\u68C0\u67E5\u66F4\u65B0";
   const buttonDescription = localizeText(buttonLabel) + (buttonLabel === "\u66F4\u65B0\u81F3" ? ` v${snapshot.latestVersion}` : "");
   return h2(
-    React35.Fragment,
+    React36.Fragment,
     null,
     h2(
       "span",
@@ -20662,25 +20767,25 @@ function UpdatePanel({ rpcCall, clientVersion, onStatus }) {
           h2("dt", null, "\u8FD0\u884C\u7248\u672C"),
           h2("dd", null, `v${snapshot?.runningVersion ?? clientVersion}`),
           snapshot?.installedVersion && snapshot.installedVersion !== snapshot.runningVersion ? h2(
-            React35.Fragment,
+            React36.Fragment,
             null,
             h2("dt", null, "\u5DF2\u5B89\u88C5\u7248\u672C"),
             h2("dd", null, `v${snapshot.installedVersion}`)
           ) : null,
           targetVersion ? h2(
-            React35.Fragment,
+            React36.Fragment,
             null,
             h2("dt", null, "\u76EE\u6807\u7248\u672C"),
             h2("dd", null, `v${targetVersion}`)
           ) : null,
           latestVersion ? h2(
-            React35.Fragment,
+            React36.Fragment,
             null,
             h2("dt", null, "\u6700\u65B0\u7248\u672C"),
             h2("dd", null, `v${latestVersion}`)
           ) : null,
           historicalTargetVersion ? h2(
-            React35.Fragment,
+            React36.Fragment,
             null,
             h2("dt", null, "\u4E0A\u6B21\u66F4\u65B0\u76EE\u6807"),
             h2("dd", null, `v${historicalTargetVersion}`)
@@ -20762,8 +20867,8 @@ function UpdatePanel({ rpcCall, clientVersion, onStatus }) {
 }
 
 // plugin-src/client/panel-error-boundary.js
-var React36 = __toESM(require("react"), 1);
-var IMPanelErrorBoundary = class extends React36.Component {
+var React37 = __toESM(require("react"), 1);
+var IMPanelErrorBoundary = class extends React37.Component {
   state = { failed: false };
   static getDerivedStateFromError() {
     return { failed: true };
@@ -20783,9 +20888,9 @@ var IMPanelErrorBoundary = class extends React36.Component {
 };
 
 // plugin-src/client/plugin-page.js
-var React37 = __toESM(require("react"), 1);
+var React38 = __toESM(require("react"), 1);
 var IM_MAIN_PANEL_ID = "xmanrui-dsh-im";
-var h3 = React37.createElement;
+var h3 = React38.createElement;
 function OpenImAction({ subject, packageName, onOpen, t }) {
   if (subject?.kind !== "bundle" && subject?.kind !== "row") return null;
   if (subject.pkg?.name !== packageName) return null;
@@ -21016,28 +21121,28 @@ function IMSettingsTab({
   browserLocation = globalThis.location,
   navigateToRecoveryUrl = replacePageLocation
 }) {
-  const [selected, setSelected] = React38.useState(() => preferredSectionId === GLOBAL_SETTINGS_TAB_ID || CHANNELS.some((channel7) => channel7.id === preferredSectionId) ? preferredSectionId : "weixin");
-  const [loopbackRecovery, setLoopbackRecovery] = React38.useState(null);
-  const [runningVersion, setRunningVersion] = React38.useState(IM_PLUGIN_VERSION);
-  const [deliverySettings, setDeliverySettings] = React38.useState(null);
+  const [selected, setSelected] = React39.useState(() => preferredSectionId === GLOBAL_SETTINGS_TAB_ID || CHANNELS.some((channel7) => channel7.id === preferredSectionId) ? preferredSectionId : "weixin");
+  const [loopbackRecovery, setLoopbackRecovery] = React39.useState(null);
+  const [runningVersion, setRunningVersion] = React39.useState(IM_PLUGIN_VERSION);
+  const [deliverySettings, setDeliverySettings] = React39.useState(null);
   const emailEnabled = useEmailChannelEnabled(emailRpcCall);
-  const visibleChannels = React38.useMemo(
+  const visibleChannels = React39.useMemo(
     () => CHANNELS.filter((channel7) => channel7.id !== "email" || emailEnabled),
     [emailEnabled]
   );
-  const githubTooltipId = React38.useId();
-  const generalSettingsTooltipId = React38.useId();
+  const githubTooltipId = React39.useId();
+  const generalSettingsTooltipId = React39.useId();
   const globalSettingsSelected = selected === GLOBAL_SETTINGS_TAB_ID;
   const active = visibleChannels.find((channel7) => channel7.id === selected) ?? visibleChannels[0];
   const activeTabId = globalSettingsSelected ? "dim-general-settings-trigger" : `dim-tab-${active.id}`;
   const activePanelId = globalSettingsSelected ? `dim-panel-${GLOBAL_SETTINGS_TAB_ID}` : `dim-panel-${active.id}`;
-  const reportLoopbackRecovery = React38.useCallback((recovery) => {
+  const reportLoopbackRecovery = React39.useCallback((recovery) => {
     setLoopbackRecovery((current) => current?.url === recovery.url ? current : recovery);
   }, []);
-  const reportUpdateStatus = React38.useCallback((snapshot) => {
+  const reportUpdateStatus = React39.useCallback((snapshot) => {
     setRunningVersion(snapshot.runningVersion);
   }, []);
-  const rpcCalls = React38.useMemo(() => createLoopbackAwareRpcCalls({
+  const rpcCalls = React39.useMemo(() => createLoopbackAwareRpcCalls({
     dingtalkRpcCall,
     discordRpcCall,
     feishuRpcCall,
@@ -21079,7 +21184,7 @@ function IMSettingsTab({
     weixinRpcCall,
     whatsappRpcCall
   ]);
-  const botSettingsContext = React38.useMemo(() => Object.freeze({
+  const botSettingsContext = React39.useMemo(() => Object.freeze({
     openBotSettings: setDeliverySettings
   }), []);
   return h2(
@@ -21303,7 +21408,7 @@ function apply(ctx) {
   };
   const localeSnapshot = () => ctx.locale.getLocale?.()?.active ?? "";
   function IMPanel({ preferredSectionId }) {
-    React38.useSyncExternalStore(subscribeLocale, localeSnapshot, localeSnapshot);
+    React39.useSyncExternalStore(subscribeLocale, localeSnapshot, localeSnapshot);
     return h2(
       IMPanelErrorBoundary,
       null,