import { Tabs } from 'antd';
import DatasetManager from "~/components/dify-dataset-manager";
import AreaDatasetConfig from "~/components/dify-dataset-manager/area-dataset-config";

/**
 * 知识库管理首页 - 带标签页导航
 * 标签1: 知识库列表 - 进入单个知识库管理
 * 标签2: 知识库配置管理 - 地区-知识库绑定管理
 */
export default function DatasetManagerIndex() {
    const items = [
        {
            key: 'dataset-list',
            label: '知识库列表',
            children: <DatasetManager />,
        },
        {
            key: 'area-config',
            label: '知识库配置管理',
            children: <AreaDatasetConfig />,
        },
    ];

    // 使用Tabs作为顶层导航，默认选中第一个
    const defaultActiveTab = 'dataset-list';

    return (
        <div className="dataset-manager-container">
            <Tabs
                defaultActiveKey={defaultActiveTab}
                items={items}
                className="dataset-manager-tabs"
            />
        </div>
    );
}