@nextclaw/ui 0.11.20 → 0.11.22

package/src/remote/remote-access-feedback.service.test.ts

@@ -70,6 +70,24 @@ describe('remote-access-feedback.service', () => {
 
     expect(feedback.hero.title).toBe('远程访问暂时没有连上');
     expect(feedback.primaryAction?.kind).toBe('repair');
+    expect(feedback.issueHint?.body).toBe(
+      '远程访问暂时不可用。你可以先重新连接；如果问题持续，再重新登录或稍后再试。 (Remote relay closed unexpectedly.)'
+    );
+  });
+
+  it('keeps the generic hint unchanged when there is no runtime error detail', () => {
+    const status = createRemoteAccessView({
+      runtime: {
+        enabled: true,
+        mode: 'service',
+        state: 'disconnected',
+        lastError: null,
+        updatedAt: '2026-03-23T00:00:00.000Z'
+      }
+    });
+
+    const feedback = buildRemoteAccessFeedbackView(status);
+
     expect(feedback.issueHint?.body).toBe('远程访问暂时不可用。你可以先重新连接；如果问题持续，再重新登录或稍后再试。');
   });
 });

package/src/remote/remote-access-feedback.service.ts

@@ -42,6 +42,15 @@ function readRuntimeError(status: RemoteAccessView | undefined): string {
   return status?.runtime?.lastError?.trim() || '';
 }
 
+function buildRuntimeIssueHintBody(status: RemoteAccessView | undefined): string {
+  const genericHint = t('remoteStatusIssueDetailGeneric');
+  const error = readRuntimeError(status);
+  if (!error) {
+    return genericHint;
+  }
+  return `${genericHint} (${error})`;
+}
+
 export function requiresRemoteReauthorization(status: RemoteAccessView | undefined): boolean {
   if (!status?.settings.enabled) {
     return false;
@@ -187,7 +196,7 @@ export function buildRemoteAccessFeedbackView(status: RemoteAccessView | undefin
     },
     issueHint: {
       title: t('remoteStatusRecoveryTitle'),
-      body: t('remoteStatusIssueDetailGeneric')
+      body: buildRuntimeIssueHintBody(status)
     },
     shouldShowIssueHint: Boolean(status.settings.enabled && status.account.loggedIn),
     requiresReauthorization: false