@nextclaw/ui 0.11.0 → 0.11.2

package/src/hooks/use-auth.ts

@@ -1,4 +1,5 @@
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
+import { useEffect, useState } from 'react';
 import {
   fetchAuthStatus,
   loginAuth,
@@ -7,11 +8,13 @@ import {
   updateAuthEnabled,
   updateAuthPassword
 } from '@/api/config';
+import type { AuthStatusView } from '@/api/types';
 import { toast } from 'sonner';
 import { t } from '@/lib/i18n';
 
-const AUTH_STATUS_BOOTSTRAP_MAX_RETRIES = 20;
-export const AUTH_STATUS_BOOTSTRAP_RETRY_DELAY_MS = 500;
+const AUTH_STATUS_BOOTSTRAP_MAX_RETRIES = 40;
+const AUTH_STATUS_BOOTSTRAP_TIMEOUT_MS = 400;
+export const AUTH_STATUS_BOOTSTRAP_RETRY_DELAY_MS = 250;
 
 export function isTransientAuthStatusBootstrapError(error: unknown): boolean {
   if (!(error instanceof Error)) {
@@ -40,14 +43,23 @@ export function shouldRetryAuthStatusBootstrap(failureCount: number, error: unkn
 }
 
 export function useAuthStatus() {
-  return useQuery({
+  const [bootstrapSettled, setBootstrapSettled] = useState(false);
+  const query = useQuery<AuthStatusView>({
     queryKey: ['auth-status'],
-    queryFn: fetchAuthStatus,
+    queryFn: () => fetchAuthStatus({ timeoutMs: bootstrapSettled ? 5_000 : AUTH_STATUS_BOOTSTRAP_TIMEOUT_MS }),
     staleTime: 5_000,
     retry: shouldRetryAuthStatusBootstrap,
     retryDelay: AUTH_STATUS_BOOTSTRAP_RETRY_DELAY_MS,
     refetchOnWindowFocus: true
   });
+
+  useEffect(() => {
+    if (query.isSuccess && !bootstrapSettled) {
+      setBootstrapSettled(true);
+    }
+  }, [bootstrapSettled, query.isSuccess]);
+
+  return query;
 }
 
 function invalidateProtectedQueries(queryClient: ReturnType<typeof useQueryClient>): Promise<unknown[]> {

package/src/hooks/use-realtime-query-bridge.ts

@@ -34,14 +34,11 @@ function invalidateSessionQueries(queryClient: QueryClient | undefined, sessionK
   if (!queryClient) {
     return;
   }
-  queryClient.invalidateQueries({ queryKey: ['sessions'] });
   queryClient.invalidateQueries({ queryKey: ['ncp-sessions'] });
   if (sessionKey && sessionKey.trim().length > 0) {
-    queryClient.invalidateQueries({ queryKey: ['session-history', sessionKey.trim()] });
     queryClient.invalidateQueries({ queryKey: ['ncp-session-messages', sessionKey.trim()] });
     return;
   }
-  queryClient.invalidateQueries({ queryKey: ['session-history'] });
   queryClient.invalidateQueries({ queryKey: ['ncp-session-messages'] });
 }
 
@@ -55,23 +52,6 @@ function handleConfigUpdatedEvent(queryClient: QueryClient | undefined, path: st
   invalidateMarketplaceQueries(queryClient, path);
 }
 
-function handleRunUpdatedEvent(queryClient: QueryClient | undefined, payload: { run: { sessionKey?: string; runId?: string } }): void {
-  if (!queryClient) {
-    return;
-  }
-  const { sessionKey, runId } = payload.run;
-  queryClient.invalidateQueries({ queryKey: ['chat-runs'] });
-  if (sessionKey) {
-    queryClient.invalidateQueries({ queryKey: ['sessions'] });
-    queryClient.invalidateQueries({ queryKey: ['session-history', sessionKey] });
-  } else {
-    queryClient.invalidateQueries({ queryKey: ['session-history'] });
-  }
-  if (runId) {
-    queryClient.invalidateQueries({ queryKey: ['chat-run', runId] });
-  }
-}
-
 function handleRealtimeEvent(
   queryClient: QueryClient | undefined,
   setConnectionStatus: SetConnectionStatus,
@@ -90,10 +70,6 @@ function handleRealtimeEvent(
     handleConfigUpdatedEvent(queryClient, configPath);
     return;
   }
-  if (event.type === 'run.updated') {
-    handleRunUpdatedEvent(queryClient, event.payload);
-    return;
-  }
   if (event.type === 'session.updated') {
     invalidateSessionQueries(queryClient, event.payload.sessionKey);
     return;

package/src/hooks/useConfig.ts

@@ -17,21 +17,12 @@ import {
   updateRuntime,
   updateSecrets,
   executeConfigAction,
-  fetchSessions,
-  fetchSessionHistory,
-  updateSession,
-  deleteSession,
-  sendChatTurn,
-  fetchChatRun,
-  fetchChatRuns,
-  fetchChatCapabilities,
-  fetchChatSessionTypes,
   fetchCronJobs,
   deleteCronJob,
   setCronJobEnabled,
   runCronJob
 } from '@/api/config';
-import { deleteNcpSession, fetchNcpSessionMessages, fetchNcpSessions } from '@/api/ncp-session';
+import { deleteNcpSession, fetchNcpSessionMessages, fetchNcpSessions, updateNcpSession } from '@/api/ncp-session';
 import { toast } from 'sonner';
 import { t } from '@/lib/i18n';
 
@@ -234,25 +225,6 @@ export function useExecuteConfigAction() {
   });
 }
 
-
-export function useSessions(params: { q?: string; limit?: number; activeMinutes?: number }) {
-  return useQuery({
-    queryKey: ['sessions', params],
-    queryFn: () => fetchSessions(params),
-    staleTime: 10_000
-  });
-}
-
-export function useSessionHistory(key: string | null, limit = 200) {
-  return useQuery({
-    queryKey: ['session-history', key, limit],
-    queryFn: () => fetchSessionHistory(key as string, limit),
-    enabled: Boolean(key),
-    staleTime: 5_000,
-    retry: false
-  });
-}
-
 export function useNcpSessions(params?: { limit?: number }) {
   return useQuery({
     queryKey: ['ncp-sessions', params?.limit ?? null],
@@ -276,31 +248,14 @@ export function useNcpSessionMessages(sessionId: string | null, limit = 200) {
   });
 }
 
-export function useUpdateSession() {
-  const queryClient = useQueryClient();
-
-  return useMutation({
-    mutationFn: ({ key, data }: { key: string; data: Parameters<typeof updateSession>[1] }) =>
-      updateSession(key, data),
-    onSuccess: (_data, variables) => {
-      queryClient.invalidateQueries({ queryKey: ['sessions'] });
-      queryClient.invalidateQueries({ queryKey: ['session-history', variables.key] });
-      toast.success(t('configSavedApplied'));
-    },
-    onError: (error: Error) => {
-      toast.error(t('configSaveFailed') + ': ' + error.message);
-    }
-  });
-}
-
-export function useDeleteSession() {
+export function useDeleteNcpSession() {
   const queryClient = useQueryClient();
 
   return useMutation({
-    mutationFn: ({ key }: { key: string }) => deleteSession(key),
+    mutationFn: ({ sessionId }: { sessionId: string }) => deleteNcpSession(sessionId),
     onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ['sessions'] });
-      queryClient.invalidateQueries({ queryKey: ['session-history'] });
+      queryClient.invalidateQueries({ queryKey: ['ncp-sessions'] });
+      queryClient.invalidateQueries({ queryKey: ['ncp-session-messages'] });
       toast.success(t('configSavedApplied'));
     },
     onError: (error: Error) => {
@@ -309,14 +264,15 @@ export function useDeleteSession() {
   });
 }
 
-export function useDeleteNcpSession() {
+export function useUpdateNcpSession() {
   const queryClient = useQueryClient();
 
   return useMutation({
-    mutationFn: ({ sessionId }: { sessionId: string }) => deleteNcpSession(sessionId),
-    onSuccess: () => {
+    mutationFn: ({ sessionId, data }: { sessionId: string; data: Parameters<typeof updateNcpSession>[1] }) =>
+      updateNcpSession(sessionId, data),
+    onSuccess: (_data, variables) => {
       queryClient.invalidateQueries({ queryKey: ['ncp-sessions'] });
-      queryClient.invalidateQueries({ queryKey: ['ncp-session-messages'] });
+      queryClient.invalidateQueries({ queryKey: ['ncp-session-messages', variables.sessionId] });
       toast.success(t('configSavedApplied'));
     },
     onError: (error: Error) => {
@@ -325,89 +281,6 @@ export function useDeleteNcpSession() {
   });
 }
 
-export function useSendChatTurn() {
-  return useMutation({
-    mutationFn: ({ data }: { data: Parameters<typeof sendChatTurn>[0] }) =>
-      sendChatTurn(data),
-    onError: (error: Error) => {
-      toast.error(t('chatSendFailed') + ': ' + error.message);
-    }
-  });
-}
-
-export function useChatCapabilities(params?: { sessionKey?: string | null; agentId?: string | null }) {
-  const sessionKey = params?.sessionKey?.trim() || undefined;
-  const agentId = params?.agentId?.trim() || undefined;
-  return useQuery({
-    queryKey: ['chat-capabilities', sessionKey ?? null, agentId ?? null],
-    queryFn: async () => {
-      try {
-        return await fetchChatCapabilities({ sessionKey, agentId });
-      } catch {
-        return { stopSupported: false };
-      }
-    },
-    staleTime: 10_000,
-    retry: false
-  });
-}
-
-export function useChatSessionTypes() {
-  return useQuery({
-    queryKey: ['chat-session-types'],
-    queryFn: fetchChatSessionTypes,
-    staleTime: 10_000,
-    retry: false
-  });
-}
-
-export function useChatRuns(params?: {
-  sessionKey?: string | null;
-  states?: Array<'queued' | 'running' | 'completed' | 'failed' | 'aborted'>;
-  limit?: number;
-  syncActiveStates?: boolean;
-  isLocallyRunning?: boolean;
-}) {
-  const sessionKey = params?.sessionKey?.trim() || undefined;
-  const states = Array.isArray(params?.states) && params.states.length > 0 ? params.states : undefined;
-  const isActiveStatesQuery = Boolean(states?.some((state) => state === 'queued' || state === 'running'));
-  const shouldSyncActiveStates = Boolean(params?.syncActiveStates && isActiveStatesQuery);
-  return useQuery({
-    queryKey: ['chat-runs', sessionKey ?? null, states ?? null, params?.limit ?? null],
-    queryFn: () => fetchChatRuns({
-      ...(sessionKey ? { sessionKey } : {}),
-      ...(states ? { states } : {}),
-      ...(typeof params?.limit === 'number' ? { limit: params.limit } : {})
-    }),
-    enabled: Boolean(sessionKey) || Boolean(states),
-    staleTime: 5_000,
-    refetchInterval: (query) => {
-      if (!shouldSyncActiveStates) {
-        return false;
-      }
-      if (params?.isLocallyRunning) {
-        return 800;
-      }
-      const { data } = query.state;
-      const hasActiveRuns = Array.isArray(data?.runs) && data.runs.length > 0;
-      return hasActiveRuns ? 800 : false;
-    },
-    refetchIntervalInBackground: false,
-    retry: false
-  });
-}
-
-export function useChatRun(runId: string | null) {
-  const normalizedRunId = runId?.trim() || null;
-  return useQuery({
-    queryKey: ['chat-run', normalizedRunId],
-    queryFn: () => fetchChatRun(normalizedRunId as string),
-    enabled: Boolean(normalizedRunId),
-    staleTime: 5_000,
-    retry: false
-  });
-}
-
 export function useCronJobs(params: { all?: boolean } = { all: true }) {
   return useQuery({
     queryKey: ['cron', params],

package/src/lib/i18n.chat.ts

@@ -70,10 +70,17 @@ export const CHAT_LABELS: Record<string, { zh: string; en: string }> = {
   chatRoleMessage: { zh: '消息', en: 'Message' },
   chatToolCall: { zh: '工具调用', en: 'Tool Call' },
   chatToolResult: { zh: '工具结果', en: 'Tool Result' },
+  chatToolInput: { zh: '输入摘要', en: 'Input Summary' },
+  chatToolCallId: { zh: '调用 ID', en: 'Call ID' },
   chatToolWorkflow: { zh: '工具工作流', en: 'Tool Workflow' },
   chatToolWorkflowDetails: { zh: '展开查看参数和结果', en: 'Expand to view params and results' },
   chatToolOutput: { zh: '查看输出', en: 'View Output' },
   chatToolNoOutput: { zh: '无输出（执行完成）', en: 'No output (completed)' },
+  chatToolStatusPreparing: { zh: '准备中', en: 'Preparing' },
+  chatToolStatusRunning: { zh: '执行中', en: 'Running' },
+  chatToolStatusCompleted: { zh: '已完成', en: 'Completed' },
+  chatToolStatusFailed: { zh: '失败', en: 'Failed' },
+  chatToolStatusCancelled: { zh: '已取消', en: 'Cancelled' },
   chatReasoning: { zh: '推理过程', en: 'Reasoning' },
   chatImageAttachment: { zh: '图片附件', en: 'Image attachment' },
   chatFileAttachment: { zh: '文件附件', en: 'File attachment' },

package/src/lib/session-run-status.ts

@@ -1,63 +1 @@
-import type { ChatRunState, ChatRunView } from '@/api/types';
-
-export type SessionRunStatus = Extract<ChatRunState, 'queued' | 'running'>;
-
-const RUN_STATUS_PRIORITY: Record<SessionRunStatus, number> = {
-  queued: 1,
-  running: 2
-};
-
-function toSessionRunStatus(state: ChatRunState): SessionRunStatus | null {
-  if (state === 'queued' || state === 'running') {
-    return state;
-  }
-  return null;
-}
-
-function toComparableTimestamp(value?: string): number {
-  const parsed = Date.parse(value ?? '');
-  return Number.isFinite(parsed) ? parsed : 0;
-}
-
-function shouldReplaceRun(current: ChatRunView, next: ChatRunView): boolean {
-  const currentStatus = toSessionRunStatus(current.state);
-  const nextStatus = toSessionRunStatus(next.state);
-  if (!currentStatus || !nextStatus) {
-    return false;
-  }
-  const currentPriority = RUN_STATUS_PRIORITY[currentStatus];
-  const nextPriority = RUN_STATUS_PRIORITY[nextStatus];
-  if (nextPriority !== currentPriority) {
-    return nextPriority > currentPriority;
-  }
-  return toComparableTimestamp(next.requestedAt) >= toComparableTimestamp(current.requestedAt);
-}
-
-export function buildActiveRunBySessionKey(runs: readonly ChatRunView[]): Map<string, ChatRunView> {
-  const map = new Map<string, ChatRunView>();
-  for (const run of runs) {
-    const key = run.sessionKey?.trim();
-    if (!key || !toSessionRunStatus(run.state)) {
-      continue;
-    }
-    const current = map.get(key);
-    if (!current || shouldReplaceRun(current, run)) {
-      map.set(key, run);
-    }
-  }
-  return map;
-}
-
-export function buildSessionRunStatusByKey(
-  activeRunBySessionKey: ReadonlyMap<string, ChatRunView>
-): Map<string, SessionRunStatus> {
-  const map = new Map<string, SessionRunStatus>();
-  for (const [sessionKey, run] of activeRunBySessionKey.entries()) {
-    const status = toSessionRunStatus(run.state);
-    if (!status) {
-      continue;
-    }
-    map.set(sessionKey, status);
-  }
-  return map;
-}
+export type SessionRunStatus = 'queued' | 'running';

package/src/vite-env.d.ts

@@ -2,6 +2,7 @@
 
 interface ImportMetaEnv {
   readonly VITE_API_BASE?: string;
+  readonly VITE_DEV_PROXY_API_BASE?: string;
 }
 
 interface ImportMeta {

package/vite.config.ts

@@ -2,8 +2,8 @@ import { defineConfig, splitVendorChunkPlugin } from 'vite';
 import react from '@vitejs/plugin-react';
 import path from 'path';
 
-const apiBase = process.env.VITE_API_BASE ?? 'http://127.0.0.1:18792';
-const wsBase = apiBase.replace(/^http/i, 'ws');
+const devProxyApiBase = process.env.VITE_DEV_PROXY_API_BASE ?? 'http://127.0.0.1:18792';
+const devProxyWsBase = devProxyApiBase.replace(/^http/i, 'ws');
 
 export default defineConfig({
   plugins: [react(), splitVendorChunkPlugin()],
@@ -20,11 +20,11 @@ export default defineConfig({
     strictPort: true,
     proxy: {
       '/api': {
-        target: apiBase,
+        target: devProxyApiBase,
         changeOrigin: true
       },
       '/ws': {
-        target: wsBase,
+        target: devProxyWsBase,
         ws: true
       }
     }