feat(web): logo update

2026-03-27 19:19:18 +08:00
parent 8224848ce1
commit 167c915631
21 changed files with 183 additions and 46 deletions
--- a/web/src/views/ApplicationConfig/components/ConfigHeader.tsx
+++ b/web/src/views/ApplicationConfig/components/ConfigHeader.tsx
@@ -2,11 +2,11 @@
 * @Author: ZhaoYing 
 * @Date: 2026-02-03 16:27:52 
 * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-03-27 17:33:44
+ * @Last Modified time: 2026-03-27 19:07:24
 */
 import { type FC, useRef, useMemo, useCallback } from 'react';
 import { useNavigate, useParams } from 'react-router-dom';
-import { Tabs, Dropdown, Button, Flex } from 'antd';
+import { Tabs, Dropdown, Flex, Popover } from 'antd';
 import type { MenuProps } from 'antd';
 import { useTranslation } from 'react-i18next';
 import clsx from 'clsx';
@@ -218,14 +218,36 @@ const ConfigHeader: FC<ConfigHeaderProps> = ({
              refresh={handleSaveFeaturesConfig}
              chatVariables={(workflowRef.current?.chatVariables || []).map(v => ({ ...v, display_name: v.name }))}
            />
-            <Button onClick={clear}>{t('workflow.clear')}</Button>
-            <Button onClick={addvariable}>{t('workflow.addvariable')}</Button>
-            <Button onClick={run}>{t('workflow.run')}</Button>
-            <Button type="primary" onClick={save}>{t('workflow.save')}</Button>
-            <div
-              className="rb:size-4 rb:cursor-pointer rb:bg-cover rb:bg-[url('@/assets/images/logout.svg')]"
-              onClick={goToApplication}
-            ></div>
+            <Popover content={t('workflow.clear')} classNames={{ body: 'rb:py-0.5! rb:px-1! rb:rounded-[6px]! rb:text-[12px]!' }}>
+              <div
+                className="rb:cursor-pointer rb:size-7.5 rb:border rb:border-[#EBEBEB] rb:hover:bg-[#F6F6F6] rb:rounded-[10px] rb:bg-[url('src/assets/images/workflow/clear.svg')] rb:bg-size-[16px_16px] rb:bg-center rb:bg-no-repeat"
+                onClick={clear}
+              ></div>
+            </Popover>
+            <Popover content={t('workflow.addvariable')} classNames={{ body: 'rb:py-0.5! rb:px-1! rb:rounded-[6px]! rb:text-[12px]!' }}>
+              <div
+                className="rb:cursor-pointer rb:size-7.5 rb:border rb:border-[#EBEBEB] rb:hover:bg-[#F6F6F6] rb:rounded-[10px] rb:bg-[url('src/assets/images/workflow/variable.svg')] rb:bg-size-[16px_16px] rb:bg-center rb:bg-no-repeat"
+                onClick={addvariable}
+              ></div>
+            </Popover>
+            <Popover content={t('workflow.run')} classNames={{ body: 'rb:py-0.5! rb:px-1! rb:rounded-[6px]! rb:text-[12px]!' }}>
+              <div
+                className="rb:cursor-pointer rb:size-7.5 rb:border rb:border-[#EBEBEB] rb:hover:bg-[#F6F6F6] rb:rounded-[10px] rb:bg-[url('src/assets/images/workflow/run.svg')] rb:bg-size-[16px_16px] rb:bg-center rb:bg-no-repeat"
+                onClick={run}
+              ></div>
+            </Popover>
+            <Popover content={t('workflow.save')} classNames={{ body: 'rb:py-0.5! rb:px-1! rb:rounded-[6px]! rb:text-[12px]!' }}>
+              <div
+                className="rb:cursor-pointer rb:size-7.5 rb:border rb:border-[#EBEBEB] rb:hover:bg-[#F6F6F6] rb:rounded-[10px] rb:bg-[url('src/assets/images/workflow/save.svg')] rb:bg-size-[16px_16px] rb:bg-center rb:bg-no-repeat"
+                onClick={save}
+              ></div>
+            </Popover>
+            <Popover content={t('common.return')} classNames={{ body: 'rb:py-0.5! rb:px-1! rb:rounded-[6px]! rb:text-[12px]!' }}>
+              <div
+                className="rb:cursor-pointer rb:size-7.5 rb:border rb:border-[#EBEBEB] rb:hover:bg-[#F6F6F6] rb:rounded-[10px] rb:bg-[url('src/assets/images/workflow/return.svg')] rb:bg-size-[16px_16px] rb:bg-center rb:bg-no-repeat"
+                onClick={goToApplication}
+              ></div>
+            </Popover>
          </Flex>
          : <Flex justify="flex-end">
            <Flex align="center" className="rb:leading-5 rb:text-[14px] rb:text-[#5B6167] rb:font-regular rb:cursor-pointer" onClick={goToApplication}>
--- a/web/src/views/ApplicationConfig/components/FeaturesConfig/index.tsx
+++ b/web/src/views/ApplicationConfig/components/FeaturesConfig/index.tsx
@@ -2,11 +2,11 @@
 * @Author: ZhaoYing 
 * @Date: 2026-03-13 17:20:21 
 * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-03-24 11:00:25
+ * @Last Modified time: 2026-03-27 19:07:35
 */
 import { type FC, useRef } from 'react';
 import { useTranslation } from 'react-i18next';
-import { Button } from 'antd';
+import { Button, Popover } from 'antd';

 import FeaturesConfigModal from './FeaturesConfigModal'
 import type { FeaturesConfigModalRef, FeaturesConfigForm } from '../../types'
@@ -45,7 +45,16 @@ const FeaturesConfig: FC<FeaturesConfigProps> = ({
  return (
    <>
      {/* Button that triggers the feature configuration modal */}
-      <Button onClick={handleFeaturesConfig}>{t('application.features')}</Button>
+      {source === 'workflow'
+        ?
+        <Popover content={t('application.features')} classNames={{ body: 'rb:py-0.5! rb:px-1! rb:rounded-[6px]! rb:text-[12px]!' }}>
+          <div
+            className="rb:cursor-pointer rb:size-7.5 rb:border rb:border-[#EBEBEB] rb:hover:bg-[#F6F6F6] rb:rounded-[10px] rb:bg-[url('src/assets/images/workflow/features.svg')] rb:bg-size-[16px_16px] rb:bg-center rb:bg-no-repeat"
+            onClick={handleFeaturesConfig}
+          ></div>
+        </Popover>
+        : <Button onClick={handleFeaturesConfig}>{t('application.features')}</Button>
+      }

      {/* Modal for editing feature settings; calls refresh on save */}
      <FeaturesConfigModal
--- a/web/src/views/ModelManagement/List.tsx
+++ b/web/src/views/ModelManagement/List.tsx
@@ -2,7 +2,7 @@
 * @Author: ZhaoYing 
 * @Date: 2026-02-03 16:50:10 
 * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-03-25 14:21:01
+ * @Last Modified time: 2026-03-27 19:18:55
 */
 /**
 * Model List View
@@ -11,7 +11,7 @@
 */

 import { useRef, useState, useEffect, forwardRef, useImperativeHandle } from 'react';
-import { Button, Flex, Row, Col, Tooltip } from 'antd'
+import { Button, Flex, Row, Col, Tooltip, Popover } from 'antd'
 import { useTranslation } from 'react-i18next';

 import type { ProviderModelItem, KeyConfigModalRef, ModelListDetailRef, ModelListItem, BaseRef } from './types'
@@ -75,7 +75,14 @@ const ModelList = forwardRef<BaseRef, { query: any; handleEdit: (vo?: ModelListI
                  <Tooltip title={String(item.provider).charAt(0).toUpperCase() + String(item.provider).slice(1)}>
                    <div className="rb:wrap-break-word rb:line-clamp-1">{String(item.provider).charAt(0).toUpperCase() + String(item.provider).slice(1)}</div>
                  </Tooltip>
-                  <Flex gap={8} className="rb:overflow-hidden rb:flex-nowrap rb:w-auto!">{item.tags.map(tag => <Tag key={tag} className="rb:shrink-0">{t(`modelNew.${tag}`)}</Tag>)}</Flex>
+
+                  <Popover content={
+                    <Flex gap={8} className="rb:overflow-hidden rb:flex-nowrap rb:w-auto!">{item.tags.map(tag => <Tag key={tag} className="rb:shrink-0">{t(`modelNew.${tag}`)}</Tag>)}</Flex>
+                  }>
+                    <Flex gap={8} className="rb:overflow-hidden rb:flex-nowrap rb:w-auto!">
+                      {item.tags.map(tag => <Tag key={tag} className="rb:shrink-0">{t(`modelNew.${tag}`)}</Tag>)}
+                    </Flex>
+                  </Popover>
                </Flex>}
                isNeedTooltip={false}
                footer={<Row gutter={9} className="rb:pt-2!">
--- a/web/src/views/ModelManagement/utils.ts
+++ b/web/src/views/ModelManagement/utils.ts
@@ -13,7 +13,7 @@ import dashscopeIcon from '@/assets/images/model/dashscope.png'
 import gpustackIcon from '@/assets/images/model/gpustack.png'
 import ollamaIcon from '@/assets/images/model/ollama.png'
 import openaiIcon from '@/assets/images/model/openai.png'
-import xinferenceIcon from '@/assets/images/model/xinference.svg'
+import xinferenceIcon from '@/assets/images/model/xinference.png'
 import volcanoIcon from '@/assets/images/model/volcano.png'

 /**
--- a/web/src/views/Workflow/constant.ts
+++ b/web/src/views/Workflow/constant.ts
@@ -2,7 +2,7 @@
 * @Author: ZhaoYing 
 * @Date: 2026-02-03 15:06:18 
 * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-03-24 11:11:46
+ * @Last Modified time: 2026-03-27 18:30:52
 */
 import LoopNode from './components/Nodes/LoopNode';
 import NormalNode from './components/Nodes/NormalNode';
@@ -33,6 +33,7 @@ import assignerIcon from '@/assets/images/workflow/assigner.svg'
 import memoryReadIcon from '@/assets/images/workflow/memory-read.svg'
 import memoryWriteIcon from '@/assets/images/workflow/memory-write.svg'
 import unknownIcon from '@/assets/images/workflow/unknown.svg'
+import documentExtractorIcon from '@/assets/images/workflow/document-extractor.svg'

 import { memoryConfigListUrl } from '@/api/memory'
 import type { NodeLibrary } from './types'
@@ -473,8 +474,7 @@ export const nodeLibrary: NodeLibrary[] = [
          },
        }
      },
-      {
-        type: "document-extractor", icon: codeExecutionIcon,
+      { type: "document-extractor", icon: documentExtractorIcon,
        config: {
          file_selector: {
            type: 'variableList',