Feat: Add an update button to the graph page of the dataset. (#17571)

### Summary

Feat: Add an update button to the graph page of the dataset.
This commit is contained in:
balibabu
2026-07-30 18:40:29 +08:00
committed by GitHub
parent 3f8a3dfcff
commit 5ac8d92d2e
23 changed files with 355 additions and 252 deletions

View File

@@ -0,0 +1,202 @@
import message from '@/components/ui/message';
import {
GenerateStatus,
GenerateType,
GenerateTypeMap,
ProcessingType,
TraceType,
} from '@/constants/knowledge';
import agentService from '@/services/agent-service';
import {
deletePipelineTask,
runIndex,
traceIndex,
} from '@/services/knowledge-service';
import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
import { useMemo } from 'react';
import { useTranslation } from 'react-i18next';
import { useParams } from 'react-router';
enum DatasetKey {
generate = 'generate',
pauseGenerate = 'pauseGenerate',
}
const PollIntervalMs = 5000;
export const DatasetGenerateKeys = {
trace: (type: GenerateType, id?: string, open?: boolean) =>
[type, id, open] as const,
traceById: (type: GenerateType, id?: string) => [type, id] as const,
};
export interface ITraceInfo {
begin_at: string;
chunk_ids: string;
create_date: string;
create_time: number;
digest: string;
doc_id: string;
from_page: number;
id: string;
priority: number;
process_duration: number;
progress: number;
progress_msg: string;
retry_count: number;
task_type: string;
to_page: number;
update_date: string;
update_time: number;
}
const useTraceQuery = (
type: GenerateType,
traceType: TraceType,
open: boolean,
id?: string,
) => {
return useQuery<ITraceInfo>({
queryKey: DatasetGenerateKeys.trace(type, id, open),
gcTime: 0,
refetchInterval: (query) => {
const progress = query.state.data?.progress;
return progress != null && progress >= 0 && progress < 1
? PollIntervalMs
: false;
},
retry: 3,
retryDelay: 1000,
enabled: open && !!id,
queryFn: async () => {
const { data } = await traceIndex(id!, traceType);
return data?.data ?? {};
},
});
};
const TraceTypeMap: Record<GenerateType, TraceType> = {
[GenerateType.KnowledgeGraph]: TraceType.Graph,
[GenerateType.Raptor]: TraceType.Raptor,
[GenerateType.Artifact]: TraceType.Artifact,
[GenerateType.ToSkills]: TraceType.Skill,
[GenerateType.MindMap]: TraceType.MindMap,
[GenerateType.Timeline]: TraceType.Timeline,
[GenerateType.SessionEssence]: TraceType.SessionEssence,
[GenerateType.SessionGraph]: TraceType.SessionGraph,
};
export const useTraceRunData = (type: GenerateType) => {
const { id } = useParams();
return useTraceQuery(type, TraceTypeMap[type], true, id);
};
export const useUnBindTask = () => {
const { id } = useParams();
const { t } = useTranslation();
const { mutateAsync: handleUnbindTask } = useMutation({
mutationKey: [DatasetKey.pauseGenerate],
mutationFn: async ({
type,
wipe,
}: {
type: ProcessingType;
wipe?: boolean;
}) => {
const { data } = await deletePipelineTask({
kb_id: id as string,
type,
wipe,
});
if (data.code === 0) {
message.success(t('message.operated'));
}
return data;
},
});
return { handleUnbindTask };
};
export const useDatasetGenerate = () => {
const queryClient = useQueryClient();
const { id } = useParams();
const { handleUnbindTask } = useUnBindTask();
const { t } = useTranslation();
const {
data,
isPending: loading,
mutateAsync,
} = useMutation({
mutationKey: [DatasetKey.generate],
mutationFn: async ({ type }: { type: GenerateType }) => {
const { data } = await runIndex(id!, TraceTypeMap[type]);
if (data.code === 0) {
message.success(t('message.operated'));
queryClient.invalidateQueries({
queryKey: DatasetGenerateKeys.traceById(type, id),
});
}
return data;
},
});
const { mutateAsync: pauseGenerate } = useMutation({
mutationKey: [DatasetKey.pauseGenerate],
mutationFn: async ({
task_id,
type,
}: {
task_id: string;
type: GenerateType;
}) => {
const { data } = await agentService.cancelDataflow(task_id);
// For GraphRAG, pause must preserve partial progress (subgraphs,
// entities, relations, community reports) so the next run_graphrag
// call can resume instead of redoing hours of LLM extraction. Raptor
// keeps the prior wipe-on-pause behaviour for now.
const unbindData = await handleUnbindTask({
type: GenerateTypeMap[type as GenerateType],
wipe: type === GenerateType.KnowledgeGraph ? false : undefined,
});
if (data.code === 0 && unbindData.code === 0) {
queryClient.invalidateQueries({
queryKey: DatasetGenerateKeys.traceById(type, id),
});
}
return data;
},
});
return { runGenerate: mutateAsync, pauseGenerate, data, loading };
};
export function useGenerateStatus(data?: ITraceInfo) {
const status = useMemo(() => {
if (!data) {
return GenerateStatus.Start;
}
if (data.progress >= 1) {
return GenerateStatus.Completed;
} else if (!data.progress && data.progress !== 0) {
return GenerateStatus.Start;
} else if (data.progress < 0) {
return GenerateStatus.Failed;
} else if (data.progress < 1) {
return GenerateStatus.Running;
}
return GenerateStatus.Start;
}, [data]);
const percent = useMemo(() => {
if (status === GenerateStatus.Failed) {
return 100;
} else if (status === GenerateStatus.Running) {
return data!.progress * 100;
}
return 0;
}, [status, data]);
return { status, percent };
}

View File

@@ -1,9 +1,7 @@
import { useHandleFilterSubmit } from '@/components/list-filter-bar/use-handle-filter-submit';
import message from '@/components/ui/message';
import { ParseType } from '@/constants/knowledge';
import { GenerateType, ParseType } from '@/constants/knowledge';
import { ResponsePostType, ResponseType } from '@/interfaces/database/base';
import { GenerateType } from '@/pages/dataset/dataset/generate-button/constants';
import { DatasetGenerateKeys } from '@/pages/dataset/dataset/generate-button/hook';
import {
IArtifact,
IArtifactAlteration,
@@ -73,6 +71,7 @@ import {
isPipelineParserConfig,
} from './parser-config-utils';
import { useSetPaginationParams } from './route-hook';
import { DatasetGenerateKeys } from './use-dataset-generate';
export const enum KnowledgeApiAction {
FetchKnowledgeListByPage = 'fetchKnowledgeListByPage',
@@ -450,20 +449,20 @@ export const ArtifactTopicKeys = {
};
export const ArtifactAlterationKeys = {
detail: (datasetId: string) =>
[KnowledgeApiAction.FetchArtifactAlteration, datasetId] as const,
detail: (datasetId: string, kind: string) =>
[KnowledgeApiAction.FetchArtifactAlteration, datasetId, kind] as const,
};
export function useFetchArtifactAlteration() {
export function useFetchArtifactAlteration(kind: string) {
const knowledgeBaseId = useKnowledgeBaseId();
const { data, isFetching: loading } = useQuery<IArtifactAlteration | null>({
queryKey: ArtifactAlterationKeys.detail(knowledgeBaseId),
queryKey: ArtifactAlterationKeys.detail(knowledgeBaseId, kind),
initialData: null,
enabled: !!knowledgeBaseId,
enabled: !!knowledgeBaseId && !!kind,
gcTime: 0,
queryFn: async () => {
const { data } = await getArtifactsAlteration(knowledgeBaseId);
const { data } = await getArtifactsAlteration(knowledgeBaseId, kind);
return data?.data ?? null;
},
});
@@ -953,7 +952,7 @@ export const useClearWiki = () => {
return { data, loading, clearWiki: mutateAsync };
};
export const useRunArtifactIndex = () => {
export const useRunArtifactIndex = (kind: string) => {
const knowledgeBaseId = useKnowledgeBaseId();
const queryClient = useQueryClient();
@@ -968,7 +967,7 @@ export const useRunArtifactIndex = () => {
if (data?.code === 0) {
message.success(i18n.t('message.operated'));
queryClient.invalidateQueries({
queryKey: ArtifactAlterationKeys.detail(knowledgeBaseId),
queryKey: ArtifactAlterationKeys.detail(knowledgeBaseId, kind),
});
queryClient.invalidateQueries({
queryKey: ArtifactKeys.listByDataset(knowledgeBaseId),