catlog22/Claude-Code-Workflow
1
0
Fork 0
mirror of https://github.com/catlog22/Claude-Code-Workflow.git synced 2026-03-03 15:43:11 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: 添加执行加载状态和全局执行ID去重，优化CLI视图和MCP配置获取

Browse Source
This commit is contained in:
catlog22
2026-02-17 21:01:09 +08:00
parent c588aa69d2
commit 5a937732f4
5 changed files with 136 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
ccw/frontend/src/pages/McpManagerPage.tsx
View File

@@ -279,10 +279,12 @@ export function McpManagerPage() {
staleTime: 2 * 60 * 1000, // 2 minutes
});
const projectPath = useWorkflowStore(selectProjectPath);
// Fetch CCW Tools MCP configuration (Claude mode only)
const ccwMcpQuery = useQuery({
queryKey: ['ccwMcpConfig'],
queryFn: fetchCcwMcpConfig,
queryKey: ['ccwMcpConfig', projectPath],
queryFn: () => fetchCcwMcpConfig(projectPath ?? undefined),
enabled: cliMode === 'claude',
staleTime: 5 * 60 * 1000, // 5 minutes
});
@@ -382,18 +384,20 @@ export function McpManagerPage() {
installedScopes: [] as ('global' | 'project')[],
};
const ccwMcpQueryKey = ['ccwMcpConfig', projectPath];
const handleToggleCcwTool = async (tool: string, enabled: boolean) => {
// Read latest from cache to avoid stale closures
const currentConfig = queryClient.getQueryData<CcwMcpConfig>(['ccwMcpConfig']) ?? ccwConfig;
const currentConfig = queryClient.getQueryData<CcwMcpConfig>(ccwMcpQueryKey) ?? ccwConfig;
const currentTools = currentConfig.enabledTools;
const previousConfig = queryClient.getQueryData<CcwMcpConfig>(['ccwMcpConfig']);
const previousConfig = queryClient.getQueryData<CcwMcpConfig>(ccwMcpQueryKey);
const updatedTools = enabled
? (currentTools.includes(tool) ? currentTools : [...currentTools, tool])
: currentTools.filter((t) => t !== tool);
// Optimistic cache update for immediate UI response
queryClient.setQueryData(['ccwMcpConfig'], (old: CcwMcpConfig | undefined) => {
queryClient.setQueryData(ccwMcpQueryKey, (old: CcwMcpConfig | undefined) => {
if (!old) return old;
return { ...old, enabledTools: updatedTools };
});
@@ -402,18 +406,18 @@ export function McpManagerPage() {
await updateCcwConfig({ ...currentConfig, enabledTools: updatedTools });
} catch (error) {
console.error('Failed to toggle CCW tool:', error);
queryClient.setQueryData(['ccwMcpConfig'], previousConfig);
queryClient.setQueryData(ccwMcpQueryKey, previousConfig);
}
ccwMcpQuery.refetch();
};
const handleUpdateCcwConfig = async (config: Partial<CcwMcpConfig>) => {
// Read BEFORE optimistic update to capture actual server state
const currentConfig = queryClient.getQueryData<CcwMcpConfig>(['ccwMcpConfig']) ?? ccwConfig;
const previousConfig = queryClient.getQueryData<CcwMcpConfig>(['ccwMcpConfig']);
const currentConfig = queryClient.getQueryData<CcwMcpConfig>(ccwMcpQueryKey) ?? ccwConfig;
const previousConfig = queryClient.getQueryData<CcwMcpConfig>(ccwMcpQueryKey);
// Optimistic cache update for immediate UI response
queryClient.setQueryData(['ccwMcpConfig'], (old: CcwMcpConfig | undefined) => {
queryClient.setQueryData(ccwMcpQueryKey, (old: CcwMcpConfig | undefined) => {
if (!old) return old;
return { ...old, ...config };
});
@@ -422,7 +426,7 @@ export function McpManagerPage() {
await updateCcwConfig({ ...currentConfig, ...config });
} catch (error) {
console.error('Failed to update CCW config:', error);
queryClient.setQueryData(['ccwMcpConfig'], previousConfig);
queryClient.setQueryData(ccwMcpQueryKey, previousConfig);
}
ccwMcpQuery.refetch();
};
@@ -431,8 +435,6 @@ export function McpManagerPage() {
ccwMcpQuery.refetch();
};
const projectPath = useWorkflowStore(selectProjectPath);
// Build conflict map for quick lookup
const conflictMap = useMemo(() => {
const map = new Map<string, McpServerConflict>();