adai/MemoryBear
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(web): Index/model/space/tool ui upgrade

Browse Source
This commit is contained in:
zhaoying
2026-03-23 11:37:04 +08:00
parent 0775fad5f0
commit 4dbb2bf2e2
47 changed files with 1094 additions and 1123 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
web/src/views/SpaceManagement/index.tsx
View File

@@ -1,8 +1,8 @@
/*
* @Author: ZhaoYing
* @Date: 2026-02-03 17:48:59
* @Last Modified by: ZhaoYing
* @Last Modified time: 2026-02-03 17:48:59
* @Last Modified by: ZhaoYing
* @Last Modified time: 2026-03-20 18:49:51
*/
/**
* Space Management Page
@@ -11,13 +11,12 @@
import React, { useEffect, useState, useRef } from 'react';
import { useNavigate } from 'react-router-dom';
import clsx from 'clsx';
import { useTranslation } from 'react-i18next';
import { List, Button } from 'antd';
import { List, Button, Flex, Space as AntSpace, Tooltip } from 'antd';
import type { Space, SpaceModalRef } from './types';
import SpaceModal from './components/SpaceModal';
import RbCard from '@/components/RbCard/Card'
import RbCard from '@/components/RbCard'
import { getWorkspaces, switchWorkspace } from '@/api/workspaces'
import BodyWrapper from '@/components/Empty/BodyWrapper'
import Tag from '@/components/Tag'
@@ -76,20 +75,21 @@ const SpaceManagement: React.FC = () => {
<List.Item key={item.id}>
<RbCard
avatarUrl={item.icon}
avatar={<div className="rb:w-12 rb:h-12 rb:rounded-lg rb:mr-3 rb:bg-[#155eef] rb:flex rb:items-center rb:justify-center rb:text-[28px] rb:text-[#ffffff]">
{item.name[0]}
</div>}
title={item.name}
subTitle={<Tag className="rb:mt-1 rb:font-regular!" color={item.storage_type === 'rag' ? 'processing' : 'warning'}>{t(`space.${item.storage_type || 'neo4j'}`)}</Tag>}
>
<div className={clsx("rb:absolute rb:-top-px rb:-right-px rb:p-[2px_9px] rb:text-[#FFFFFF] rb:leading-4 rb:text-[12px] rb:font-regular rb:rounded-[0px_12px_0px_12px]", {
'rb:bg-[#369F21]': item.is_active,
'rb:bg-[#A8A9AA]': !item.is_active,
})}>{item.is_active ? t('space.associated') : t('space.notAssociated')}</div>
<Button type="primary" ghost block className="rb:mt-10" onClick={() => handleJump(item.id)}>
avatarText={item.name[0]}
title={<Flex vertical gap={6}>
<Tooltip title={item.name}>
<div className="rb:wrap-break-word rb:line-clamp-1">{item.name}</div>
</Tooltip>
<AntSpace>
<Tag color={item.storage_type === 'rag' ? 'processing' : 'warning'}>{t(`space.${item.storage_type || 'neo4j'}`)}</Tag>
<Tag color={item.is_active ? 'success' : 'error'}>{item.is_active ? t('space.associated') : t('space.notAssociated')}</Tag>
</AntSpace>
</Flex>}
isNeedTooltip={false}
footer={<Button type="primary" ghost block className="rb:mt-2 rb:h-9!" onClick={() => handleJump(item.id)}>
{t('space.enterSpace')}
</Button>
</Button>}
>
</RbCard>
</List.Item>
)}