version panel

2025-12-29 02:52:31 +00:00 · 2025-05-22 16:43:04 +08:00 · 2025-05-22 16:43:04 +08:00 · c2a7e0e986
commit c2a7e0e986
parent faf6b9ea03
12 changed files with 47 additions and 11 deletions
--- a/web/app/(commonLayout)/datasets/(datasetDetailLayout)/[datasetId]/pipeline/page.tsx
+++ b/web/app/(commonLayout)/datasets/(datasetDetailLayout)/[datasetId]/pipeline/page.tsx
@ -3,7 +3,9 @@ import RagPipeline from '@/app/components/rag-pipeline'

 const PipelinePage = () => {
  return (
-    <RagPipeline />
+    <div className='h-full w-full overflow-x-auto'>
+      <RagPipeline />
+    </div>
  )
 }
 export default PipelinePage
--- a/web/app/components/app/configuration/dataset-config/params-config/weighted-score.tsx
+++ b/web/app/components/app/configuration/dataset-config/params-config/weighted-score.tsx
@ -41,6 +41,7 @@ const WeightedScore = ({
          value={value.value[0]}
          onChange={v => !readonly && onChange({ value: [v, (10 - v * 10) / 10] })}
          trackClassName='weightedScoreSliderTrack'
+          disabled={readonly}
        />
        <div className='mt-3 flex justify-between'>
          <div className='system-xs-semibold-uppercase flex w-[90px] shrink-0 items-center text-util-colors-blue-light-blue-light-500'>
--- a/web/app/components/rag-pipeline/components/panel/index.tsx
+++ b/web/app/components/rag-pipeline/components/panel/index.tsx
@ -24,14 +24,25 @@ const RagPipelinePanelOnRight = () => {
 }

 const RagPipelinePanel = () => {
+  const pipelineId = useStore(s => s.pipelineId)
+  const versionHistoryPanelProps = useMemo(() => {
+    return {
+      getVersionListUrl: `/rag/pipelines/${pipelineId}/workflows`,
+      deleteVersionUrl: (versionId: string) => `/rag/pipelines/${pipelineId}/workflows/${versionId}`,
+      updateVersionUrl: (versionId: string) => `/rag/pipelines/${pipelineId}/workflows/${versionId}`,
+      latestVersionId: '',
+    }
+  }, [pipelineId])
+
  const panelProps: PanelProps = useMemo(() => {
    return {
      components: {
        left: null,
        right: <RagPipelinePanelOnRight />,
      },
+      versionHistoryPanelProps,
    }
-  }, [])
+  }, [versionHistoryPanelProps])

  return (
    <Panel {...panelProps} />
--- a/web/app/components/rag-pipeline/index.tsx
+++ b/web/app/components/rag-pipeline/index.tsx
@ -46,6 +46,7 @@ const RagPipeline = () => {
      <RagPipelineMain
        edges={edgesData}
        nodes={nodesData}
+        viewport={data.graph.viewport}
      />
    </WorkflowWithDefaultContext>
  )
--- a/web/app/components/workflow/index.tsx
+++ b/web/app/components/workflow/index.tsx
@ -152,7 +152,6 @@ export const Workflow: FC<WorkflowProps> = memo(({
      setAutoFreeze(true)
    }
  }, [])
-
  useEffect(() => {
    return () => {
      handleSyncWorkflowDraft(true, true)
--- a/web/app/components/workflow/nodes/data-source/hooks/use-config.ts
+++ b/web/app/components/workflow/nodes/data-source/hooks/use-config.ts
@ -0,0 +1,5 @@
+export const useConfig = (id: string) => {
+  return {
+    id,
+  }
+}
--- a/web/app/components/workflow/nodes/knowledge-base/components/chunk-structure/index.tsx
+++ b/web/app/components/workflow/nodes/knowledge-base/components/chunk-structure/index.tsx
@ -1,4 +1,5 @@
 import { memo } from 'react'
+import { useTranslation } from 'react-i18next'
 import { Field } from '@/app/components/workflow/nodes/_base/components/layout'
 import type { ChunkStructureEnum } from '../../types'
 import OptionCard from '../option-card'
@ -15,6 +16,7 @@ const ChunkStructure = ({
  onChunkStructureChange,
  readonly = false,
 }: ChunkStructureProps) => {
+  const { t } = useTranslation()
  const {
    options,
    optionMap,
@ -23,8 +25,8 @@ const ChunkStructure = ({
  return (
    <Field
      fieldTitleProps={{
-        title: 'Chunk Structure',
-        tooltip: 'Chunk Structure',
+        title: t('workflow.nodes.knowledgeBase.chunkStructure'),
+        tooltip: t('workflow.nodes.knowledgeBase.chunkStructure'),
        operation: (
          <Selector
            options={options}
--- a/web/app/components/workflow/nodes/knowledge-base/components/chunk-structure/selector.tsx
+++ b/web/app/components/workflow/nodes/knowledge-base/components/chunk-structure/selector.tsx
@ -1,4 +1,5 @@
 import { useCallback, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import {
  PortalToFollowElem,
  PortalToFollowElemContent,
@ -21,6 +22,7 @@ const Selector = ({
  onChange,
  readonly,
 }: SelectorProps) => {
+  const { t } = useTranslation()
  const [open, setOpen] = useState(false)

  const handleSelect = useCallback((optionId: ChunkStructureEnum) => {
@ -47,13 +49,13 @@ const Selector = ({
          size='small'
          variant='ghost-accent'
        >
-          change
+          {t('workflow.panel.change')}
        </Button>
      </PortalToFollowElemTrigger>
      <PortalToFollowElemContent className='z-10'>
        <div className='w-[404px] rounded-2xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-xl backdrop-blur-[5px]'>
          <div className='system-sm-semibold px-3 pt-3.5 text-text-primary'>
-            change Chunk Structure
+            {t('workflow.nodes.knowledgeBase.changeChunkStructure')}
          </div>
          <div className='space-y-1 p-3 pt-2'>
            {
--- a/web/app/components/workflow/nodes/knowledge-base/components/input-variable.tsx
+++ b/web/app/components/workflow/nodes/knowledge-base/components/input-variable.tsx
@ -1,4 +1,5 @@
 import { memo } from 'react'
+import { useTranslation } from 'react-i18next'
 import VarReferencePicker from '@/app/components/workflow/nodes/_base/components/variable/var-reference-picker'
 import { Field } from '@/app/components/workflow/nodes/_base/components/layout'
 import type { ValueSelector } from '@/app/components/workflow/types'
@ -15,11 +16,12 @@ const InputVariable = ({
  onInputVariableChange,
  readonly = false,
 }: InputVariableProps) => {
+  const { t } = useTranslation()
+
  return (
    <Field
      fieldTitleProps={{
-        title: 'Input Variable',
-        tooltip: 'Input Variable',
+        title: t('workflow.nodes.common.inputVars'),
      }}
    >
      <VarReferencePicker
--- a/web/app/components/workflow/nodes/knowledge-base/components/retrieval-setting/index.tsx
+++ b/web/app/components/workflow/nodes/knowledge-base/components/retrieval-setting/index.tsx
@ -62,8 +62,7 @@ const RetrievalSetting = ({
        subTitle: (
          <div className='body-xs-regular flex items-center text-text-tertiary'>
            <a target='_blank' rel='noopener noreferrer' href='https://docs.dify.ai/guides/knowledge-base/create-knowledge-and-upload-documents#id-4-retrieval-settings' className='text-text-accent'>{t('datasetSettings.form.retrievalSetting.learnMore')}</a>
-            &nbsp;
-            about retrieval method.
+            &nbsp;{t('workflow.nodes.knowledgeBase.aboutRetrieval')}
          </div>
        ),
      }}
--- a/web/i18n/en-US/workflow.ts
+++ b/web/i18n/en-US/workflow.ts
@ -368,6 +368,7 @@ const translation = {
        ms: 'ms',
        retries: '{{num}} Retries',
      },
+      inputVars: 'Input Variables',
    },
    start: {
      required: 'required',
@ -767,6 +768,11 @@ const translation = {
      currentLoopCount: 'Current loop count: {{count}}',
      totalLoopCount: 'Total loop count: {{count}}',
    },
+    knowledgeBase: {
+      chunkStructure: 'Chunk Structure',
+      changeChunkStructure: 'Change Chunk Structure',
+      aboutRetrieval: 'about retrieval method.',
+    },
    note: {
      addNote: 'Add Note',
      editor: {
--- a/web/i18n/zh-Hans/workflow.ts
+++ b/web/i18n/zh-Hans/workflow.ts
@ -369,6 +369,7 @@ const translation = {
        ms: '毫秒',
        retries: '{{num}} 重试次数',
      },
+      inputVars: '输入变量',
    },
    start: {
      required: '必填',
@ -768,6 +769,11 @@ const translation = {
      currentLoopCount: '当前循环次数：{{count}}',
      totalLoopCount: '总循环次数：{{count}}',
    },
+    knowledgeBase: {
+      chunkStructure: '分段结构',
+      changeChunkStructure: '更改分段结构',
+      aboutRetrieval: '关于知识检索。',
+    },
    note: {
      addNote: '添加注释',
      editor: {