@nextclaw/ui 0.12.4 → 0.12.6

package/src/account/managers/account.manager.ts

@@ -1,4 +1,4 @@
-import { logoutRemote, pollRemoteBrowserAuth, startRemoteBrowserAuth } from '@/api/remote';
+import { logoutRemote, pollRemoteBrowserAuth, startRemoteBrowserAuth, updateRemoteAccountProfile } from '@/api/remote';
 import type { RemoteAccessView } from '@/api/remote.types';
 import type { AccountPendingAction } from '@/account/stores/account.store';
 import { useAccountStore } from '@/account/stores/account.store';
@@ -57,12 +57,14 @@ export class AccountManager {
     pendingAction?: AccountPendingAction;
   }) => {
     try {
+      const apiBase = params?.apiBase;
+      const pendingAction = params?.pendingAction;
       const status = params?.status ?? (await ensureRemoteStatus());
-      if (params?.pendingAction) {
-        useAccountStore.getState().setPendingAction(params.pendingAction);
+      if (pendingAction) {
+        useAccountStore.getState().setPendingAction(pendingAction);
       }
       const result = await startRemoteBrowserAuth({
-        apiBase: resolveRemotePlatformApiBase(status, params?.apiBase)
+        apiBase: resolveRemotePlatformApiBase(status, apiBase)
       });
       useAccountStore.getState().beginBrowserAuth({
         sessionId: result.sessionId,
@@ -103,6 +105,19 @@ export class AccountManager {
     }
   };
 
+  updateUsername = async (username: string) => {
+    try {
+      await updateRemoteAccountProfile({
+        username: username.trim()
+      });
+      await refreshRemoteStatus();
+      toast.success(t('remoteAccountUsernameSetSuccess'));
+    } catch (error) {
+      const message = error instanceof Error ? error.message : t('remoteAccountUsernameSetFailed');
+      toast.error(`${t('remoteAccountUsernameSetFailed')}: ${message}`);
+    }
+  };
+
   openNextClawWeb = async () => {
     const status = await ensureRemoteStatus();
     const webBase = resolveRemoteWebBase(status);

package/src/api/raw-client.test.ts

@@ -0,0 +1,37 @@
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { requestRawApiResponse } from './raw-client';
+
+const fetchMock = vi.fn<typeof fetch>();
+
+describe('requestRawApiResponse', () => {
+  beforeEach(() => {
+    fetchMock.mockReset();
+    vi.stubGlobal('fetch', fetchMock);
+  });
+
+  afterEach(() => {
+    vi.unstubAllGlobals();
+  });
+
+  it('preserves original fetch failure details in synthetic network errors', async () => {
+    fetchMock.mockRejectedValue(new TypeError('Failed to fetch'));
+
+    const response = await requestRawApiResponse('/api/config', {
+      method: 'POST'
+    });
+
+    expect(response.ok).toBe(false);
+    if (response.ok) {
+      throw new Error('expected synthetic error response');
+    }
+    expect(response.error.code).toBe('NETWORK_ERROR');
+    expect(response.error.message).toContain('Fetch failed on POST /api/config');
+    expect(response.error.message).toContain('TypeError: Failed to fetch');
+    expect(response.error.details).toMatchObject({
+      method: 'POST',
+      endpoint: '/api/config',
+      errorName: 'TypeError',
+      errorMessage: 'Failed to fetch'
+    });
+  });
+});

package/src/api/raw-client.ts

@@ -25,6 +25,31 @@ function inferNonJsonHint(endpoint: string, status: number): string | undefined
   return undefined;
 }
 
+function formatUnknownFetchError(error: unknown): {
+  summary: string;
+  details: Record<string, unknown>;
+} {
+  if (error instanceof Error) {
+    const name = error.name?.trim() || 'Error';
+    const message = error.message?.trim() || 'Unknown error';
+    return {
+      summary: `${name}: ${message}`,
+      details: {
+        errorName: name,
+        errorMessage: message,
+        ...(error.stack?.trim() ? { errorStack: error.stack.trim() } : {})
+      }
+    };
+  }
+  return {
+    summary: String(error ?? 'Unknown error'),
+    details: {
+      errorName: 'NonError',
+      errorMessage: String(error ?? 'Unknown error')
+    }
+  };
+}
+
 export async function requestRawApiResponse<T>(
   endpoint: string,
   options: RequestInit = {}
@@ -32,14 +57,32 @@ export async function requestRawApiResponse<T>(
   const url = `${API_BASE}${endpoint}`;
   const method = (options.method || 'GET').toUpperCase();
 
-  const response = await fetch(url, {
-    credentials: 'include',
-    headers: {
-      'Content-Type': 'application/json',
-      ...options.headers
-    },
-    ...options
-  });
+  let response: Response;
+  try {
+    response = await fetch(url, {
+      credentials: 'include',
+      headers: {
+        'Content-Type': 'application/json',
+        ...options.headers
+      },
+      ...options
+    });
+  } catch (error) {
+    const formatted = formatUnknownFetchError(error);
+    return {
+      ok: false,
+      error: {
+        code: 'NETWORK_ERROR',
+        message: `Fetch failed on ${method} ${endpoint} | ${formatted.summary}`,
+        details: {
+          method,
+          endpoint,
+          url,
+          ...formatted.details
+        }
+      }
+    };
+  }
 
   const text = await response.text();
   let data: ApiResponse<T> | null = null;

package/src/api/remote.ts

@@ -1,6 +1,7 @@
 import { api } from './client';
 import type {
   RemoteAccessView,
+  RemoteAccountProfileUpdateRequest,
   RemoteBrowserAuthPollRequest,
   RemoteBrowserAuthPollResult,
   RemoteBrowserAuthStartRequest,
@@ -60,6 +61,14 @@ export async function logoutRemote(): Promise<RemoteAccessView> {
   return response.data;
 }
 
+export async function updateRemoteAccountProfile(data: RemoteAccountProfileUpdateRequest): Promise<RemoteAccessView> {
+  const response = await api.put<RemoteAccessView>('/api/remote/account/profile', data);
+  if (!response.ok) {
+    throw new Error(response.error.message);
+  }
+  return response.data;
+}
+
 export async function updateRemoteSettings(data: RemoteSettingsUpdateRequest): Promise<RemoteAccessView> {
   const response = await api.put<RemoteAccessView>('/api/remote/settings', data);
   if (!response.ok) {

package/src/api/remote.types.ts

@@ -1,11 +1,16 @@
 export type RemoteAccountView = {
   loggedIn: boolean;
   email?: string;
+  username?: string | null;
   role?: string;
   platformBase?: string | null;
   apiBase?: string | null;
 };
 
+export type RemoteAccountProfileUpdateRequest = {
+  username: string;
+};
+
 export type RemoteRuntimeView = {
   enabled: boolean;
   mode: "service" | "foreground";