feat: 添加知识库配置管理功能

新增地区-知识库绑定管理功能，支持增删改查操作
- 添加 V3 API 路由层：area-datasets 相关接口
- 添加 API 客户端：area-datasets.ts
- 添加自定义 Hook：use-area-dataset-config.ts
- 添加管理组件：area-dataset-config.tsx
- 修复路由冲突问题，删除重复的 .ts 路由文件
- 更新 dataset-manager 页面，添加 Tabs 导航

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

app/routes/chat-with-llm.dataset-manager.tsx

@@ -1,26 +1,36 @@
+import { Tabs } from 'antd';
 import DatasetManager from "~/components/dify-dataset-manager";
-import datasetManagerStyles from "~/styles/components/dify-dataset-manager/index.css?url";
-// import sidebarStyles from "~/styles/components/dify-dataset-manager/sidebar.css?url";
-// import documentListStyles from "~/styles/components/dify-dataset-manager/document-list.css?url";
+import AreaDatasetConfig from "~/components/dify-dataset-manager/area-dataset-config";
 
 /**
- * 注册样式
- */
-export function links() {
-    return [
-        { rel: "stylesheet", href: datasetManagerStyles },
-        // { rel: "stylesheet", href: sidebarStyles },
-        // { rel: "stylesheet", href: documentListStyles },
-    ];
-}
-
-/**
- * 知识库管理首页
+ * 知识库管理首页 - 带标签页导航
+ * 标签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-page" style={{ height: '90vh', padding: '16px' }}>
-            <DatasetManager />
+        <div className="dataset-manager-container">
+            <Tabs
+                defaultActiveKey={defaultActiveTab}
+                items={items}
+                className="dataset-manager-tabs"
+            />
         </div>
     );
 }