@nextclaw/ui 0.7.0 → 0.8.0

package/src/components/chat/presenter/chat-presenter-context.tsx

@@ -1,11 +1,50 @@
 import { createContext, useContext } from 'react';
 import type { ReactNode } from 'react';
-import type { ChatPresenter } from '@/components/chat/presenter/chat.presenter';
+import type { SetStateAction } from 'react';
+import type { ChatRunStatusManager } from '@/components/chat/managers/chat-run-status.manager';
+import type { ChatSessionListManager } from '@/components/chat/managers/chat-session-list.manager';
+import type { ChatStreamActionsManager } from '@/components/chat/managers/chat-stream-actions.manager';
+import type { ChatUiManager } from '@/components/chat/managers/chat-ui.manager';
+import type { ChatThreadSnapshot } from '@/components/chat/stores/chat-thread.store';
+import type { ThinkingLevel } from '@/api/types';
 
-const ChatPresenterContext = createContext<ChatPresenter | null>(null);
+export type ChatInputManagerLike = {
+  syncSnapshot: (patch: Record<string, unknown>) => void;
+  setDraft: (next: SetStateAction<string>) => void;
+  setPendingSessionType: (next: SetStateAction<string>) => void;
+  send: () => Promise<void>;
+  stop: () => Promise<void>;
+  goToProviders: () => void;
+  setSelectedModel: (next: SetStateAction<string>) => void;
+  setSelectedThinkingLevel: (next: SetStateAction<ThinkingLevel | null>) => void;
+  setSelectedSkills: (next: SetStateAction<string[]>) => void;
+  selectSessionType: (value: string) => void;
+  selectModel: (value: string) => void;
+  selectThinkingLevel: (value: ThinkingLevel) => void;
+  selectSkills: (next: string[]) => void;
+};
+
+export type ChatThreadManagerLike = {
+  bindActions: (patch: { refetchSessions?: () => Promise<unknown> }) => void;
+  syncSnapshot: (patch: Partial<ChatThreadSnapshot>) => void;
+  deleteSession: () => void;
+  createSession: () => void;
+  goToProviders: () => void;
+};
+
+export type ChatPresenterLike = {
+  chatUiManager: ChatUiManager;
+  chatStreamActionsManager: ChatStreamActionsManager;
+  chatInputManager: ChatInputManagerLike;
+  chatSessionListManager: ChatSessionListManager;
+  chatRunStatusManager: ChatRunStatusManager;
+  chatThreadManager: ChatThreadManagerLike;
+};
+
+const ChatPresenterContext = createContext<ChatPresenterLike | null>(null);
 
 type ChatPresenterProviderProps = {
-  presenter: ChatPresenter;
+  presenter: ChatPresenterLike;
   children: ReactNode;
 };
 
@@ -13,7 +52,7 @@ export function ChatPresenterProvider({ presenter, children }: ChatPresenterProv
   return <ChatPresenterContext.Provider value={presenter}>{children}</ChatPresenterContext.Provider>;
 }
 
-export function usePresenter(): ChatPresenter {
+export function usePresenter(): ChatPresenterLike {
   const presenter = useContext(ChatPresenterContext);
   if (!presenter) {
     throw new Error('usePresenter must be used inside ChatPresenterProvider');

package/src/hooks/useConfig.ts

@@ -19,8 +19,11 @@ import {
   executeConfigAction,
   fetchSessions,
   fetchSessionHistory,
+  fetchNcpSessions,
+  fetchNcpSessionMessages,
   updateSession,
   deleteSession,
+  deleteNcpSession,
   sendChatTurn,
   fetchChatRun,
   fetchChatRuns,
@@ -252,6 +255,29 @@ export function useSessionHistory(key: string | null, limit = 200) {
   });
 }
 
+export function useNcpSessions(params?: { limit?: number }) {
+  return useQuery({
+    queryKey: ['ncp-sessions', params?.limit ?? null],
+    queryFn: () => fetchNcpSessions(params),
+    staleTime: 5_000,
+    retry: false,
+    refetchInterval: (query) => {
+      const hasRunningSession = Boolean(query.state.data?.sessions.some((session) => session.status === 'running'));
+      return hasRunningSession ? 800 : false;
+    }
+  });
+}
+
+export function useNcpSessionMessages(sessionId: string | null, limit = 200) {
+  return useQuery({
+    queryKey: ['ncp-session-messages', sessionId, limit],
+    queryFn: () => fetchNcpSessionMessages(sessionId as string, limit),
+    enabled: Boolean(sessionId),
+    staleTime: 5_000,
+    retry: false
+  });
+}
+
 export function useUpdateSession() {
   const queryClient = useQueryClient();
 
@@ -285,6 +311,22 @@ export function useDeleteSession() {
   });
 }
 
+export function useDeleteNcpSession() {
+  const queryClient = useQueryClient();
+
+  return useMutation({
+    mutationFn: ({ sessionId }: { sessionId: string }) => deleteNcpSession(sessionId),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['ncp-sessions'] });
+      queryClient.invalidateQueries({ queryKey: ['ncp-session-messages'] });
+      toast.success(t('configSavedApplied'));
+    },
+    onError: (error: Error) => {
+      toast.error(t('configSaveFailed') + ': ' + error.message);
+    }
+  });
+}
+
 export function useSendChatTurn() {
   return useMutation({
     mutationFn: ({ data }: { data: Parameters<typeof sendChatTurn>[0] }) =>

package/src/lib/i18n.ts

@@ -670,7 +670,7 @@ export const LABELS: Record<string, { zh: string; en: string }> = {
   chatToolWorkflowDetails: { zh: '展开查看参数和结果', en: 'Expand to view params and results' },
   chatToolOutput: { zh: '查看输出', en: 'View Output' },
   chatToolNoOutput: { zh: '无输出（执行完成）', en: 'No output (completed)' },
-  chatReasoning: { zh: '查看推理内容', en: 'Show reasoning' },
+  chatReasoning: { zh: '推理过程', en: 'Reasoning' },
   chatUnknownPart: { zh: '未知消息片段', en: 'Unknown message part' },
   chatCodeCopy: { zh: '复制代码', en: 'Copy' },
   chatCodeCopied: { zh: '已复制', en: 'Copied' },

package/tailwind.config.js

@@ -1,7 +1,13 @@
+import tailwindcssAnimate from 'tailwindcss-animate';
+
 /** @type {import('tailwindcss').Config} */
 export default {
   darkMode: ['class'],
-  content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
+  content: [
+    './index.html',
+    './src/**/*.{js,ts,jsx,tsx}',
+    '../nextclaw-agent-chat-ui/src/**/*.{js,ts,jsx,tsx}',
+  ],
   theme: {
     extend: {
       colors: {
@@ -146,6 +152,5 @@ export default {
       },
     },
   },
-  // eslint-disable-next-line @typescript-eslint/no-require-imports
-  plugins: [require('tailwindcss-animate')],
+  plugins: [tailwindcssAnimate],
 };

package/tsconfig.json

@@ -13,7 +13,10 @@
     "paths": {
       "@/*": ["./src/*"],
       "@nextclaw/agent-chat": ["../nextclaw-agent-chat/src/index.ts"],
-      "@nextclaw/agent-chat-ui": ["../nextclaw-agent-chat-ui/src/index.ts"]
+      "@nextclaw/agent-chat-ui": ["../nextclaw-agent-chat-ui/src/index.ts"],
+      "@nextclaw/ncp": ["../ncp-packages/nextclaw-ncp/src/index.ts"],
+      "@nextclaw/ncp-http-agent-client": ["../ncp-packages/nextclaw-ncp-http-agent-client/src/index.ts"],
+      "@nextclaw/ncp-react": ["../ncp-packages/nextclaw-ncp-react/src/index.ts"]
     }
   },
   "include": ["src"]