@xmanrui/dsh-im 4.31.0 → 4.32.0

package/docs/client-integration.md

@@ -4,6 +4,10 @@ dsh-im 发布可选客户端服务 `dshImClient`，供同一 DSH 客户端中的
 
 The optional `dshImClient` service exposes the existing IM management panel to a shell in the same DSH client. Settings → IM bots remains available by default. No migration or new configuration is required. The host-side `dshIm` delivery service is separate.
 
+支持插件详情操作按钮的 DSH 中，dsh-im 详情页提供「打开 IM机器人」按钮，在主区域打开同一管理面板；「返回插件详情」返回该插件。此入口依赖可选的 `layout`、`pluginNavigation` 服务及 `plugins.detail.actions` 槽位，旧版 DSH 仍可通过设置入口访问。
+
+On DSH versions with plugin detail actions, **Open IM bots** opens the same management panel in the main area, with **Back to plugin details** returning to this plugin. This entry uses the optional `layout` and `pluginNavigation` services and the `plugins.detail.actions` slot. Older DSH versions retain the Settings entry.
+
 ```ts
 interface DshImClient {
   readonly version: 1;

package/lib/client.js

@@ -590,14 +590,14 @@ async function callManagementRpc(connection, channel7, method, payload, signal)
 }
 
 // plugin-src/client/index.js
-var React37 = __toESM(require("react"), 1);
+var React38 = __toESM(require("react"), 1);
 
 // package.json
 var package_default = {
   name: "@xmanrui/dsh-im",
-  version: "4.31.0",
+  version: "4.32.0",
   icon: "./assets/logo-plugin-message-link-gradient.webp",
-  description: "\u628A\u5341\u4E8C\u79CD IM \u6E20\u9053\u548C\u516C\u7F51 AI Office \u63A5\u5165\u672C\u673A DeepSeek Harness\u3002 Connect twelve IM channels and a public AI Office to a local DeepSeek Harness.",
+  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: [
     "deepseek-harness",
     "dsh",
@@ -711,13 +711,15 @@ var package_default = {
   exports: {
     ".": "./lib/index.js",
     "./client": "./lib/client.js",
-    "./package.json": "./package.json"
+    "./package.json": "./package.json",
+    "./locale/*.json": "./locale/*.json"
   },
   files: [
     "assets",
     "bin",
     "cordis.patch.yml",
     "lib",
+    "locale/*.json",
     "plugin-src",
     "scripts/verify-interface-language.mjs",
     "scripts/verify-injected-context.mjs",
@@ -1255,6 +1257,8 @@ var EN = Object.freeze({
   "\u65E0\u9700\u5B89\u88C5\u7B2C\u4E09\u65B9\u670D\u52A1\uFF1B\u8BF7\u6309\u6307\u5F15\u6388\u4E88 macOS Messages \u8BBF\u95EE\u6743\u9650\u3002": "No third-party service is required; follow the guide to grant macOS Messages access.",
   "macOS Messages \u6743\u9650": "macOS Messages permissions",
   "IM\u673A\u5668\u4EBA": "IM bots",
+  "\u6253\u5F00 IM\u673A\u5668\u4EBA": "Open IM bots",
+  "\u8FD4\u56DE\u63D2\u4EF6\u8BE6\u60C5": "Back to plugin details",
   "IM\u673A\u5668\u4EBA\u8BBE\u7F6E": "IM bot settings",
   "IM \u9762\u677F\u52A0\u8F7D\u5931\u8D25": "Could not load the IM panel",
   "\u66F4\u591A\u673A\u5668\u4EBA\u8BBE\u7F6E": "More bot settings",
@@ -19236,6 +19240,15 @@ function replacePageLocation(url, location = globalThis.location) {
 // plugin-src/client/styles.js
 var IM_STYLE_ID = "xmanrui-dsh-im-settings";
 var CSS15 = String.raw`
+.dim-pluginOpen { display: inline-flex; align-items: center; justify-content: center; min-height: 36px; padding: 7px 14px; border: 1px solid var(--dsw-alias-border-l2, #dfe1e5); border-radius: 8px; color: var(--dsw-alias-label-primary, #1f2329); background: var(--dsw-alias-bg-layer-1, #fff); font: inherit; font-size: 13px; line-height: 20px; cursor: pointer; }
+.dim-pluginOpen:hover { background: var(--dsw-alias-interactive-bg-hover, #f7f8fa); }
+.dim-pluginOpen:focus-visible, .dim-pluginBack:focus-visible { outline: 2px solid var(--dsw-alias-state-business-primary, #3370ff); outline-offset: 3px; }
+.dim-pluginPage { height: 100%; min-height: 0; overflow: auto; box-sizing: border-box; padding: 24px clamp(16px, 4vw, 48px) 32px; color: var(--dsw-alias-label-primary, #1f2329); }
+.dim-pluginPageContent { max-width: 1080px; margin: 0 auto; }
+.dim-pluginBack { display: inline-flex; align-items: center; gap: 8px; min-height: 36px; margin: 0 0 24px; padding: 6px 8px; border: 0; border-radius: 8px; color: var(--dsw-alias-label-secondary, #646a73); background: transparent; font: inherit; font-size: 13px; line-height: 20px; cursor: pointer; }
+.dim-pluginBack:hover { color: var(--dsw-alias-label-primary, #1f2329); background: var(--dsw-alias-interactive-bg-hover, #f7f8fa); }
+.dim-pluginBack > span { font-size: 22px; line-height: 20px; }
+@media (pointer: coarse) { .dim-pluginOpen, .dim-pluginBack { min-height: 44px; } }
 .dim-connectionDiagnostic { min-width: 0; width: 100%; color: var(--dsw-alias-label-secondary, #646a73); overflow-wrap: anywhere; font-size: 13px; line-height: 1.6; }
 .dim-connectionDiagnostic[data-warning="true"] { color: var(--dsw-alias-state-warn-primary, #d97706); }
 .dim-connectionDiagnostic p { margin: 4px 0; }
@@ -20823,6 +20836,66 @@ var IMPanelErrorBoundary = class extends React36.Component {
   }
 };
 
+// plugin-src/client/plugin-page.js
+var React37 = __toESM(require("react"), 1);
+var IM_MAIN_PANEL_ID = "xmanrui-dsh-im";
+var h3 = React37.createElement;
+function OpenImAction({ subject, packageName, onOpen, t }) {
+  if (subject?.kind !== "bundle" && subject?.kind !== "row") return null;
+  if (subject.pkg?.name !== packageName) return null;
+  if (subject.kind === "row" && subject.row?.moduleName !== packageName) return null;
+  return h3("button", {
+    type: "button",
+    className: "dim-pluginOpen",
+    onClick: onOpen
+  }, t("\u6253\u5F00 IM\u673A\u5668\u4EBA"));
+}
+function ImPluginPage({ renderPanel, onBack, t }) {
+  return h3(
+    "div",
+    { className: "dim-pluginPage" },
+    h3(
+      "div",
+      { className: "dim-pluginPageContent" },
+      h3(
+        "button",
+        { type: "button", className: "dim-pluginBack", onClick: onBack },
+        h3("span", { "aria-hidden": true }, "\u2039"),
+        t("\u8FD4\u56DE\u63D2\u4EF6\u8BE6\u60C5")
+      ),
+      renderPanel()
+    )
+  );
+}
+function installImPluginPage(ctx, { packageName, renderPanel }) {
+  if (typeof ctx.inject !== "function") return;
+  ctx.inject(["layout", "pluginNavigation"], (pageCtx) => pageCtx.slots.inject("main", () => {
+    const unregisterPage = pageCtx.slots.register({
+      name: "main",
+      key: IM_MAIN_PANEL_ID,
+      locale: IM_LOCALE_NAMESPACE,
+      inject: () => ({
+        renderPanel,
+        onBack: () => pageCtx.pluginNavigation.openBundle(packageName)
+      })
+    }, ImPluginPage);
+    const stopActions = pageCtx.slots.inject("plugins.detail.actions", () => pageCtx.slots.register({
+      name: "plugins.detail.actions",
+      id: "xmanrui-dsh-im-open",
+      order: 20,
+      locale: IM_LOCALE_NAMESPACE,
+      inject: () => ({
+        packageName,
+        onOpen: () => pageCtx.layout.selectPanel(IM_MAIN_PANEL_ID)
+      })
+    }, OpenImAction));
+    return () => {
+      stopActions();
+      unregisterPage();
+    };
+  }));
+}
+
 // plugin-src/client/index.js
 var name = "im-settings";
 var inject = ["slots", "connection", "locale", "workspaces"];
@@ -20997,28 +21070,28 @@ function IMSettingsTab({
   browserLocation = globalThis.location,
   navigateToRecoveryUrl = replacePageLocation
 }) {
-  const [selected, setSelected] = React37.useState(() => preferredSectionId === GLOBAL_SETTINGS_TAB_ID || CHANNELS.some((channel7) => channel7.id === preferredSectionId) ? preferredSectionId : "weixin");
-  const [loopbackRecovery, setLoopbackRecovery] = React37.useState(null);
-  const [runningVersion, setRunningVersion] = React37.useState(IM_PLUGIN_VERSION);
-  const [deliverySettings, setDeliverySettings] = React37.useState(null);
+  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 emailEnabled = useEmailChannelEnabled(emailRpcCall);
-  const visibleChannels = React37.useMemo(
+  const visibleChannels = React38.useMemo(
     () => CHANNELS.filter((channel7) => channel7.id !== "email" || emailEnabled),
     [emailEnabled]
   );
-  const githubTooltipId = React37.useId();
-  const generalSettingsTooltipId = React37.useId();
+  const githubTooltipId = React38.useId();
+  const generalSettingsTooltipId = React38.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 = React37.useCallback((recovery) => {
+  const reportLoopbackRecovery = React38.useCallback((recovery) => {
     setLoopbackRecovery((current) => current?.url === recovery.url ? current : recovery);
   }, []);
-  const reportUpdateStatus = React37.useCallback((snapshot) => {
+  const reportUpdateStatus = React38.useCallback((snapshot) => {
     setRunningVersion(snapshot.runningVersion);
   }, []);
-  const rpcCalls = React37.useMemo(() => createLoopbackAwareRpcCalls({
+  const rpcCalls = React38.useMemo(() => createLoopbackAwareRpcCalls({
     dingtalkRpcCall,
     discordRpcCall,
     feishuRpcCall,
@@ -21060,7 +21133,7 @@ function IMSettingsTab({
     weixinRpcCall,
     whatsappRpcCall
   ]);
-  const botSettingsContext = React37.useMemo(() => Object.freeze({
+  const botSettingsContext = React38.useMemo(() => Object.freeze({
     openBotSettings: setDeliverySettings
   }), []);
   return h2(
@@ -21284,7 +21357,7 @@ function apply(ctx) {
   };
   const localeSnapshot = () => ctx.locale.getLocale?.()?.active ?? "";
   function IMPanel({ preferredSectionId }) {
-    React37.useSyncExternalStore(subscribeLocale, localeSnapshot, localeSnapshot);
+    React38.useSyncExternalStore(subscribeLocale, localeSnapshot, localeSnapshot);
     return h2(
       IMPanelErrorBoundary,
       null,
@@ -21294,6 +21367,7 @@ function apply(ctx) {
   const buildPanelElement = (props = {}) => h2(IMPanel, {
     preferredSectionId: props.preferredSectionId
   });
+  installImPluginPage(ctx, { packageName: package_default.name, renderPanel: buildPanelElement });
   ctx.effect(() => {
     let disposed = false;
     let stopSettings = null;