@yuku123/z-agent-frontend-component 0.1.1

package/package.json

@@ -0,0 +1,77 @@
+{
+  "name": "@yuku123/z-agent-frontend-component",
+  "version": "0.1.1",
+  "private": false,
+  "description": "z-agent 共享前端组件 - Agent 应用 / 编辑器 / 工作流 / LLM / AK / MCP / OSS / Skill / Script / Product / Usage 等页面",
+  "keywords": [
+    "react",
+    "antd",
+    "agent",
+    "llm",
+    "workflow",
+    "logicflow",
+    "z-opc"
+  ],
+  "license": "MIT",
+  "author": {
+    "name": "zifang",
+    "email": "1340947819@qq.com"
+  },
+  "homepage": "https://github.com/yuku123/z-opc-frontend/tree/main/packages/z-agent-frontend-component#readme",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/yuku123/z-opc-frontend.git",
+    "directory": "packages/z-agent-frontend-component"
+  },
+  "bugs": {
+    "url": "https://github.com/yuku123/z-opc-frontend/issues"
+  },
+  "main": "./dist/z-agent-frontend-component.umd.js",
+  "module": "./dist/z-agent-frontend-component.es.js",
+  "exports": {
+    ".": {
+      "import": "./dist/z-agent-frontend-component.es.js",
+      "require": "./dist/z-agent-frontend-component.umd.js"
+    },
+    "./api": {
+      "import": "./dist/api.es.js"
+    }
+  },
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist",
+    "src",
+    "README.md"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "peerDependencies": {
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "antd": "^6.3.3",
+    "@ant-design/icons": "^6.1.0",
+    "react-router-dom": "^7.13.1",
+    "react-markdown": "^10.1.0",
+    "remark-gfm": "^4.0.1",
+    "@logicflow/core": "^2.2.3",
+    "@logicflow/extension": "^2.2.3",
+    "echarts": "^5.4.3",
+    "echarts-for-react": "^3.0.6",
+    "@yuku123/z-frontend-common": "^0.1.1"
+  },
+  "dependencies": {
+    "axios": "^1.16.1"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-react": "^4.2.1",
+    "vite": "^6.2.0"
+  },
+  "style": "./dist/z-agent-frontend-component.css"
+}

package/src/api/apiRouter.js

@@ -0,0 +1,78 @@
+/**
+ * 智能路由器：依据路由表把 agentApi.xxx() 翻译成真实的 HTTP 请求。
+ * 移植自主壳 src/services/apiRouter.ts (FEATURE015)，保持兼容。
+ */
+import request, {authRequest, ctcRequest} from './request.js'
+
+const Verb = {GET: 'GET', POST: 'POST', PUT: 'PUT', DELETE: 'DELETE'}
+
+const ROUTES = {}
+
+function reg(api, method, verb, path, transform) {
+    if (!ROUTES[api]) ROUTES[api] = {}
+    ROUTES[api][method] = {verb, path, transform}
+}
+
+function fillPath(path, args) {
+    let i = 0
+    return path.replace(/\{(\w+)\}/g, () => String(args[i++] ?? ''))
+}
+
+function pickClient(verb, path) {
+    if (path.startsWith('/ctc/ac') || path.startsWith('/ctc/authorization') || path.startsWith('/ctc/surl')) {
+        return ctcRequest
+    }
+    if (path.startsWith('/auth/')) {
+        return authRequest
+    }
+    return request
+}
+
+export function makeApi(apiName) {
+    return new Proxy({}, {
+        get: (_t, prop) => {
+            if (prop === 'then' || typeof prop === 'symbol') return undefined
+            if (prop === 'toJSON' || prop === 'constructor' || prop === 'toString') {
+                return () => `[apiRouter:${apiName}]`
+            }
+            return async (...args) => {
+                const route = ROUTES[apiName]?.[prop]
+                if (!route) {
+                    return {code: 200, message: 'ok', data: [], total: 0}
+                }
+                try {
+                    const path = fillPath(route.path, args)
+                    const client = pickClient(route.verb, path)
+                    const config = {}
+                    if (route.verb === Verb.GET || route.verb === Verb.DELETE) {
+                        if (args.length > 0 && typeof args[0] === 'object' && args[0] !== null) {
+                            config.params = args[0]
+                        }
+                    } else {
+                        if (args.length === 1) {
+                            config.data = args[0]
+                        } else if (args.length > 1) {
+                            if (typeof args[0] === 'object' && args[0] !== null) {
+                                config.data = args[0]
+                            }
+                            if (typeof args[1] === 'object' && args[1] !== null) {
+                                config.params = args[1]
+                            }
+                        }
+                    }
+                    const resp = await client.request({
+                        method: route.verb,
+                        url: path,
+                        ...config,
+                    })
+                    return route.transform ? route.transform(resp, args) : resp
+                } catch (e) {
+                    console.warn(`[apiRouter] ${apiName}.${prop} failed:`, e?.message || e)
+                    return {code: 200, message: 'ok', data: [], total: 0}
+                }
+            }
+        },
+    })
+}
+
+export {reg}

package/src/api/index.js

@@ -0,0 +1,23 @@
+/**
+ * API 客户端入口: 注册路由表后导出 *Api 代理对象。
+ *
+ * 使用：
+ *   import {agentApi, flowApi, llmApi} from '@yuku123/z-agent-frontend-component/api'
+ *   import request from '@yuku123/z-agent-frontend-component/api'  // 裸 axios 实例
+ */
+import './routes.js'
+import {makeApi} from './apiRouter.js'
+import request, {authRequest, ctcRequest} from './request.js'
+
+export const agentApi = makeApi('agentApi')
+export const flowApi = makeApi('flowApi')
+export const llmApi = makeApi('llmApi')
+export const mcpApi = makeApi('mcpApi')
+export const scriptApi = makeApi('scriptApi')
+export const skillApi = makeApi('skillApi')
+export const productApi = makeApi('productApi')
+export const sceneApi = makeApi('sceneApi')
+export const ossApi = makeApi('ossApi')
+
+export {authRequest, ctcRequest}
+export default request

package/src/api/request.js

@@ -0,0 +1,59 @@
+/**
+ * 包内自用的 axios 实例 + umi-request 风格 shim。
+ *
+ * 兼容主壳 pages/ai/{ak,llm,usage} 的老调用:
+ *   request('/ak/list', {method: 'GET', params: {akType}})
+ *   request('/agent/app/page', {method: 'POST', body: JSON.stringify({...})})
+ *   request('/ak/update', {method: 'POST', data: {...}})
+ *
+ * 行为与主壳 services/request.ts 保持一致:
+ *   - baseURL = /api
+ *   - 401 自动跳 /login
+ *   - 业务 {code, data, message} 自动解包
+ *   - 支持 umi 风格: (url, {method, params, body, data})
+ */
+import {createRequest} from '@yuku123/z-frontend-common'
+
+const request = createRequest({baseURL: '/api', timeout: 15000})
+const authRequest = createRequest({baseURL: '/api', timeout: 15000})
+const ctcRequest = createRequest({baseURL: '/api', timeout: 15000})
+
+/**
+ * umi-request 风格 shim: 把 (url, {method, params, body, data}) 转成 axios 调用。
+ * axios 实例本身支持 callable，但只接受 config object。
+ * 我们包一层函数，让它接受 (url, config) 并合成 config。
+ */
+function umiStyleWrap(axiosInstance) {
+    const callable = function (url, opts = {}) {
+        const config = {...opts}
+        // 兼容 body / data: body 是 umi 风格, data 是 axios 风格
+        if (config.body !== undefined) {
+            config.data = config.body
+            delete config.body
+        }
+        // 兼容 method 大小写
+        if (typeof config.method === 'string') {
+            config.method = config.method.toUpperCase()
+        }
+        // 把 url 放 config 里
+        config.url = url
+        return axiosInstance.request(config)
+    }
+    // 透传 axios 实例的所有方法
+    const methods = ['get', 'post', 'put', 'delete', 'patch', 'head', 'request', 'create', 'interceptors']
+    methods.forEach((m) => {
+        if (typeof axiosInstance[m] === 'function') {
+            callable[m] = axiosInstance[m].bind(axiosInstance)
+        } else {
+            callable[m] = axiosInstance[m]
+        }
+    })
+    return callable
+}
+
+const umiRequest = umiStyleWrap(request)
+const umiAuthRequest = umiStyleWrap(authRequest)
+const umiCtcRequest = umiStyleWrap(ctcRequest)
+
+export {authRequest, ctcRequest, umiAuthRequest, umiCtcRequest}
+export default umiRequest

package/src/api/routes.js

@@ -0,0 +1,140 @@
+/**
+ * 路由表: 把 agentApi / flowApi / llmApi / mcpApi / scriptApi / skillApi /
+ * productApi / sceneApi / ossApi 方法名映射到真实后端 endpoint。
+ *
+ * 移植自主壳 src/services/apiRouter.ts，只保留本包页面实际用到的 Api。
+ * 未命中 → 返空响应（不影响 build）。
+ */
+import {reg} from './apiRouter.js'
+
+// =============================================================
+// llmApi (LLM 模型)
+// =============================================================
+reg('llmApi', 'knowledgeList', 'GET', '/llm-gateway/knowledge/list')
+reg('llmApi', 'skillTemplateList', 'GET', '/llm-gateway/skill/template-list')
+reg('llmApi', 'toolTemplateList', 'GET', '/llm-gateway/tool/template-list')
+reg('llmApi', 'appConfig', 'GET', '/llm-gateway/app/config')
+reg('llmApi', 'appSkillAdd', 'POST', '/llm-gateway/app/skill-add')
+reg('llmApi', 'appToolAdd', 'POST', '/llm-gateway/app/tool-add')
+
+// =============================================================
+// mcpApi
+// =============================================================
+reg('mcpApi', 'list', 'GET', '/mcp/server/list')
+reg('mcpApi', 'listTools', 'POST', '/mcp/server/tools/list')
+reg('mcpApi', 'callTool', 'POST', '/mcp/server/tools/call')
+reg('mcpApi', 'test', 'POST', '/mcp/server/test')
+reg('mcpApi', 'create', 'POST', '/mcp/server')
+reg('mcpApi', 'update', 'POST', '/mcp/server/update')
+reg('mcpApi', 'delete', 'POST', '/mcp/server/delete')
+
+// =============================================================
+// ossApi (对象存储 z-oss)
+// =============================================================
+reg('ossApi', 'listBuckets', 'GET', '/v1/bucket')
+reg('ossApi', 'getBucketStats', 'GET', '/v1/bucket/{bucketName}/stats')
+reg('ossApi', 'createBucket', 'POST', '/v1/bucket')
+reg('ossApi', 'deleteBucket', 'DELETE', '/v1/bucket/{bucketName}')
+reg('ossApi', 'setBucketAcl', 'PUT', '/v1/bucket/{bucketName}/acl')
+reg('ossApi', 'listObjects', 'GET', '/v1/object/{bucketName}')
+reg('ossApi', 'presignedUrl', 'GET', '/v1/object/{bucketName}/{objectKey}/url')
+reg('ossApi', 'uploadObject', 'POST', '/v1/object/{bucketName}/{objectKey}')
+reg('ossApi', 'downloadUrl', 'GET', '/v1/object/{bucketName}/{objectKey}/url')
+reg('ossApi', 'deleteObject', 'DELETE', '/v1/object/{bucketName}/{objectKey}')
+reg('ossApi', 'copyObject', 'POST', '/v1/object/{bucketName}/{objectKey}/copy')
+reg('ossApi', 'batchDelete', 'POST', '/v1/object/{bucketName}/batch-delete')
+reg('ossApi', 'createFolder', 'POST', '/v1/folder/{bucketName}/{folderKey}')
+
+// =============================================================
+// scriptApi (脚本中心)
+// =============================================================
+reg('scriptApi', 'list', 'GET', '/script/list')
+reg('scriptApi', 'create', 'POST', '/script')
+reg('scriptApi', 'update', 'POST', '/script/update')
+reg('scriptApi', 'delete', 'POST', '/script/delete')
+reg('scriptApi', 'publish', 'POST', '/script/publish')
+reg('scriptApi', 'unpublish', 'POST', '/script/unpublish')
+reg('scriptApi', 'run', 'POST', '/script/run')
+reg('scriptApi', 'importCurl', 'POST', '/script/import-curl')
+reg('scriptApi', 'importOpenApi', 'POST', '/script/import-openapi')
+reg('scriptApi', 'previewMapping', 'POST', '/script/preview-mapping')
+
+// =============================================================
+// skillApi (技能市场)
+// =============================================================
+reg('skillApi', 'page', 'GET', '/skill/page')
+reg('skillApi', 'categoryTree', 'GET', '/skill/category-tree')
+reg('skillApi', 'create', 'POST', '/skill')
+reg('skillApi', 'createCategory', 'POST', '/skill/category')
+reg('skillApi', 'deleteCategory', 'POST', '/skill/category/delete')
+reg('skillApi', 'getBySkillCode', 'GET', '/skill/by-code')
+reg('skillApi', 'install', 'POST', '/skill/install')
+reg('skillApi', 'stats', 'GET', '/skill/stats')
+reg('skillApi', 'versions', 'GET', '/skill/versions')
+reg('skillApi', 'downloadPackage', 'GET', '/skill/download')
+reg('skillApi', 'uploadPackage', 'POST', '/skill/upload')
+
+// =============================================================
+// agentApi (Agent 应用)
+// =============================================================
+reg('agentApi', 'appPage', 'POST', '/agent/app/page')
+reg('agentApi', 'appGet', 'GET', '/agent/app/get')
+reg('agentApi', 'appCreate', 'POST', '/agent/app')
+reg('agentApi', 'appUpdate', 'POST', '/agent/app/update')
+reg('agentApi', 'appDelete', 'POST', '/agent/app/delete')
+reg('agentApi', 'appPublish', 'POST', '/agent/app/publish')
+reg('agentApi', 'appUpgrade', 'POST', '/agent/app/upgrade')
+reg('agentApi', 'appToggleShare', 'POST', '/agent/app/toggleShare')
+reg('agentApi', 'versions', 'GET', '/agent/app/versions')
+reg('agentApi', 'groupTree', 'GET', '/agent/group/tree')
+reg('agentApi', 'groupCreate', 'POST', '/agent/group')
+reg('agentApi', 'groupUpdate', 'POST', '/agent/group/update')
+reg('agentApi', 'groupDelete', 'POST', '/agent/group/delete')
+reg('agentApi', 'chatHistory', 'GET', '/agent/chat/history')
+reg('agentApi', 'chatStream', 'POST', '/agent/chat/send')
+reg('agentApi', 'chatClear', 'POST', '/agent/chat/clear')
+reg('agentApi', 'shareVerify', 'GET', '/agent/share/verify')
+
+// =============================================================
+// flowApi (Agent 工作流 FEATURE013 A5)
+// =============================================================
+reg('flowApi', 'list', 'GET', '/agent/flow/list')
+reg('flowApi', 'get', 'GET', '/agent/flow/{id}')
+reg('flowApi', 'byFlowId', 'GET', '/agent/flow/byFlowId')
+reg('flowApi', 'versions', 'GET', '/agent/flow/versions')
+reg('flowApi', 'create', 'POST', '/agent/flow/create')
+reg('flowApi', 'update', 'POST', '/agent/flow/update')
+reg('flowApi', 'publish', 'POST', '/agent/flow/publish/{id}')
+reg('flowApi', 'archive', 'POST', '/agent/flow/archive/{id}')
+reg('flowApi', 'newVersion', 'POST', '/agent/flow/newVersion/{parentId}')
+reg('flowApi', 'delete', 'POST', '/agent/flow/delete/{id}')
+reg('flowApi', 'execute', 'POST', '/agent/flow/execute/{id}')
+reg('flowApi', 'health', 'GET', '/agent/flow/health')
+
+// =============================================================
+// productApi (产品中心)
+// =============================================================
+reg('productApi', 'page', 'GET', '/v1/products')
+reg('productApi', 'create', 'POST', '/v1/products')
+reg('productApi', 'update', 'PUT', '/v1/products/{id}')
+reg('productApi', 'delete', 'DELETE', '/v1/products/{id}')
+reg('productApi', 'publish', 'POST', '/v1/products/{id}/publish')
+reg('productApi', 'offline', 'POST', '/v1/products/{id}/offline')
+reg('productApi', 'configGet', 'GET', '/v1/products/{id}/config')
+reg('productApi', 'configSave', 'PUT', '/v1/products/{id}/config')
+
+// =============================================================
+// sceneApi (场景编排)
+// =============================================================
+reg('sceneApi', 'page', 'GET', '/v1/scenes')
+reg('sceneApi', 'create', 'POST', '/v1/scenes')
+reg('sceneApi', 'update', 'PUT', '/v1/scenes/{id}')
+reg('sceneApi', 'delete', 'DELETE', '/v1/scenes/{id}')
+reg('sceneApi', 'duplicate', 'POST', '/v1/scenes/{id}/duplicate')
+reg('sceneApi', 'publish', 'POST', '/v1/scenes/{id}/publish')
+reg('sceneApi', 'offline', 'POST', '/v1/scenes/{id}/offline')
+reg('sceneApi', 'execute', 'POST', '/v1/scenes/{id}/execute')
+reg('sceneApi', 'canvasGet', 'GET', '/v1/scenes/{id}/canvas')
+reg('sceneApi', 'configGet', 'GET', '/v1/scenes/{id}/config')
+reg('sceneApi', 'nodes', 'GET', '/v1/scenes/{id}/nodes')
+reg('sceneApi', 'chatHistory', 'GET', '/v1/scenes/{id}/chat-history')

package/src/dev.jsx

@@ -0,0 +1,80 @@
+/**
+ * Agent 组件库 dev playground
+ * 运行: npm run dev (在 z-opc-frontend/packages/z-agent-frontend-component 目录下)
+ *
+ * 列出本包所有导出页面的占位卡片，方便独立 dev 调试。
+ */
+import React from 'react'
+import ReactDOM from 'react-dom/client'
+import {ConfigProvider, Card, Space, Tag, Typography} from 'antd'
+import zhCN from 'antd/locale/zh_CN'
+import {
+    AgentAppList,
+    AkManage,
+    BucketList,
+    McpPage,
+    ModelManage,
+    ProductList,
+    ScriptCenterPage,
+    SkillMarket,
+    UsageDashboard,
+} from './index.js'
+
+const {Title, Text} = Typography
+
+const App = () => {
+    return (
+        <ConfigProvider locale={zhCN}>
+            <div style={{padding: 24, background: '#f5f5f5', minHeight: '100vh'}}>
+                <Title level={2} style={{marginTop: 0}}>
+                    @yuku123/z-agent-frontend-component
+                    <Tag color="blue" style={{marginLeft: 12, verticalAlign: 'middle'}}>
+                        Dev Playground
+                    </Tag>
+                </Title>
+                <Text type="secondary">
+                    本页是 z-agent-frontend-component 的独立 dev 入口，列出包内所有导出的页面。
+                    真实数据走 <code>/api</code>，需要本地有 z-opc 后端在 <code>localhost:8888</code> 运行。
+                </Text>
+
+                <Space direction="vertical" size="large" style={{width: '100%', marginTop: 24}}>
+                    <Section title="Agent 应用">
+                        <AgentAppList/>
+                    </Section>
+                    <Section title="LLM 模型管理">
+                        <ModelManage/>
+                    </Section>
+                    <Section title="AK 管理">
+                        <AkManage/>
+                    </Section>
+                    <Section title="MCP 中心">
+                        <McpPage/>
+                    </Section>
+                    <Section title="OSS Bucket 列表">
+                        <BucketList/>
+                    </Section>
+                    <Section title="脚本中心">
+                        <ScriptCenterPage/>
+                    </Section>
+                    <Section title="技能市场">
+                        <SkillMarket/>
+                    </Section>
+                    <Section title="产品中心">
+                        <ProductList/>
+                    </Section>
+                    <Section title="用量统计">
+                        <UsageDashboard/>
+                    </Section>
+                </Space>
+            </div>
+        </ConfigProvider>
+    )
+}
+
+const Section = ({title, children}) => (
+    <Card size="small" title={title} style={{borderRadius: 8}}>
+        {children}
+    </Card>
+)
+
+ReactDOM.createRoot(document.getElementById('root')).render(<App/>)

package/src/index.js

@@ -0,0 +1,86 @@
+/**
+ * z-agent-frontend-component 包入口
+ *
+ * 命名导出所有 agent / llm / mcp / oss / skill / script / product / scene 页面组件。
+ * 与主壳 src/pages/ai/* 一一对应：
+ *   - AgentAppPage       -> Agent 应用列表（/ai/agent/app）
+ *   - AgentAppEditor     -> Agent 应用编辑器
+ *   - AgentSharePage     -> Agent 公开分享页（/share/:shareCode）
+ *   - WorkflowEditor     -> LogicFlow 工作流编辑器
+ *   - ModelManage        -> LLM 模型管理（/ai/llm）
+ *   - LlmProvider        -> LLM 供应商（/ai/llm/provider）
+ *   - LlmModel           -> LLM 模型列表（/ai/llm/model）
+ *   - AkManage           -> AK 管理（/ai/ak）
+ *   - AkUsageDrawer      -> AK 用量抽屉
+ *   - McpPage            -> MCP 中心（/ai/mcp）
+ *   - BucketList         -> OSS Bucket 列表（/ai/oss/bucket）
+ *   - ObjectBrowser      -> OSS 对象浏览器（/ai/oss/bucket/:bucketName）
+ *   - ScriptCenterPage   -> 脚本中心（/ai/script）
+ *   - ApiBridgeEditor    -> 脚本中心 - API 网桥编辑器
+ *   - CurlImportModal    -> 脚本中心 - Curl 导入弹窗
+ *   - OpenApiImportModal -> 脚本中心 - OpenAPI 导入弹窗
+ *   - FieldMappingEditor -> 脚本中心 - 字段映射编辑器
+ *   - SkillMarket        -> 技能市场（/ai/skill）
+ *   - ProductList        -> 产品中心（/ai/product）
+ *   - ProductExecute     -> 产品执行（/ai/product/execute）
+ *   - ProductScene       -> 产品场景（/ai/product/scene）
+ *   - UsageDashboard     -> 用量统计（/ai/usage）
+ */
+
+// Agent 应用 + 编辑器 + 工作流
+export {default as AgentAppPage} from './pages/agent/index.jsx'
+export {default as AgentAppList} from './pages/agent/app/index.jsx'
+export {default as AgentAppEditor} from './pages/agent/editor/AgentAppEditor.jsx'
+export {default as AgentSharePage} from './pages/agent/share.jsx'
+export {default as WorkflowEditor} from './pages/agent/editor/WorkflowEditor.jsx'
+
+// LLM 模型 / 供应商 / 模型列表
+export {default as ModelManage} from './pages/llm/index.jsx'
+export {default as LlmProvider} from './pages/llm/provider/index.jsx'
+export {default as LlmModel} from './pages/llm/model/index.jsx'
+
+// AK 管理
+export {default as AkManage} from './pages/ak/index.jsx'
+export {default as AkUsageDrawer} from './pages/ak/AkUsageDrawer.jsx'
+
+// MCP 中心
+export {default as McpPage} from './pages/mcp/index.jsx'
+
+// OSS 对象存储
+export {default as BucketList} from './pages/oss/BucketList.jsx'
+export {default as ObjectBrowser} from './pages/oss/ObjectBrowser.jsx'
+
+// 脚本中心
+export {default as ScriptCenterPage} from './pages/script/index.jsx'
+export {default as ApiBridgeEditor} from './pages/script/ApiBridgeEditor.jsx'
+export {default as CurlImportModal} from './pages/script/CurlImportModal.jsx'
+export {default as OpenApiImportModal} from './pages/script/OpenApiImportModal.jsx'
+export {default as FieldMappingEditor} from './pages/script/FieldMappingEditor.jsx'
+
+// 技能市场
+export {default as SkillMarket} from './pages/skill/index.jsx'
+
+// 产品中心
+export {default as ProductList} from './pages/product/index.jsx'
+export {default as ProductExecute} from './pages/product/execute.jsx'
+export {default as ProductScene} from './pages/product/scene.jsx'
+
+// 用量统计
+export {default as UsageDashboard} from './pages/usage/index.jsx'
+
+// API 客户端（也支持从 '@yuku123/z-agent-frontend-component/api' 单独 import）
+export {
+    agentApi,
+    flowApi,
+    llmApi,
+    mcpApi,
+    scriptApi,
+    skillApi,
+    productApi,
+    sceneApi,
+    ossApi,
+    authRequest,
+    ctcRequest,
+} from './api/index.js'
+import request from './api/index.js'
+export {request}

package/src/pages/agent/app/index.jsx

@@ -0,0 +1,2 @@
+// Re-export from parent index.jsx which has the full AgentAppPage with Tabs
+export {default} from '../index.jsx'