Compare commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
719ff6f210 | ||
|
|
1f74586032 |
No files matched your search
@@ -104,12 +104,3 @@ docs/backups
|
|||||||
|
|
||||||
# uv lockfile (not tracked per project preference)
|
# uv lockfile (not tracked per project preference)
|
||||||
offline-backend-20260512/backend/uv.lock
|
offline-backend-20260512/backend/uv.lock
|
||||||
|
|
||||||
# Local-only scratch directory (not committed)
|
|
||||||
0622/
|
|
||||||
|
|
||||||
# Python bytecode cache
|
|
||||||
__pycache__/
|
|
||||||
|
|
||||||
# misc
|
|
||||||
.DS_Store
|
|
||||||
@@ -1,102 +0,0 @@
|
|||||||
# AGENTS.md
|
|
||||||
|
|
||||||
This file provides guidance to Codex (Codex.ai/code) when working with code in this repository.
|
|
||||||
|
|
||||||
## Project Overview
|
|
||||||
|
|
||||||
This is a customized offline deployment of **DeerFlow** — a LangGraph-based AI super agent platform. The repo contains two sub-projects:
|
|
||||||
|
|
||||||
- `offline-backend-20260512/backend/` — Python backend (FastAPI Gateway + LangGraph agent runtime)
|
|
||||||
- `frontend-web/` — Vite + React 19 frontend (TypeScript, pnpm)
|
|
||||||
|
|
||||||
Managed together via shell scripts in `scripts/`.
|
|
||||||
|
|
||||||
## Commands
|
|
||||||
|
|
||||||
### Full Application (from repo root)
|
|
||||||
|
|
||||||
```bash
|
|
||||||
./scripts/start-all.sh # Start backend + frontend as background daemons
|
|
||||||
./scripts/stop-all.sh # Stop both
|
|
||||||
./scripts/restart-all.sh # Restart both
|
|
||||||
./scripts/status.sh # Check running status
|
|
||||||
```
|
|
||||||
|
|
||||||
Logs and PID files are written to `.runtime/logs/` and `.runtime/pids/`.
|
|
||||||
|
|
||||||
### Backend Only (from `offline-backend-20260512/backend/`)
|
|
||||||
|
|
||||||
```bash
|
|
||||||
make install # Install Python dependencies (uv)
|
|
||||||
make dev # Run Gateway API with hot-reload on port 8001
|
|
||||||
make gateway # Run Gateway API without reload
|
|
||||||
make test # Run all tests: PYTHONPATH=. uv run pytest tests/ -v
|
|
||||||
make lint # Lint with ruff
|
|
||||||
make format # Format with ruff
|
|
||||||
```
|
|
||||||
|
|
||||||
Run a single test file:
|
|
||||||
```bash
|
|
||||||
PYTHONPATH=. uv run pytest tests/test_<feature>.py -v
|
|
||||||
```
|
|
||||||
|
|
||||||
### Frontend Only (from `frontend-web/`)
|
|
||||||
|
|
||||||
```bash
|
|
||||||
pnpm install # Install dependencies
|
|
||||||
pnpm dev # Start Vite dev server on port 5174
|
|
||||||
pnpm build # Production build
|
|
||||||
pnpm typecheck # TypeScript type checking (tsc --noEmit)
|
|
||||||
```
|
|
||||||
|
|
||||||
## Service Ports
|
|
||||||
|
|
||||||
| Service | Port | Notes |
|
|
||||||
|---------|------|-------|
|
|
||||||
| Backend (Gateway API) | 8001 | FastAPI + LangGraph runtime |
|
|
||||||
| Frontend (Vite) | 5174 | React SPA |
|
|
||||||
|
|
||||||
Frontend connects to backend via env vars `VITE_BACKEND_BASE_URL` and `VITE_LANGGRAPH_BASE_URL` (injected by `scripts/start-frontend.sh`).
|
|
||||||
|
|
||||||
## Architecture
|
|
||||||
|
|
||||||
### Backend
|
|
||||||
|
|
||||||
The backend (`offline-backend-20260512/backend/`) is split into two layers:
|
|
||||||
|
|
||||||
- **`packages/harness/deerflow/`** — publishable agent framework (`deerflow.*` imports): LangGraph lead agent, middleware chain, sandbox, tools, MCP, memory, models, skills. **Never imports from `app.*`.**
|
|
||||||
- **`app/`** — application layer (`app.*` imports): FastAPI Gateway routers, IM channel integrations (Feishu, Slack, Telegram, DingTalk).
|
|
||||||
|
|
||||||
The **Lead Agent** (`deerflow/agents/lead_agent/`) is the single LangGraph graph entry point. It wraps a middleware chain (~18 middlewares assembled in strict order) around LLM calls, handling: thread isolation, sandbox lifecycle, uploads, memory, plan mode, vision, subagent delegation, and loop detection.
|
|
||||||
|
|
||||||
**Middleware order matters** — middlewares are appended in a fixed sequence; `ClarificationMiddleware` must always be last. See `offline-backend-20260512/backend/AGENTS.md` for the full ordered list.
|
|
||||||
|
|
||||||
**Harness → App import firewall** is enforced by `tests/test_harness_boundary.py` (runs in CI).
|
|
||||||
|
|
||||||
### Frontend
|
|
||||||
|
|
||||||
The frontend (`frontend-web/`) is a React 19 + Vite SPA:
|
|
||||||
|
|
||||||
- **Routing**: React Router v7; top-level routes in `src/pages/PageRoutes.tsx`, workspace sub-routes in `src/pages/WorkspaceRoutes.tsx`
|
|
||||||
- **Pages**: `ChatPage` (thread chat), `AgentChatPage` (custom agent chat), `AgentsPage`/`NewAgentPage` (agent management), `ScheduledTasksPage`/`ScheduledTaskRunDetailPage` (scheduled tasks), `LightAppManagementPage`/`LightAppListPage`/`LightAppIframeView` (轻应用中心 — register/list/embed mini-apps)
|
|
||||||
- **轻应用中心 (Light App Center)**: a sibling of 任务管理 in the sidebar with two pages — 应用管理 (admin registers `window_open` or `iframe` mini-apps with a route-param builder: login params resolved from `localStorage.userInfo`, theme params literal) and 应用列表 (card grid of `window_open` apps, `window.open` launch). `iframe` apps are mounted under a chosen parent menu (XK/PG/TY/综合管理) and **dynamically injected into the sidebar** by `core/page-layout/use-sidebar-menu.ts` (`useSidebarMenuItems`), opening in the `LightAppIframeView` host. Client + React Query hooks in `strategy-components/api/light-apps.ts`; URL builder/constants in `strategy-components/lib/light-app.ts`. Backend: `/api/light-apps` (global/shared, admin-gated writes).
|
|
||||||
- **菜单管理 (Menu Management, admin-only)**: an **overlay** over the static sidebar menu — `MenuManagementPage` (`pages/MenuManagementPage.tsx`, route `/page/strategy/admin/menu-management`, opened from the admin-only 「菜单管理」 item in the **bottom-left settings dropdown** of `components/page-sidebar.tsx`). Admins rename / 停用·启用 / reorder (↑↓ or @dnd-kit drag) / re-parent (horizontal drag **or** the edit dialog's 「移动到」parent selector) any node across 一级/二级/三级, **including injected iframe light-app nodes** (`light-app-<appId>`). The static tree (`core/page-layout/sidebar-menu.ts`) stays the source of icons/routes; only per-node deltas (`label`/`disabled`/`parentId`/`sortOrder`) persist to the backend. Merge logic in `core/page-layout/menu-overrides.ts` (`applyMenuOverrides`, applied in `use-sidebar-menu.ts` after light-app injection, before role filter; disabling a node hides its whole subtree) — strict **3-level cap** (`wouldExceedDepth`). Client `strategy-components/api/menu-overrides.ts`. Backend: `/api/menu-overrides` (global/shared; open read, admin atomic replace-all).
|
|
||||||
- **敏感词管理 (Sensitive Word Management)**: configures the **展示层脱敏映射** (原始词 → 替换词). **Gated on the username `lqq`** (not the admin role) — `getAccountDisplayName().toLowerCase() === "lqq"` (username = email `@` prefix, else `user_id`, same as the profile page); the dropdown entry, the route guard, and the page-level guard all use this check. `src/lib/desensitize.ts` ships a frozen seed map `SEED_DESENSITIZE_MAP` (the deployment seed) plus a live mutable `DESENSITIZE_MAP` (initialized from the seed so `desensitize()` works before any fetch). `DesensitizeWordsLoader` (mounted in `App.tsx` `AppProviders`) fetches `/api/sensitive-words` on startup and, if non-empty, calls `replaceDesensitizeMap(...)` to make the backend config the source of truth (empty/failed → keep seed). Page `SensitiveWordsPage.tsx` (route `/page/strategy/admin/sensitive-words`, opened from the 「敏感词管理」 item in the **bottom-left settings dropdown** of `components/page-sidebar.tsx`, present in **both** full + collapsed sidebar modes) lists/adds/edits/启停/deletes words and saves the **whole set atomically** (replace-all); a 「导入种子词」 button merges any missing `SEED_DESENSITIZE_MAP` entries into the editor. Client + hooks in `strategy-components/api/sensitive-words.ts` (`wordsToMap` folds enabled rows into the runtime map). Backend: `/api/sensitive-words` (global/shared; open read, write allowed for admin **or** the `lqq` account), mirroring 菜单管理's store shape. **侧边栏 + 导航栏 menu labels are desensitized** at the data source: `useSidebarMenuItems`/`useActiveThirdLevel` (`core/page-layout/use-sidebar-menu.ts`) map every node's `label` through a desensitizer built **directly from the `/api/sensitive-words` query** (`makeDesensitizer(wordsToMap(words))`, falling back to the global seed `desensitize` while empty) — this sidesteps the `replaceDesensitizeMap` effect-timing race. Only `label` is rewritten; `path`/`id`/`icon` are untouched so routing/highlight are unaffected. All nav surfaces (`page-sidebar.tsx`, `page-sidebar-dark.tsx`, `page-sidebar-v1.tsx`, `strategy-components/Header.tsx`, `PageRoutes.tsx`) consume this hook and are covered; `MenuManagementPage` uses the raw tree so admins still edit real labels.
|
|
||||||
- **技能地址管理 (Skill Address Management, admin-only)**: 扫描运行中的技能(`skills/{public,custom}` 下所有 `.md`/`.py`)里的 **http(s) URL 与 IP/IP:端口**,按唯一地址聚合全部出现位置(跨 .md/.py),支持**批量替换**(如把 UAT 地址一次性改成生产)。主体抽成可复用组件 `SkillAddressesPanel`(`pages/SkillAddressesPage.tsx` 导出,默认导出 `SkillAddressesPage` 仍保留旧路由 `/page/strategy/admin/skill-addresses` 作直链回退),**作为「技能地址管理」标签页嵌入管理员「技能管理」页 `pages/AdminSkillsPage.tsx`**(该页加 Tabs:「技能列表」+「技能地址管理」;入口在「设置和更多」下拉的「技能管理」`workspace-nav-menu.tsx` → `/page/workspace/admin/skills`,不再单列于 `components/page-sidebar.tsx` 左下角设置下拉):打开自动扫描并带**进度条**(扫描逐技能 / 应用逐文件 X/N,应对 150+ 技能),URL/IP 类型过滤 + 搜索 + 「片段批量套用」(如所有 `uat.4.cn` → `prod.4.cn`)、每地址「替换为」输入框(可展开看 `file:line` 片段)、内联**预览**、**应用**、**多关键词检索**(空格分隔全部命中),以及**修改记录**面板——每次应用生成一条记录(显示时间/改了哪些地址 from→to/文件数/处数),可**针对单次记录回退**(二次确认)。client + NDJSON 流式解析在 `strategy-components/api/skill-addresses.ts`。后端 `/api/skill-addresses`(**仅管理员**):所有文件 IO 走 `asyncio.to_thread` 不阻塞事件循环;`GET /scan`(+`/scan/stream`)、`POST /preview`、`POST /apply`(+`/apply/stream`)、`GET /backups`、`POST /rollback/{id}`;**子串安全替换**(基于 token span,不会误伤子串)、`expected_total` 乐观锁(409)、写前自动磁盘备份到 `{skills_root}/.address-edits/`(同时写一份 `{id}.manifest.json` 记录本次替换明细,供修改记录展示)、应用后刷新技能系统提示缓存。纯引擎 `deerflow/skills/address_scan.py`,router `app/gateway/routers/skill_addresses.py`,tests `tests/test_skill_addresses.py`。范围仅运行中技能,不动 `deploy/minimal/skills/`。
|
|
||||||
- **按钮管理 (Task Button Management, admin-only)**: configures the **可配置跳转按钮** rendered in the left task panel of the task deep-link workspaces (rwfx / 3qfx / xdfx, see `TaskFxWorkspace`). Each button = `{business, label, linkType, target, appendTaskId, idParam, idKind, enabled, sortOrder}`; `linkType` is `url` (外链 `window.open`, optional append of `?{idParam}={id}` — **`idParam` is the editable query-param name**, e.g. `id`/`task_id`), `business` (内部切换到另一业务, reuses `resolveTaskDeeplinkTarget`, always task id), or `purpose` (弹出当前任务的「任务目的」表格 via the shared `TaskPurposeDialog`, no target — configurable for any page incl. xdfx). **`idKind` (`task`/`action`) only matters for xdfx**: its deep-link `?taskId=` is an 行动id and the 任务id is resolved at login (`fetchTaskIdFromAction`) — `TaskContext` now also stashes the raw `actionId`, so a url button can append either (default `task`). Page `TaskButtonsPage.tsx` (route `/page/strategy/admin/task-buttons`, **admin-gated**, entry「按钮管理」in the bottom-left settings dropdown of `components/page-sidebar.tsx`, both full + collapsed modes) has per-business tabs, edits name/type/target/启停/排序/增删, saves the **whole set atomically** (replace-all), plus 「导入默认」 to merge code-seed defaults. **Seed/fallback** (like 敏感词管理): only when the whole table is empty (fresh deploy, never saved) do the workspace + page fall back to `defaultTaskButtons(cfg)` — rwfx's url buttons (编辑/下一步/3q详情) built from the **live** `/api/public/config/task-deeplink` plus cross-business switch buttons for **all three** businesses (each switches to the other two — rwfx→三情/行动, 3qfx→任务/行动, xdfx→任务/三情). Once saved, the store is the sole source of truth. The old hardcoded jump buttons were migrated out: `TaskFxWorkspace` no longer hardcodes 切换到三情分析, `TaskActionsPanel` keeps only the non-jump 清除记录, and `TaskPurposePanel` dropped its 3q详情 button (now configurable) **and defaults the 目的树 table to collapsed** (chevron toggle). Helpers `core/auth/task-buttons.ts` (`TaskButton`, `defaultTaskButtons`, `resolveTaskButtons`, `buttonsForBusiness`, `runTaskButton`), client+hooks `strategy-components/api/task-buttons.ts`. Backend: `/api/task-buttons` (global/shared; open read, admin replace-all), store `deerflow.persistence.task_buttons` (table `task_buttons`, auto-created by `create_all`), wired `app.state.task_button_store`. Tests: `tests/test_task_buttons.py`.
|
|
||||||
- **State**: TanStack Query for server state, context providers (`SubtasksProvider`, `ArtifactsProvider`, `PromptInputProvider`) scoped to `WorkspaceRoutes`
|
|
||||||
- **LLM streaming**: `@langchain/langgraph-sdk` streams messages from the backend via SSE
|
|
||||||
- **UI**: Radix UI primitives + TailwindCSS v4 + shadcn-style components in `src/components/ui/`
|
|
||||||
- **Shims**: `src/shims/` provides `next/link` and `next/navigation` polyfills (original code was Next.js)
|
|
||||||
- **Login URL params** (`LoginPage.tsx`, frontend-only — the backend never sees these): besides the auth params (`ticket`/`userId`/`env`/`theme`/`yUserId`/`token`/`access_token`/`authToken`/`password`), the page supports a **task deep-link** via `?taskId=&goPath=`. After login it calls the consumer API `GET {VITE_AIPI_CONSUMER_URL}/taskAnalyseSearch/cop-task-detail?taskId=` (header `Authorization: Bearer admin`, auto-injected by `utils/request.ts`), stashes the full `data` (`id/overview/taskDirection/taskName/taskContent`) into `sessionStorage["login.copTaskDetail"]`, then routes by `goPath`: base codes `3qfx`/`rwfx`/`xdfx` → that business's configured **single agent** Q&A inside a **任务工作区** (resolved via `/api/business-mapping`; `resolveTaskDeeplinkTarget` calls `persistTaskContext({taskId, agentId, openingText})` and navigates to the `…/chats` **index**, which opens the latest task conversation or 新建 — a 1:N task↔对话 workspace, NOT `pendingAgentMessage`); the `-A` suffix (`3qfx-A`/…) → **multi-agent roundtable** with `roundtablePrefill.businessCode` so the page auto-selects the configured 业务链条. **xdfx's deep-link `?taskId=` is actually an 行动id, not a 任务id** — `resolveDeeplinkTaskId(goPath, rawId)` (called in `LoginPage` before everything) detects `xdfx`/`xdfx-A` and resolves it via `GET {action_detail_url}/{actionId}` → `data.taskId` (`fetchTaskIdFromAction`; `action_test`+`mock.action_detail` for offline testing); the resolved 任务id then drives `cop-task-detail`, the purpose tree, and the 1:N binding (other businesses pass the id through unchanged). **xdfx additionally partitions its chat records by 行动id (action_id), NOT by task_id**: `resolveTaskDeeplinkTarget` sets `partitionByAction:true` + keeps the raw action_id as `TaskContext.actionId`, so new threads are tagged `metadata.{taskId,actionId}` (taskId kept only to preserve the backend「任务深链对话全局共享」semantics, which keys off `metadata.taskId`) and the conversation list filters by `actionId` (+`agent_id`) — different actions of the same task get separate lists. xdfx's first-question opening text also appends `行动id(action_id)为…` (see `buildOpeningText` / `taskThreadMetadata`). goPath→businessCode: `3qfx`→`3Q`, `rwfx`→`6BF`, `xdfx`→`7BF`. The roundtable target also threads the URL `taskId` into `roundtablePrefill.taskId` (`resolveTaskDeeplinkTarget(goPath, detail, taskId)`), which turns on two taskId-scoped behaviors: (1) **separate, unpartitioned per-task storage** — taskId 会商聊天记录 live in their **own** store/table (`roundtable_task_drafts`), keyed **only by `task_id`** (one taskId = many records, shared across users, **no user 分权** at all; `created_by` is audit-only), kept entirely out of the per-user personal store (`roundtable_drafts`, now strictly per-user) so the two never mix. Backend router `/api/roundtable-task-drafts` (`GET /by-task/{id}` + `/by-task/{id}/latest`, `POST`, `GET/PUT/DELETE /{id}` — all user-agnostic); frontend client `roundtable-planning/api/task-drafts.ts`, and `useDraftPersistence`/`useRoundtableDrafts` route **all** CRUD to it when a `taskId` is present (else the personal `drafts.ts`). The matching **background jobs** are shared by task too: `roundtable_jobs.task_id` marks a task job; reads/dedup/stream/resume/cancel pass `?task_id=` so any user opening the task sees the same running 研讨 (progress/flowchart), and the executor writes the final report back to the task-draft store. Existing rows are moved over by `scripts/migrate_roundtable_task_drafts.py` (migration `20260618_01`). The history dropdown filters to the task and 新建 keeps the binding; (2) **Step-3 auto structured output** — after the `roundtable-summary` agent writes the Markdown report it automatically runs a second round emitting a `flow-json` flowchart (`useStep3Summary` `autoFlow`+`chainLevels`), whose hierarchy follows the business chain's stage goals (任务 → 目的 → 行为体 → …; coordinatorPrompt-specified hierarchy wins) and whose nodes never carry 阶段编号/阶段名 (the prior bug). **Both targets render embedded under the 任务管理 layout** — nested routes under `task-management/<business-path>/{roundtable,agent/:agent_id/chats}` in `StrategyRoutes.tsx` (`<business-path>` = `plan-task-sentiment` / `plan-task/plan-task-fx` / `plan-task/plan-task-action`, matching the COH中任务 menu paths in `sidebar-menu.ts`) so the global sidebar keeps 任务管理 → COH中任务 → the matching business highlighted. **All three single-agent businesses share `TaskFxWorkspace`** (`task-components/TaskFxWorkspace.tsx`): left = a「当前任务」card (`readCopTaskDetail()` 任务名称 + 简介, desensitized, 留存 above 新建对话) + per-task 1:N conversation list (`useTaskThreads(taskId, agentId, actionId?)` — filtered by **both** `metadata.taskId` AND `metadata.agent_id` so the three businesses' conversations staLine truncated
|
|
||||||
- **iframe 嵌入模式 (外部系统用 iframe 套用深链问答/会商)** — 三个**按标签页**开关,全部由深链 URL 参数开启、存进同一份 `sessionStorage` 会话(`embed.session`,键名常量在 `core/embed/embed-session.ts`),跨登录跳转/刷新/页内导航存活,**绝不跨标签污染**同浏览器另开的正常系统页。核心隔离手法:用 `sessionStorage`(按标签页/浏览上下文隔离,iframe 即便同源也有独立一份)而非 `localStorage`(跨标签共享)。开关:(1) **`?embed=1`(可带 `&theme=`)** — 去全局 chrome(`PageLayout` 的 `pageSidebarAllowed && !isEmbedActive()` → 隐藏 Header + PageSidebar)+ 按外部主题色**强制**明/暗:走 next-themes 的 `forcedTheme`(`App.tsx` `AppProviders` 调 `resolveForcedEmbedTheme`,**不写** localStorage `strategy-theme`),离散映射 `dark-blue`/`dark`→深、其余→浅;嵌入侧**绝不**调 `setTheme`/`persistSidebarEnabled`(那俩落 localStorage 跨标签污染,`LoginPage` 据 `readEmbedParam` 跳过)。(2) **`?hideJump=1`** — 隐藏深链底部「快捷跳转」栏 `TaskJumpBar` 的两部分(底部「下一步」等按钮 + 右侧垂直居中悬浮菜单),单智能体问答 + 会商共用该栏,`isJumpBarHidden()` 为真时整条 `return null`。(3) **登录用户隔离** — 嵌入态下鉴权/身份键(`deerflow.auth` token、`userInfo`、`login.*`、`tools_token`、maxkey/userDetail token)全部经 `core/auth/scoped-storage.ts` 的 `authStorage()`(嵌入→sessionStorage / 正常→localStorage)读写,使 iframe 里登录的用户与正常登录用户**完全隔离**、互不覆盖;所有 token 读取都过 `getStoredAuth()`/`getAuthorizationHeaderValue()`(API 客户端 `core/api/*` 全走这俩),改中心函数即让全体调用方自动隔离;跨标签账号变更监听 `AuthSyncWatcher`(`core/auth/sync.tsx`)在嵌入态禁用。嵌入会话在 `main.tsx` 渲染前 `syncEmbedSessionFromCurrentUrl()` 同步启用(早于任何鉴权写入,避免首帧 effect 顺序漏写 localStorage);`AppProviders` 的 effect 再按 SPA 导航同步。`embed=0`/`hideJump=0` 可显式关闭。正常(非嵌入)标签页所有 `isXxx()` 恒 false,行为**零变化**。第三个开关 `?isolate=1`(**独立登录会话**)把同一套**登录用户隔离**单独提供给**普通(带 chrome)标签页**——只切换鉴权存储、不去 chrome / 不强制主题 / 不动跳转栏:`authStorage()` 的条件从「仅嵌入」放宽为 `isEmbedActive() || isIsolatedSession()`,`AuthSyncWatcher` 的跨标签监听对嵌入态**或**独立态都即时忽略(handler 内实时判,运行时开关也即刻生效)。除 URL 参数外,**设置 → 外观 →「登录会话」** 有一个 Switch「独立登录会话(本标签页)」运行时切换(`setIsolatedSession`,`appearance-settings-page.tsx`):**开启时先 `migrateAuthToSession()`**(`scoped-storage.ts`,把 localStorage 的受保护键 `deerflow.auth`/`userInfo`/`userId`/`tools_token` + `login.*` 前缀快照搬进 sessionStorage)再翻标志,故无感不登出;此后本标签页登录态独立——别处登录/换号影响不到它,它换号也影响不到别人,但关掉该标签即结束(需重登)。开启给 toast 提示。
|
|
||||||
|
|
||||||
### Configuration
|
|
||||||
|
|
||||||
Backend config lives in `offline-backend-20260512/backend/config.yaml`. Values starting with `$` resolve as environment variables (e.g., `$OPENAI_API_KEY`). MCP servers and skills are configured in `extensions_config.json` in the same directory.
|
|
||||||
|
|
||||||
## Detailed Backend Reference
|
|
||||||
|
|
||||||
The backend has its own comprehensive documentation at:
|
|
||||||
- `offline-backend-20260512/backend/AGENTS.md` — architecture, middleware chain, all API routes, config schema, sandbox/memory/subagent systems
|
|
||||||
- `offline-backend-20260512/backend/README.md` — setup guide, technology stack
|
|
||||||
@@ -79,22 +79,12 @@ The frontend (`frontend-web/`) is a React 19 + Vite SPA:
|
|||||||
|
|
||||||
- **Routing**: React Router v7; top-level routes in `src/pages/PageRoutes.tsx`, workspace sub-routes in `src/pages/WorkspaceRoutes.tsx`
|
- **Routing**: React Router v7; top-level routes in `src/pages/PageRoutes.tsx`, workspace sub-routes in `src/pages/WorkspaceRoutes.tsx`
|
||||||
- **Pages**: `ChatPage` (thread chat), `AgentChatPage` (custom agent chat), `AgentsPage`/`NewAgentPage` (agent management), `ScheduledTasksPage`/`ScheduledTaskRunDetailPage` (scheduled tasks), `LightAppManagementPage`/`LightAppListPage`/`LightAppIframeView` (轻应用中心 — register/list/embed mini-apps)
|
- **Pages**: `ChatPage` (thread chat), `AgentChatPage` (custom agent chat), `AgentsPage`/`NewAgentPage` (agent management), `ScheduledTasksPage`/`ScheduledTaskRunDetailPage` (scheduled tasks), `LightAppManagementPage`/`LightAppListPage`/`LightAppIframeView` (轻应用中心 — register/list/embed mini-apps)
|
||||||
- **定时任务「JSON → HTML 模板填充」(模板数据转换器)**: a third scheduled-task execution mode. In the create/edit dialog (`ScheduledTasksPage.tsx`), selecting the built-in agent **「模板数据转换器」** (`execution_agent_name === "template-json-builder"`, `TEMPLATE_BUILDER_AGENT_ID`) reveals a 「HTML模板」 select (`useHtmlTemplates` → `GET /api/scheduled-tasks/html-templates`) + a **.json 上传** button (reads the file's text into the prompt box) and **hides** the 必须生成 HTML/Markdown switches (this mode always outputs HTML). The chosen template persists as `execution_context.template_config.template_id` (`TemplateFillConfig` in `core/scheduled-tasks/types.ts`). At run time the backend converts the source JSON (the task prompt) into that template's `DATA` structure, validates (retry-on-fail), fills the template, and stores an HTML page previewable via the existing run-detail HTML preview. The source can be **pure JSON, plain text, or text-with-embedded-JSON** — the backend pre-extracts any embedded JSON and the agent's `SOUL.md` maps it (or the plain text's semantics) to the template's schema skeleton. **Chat-page debug entry (only this agent's `AgentChatPage`)**: when `agent_id === "template-json-builder"`, the chat header shows a 「页面模板」 select + a 「渲染预览」 button — after a normal Q&A run, the button takes the **latest AI reply**, POSTs it to `POST /api/scheduled-tasks/template-fill/render` (`renderTemplateFill`), and pops a dialog rendering the filled HTML in a `sandbox="allow-scripts"` iframe plus the structure-validation status/errors/gaps — for debugging the agent's conversion effect without creating a scheduled task. Gated strictly on the agent id, so other agents' chat pages are untouched. See the backend CLAUDE.md「Template-fill mode」for the engine (`deerflow/runtime/scheduler/template_fill.py`), agent seed, dispatch, and the render API.
|
|
||||||
- **轻应用中心 (Light App Center)**: a sibling of 任务管理 in the sidebar with two pages — 应用管理 (admin registers `window_open` or `iframe` mini-apps with a route-param builder: login params resolved from `localStorage.userInfo`, theme params literal) and 应用列表 (card grid of `window_open` apps, `window.open` launch). `iframe` apps are mounted under a chosen parent menu (XK/PG/TY/综合管理) and **dynamically injected into the sidebar** by `core/page-layout/use-sidebar-menu.ts` (`useSidebarMenuItems`), opening in the `LightAppIframeView` host. Client + React Query hooks in `strategy-components/api/light-apps.ts`; URL builder/constants in `strategy-components/lib/light-app.ts`. Backend: `/api/light-apps` (global/shared, admin-gated writes).
|
- **轻应用中心 (Light App Center)**: a sibling of 任务管理 in the sidebar with two pages — 应用管理 (admin registers `window_open` or `iframe` mini-apps with a route-param builder: login params resolved from `localStorage.userInfo`, theme params literal) and 应用列表 (card grid of `window_open` apps, `window.open` launch). `iframe` apps are mounted under a chosen parent menu (XK/PG/TY/综合管理) and **dynamically injected into the sidebar** by `core/page-layout/use-sidebar-menu.ts` (`useSidebarMenuItems`), opening in the `LightAppIframeView` host. Client + React Query hooks in `strategy-components/api/light-apps.ts`; URL builder/constants in `strategy-components/lib/light-app.ts`. Backend: `/api/light-apps` (global/shared, admin-gated writes).
|
||||||
- **菜单管理 (Menu Management, admin-only)**: an **overlay** over the static sidebar menu — `MenuManagementPage` (`pages/MenuManagementPage.tsx`, route `/page/strategy/admin/menu-management`, opened from the admin-only 「菜单管理」 item in the **bottom-left settings dropdown** of `components/page-sidebar.tsx`). Admins rename / 停用·启用 / reorder (↑↓ or @dnd-kit drag) / re-parent (horizontal drag **or** the edit dialog's 「移动到」parent selector) any node across 一级/二级/三级, **including injected iframe light-app nodes** (`light-app-<appId>`). The static tree (`core/page-layout/sidebar-menu.ts`) stays the source of icons/routes; only per-node deltas (`label`/`disabled`/`parentId`/`sortOrder`) persist to the backend. Merge logic in `core/page-layout/menu-overrides.ts` (`applyMenuOverrides`, applied in `use-sidebar-menu.ts` after light-app injection, before role filter; disabling a node hides its whole subtree) — strict **3-level cap** (`wouldExceedDepth`). Client `strategy-components/api/menu-overrides.ts`. Backend: `/api/menu-overrides` (global/shared; open read, admin atomic replace-all).
|
|
||||||
- **白名单管理 (Login Whitelist, admin-only)**: gates **who may log in**, run as a **blocklist (黑名单模式)**. Two pieces: a global master switch (`system_settings.json → login_whitelist.enabled`, surfaced by **admin-only** `GET|PUT /api/system-settings/login-whitelist`) + a per-user **放行** flag (`users.approved` column, migration `20260625_02`). Users **self-register** as usual and **every new account defaults to `approved=True`** — so a user who has never logged into this system before is allowed straight through; the switch only blocks users an admin has explicitly **取消放行** (`approved=False`). (`create_user`/`User`/`UserRow` all default `approved=True`; admins are always approved; existing rows are backfilled `True`.) Login interception is the single helper `enforce_user_approved(user)` in `app/gateway/routers/auth.py`, called in all three login endpoints (`/login/{local,username,token}`) **after** the account is resolved/created and **before** the JWT is issued: switch off → everyone passes; `system_role=="admin"` → always passes (anti-lockout); else `approved=False` (admin-revoked) → 403 `{code:"PENDING_APPROVAL"}` (the frontend's `extractErrorMessage` surfaces the message and login throws before writing any auth state, so no half-login). Admin approves on `pages/LoginWhitelistPage.tsx` (route `/page/strategy/admin/login-whitelist`, entry「白名单管理」in the bottom-left settings dropdown of `components/page-sidebar.tsx`, both sidebar modes): a top master-switch + a list of all registered users (`GET /api/v1/auth/users`, now carrying `approved`) with a per-row 放行 Switch (`PUT /api/v1/auth/users/{id}/approval`, admin-only; revoking only blocks the **next** login — `token_version` is left untouched, existing sessions are not force-killed). Client/hooks: switch in `strategy-components/api/login-whitelist.ts`, user list + approval in `core/auth/{api,hooks}.ts` (`useSetUserApproval`). Backend tests: `tests/test_login_approval.py`. **账号级「登录口令」(per-account password — 临时开通)**: the same page also lets an admin assign one specific account an individual **plaintext** password (`users.login_password` column, migration `20260625_04`, nullable; auto-added on startup by `_ensure_orm_columns_sync`). Once set, **that account's** username login (`POST /api/v1/auth/login/username`) **requires** `?password=` to exactly match it and that personal password **takes precedence over** the global shared-password gate (`username_login.require_password`); accounts without one keep today's shared-gate / passwordless behavior. The user then logs in via the **existing** frontend URL `#/login/<用户名>?password=xxxx` (LoginPage already forwards `?password=`; `<用户名>` = the account's email `@`-prefix). **Plaintext is intentional** — the password rides in the URL query anyway, so storing it readably lets the admin re-copy the full login link from the page; it is exposed only on the **admin-only** `GET /api/v1/auth/users` (`UserListItem.login_password`) and the new admin-only `PUT /api/v1/auth/users/{id}/login-password` (set non-empty / clear with null·empty; doesn't touch `token_version`). The whitelist page renders a per-user 「登录口令」 column with a set/修改 editor + a live 「复制登录链接」 button (`useSetUserLoginPassword` in `core/auth/hooks.ts`, `setUserLoginPassword` in `core/auth/api.ts`). Backend gate helper `_lookup_user_by_username` (lookup-only, no auto-register) in `routers/auth.py`; tests `tests/test_login_personal_password.py`.
|
|
||||||
- **敏感词管理 (Sensitive Word Management)**: configures the **展示层脱敏映射** (原始词 → 替换词). **Gated on the username `lqq`** (not the admin role) — `getAccountDisplayName().toLowerCase() === "lqq"` (username = email `@` prefix, else `user_id`, same as the profile page); the dropdown entry, the route guard, and the page-level guard all use this check. `src/lib/desensitize.ts` ships a frozen seed map `SEED_DESENSITIZE_MAP` (the deployment seed) plus a live mutable `DESENSITIZE_MAP` (initialized from the seed so `desensitize()` works before any fetch). `DesensitizeWordsLoader` (mounted in `App.tsx` `AppProviders`) fetches `/api/sensitive-words` on startup and, if non-empty, calls `replaceDesensitizeMap(...)` to make the backend config the source of truth (empty/failed → keep seed). Page `SensitiveWordsPage.tsx` (route `/page/strategy/admin/sensitive-words`, opened from the 「敏感词管理」 item in the **bottom-left settings dropdown** of `components/page-sidebar.tsx`, present in **both** full + collapsed sidebar modes) lists/adds/edits/启停/deletes words and saves the **whole set atomically** (replace-all); a 「导入种子词」 button merges any missing `SEED_DESENSITIZE_MAP` entries into the editor. Client + hooks in `strategy-components/api/sensitive-words.ts` (`wordsToMap` folds enabled rows into the runtime map). Backend: `/api/sensitive-words` (global/shared; open read, write allowed for admin **or** the `lqq` account), mirroring 菜单管理's store shape. **侧边栏 + 导航栏 menu labels are desensitized** at the data source: `useSidebarMenuItems`/`useActiveThirdLevel` (`core/page-layout/use-sidebar-menu.ts`) map every node's `label` through a desensitizer built **directly from the `/api/sensitive-words` query** (`makeDesensitizer(wordsToMap(words))`, falling back to the global seed `desensitize` while empty) — this sidesteps the `replaceDesensitizeMap` effect-timing race. Only `label` is rewritten; `path`/`id`/`icon` are untouched so routing/highlight are unaffected. All nav surfaces (`page-sidebar.tsx`, `page-sidebar-dark.tsx`, `page-sidebar-v1.tsx`, `strategy-components/Header.tsx`, `PageRoutes.tsx`) consume this hook and are covered; `MenuManagementPage` uses the raw tree so admins still edit real labels.
|
|
||||||
- **技能地址管理 (Skill Address Management, admin-only)**: 扫描运行中的技能(`skills/{public,custom}` 下所有 `.md`/`.py`)里的 **http(s) URL 与 IP/IP:端口**,按唯一地址聚合全部出现位置(跨 .md/.py),支持**批量替换**(如把 UAT 地址一次性改成生产)。主体抽成可复用组件 `SkillAddressesPanel`(`pages/SkillAddressesPage.tsx` 导出,默认导出 `SkillAddressesPage` 仍保留旧路由 `/page/strategy/admin/skill-addresses` 作直链回退),**作为「技能地址管理」标签页嵌入管理员「技能管理」页 `pages/AdminSkillsPage.tsx`**(该页加 Tabs:「技能列表」+「技能地址管理」;入口在「设置和更多」下拉的「技能管理」`workspace-nav-menu.tsx` → `/page/workspace/admin/skills`,不再单列于 `components/page-sidebar.tsx` 左下角设置下拉):打开自动扫描并带**进度条**(扫描逐技能 / 应用逐文件 X/N,应对 150+ 技能),URL/IP 类型过滤 + 搜索 + 「片段批量套用」(如所有 `uat.4.cn` → `prod.4.cn`)、每地址「替换为」输入框(可展开看 `file:line` 片段)、内联**预览**、**应用**、**多关键词检索**(空格分隔全部命中),以及**修改记录**面板——每次应用生成一条记录(显示时间/改了哪些地址 from→to/文件数/处数),可**针对单次记录回退**(二次确认)。client + NDJSON 流式解析在 `strategy-components/api/skill-addresses.ts`。后端 `/api/skill-addresses`(**仅管理员**):所有文件 IO 走 `asyncio.to_thread` 不阻塞事件循环;`GET /scan`(+`/scan/stream`)、`POST /preview`、`POST /apply`(+`/apply/stream`)、`GET /backups`、`POST /rollback/{id}`;**子串安全替换**(基于 token span,不会误伤子串)、`expected_total` 乐观锁(409)、写前自动磁盘备份到 `{skills_root}/.address-edits/`(同时写一份 `{id}.manifest.json` 记录本次替换明细,供修改记录展示)、应用后刷新技能系统提示缓存。纯引擎 `deerflow/skills/address_scan.py`,router `app/gateway/routers/skill_addresses.py`,tests `tests/test_skill_addresses.py`。范围仅运行中技能,不动 `deploy/minimal/skills/`。
|
|
||||||
- **按钮管理 (Task Button Management, admin-only)**: configures the **可配置跳转按钮** rendered in the left task panel of the task deep-link workspaces (rwfx / 3qfx / xdfx, see `TaskFxWorkspace`). Each button = `{business, label, linkType, target, appendTaskId, idParam, idKind, openMode, loginParams, appendAuth, authTokenParam, authNameParam, enabled, sortOrder}`; `linkType` is `url` (外链 `window.open`, optional append of `?{idParam}={id}` — **`idParam` is the editable query-param name**, e.g. `id`/`task_id`), `business` (内部切换到另一业务, reuses `resolveTaskDeeplinkTarget`, always task id), or `purpose` (弹出当前任务的「任务目的」表格 via the shared `TaskPurposeDialog`, no target — configurable for any page incl. xdfx). **`url` buttons support two independent, coexisting login-append mechanisms**: (1) **`loginParams` (追加登录参数, like 应用管理/Light App Center)** — a list of `{key, source, customValue}` resolved at click time: `runTaskButton` reads `userInfo` (via `readUserInfo` from `strategy-components/lib/light-app`, embed-isolated through `authStorage`) and appends `?{key}={value}` for each (`source` = a userInfo field such as `accessToken`/`yUserId`, or `other` → literal `customValue`); empty list = nothing appended. Reuses `LOGIN_SOURCE_OPTIONS` from light-app; stored as JSON column `task_buttons.login_params_json` (`PortableJSON`, migration `20260625_01`). (2) **`appendAuth` (追加登录态)** — appends `?{authTokenParam}={token1}&{authNameParam}={username}` (default param names `token`/`username`) so the跳转目标外部系统 can identify the current user — e.g. `…/action/sentiment?token=<JWT>&username=lizhaoxing`. **Gated on token login**: `token1` = the `?authToken=` used by token-exchange login; `username` = the raw login name the backend resolved from `getTokenInfo`. Both are stashed at login by `persistLoginCredentials` into `login.token1`/`login.username` (`core/auth/login-credentials.ts`, scoped via [[scoped-storage]] so嵌入/独立会话隔离 + 随独立会话迁移). Only token login writes them → a non-token-login session has no `token1`, so `runTaskButton` silently skips the auth append (the jump still works, just without those two params). The frontend reads `username` straight from the new `UsernameLoginResponse.username` field (the stored email local-part is lossy — lowercased/normalized — so not used), **not** by decoding the JWT. Stored as columns `task_buttons.{append_auth, auth_token_param, auth_name_param}` (migration `20260625_02`). The admin page renders both editors for `url` buttons (loginParams 虚线框 + 追加登录态 switch). **`idKind` (`task`/`action`) only matters for xdfx**: its deep-link `?taskId=` is an 行动id and the 任务id is resolved at login (`fetchTaskIdFromAction`) — `TaskContext` now also stashes the raw `actionId`, so a url button can append either (default `task`). Page `TaskButtonsPage.tsx` (route `/page/strategy/admin/task-buttons`, **admin-gated**, entry「按钮管理」in the bottom-left settings dropdown of `components/page-sidebar.tsx`, both full + collapsed modes) has per-business tabs, edits name/type/target/启停/排序/增删, saves the **whole set atomically** (replace-all), plus 「导入默认」 to merge code-seed defaults. **Seed/fallback** (like 敏感词管理): only when the whole table is empty (fresh deploy, never saved) do the workspace + page fall back to `defaultTaskButtons(cfg)` — rwfx's url buttons (编辑/上一步/下一步/3q详情) built from the **live** `/api/public/config/task-deeplink` plus cross-business switch buttons for **all three** businesses (each switches to the other two — rwfx→三情/行动, 3qfx→任务/行动, xdfx→任务/三情). Once saved, the store is the sole source of truth. **Bottom 快捷跳转 bar groups by prev/next**: `TaskJumpBar` renders only「上一步/下一步」-type buttons in the bottom bar — a `prev` group (id 含 `prev` 或文案「上一步」, 描边次要样式 + ←图标) rendered **左侧**, then a `next` group (id 含 `next` 或文案「下一步」, 实心主色) on the **右侧** (container `justify-end`); everything else goes to the right-edge floating menu. The default 上一步 button (`rwfx-prev`, `url`, target = `DASHBOARD_AGENT_ROUTE` `/page/strategy/dashboard-agent`, `appendTaskId` + `idParam=taskId` → `?taskId=任务id`, `openMode=self`) 默认指向**应用内**「大屏绘制」页,在 **both** 单智能体 (`TaskFxWorkspace`) 与 多智能体会商 (`RoundtablePlanningPage` 深链 rwfx-A) 都显示(共用 `TaskJumpBar`)。**`runTaskButton` 的 `url` 类型支持应用内路由**:target 以单个 `/` 开头时按内部路由处理——`self` 走 react-router 同窗导航(不刷新),`blank` 拼成当前源的 hash 路由新标签打开;外链行为不变。 The old hardcoded jump buttons were migrated out: `TaskFxWorkspace` no longer hardcodes 切换到三Line truncated
|
|
||||||
- **实时并发监控 (Concurrency / System-Pressure Monitor, admin-only)**: a live panel mounted at the **top of the admin 排行榜 page** (`components/workspace/admin/concurrency-monitor.tsx` `ConcurrencyMonitorPanel`, rendered in `pages/AdminUserLeaderboardPage.tsx`) showing **当前并发的大模型调用数 + 列表(用户/智能体/类型/已运行时长)**, each row with a 「停止」button (and a 「全部停止」) that **truly aborts** that run's in-flight model stream via `RunManager.cancel` (`POST /api/admin/active-runs/{run_id}/cancel`) — to relieve pressure when 使用人数过多. Two line charts (minute/hour toggle): **并发量折线图** (peak/avg, `GET /api/admin/active-runs/concurrency`, fed by a lightweight background sampler into `concurrency_samples`) and **大模型出字速度折线图** (tokens/sec, `GET /api/admin/active-runs/token-speed`, aggregated from `llm_call_metrics`) so a dip pinpoints where the bottleneck is. A **「后台采样」Switch** (`system_settings.json → concurrency_monitor.enabled`, **default off / opt-in**, `GET|PUT /api/admin/active-runs/settings`) turns the background sampling on/off **at runtime, no restart** (the live concurrency count + 「停止」 work even while sampling is off — only the 并发量 history chart needs it on); everything is designed to **never impact production** (one tiny INSERT/15s, retention-purged, best-effort). Client/hooks: `core/admin/active-runs.ts` + `core/admin/hooks.ts` (`useActiveRuns`/`useConcurrencySeries`/`useTokenSpeedSeries`/`useCancel*`/`useMonitorSettings`). See the backend CLAUDE.md「Admin Concurrency Monitor」.
|
|
||||||
- **会话冲突 409 中文化**: when a user submits a new question while the previous turn is still streaming, the backend's `RunManager.create_or_reject` rejects with HTTP 409 (`services.py` now returns a **Chinese** detail「当前对话还在生成回答…」). `core/threads/hooks.ts` `onError` detects the conflict (`isActiveRunConflictError`: 409 / "already has an active run" / the Chinese text) and shows a friendly `toast.info` instead of a raw error.
|
|
||||||
- **State**: TanStack Query for server state, context providers (`SubtasksProvider`, `ArtifactsProvider`, `PromptInputProvider`) scoped to `WorkspaceRoutes`
|
- **State**: TanStack Query for server state, context providers (`SubtasksProvider`, `ArtifactsProvider`, `PromptInputProvider`) scoped to `WorkspaceRoutes`
|
||||||
- **LLM streaming**: `@langchain/langgraph-sdk` streams messages from the backend via SSE
|
- **LLM streaming**: `@langchain/langgraph-sdk` streams messages from the backend via SSE
|
||||||
- **UI**: Radix UI primitives + TailwindCSS v4 + shadcn-style components in `src/components/ui/`
|
- **UI**: Radix UI primitives + TailwindCSS v4 + shadcn-style components in `src/components/ui/`
|
||||||
- **Shims**: `src/shims/` provides `next/link` and `next/navigation` polyfills (original code was Next.js)
|
- **Shims**: `src/shims/` provides `next/link` and `next/navigation` polyfills (original code was Next.js)
|
||||||
- **Login URL params** (`LoginPage.tsx`, frontend-only — the backend never sees these): besides the auth params (`ticket`/`userId`/`env`/`theme`/`yUserId`/`token`/`access_token`/`authToken`/`password`), the page supports a **task deep-link** via `?taskId=&goPath=`. After login it calls the consumer API `GET {VITE_AIPI_CONSUMER_URL}/taskAnalyseSearch/cop-task-detail?taskId=` (header `Authorization: Bearer admin`, auto-injected by `utils/request.ts`), stashes the full `data` (`id/overview/taskDirection/taskName/taskContent`) into `sessionStorage["login.copTaskDetail"]`, then routes by `goPath`: base codes `3qfx`/`rwfx`/`xdfx` → that business's configured **single agent** Q&A inside a **任务工作区** (resolved via `/api/business-mapping`; `resolveTaskDeeplinkTarget` calls `persistTaskContext({taskId, agentId, openingText})` and navigates to the `…/chats` **index**, which opens the latest task conversation or 新建 — a 1:N task↔对话 workspace, NOT `pendingAgentMessage`); the `-A` suffix (`3qfx-A`/…) → **multi-agent roundtable** with `roundtablePrefill.businessCode` so the page auto-selects the configured 业务链条. **xdfx's deep-link `?taskId=` is actually an 行动id, not a 任务id** — `resolveDeeplinkTaskId(goPath, rawId)` (called in `LoginPage` before everything) detects `xdfx`/`xdfx-A` and resolves it via `GET {action_detail_url}/{actionId}` → `data.taskId` (`fetchTaskIdFromAction`; `action_test`+`mock.action_detail` for offline testing); the resolved 任务id then drives `cop-task-detail`, the purpose tree, and the 1:N binding (other businesses pass the id through unchanged). **xdfx additionally partitions its chat records by 行动id (action_id), NOT by task_id**: `resolveTaskDeeplinkTarget` sets `partitionByAction:true` + keeps the raw action_id as `TaskContext.actionId`, so new threads are tagged `metadata.{taskId,actionId}` (taskId kept only to preserve the backend「任务深链对话全局共享」semantics, which keys off `metadata.taskId`) and the conversation list filters by `actionId` (+`agent_id`) — different actions of the same task get separate lists. xdfx's first-question opening text also appends `行动id(action_id)为…` (see `buildOpeningText` / `taskThreadMetadata`). goPath→businessCode: `3qfx`→`3Q`, `rwfx`→`6BF`, `xdfx`→`7BF`. The roundtable target also threads the URL `taskId` into `roundtablePrefill.taskId` (`resolveTaskDeeplinkTarget(goPath, detail, taskId)`), which turns on two taskId-scoped behaviors: (1) **separate, unpartitioned per-task storage** — taskId 会商聊天记录 live in their **own** store/table (`roundtable_task_drafts`), keyed **only by `task_id`** (one taskId = many records, shared across users, **no user 分权** at all; `created_by` is audit-only), kept entirely out of the per-user personal store (`roundtable_drafts`, now strictly per-user) so the two never mix. Backend router `/api/roundtable-task-drafts` (`GET /by-task/{id}` + `/by-task/{id}/latest`, `POST`, `GET/PUT/DELETE /{id}` — all user-agnostic); frontend client `roundtable-planning/api/task-drafts.ts`, and `useDraftPersistence`/`useRoundtableDrafts` route **all** CRUD to it when a `taskId` is present (else the personal `drafts.ts`). The matching **background jobs** are shared by task too: `roundtable_jobs.task_id` marks a task job; reads/dedup/stream/resume/cancel pass `?task_id=` so any user opening the task sees the same running 研讨 (progress/flowchart), and the executor writes the final report back to the task-draft store. Existing rows are moved over by `scripts/migrate_roundtable_task_drafts.py` (migration `20260618_01`). The history dropdown filters to the task and 新建 keeps the binding; (2) **Step-3 auto structured output** — after the `roundtable-summary` agent writes the Markdown report it automatically runs a second round emitting a `flow-json` flowchart (`useStep3Summary` `autoFlow`+`chainLevels`), whose hierarchy follows the business chain's stage goals (任务 → 目的 → 行为体 → …; coordinatorPrompt-specified hierarchy wins) and whose nodes never carry 阶段编号/阶段名 (the prior bug). **Both targets render embedded under the 任务管理 layout** — nested routes under `task-management/<business-path>/{roundtable,agent/:agent_id/chats}` in `StrategyRoutes.tsx` (`<business-path>` = `plan-task-sentiment` / `plan-task/plan-task-fx` / `plan-task/plan-task-action`, matching the COH中任务 menu paths in `sidebar-menu.ts`) so the global sidebar keeps 任务管理 → COH中任务 → the matching business highlighted. **All three single-agent businesses share `TaskFxWorkspace`** (`task-components/TaskFxWorkspace.tsx`): left = a「当前任务」card (`readCopTaskDetail()` 任务名称 + 简介, desensitized, 留存 above 新建对话) + per-task 1:N conversation list (`useTaskThreads(taskId, agentId, actionId?)` — filtered by **both** `metadata.taskId` AND `metadata.agent_id` so the three businesses' conversations staLine truncated
|
- **Login URL params** (`LoginPage.tsx`, frontend-only — the backend never sees these): besides the auth params (`ticket`/`userId`/`env`/`theme`/`yUserId`/`token`/`access_token`/`authToken`/`password`), the page supports a **task deep-link** via `?taskId=&goPath=`. After login it calls the consumer API `GET {VITE_AIPI_CONSUMER_URL}/taskAnalyseSearch/cop-task-detail?taskId=` (header `Authorization: Bearer admin`, auto-injected by `utils/request.ts`), stashes the full `data` (`id/overview/taskDirection/taskName/taskContent`) into `sessionStorage["login.copTaskDetail"]`, then routes by `goPath`: base codes `3qfx`/`rwfx`/`xdfx` → that business's configured **single agent** Q&A (resolved via `/api/business-mapping`, opening message in `sessionStorage.pendingAgentMessage`); the `-A` suffix (`3qfx-A`/…) → **multi-agent roundtable** with `roundtablePrefill.businessCode` so the page auto-selects the configured 业务链条. goPath→businessCode: `3qfx`→`3Q`, `rwfx`→`6BF`, `xdfx`→`7BF`. **Both targets render embedded under the 任务管理 layout** — nested routes under `task-management/<business-path>/{roundtable,agent/:agent_id/chats/:thread_id}` in `StrategyRoutes.tsx` (`<business-path>` = `plan-task-sentiment` / `plan-task/plan-task-fx` / `plan-task/plan-task-action`, matching the COH中任务 menu paths in `sidebar-menu.ts`) so the global sidebar keeps 任务管理 → COH中任务 → the matching business highlighted. The agent chat is rendered via `TaskEmbeddedAgentChat`, which passes `AgentChatPage`'s `chatBasePath` prop so the post-send URL rewrite + new-chat button stay in the task-management context (instead of the standalone `/agents/...` route). Any failure (no consumer URL / fetch error / unmapped goPath / no configured agent) silently falls back to the default home. Helpers: `core/auth/task-deeplink.ts`.
|
||||||
- **iframe 嵌入模式 (外部系统用 iframe 套用深链问答/会商)** — 三个**按标签页**开关,全部由深链 URL 参数开启、存进同一份 `sessionStorage` 会话(`embed.session`,键名常量在 `core/embed/embed-session.ts`),跨登录跳转/刷新/页内导航存活,**绝不跨标签污染**同浏览器另开的正常系统页。核心隔离手法:用 `sessionStorage`(按标签页/浏览上下文隔离,iframe 即便同源也有独立一份)而非 `localStorage`(跨标签共享)。开关:(1) **`?embed=1`(可带 `&theme=`)** — 去全局 chrome(`PageLayout` 的 `pageSidebarAllowed && !isEmbedActive()` → 隐藏 Header + PageSidebar)+ 按外部主题色**强制**明/暗:走 next-themes 的 `forcedTheme`(`App.tsx` `AppProviders` 调 `resolveForcedEmbedTheme`,**不写** localStorage `strategy-theme`),离散映射 `dark-blue`/`dark`→深、其余→浅;嵌入侧**绝不**调 `setTheme`/`persistSidebarEnabled`(那俩落 localStorage 跨标签污染,`LoginPage` 据 `readEmbedParam` 跳过)。(2) **`?hideJump=1`** — 隐藏深链底部「快捷跳转」栏 `TaskJumpBar` 的两部分(底部「下一步」等按钮 + 右侧垂直居中悬浮菜单),单智能体问答 + 会商共用该栏,`isJumpBarHidden()` 为真时整条 `return null`。(2.5) **`?hideChrome=1`** — **仅**去全局 chrome(Header 导航栏 + PageSidebar 侧边栏),**不**强制主题、**不**隔离鉴权(区别于 `embed`:只想要一个干净全屏页面,如「大屏绘制」`/page/strategy/dashboard-agent?taskId=…&hideChrome=1`)。新增 `EmbedSession.hideChrome` 字段 + `readHideChromeParam()` + `isChromeHidden()`(取 `embed || hideChrome` 之并),与 `hideJump` 完全对称;`PageRoutes.tsx` 的 `PageLayout` 把 `chromeHidden`(`isChromeHidden() || readHideChromeParam(location.search)==="on"`)并入 `pageSidebarAllowed`,且其**优先级高于** dashboard-agent 路由原本的强制全局 chrome(`forceChromeForDashboardAgent`)。`hideChrome=0` 可显式关闭。(3) **登录用户隔离** — 嵌入态下鉴权/身份键(`deerflow.auth` token、`userInfo`、`login.*`、`tools_token`、maxkey/userDetail token)全部经 `core/auth/scoped-storage.ts` 的 `authStorage()`(嵌入→sessionStorage / 正常→localStorage)读写,使 iframe 里登录的用户与正常登录用户**完全隔离**、互不覆盖;所有 token 读取都过 `getStoredAuth()`/`getAuthorizationHeaderValue()`(API 客户端 `core/api/*` 全走这俩),改中心函数即让全体调用方自动隔离;跨标签账号变更监听 `AuthSyncWatcher`(`core/auth/sync.tsx`)在嵌入态禁用。嵌入会话在 `main.tsx` 渲染前 `syncEmbedSessionFromCurrentUrl()` 同步启用(早于任何鉴权写入,避免首帧 effect 顺序漏写 localStorage);`AppProviders` 的 effect 再按 SPA 导航同步。`embed=0`/`hideJump=0` 可显式关闭。正常(非嵌入)标签页所有 `isXxx()` 恒 false,行为**零变化**。第三个开关 `?isolate=1`(**独立登录会话**)把同一套**登录用户隔离**单独提供给**普通(带 chrome)标签页**——只切换鉴权存储、不去 chrome / 不强制主题 / 不动跳转栏:`authStorage()` 的条件从「仅嵌入」放宽为 `isEmbedActive() || isIsolatedSession()`,`AuthSyncWatcher` 的跨标签监听对嵌入态**或**独立态都即时忽略(handler 内实时判,运行时开关也即刻生效)。除 URL 参数外,**设置 → 外观 →「登录会话」** 有一个 Switch「独立登录会话(本标签页)」运行时切换(`setIsolatedSession`,`appearance-settings-page.tsx`):**开启时先 `migrateAuthToSession()`**(`scoped-storage.ts`,把 localStorage 的受保护键 `deerflow.auth`/`userInfo`/`userId`/`tools_token` + `login.*` 前缀快照搬进 sessionStorage)再翻标志,故无感不登出;此后本标签页登录态独立——别处登录/换号影响不到它,它换号也影响不到别人,但关掉该标签即结束(需重登)。开启给 toast 提示。
|
|
||||||
- **操作日志(Y-Log)上报** — 用户的关键操作(登录登出/查询/查看/增删改/启停/导入导出/问答等)成功后,**前端直连**外部接口 `POST {write_url}`(默认 `https://ch1.b.uat.4.cn/api/y-log/write`)记一条审计日志。核心模块 `src/core/log/`:`y-log.ts`(`writeYLog(params)` + `OptType` 枚举 0/1/3..12;**异步即发即忘、永不 await、永不抛错、失败静默**,自动把完整 url 转相对路径去 ip/host、对象入参/返回自动 `JSON.stringify` + 50k 裁剪、`optResult` 恒 0 只报成功),`y-log-config.ts`(从公开只读 `GET /api/public/config/y-log` 拉 `{enabled, writeUrl}`,模块级缓存 + 去重 + 默认兜底;`App.tsx` `AppProviders` 启动预热 `fetchYLogConfig()`),`y-log-token.ts`(token1 = token 登录的 `?authToken=`,经 [[scoped-storage]] 的 `authStorage*` 存取,嵌入态自动隔离)。**双门控**:仅当①存在 token1(即用 token 登录,`LoginPage` 成功后 `persistYLogToken(authToken)`,登出 `account-settings-page.tsx` 先报后清 token1)且②配置 `enabled && writeUrl` 才上报;否则一律不发。`optDetail` 统一「CM助手-全量-…」(**禁内部框架名**)。埋点**广覆盖**各 API client 的成功路径——原则是「一个用户操作(查看/查询/新增/编辑/删除/启停/导入导出)= 一条日志」,每个 API client 的**单条详情 GET(查看→view 4)/ 列表查询 GET(search 3)/ 新增 POST(create 9)/ 改 PUT·PATCH(edit 5)/ 删 DELETE(delete 6)/ 启停(enabled 11 / disabled 10)/ 导入导出(import 7 / export 8)**都各落一条,仅跳过高频 typeahead/状态轮询/纯 bootstrap config 读。覆盖文件:`strategy-components/api/{sensitive-words,menu-overrides,task-buttons,skill-addresses,light-apps,business-mapping}.ts`、`roundtable-planning/api/{drafts,task-drafts,roundtable-jobs,recommend,chains,multi-agent,dashboard-sessions}.ts`、`core/{agents,scheduled-tasks,knowledge,positions,tags,studio,system-settings,memory,mcp,models,custom-prompts,user-preferences,notifications,recommended-questions,user-qa,curator,admin,thread-shares,roundtable-draft-shares,tool-metrics,llm-metrics,note,artifacts}/api.ts`、`core/api/markdown-docx-export.ts`。**问答(Q&A)改为「一次大模型调用 = 一条日志」**:在共享的 `core/threads/hooks.ts` `useThreadStream` 的 `onLangChainEvent` 里监听 `on_chat_model_end`,每次模型调用结束就上报一条(optType 12,`reqParam` 取本次 input 的最后一条 user 文本 + 模型名,`returnParam` 取本次输出文本)——一个问答轮次里 lead agent / 子代理的**每次** LLM 调用都各记一条,覆盖所有走 `useThreadStream` 的页面(`ChatPage`/`AgentChatPage`/创建智能体/iframe/会商等);`ChatPage`/`AgentChatPage` 的 `onFinish` 仍额外保留一条轮次汇总。后端仅新增公开只读配置:`deerflow/config/y_log_config.py`(`YLogConfig{enabled,write_url}`)挂到 `AppConfig.y_log`,`app/gateway/routers/public_config.py` 加 `GET /api/public/config/y-log`,地址写在 `config.yaml` 的 `y_log` 段(mtime 热重载,前端无需重建);**不做后端代理**。Tests:`tests/test_y_log_config.py`。
|
|
||||||
|
|
||||||
### Configuration
|
### Configuration
|
||||||
|
|
||||||
|
|||||||
@@ -5,13 +5,7 @@
|
|||||||
VITE_USE_REAL_DATA=true
|
VITE_USE_REAL_DATA=true
|
||||||
|
|
||||||
# 任务详情(登录深链 cop-task-detail)数据源:默认真实接口;改成 true 走本地假数据(consumer 外网不可达时调试用)。
|
# 任务详情(登录深链 cop-task-detail)数据源:默认真实接口;改成 true 走本地假数据(consumer 外网不可达时调试用)。
|
||||||
VITE_MOCK_COP_TASK_DETAIL=flase
|
VITE_MOCK_COP_TASK_DETAIL=false
|
||||||
|
|
||||||
# 研判情报报告(大屏绘制智能体深链 selectSqReport)数据源:true 走本地样例假数据(真实接口未就绪时调试用);联调通过后置 false。
|
|
||||||
VITE_MOCK_SQ_REPORT=true
|
|
||||||
|
|
||||||
# 深链任务详情(cop-task-detail:任务名称/描述)数据源:true 走本地假数据(真实接口未就绪时调试用);联调通过后置 false。
|
|
||||||
VITE_MOCK_COP_TASK_DETAIL=true
|
|
||||||
|
|
||||||
# Gateway / DeerFlow API
|
# Gateway / DeerFlow API
|
||||||
VITE_BACKEND_BASE_URL=http://127.0.0.1:8001
|
VITE_BACKEND_BASE_URL=http://127.0.0.1:8001
|
||||||
|
|||||||
@@ -7,12 +7,6 @@ VITE_USE_REAL_DATA=true
|
|||||||
# 任务详情(登录深链 cop-task-detail)数据源:默认真实接口;改成 true 走本地假数据(调试用)。
|
# 任务详情(登录深链 cop-task-detail)数据源:默认真实接口;改成 true 走本地假数据(调试用)。
|
||||||
VITE_MOCK_COP_TASK_DETAIL=false
|
VITE_MOCK_COP_TASK_DETAIL=false
|
||||||
|
|
||||||
# 研判情报报告(大屏绘制智能体深链 selectSqReport)数据源:默认真实接口;真实接口未就绪可改 true 走本地样例假数据。
|
|
||||||
VITE_MOCK_SQ_REPORT=false
|
|
||||||
|
|
||||||
# 深链任务详情(cop-task-detail)数据源:默认真实接口;真实接口未就绪可改 true 走本地假数据。
|
|
||||||
VITE_MOCK_COP_TASK_DETAIL=false
|
|
||||||
|
|
||||||
# Gateway / DeerFlow API
|
# Gateway / DeerFlow API
|
||||||
VITE_BACKEND_BASE_URL=http://47.88.25.99:7001
|
VITE_BACKEND_BASE_URL=http://47.88.25.99:7001
|
||||||
VITE_LANGGRAPH_BASE_URL=http://47.88.25.99:7001/api
|
VITE_LANGGRAPH_BASE_URL=http://47.88.25.99:7001/api
|
||||||
|
|||||||
@@ -7,9 +7,6 @@ VITE_USE_REAL_DATA=true
|
|||||||
# 任务详情(登录深链 cop-task-detail)数据源:默认真实接口;改成 true 走本地假数据(调试用)。
|
# 任务详情(登录深链 cop-task-detail)数据源:默认真实接口;改成 true 走本地假数据(调试用)。
|
||||||
VITE_MOCK_COP_TASK_DETAIL=false
|
VITE_MOCK_COP_TASK_DETAIL=false
|
||||||
|
|
||||||
# 研判情报报告(大屏绘制智能体深链 selectSqReport)数据源:默认真实接口;真实接口未就绪可改 true 走本地样例假数据。
|
|
||||||
VITE_MOCK_SQ_REPORT=false
|
|
||||||
|
|
||||||
# Gateway / DeerFlow API
|
# Gateway / DeerFlow API
|
||||||
VITE_BACKEND_BASE_URL=https://ch1.b.uat.4.cn/deerflow
|
VITE_BACKEND_BASE_URL=https://ch1.b.uat.4.cn/deerflow
|
||||||
VITE_LANGGRAPH_BASE_URL=https://ch1.b.uat.4.cn/deerflow/api
|
VITE_LANGGRAPH_BASE_URL=https://ch1.b.uat.4.cn/deerflow/api
|
||||||
|
|||||||
@@ -7,12 +7,6 @@ VITE_USE_REAL_DATA=true
|
|||||||
# 任务详情(登录深链 cop-task-detail)数据源:默认真实接口;改成 true 走本地假数据(调试用)。
|
# 任务详情(登录深链 cop-task-detail)数据源:默认真实接口;改成 true 走本地假数据(调试用)。
|
||||||
VITE_MOCK_COP_TASK_DETAIL=false
|
VITE_MOCK_COP_TASK_DETAIL=false
|
||||||
|
|
||||||
# 研判情报报告(大屏绘制智能体深链 selectSqReport)数据源:默认真实接口;真实接口未就绪可改 true 走本地样例假数据。
|
|
||||||
VITE_MOCK_SQ_REPORT=false
|
|
||||||
|
|
||||||
# 深链任务详情(cop-task-detail)数据源:默认真实接口;真实接口未就绪可改 true 走本地假数据。
|
|
||||||
VITE_MOCK_COP_TASK_DETAIL=false
|
|
||||||
|
|
||||||
# Gateway / DeerFlow API
|
# Gateway / DeerFlow API
|
||||||
VITE_BACKEND_BASE_URL=https://ch1.b.sit.4.cn/deerflow
|
VITE_BACKEND_BASE_URL=https://ch1.b.sit.4.cn/deerflow
|
||||||
VITE_LANGGRAPH_BASE_URL=https://ch1.b.sit.4.cn/deerflow/api
|
VITE_LANGGRAPH_BASE_URL=https://ch1.b.sit.4.cn/deerflow/api
|
||||||
|
|||||||
@@ -1,148 +0,0 @@
|
|||||||
# 定时任务 — 模板填充「源数据抽取」手工测试清单
|
|
||||||
|
|
||||||
> 覆盖功能:定时任务「模板数据转换器」内置 agent —— 把用户传入的源数据转换成 HTML
|
|
||||||
> 模板的 `DATA` 结构并填充生成可预览页面。**重点测「源数据抽取」**:源可能是
|
|
||||||
> ① 纯 JSON、② 含 JSON 的文本、③ 纯文本,三种形态都要正确处理。
|
|
||||||
>
|
|
||||||
> 测试环境:后端 `http://localhost:8001`(`make dev`),前端 `http://localhost:5174`(`pnpm dev`)。
|
|
||||||
> 相关代码:`deerflow/runtime/scheduler/template_fill.py`(`extract_embedded_json`)、
|
|
||||||
> `service.py`(`_run_template_fill_attempt` / `_build_conversion_prompt`)、
|
|
||||||
> `pages/ScheduledTasksPage.tsx`。
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
## 前置 — 进入表单
|
|
||||||
|
|
||||||
| # | 步骤 | 预期结果 |
|
|
||||||
|---|------|----------|
|
|
||||||
| 0.1 | 任务管理 → 新建定时任务 | 弹出「新建定时任务」对话框 |
|
|
||||||
| 0.2 | 「执行智能体」下拉选择 **模板数据转换器** | 表单出现「HTML 模板」下拉;「必须生成 HTML/Markdown」两个开关隐藏 |
|
|
||||||
| 0.3 | 「HTML 模板」下拉选择 **no.1** | 下方出现「上传 .json」按钮 + 源数据文本框;说明含「未提供源 JSON 时,将直接展示该模板的默认数据」|
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
## T1 — 源形态①:纯 JSON
|
|
||||||
|
|
||||||
| # | 步骤 / 输入 | 预期结果 |
|
|
||||||
|---|------|----------|
|
|
||||||
| 1.1 | 在源数据框粘贴纯 JSON(示例见下「样例 A」) | 文本框正常接收,无报错 |
|
|
||||||
| 1.2 | 保存任务 → 「立即执行」 | 执行记录新增一条,状态最终 succeeded |
|
|
||||||
| 1.3 | 打开执行记录 → HTML 预览 | 渲染出 no.1 大屏,**总览指标/各列表数据来自粘贴的 JSON**(而非模板默认值)|
|
|
||||||
| 1.4 | 执行记录正文 | 文案为「已根据源数据填充模板「no.1」生成页面」|
|
|
||||||
|
|
||||||
## T2 — 源形态②:含 JSON 的文本(抽取重点)
|
|
||||||
|
|
||||||
| # | 步骤 / 输入 | 预期结果 |
|
|
||||||
|---|------|----------|
|
|
||||||
| 2.1 | 粘贴「样例 B」(前后是中文说明,中间夹一段 JSON) | 文本框正常接收 |
|
|
||||||
| 2.2 | 保存 → 立即执行 → 查看 HTML | 页面数据以**夹带的 JSON 为准**填充;正文里的补充说明(如「重点突出 X」)被一并参考 |
|
|
||||||
| 2.3 | 验证抽取正确性:JSON 字符串值里含 `}`(如 `"备注": "进度 80%}尚未完成"`) | 不会被误判为 JSON 块提前结束,整段 JSON 被完整抽取 |
|
|
||||||
|
|
||||||
## T3 — 源形态③:纯文本(无 JSON)
|
|
||||||
|
|
||||||
| # | 步骤 / 输入 | 预期结果 |
|
|
||||||
|---|------|----------|
|
|
||||||
| 3.1 | 粘贴「样例 C」(一段纯中文描述,无任何 JSON) | 文本框正常接收 |
|
|
||||||
| 3.2 | 保存 → 立即执行 → 查看 HTML | 智能体**理解文本语义**后据实填充模板,产出完整可预览页面(数据可能较稀疏但结构完整)|
|
|
||||||
| 3.3 | 不应报「未返回 JSON」类硬失败(除非模型彻底失败重试耗尽)| 状态 succeeded |
|
|
||||||
|
|
||||||
## T4 — 空源 → 模板默认数据
|
|
||||||
|
|
||||||
| # | 步骤 | 预期结果 |
|
|
||||||
|---|------|----------|
|
|
||||||
| 4.1 | 源数据框留空,保存 → 立即执行 | **不调用模型**,直接用 no.1 模板自带的默认数据生成 |
|
|
||||||
| 4.2 | 执行记录正文 | 「未提供源数据,已用模板「no.1」的默认数据生成页面」|
|
|
||||||
| 4.3 | HTML 预览 | 展示模板内置的默认大屏 |
|
|
||||||
|
|
||||||
## T5 — 上传 .json 文件
|
|
||||||
|
|
||||||
| # | 步骤 | 预期结果 |
|
|
||||||
|---|------|----------|
|
|
||||||
| 5.1 | 点击「上传 .json 文件」,选一个合法 `.json` | 文件内容被读入源数据文本框 |
|
|
||||||
| 5.2 | 上传一个非法 JSON 内容的文件 | toast 提示「文件不是合法 JSON,已填入文本框请检查」,内容仍填入(可手改)|
|
|
||||||
| 5.3 | 连续上传同一个文件两次 | 第二次仍能触发读取(input 已被重置 value)|
|
|
||||||
|
|
||||||
## T6 — no.2(只展示模板)
|
|
||||||
|
|
||||||
| # | 步骤 | 预期结果 |
|
|
||||||
|---|------|----------|
|
|
||||||
| 6.1 | 「HTML 模板」下拉选 **no.2** | **隐藏**上传按钮与源数据文本框;显示「该模板暂为直接展示已有数据,无需填写」|
|
|
||||||
| 6.2 | 即使之前填过源数据,保存 → 立即执行 | 忽略源数据,**原样输出** no.2 现有页面 |
|
|
||||||
| 6.3 | 执行记录正文 | 「已展示模板「no.2」的现有数据」|
|
|
||||||
|
|
||||||
## T7 — 编辑回显
|
|
||||||
|
|
||||||
| # | 步骤 | 预期结果 |
|
|
||||||
|---|------|----------|
|
|
||||||
| 7.1 | 对已保存的模板任务点「编辑」 | 「执行智能体」「HTML 模板」「源数据」均正确回显 |
|
|
||||||
| 7.2 | 把模板从 no.1 改成 no.2 再保存 | 切到 no.2 时源数据区即时隐藏;保存后执行走只展示分支 |
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
## 样例数据(可直接复制粘贴到源数据框)
|
|
||||||
|
|
||||||
### 样例 A — 纯 JSON
|
|
||||||
|
|
||||||
```json
|
|
||||||
{
|
|
||||||
"overview": {
|
|
||||||
"核心指标": [
|
|
||||||
{ "名称": "综合区域", "数值": 7, "单位": "区", "说明": "测试数据" },
|
|
||||||
{ "名称": "组织与单位", "数值": 188, "单位": "个", "说明": "测试数据" }
|
|
||||||
]
|
|
||||||
},
|
|
||||||
"regions": [
|
|
||||||
{ "name": "测试区域甲", "scope": "本岛西岸" }
|
|
||||||
],
|
|
||||||
"equipment": [
|
|
||||||
{ "name_zh": "测试装备X", "category": "无人系统", "status": "列装" }
|
|
||||||
]
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
> 预期:总览第一项「综合区域」显示 **7**,「组织与单位」显示 **188**,区域/装备出现「测试区域甲」「测试装备X」。
|
|
||||||
|
|
||||||
### 样例 B — 含 JSON 的文本
|
|
||||||
|
|
||||||
```
|
|
||||||
这是本月台海态势数据,请据此填充大屏,重点突出离岛防卫:
|
|
||||||
|
|
||||||
{"overview": {"核心指标": [{"名称": "综合区域", "数值": 9, "单位": "区", "说明": "含离岛"}]}, "regions": [{"name": "离岛防区", "scope": "外岛", "备注": "进度 80%}尚未完成"}]}
|
|
||||||
|
|
||||||
以上数据来自 6 月例会,务必准确,不要臆造未提供的字段。
|
|
||||||
```
|
|
||||||
|
|
||||||
> 预期:① 数据以中间 JSON 为准(综合区域=9、出现「离岛防区」);② 字符串里的 `}`(`进度 80%}`)不破坏抽取;③ 前后的「重点突出离岛防卫」「务必准确」作为补充说明被模型参考。
|
|
||||||
|
|
||||||
### 样例 C — 纯文本
|
|
||||||
|
|
||||||
```
|
|
||||||
请整理一份台湾滨海防卫概览:覆盖本岛沿岸 9 个综合区域,组织与单位约 280 个,
|
|
||||||
装备条目近百项(含无人系统、防空、海军平台等类别),并列出若干关键节点与近期演习。
|
|
||||||
数据以离线知识为准,没有的字段留空即可。
|
|
||||||
```
|
|
||||||
|
|
||||||
> 预期:智能体理解语义后据实填充,产出结构完整的页面(具体数值取决于模型,可较稀疏),不报硬失败。
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
## 后端单元测试(自动化补充)
|
|
||||||
|
|
||||||
```bash
|
|
||||||
# 在 offline-backend-20260512/backend/ 下运行
|
|
||||||
PYTHONPATH=. uv run --no-sync pytest tests/test_template_fill.py -v # 引擎:抽取/校验/填充/注册表
|
|
||||||
PYTHONPATH=. uv run --no-sync pytest tests/test_template_fill_attempt.py -v # 调度器执行分支:三形态/默认/只展示/重试
|
|
||||||
PYTHONPATH=. uv run --no-sync pytest tests/test_template_builder_seed.py -v # 内置 agent 种子
|
|
||||||
```
|
|
||||||
|
|
||||||
抽取相关关键用例:
|
|
||||||
- `test_extract_embedded_json_pure_object` / `_pure_array` —— 纯 JSON。
|
|
||||||
- `test_extract_embedded_json_text_with_json` / `_fenced` —— 含 JSON 的文本 / ```json 围栏。
|
|
||||||
- `test_extract_embedded_json_plain_text_returns_none` —— 纯文本返回 None。
|
|
||||||
- `test_extract_embedded_json_ignores_braces_in_strings` —— 引号内 `}` 不误判。
|
|
||||||
- `test_text_with_embedded_json_surfaced_in_prompt` —— 转换 prompt 单独标注「识别到的结构化数据」。
|
|
||||||
- `test_plain_text_source_converts` —— 纯文本仍照常转换。
|
|
||||||
- `test_empty_source_uses_template_default` —— 空源用模板默认数据。
|
|
||||||
- `test_display_only_template_renders_as_is` —— no.2 原样输出。
|
|
||||||
|
|
||||||
三个文件应全部通过(0 failed)。
|
|
||||||
@@ -7,7 +7,6 @@
|
|||||||
"dev": "vite",
|
"dev": "vite",
|
||||||
"build": "node --max-old-space-size=8192 ./node_modules/vite/bin/vite.js build",
|
"build": "node --max-old-space-size=8192 ./node_modules/vite/bin/vite.js build",
|
||||||
"build:sit": "node --max-old-space-size=8192 ./node_modules/vite/bin/vite.js build --mode sit",
|
"build:sit": "node --max-old-space-size=8192 ./node_modules/vite/bin/vite.js build --mode sit",
|
||||||
"build:test": "node --max-old-space-size=8192 ./node_modules/vite/bin/vite.js build --mode test",
|
|
||||||
"build:network": "node --max-old-space-size=8192 ./node_modules/vite/bin/vite.js build --mode network",
|
"build:network": "node --max-old-space-size=8192 ./node_modules/vite/bin/vite.js build --mode network",
|
||||||
"preview": "vite preview",
|
"preview": "vite preview",
|
||||||
"typecheck": "tsc --noEmit"
|
"typecheck": "tsc --noEmit"
|
||||||
|
|||||||
@@ -1,13 +1,11 @@
|
|||||||
import { useEffect, useMemo } from "react";
|
import { useMemo } from "react";
|
||||||
import { Navigate, Route, Routes } from "react-router-dom";
|
import { Navigate, Route, Routes } from "react-router-dom";
|
||||||
import { ThemeProvider as NextThemesProvider } from "next-themes";
|
import { ThemeProvider as NextThemesProvider } from "next-themes";
|
||||||
|
|
||||||
import { DesensitizeWordsLoader } from "@/components/desensitize-words-loader";
|
|
||||||
import { FontScaleApplier } from "@/components/font-scale";
|
import { FontScaleApplier } from "@/components/font-scale";
|
||||||
import { QueryClientProvider } from "@/components/query-client-provider";
|
import { QueryClientProvider } from "@/components/query-client-provider";
|
||||||
import { AuthSyncWatcher } from "@/core/auth/sync";
|
import { AuthSyncWatcher } from "@/core/auth/sync";
|
||||||
import { I18nProvider } from "@/core/i18n/context";
|
import { I18nProvider } from "@/core/i18n/context";
|
||||||
import { fetchYLogConfig } from "@/core/log/y-log-config";
|
|
||||||
import { detectLocale } from "@/core/i18n/locale";
|
import { detectLocale } from "@/core/i18n/locale";
|
||||||
import { resolveForcedThemeForPath } from "@/core/page-layout/chats-iframe-route";
|
import { resolveForcedThemeForPath } from "@/core/page-layout/chats-iframe-route";
|
||||||
import { ChatProvider } from "@/contexts/ChatContext";
|
import { ChatProvider } from "@/contexts/ChatContext";
|
||||||
@@ -18,10 +16,6 @@ import {
|
|||||||
} from "@/core/embed/params";
|
} from "@/core/embed/params";
|
||||||
import { usePublicEmbedTheme } from "@/core/embed/background";
|
import { usePublicEmbedTheme } from "@/core/embed/background";
|
||||||
import { readWujieProps } from "@/core/embed/wujie";
|
import { readWujieProps } from "@/core/embed/wujie";
|
||||||
import {
|
|
||||||
resolveForcedEmbedTheme,
|
|
||||||
syncEmbedSessionFromSearch,
|
|
||||||
} from "@/core/embed/embed-session";
|
|
||||||
|
|
||||||
import { HashRouter, useLocation } from "react-router-dom";
|
import { HashRouter, useLocation } from "react-router-dom";
|
||||||
|
|
||||||
@@ -46,21 +40,7 @@ function AppProviders({ children }: { children: React.ReactNode }) {
|
|||||||
const locale = useMemo(() => detectLocale(), []);
|
const locale = useMemo(() => detectLocale(), []);
|
||||||
const location = useLocation();
|
const location = useLocation();
|
||||||
const publicEmbedTheme = usePublicEmbedTheme();
|
const publicEmbedTheme = usePublicEmbedTheme();
|
||||||
// iframe 嵌入会话(按标签页 sessionStorage)集中在此同步:任何带 `&embed=1` 的入口(深链登录页
|
|
||||||
// 或直接深链路由)一进来就启用、`embed=0` 关闭,后续干净路由靠会话维持去 chrome + 强制主题。
|
|
||||||
useEffect(() => {
|
|
||||||
syncEmbedSessionFromSearch(location.search);
|
|
||||||
}, [location.search]);
|
|
||||||
// 操作日志(Y-Log):启动早期预热上报配置,使 writeYLog 同步读缓存即可工作
|
|
||||||
// (刷新后 module 缓存清空,token 登录用户也能继续上报)。失败静默。
|
|
||||||
useEffect(() => {
|
|
||||||
void fetchYLogConfig();
|
|
||||||
}, []);
|
|
||||||
const forcedTheme = useMemo(() => {
|
const forcedTheme = useMemo(() => {
|
||||||
// iframe 嵌入模式(外部系统 `&embed=1`)最高优先:按本标签页的嵌入主题强制明/暗。
|
|
||||||
// 走 next-themes forcedTheme(不写 localStorage)→ 同浏览器另开的正常系统页不受影响。
|
|
||||||
const embedTheme = resolveForcedEmbedTheme(location.search);
|
|
||||||
if (embedTheme) return embedTheme;
|
|
||||||
const routeTheme = resolveForcedThemeForPath(location.pathname);
|
const routeTheme = resolveForcedThemeForPath(location.pathname);
|
||||||
if (routeTheme) return routeTheme;
|
if (routeTheme) return routeTheme;
|
||||||
if (location.pathname === "/embed/roundtable") {
|
if (location.pathname === "/embed/roundtable") {
|
||||||
@@ -96,7 +76,6 @@ function AppProviders({ children }: { children: React.ReactNode }) {
|
|||||||
<ThemeProvider>
|
<ThemeProvider>
|
||||||
<ChatProvider>
|
<ChatProvider>
|
||||||
<AuthSyncWatcher />
|
<AuthSyncWatcher />
|
||||||
<DesensitizeWordsLoader />
|
|
||||||
<FontScaleApplier />
|
<FontScaleApplier />
|
||||||
{children}
|
{children}
|
||||||
</ChatProvider>
|
</ChatProvider>
|
||||||
|
|||||||
@@ -405,15 +405,8 @@ const DocumentUploadPopupContent: FC<{
|
|||||||
if (response.ok) {
|
if (response.ok) {
|
||||||
const data = await response.json() as { imported_count?: number };
|
const data = await response.json() as { imported_count?: number };
|
||||||
toast.success(`成功导入 ${data.imported_count || dataList.length} 个来源`);
|
toast.success(`成功导入 ${data.imported_count || dataList.length} 个来源`);
|
||||||
onUploadComplete?.(
|
setListData([]);
|
||||||
selectedSearchSources.map((s) => ({
|
handleBatchDelete();
|
||||||
id: undefined,
|
|
||||||
title: s.title,
|
|
||||||
task_id: undefined,
|
|
||||||
status: "success" as const,
|
|
||||||
}))
|
|
||||||
);
|
|
||||||
onOpenChange(false);
|
|
||||||
} else {
|
} else {
|
||||||
const errorData = await response.json() as { detail?: string };
|
const errorData = await response.json() as { detail?: string };
|
||||||
toast.error(errorData.detail || "导入失败,请重试");
|
toast.error(errorData.detail || "导入失败,请重试");
|
||||||
|
|||||||
@@ -1,27 +0,0 @@
|
|||||||
import { useEffect } from "react";
|
|
||||||
|
|
||||||
import { replaceDesensitizeMap } from "@/lib/desensitize";
|
|
||||||
import { useSensitiveWords, wordsToMap } from "@/strategy-components/api/sensitive-words";
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 启动时把后台「敏感词管理」配置加载进运行时脱敏映射表。
|
|
||||||
*
|
|
||||||
* - 后台返回**非空**时:用其中「启用」的词条整体替换运行时映射
|
|
||||||
* ({@link replaceDesensitizeMap}),后台即唯一真源,被删除的词不再生效。
|
|
||||||
* - 后台为空(全新部署还没配置)或拉取失败:什么都不做,保持使用
|
|
||||||
* `src/lib/desensitize.ts` 内置的种子映射。
|
|
||||||
*
|
|
||||||
* 渲染 `null`;挂在 `AppProviders` 里(QueryClientProvider 之内)。与「敏感词管理」
|
|
||||||
* 页共享同一份 React Query 缓存,保存后会自动刷新并回灌运行时映射。
|
|
||||||
*/
|
|
||||||
export function DesensitizeWordsLoader() {
|
|
||||||
const { data } = useSensitiveWords();
|
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
if (data && data.length > 0) {
|
|
||||||
replaceDesensitizeMap(wordsToMap(data));
|
|
||||||
}
|
|
||||||
}, [data]);
|
|
||||||
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
@@ -6,8 +6,6 @@ import { getStoredAuth } from "@/core/auth";
|
|||||||
import { isWujieEnv } from "@/core/embed/wujie";
|
import { isWujieEnv } from "@/core/embed/wujie";
|
||||||
import {
|
import {
|
||||||
defaultExpandedIds,
|
defaultExpandedIds,
|
||||||
menuItemContainsPath,
|
|
||||||
menuItemMatchesPath,
|
|
||||||
type MenuItem,
|
type MenuItem,
|
||||||
} from "@/core/page-layout/sidebar-menu";
|
} from "@/core/page-layout/sidebar-menu";
|
||||||
import { useSidebarMenuItems } from "@/core/page-layout/use-sidebar-menu";
|
import { useSidebarMenuItems } from "@/core/page-layout/use-sidebar-menu";
|
||||||
@@ -55,7 +53,13 @@ export function PageSidebarDark({ collapsed, onToggleCollapsed }: PageSidebarDar
|
|||||||
}, 180);
|
}, 180);
|
||||||
};
|
};
|
||||||
|
|
||||||
const hasActiveChild = (item: MenuItem): boolean => menuItemContainsPath(item, pathname);
|
const hasActiveChild = (item: MenuItem): boolean => {
|
||||||
|
if (item.path && (pathname === item.path || pathname.startsWith(item.path + "/"))) {
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
|
||||||
|
return item.children?.some(hasActiveChild) ?? false;
|
||||||
|
};
|
||||||
|
|
||||||
// lazy init:仅在首次 render 计算一次 active id;之后由下面的 useEffect 跟随 pathname 同步
|
// lazy init:仅在首次 render 计算一次 active id;之后由下面的 useEffect 跟随 pathname 同步
|
||||||
const [activeTopId, setActiveTopId] = useState<string>(
|
const [activeTopId, setActiveTopId] = useState<string>(
|
||||||
@@ -148,9 +152,9 @@ export function PageSidebarDark({ collapsed, onToggleCollapsed }: PageSidebarDar
|
|||||||
const isSidebarItemActive = (item: MenuItem) =>
|
const isSidebarItemActive = (item: MenuItem) =>
|
||||||
inWujieEnv
|
inWujieEnv
|
||||||
? item.id === activeTopId
|
? item.id === activeTopId
|
||||||
: item.path || item.aliasPaths?.length
|
: item.path
|
||||||
? menuItemMatchesPath(item, pathname)
|
? pathname === item.path || pathname.startsWith(item.path + "/")
|
||||||
: menuItemContainsPath(item, pathname);
|
: hasActiveChild(item);
|
||||||
const handleSidebarItemClick = (item: MenuItem) => {
|
const handleSidebarItemClick = (item: MenuItem) => {
|
||||||
if (inWujieEnv) {
|
if (inWujieEnv) {
|
||||||
handleTopItemClick(item);
|
handleTopItemClick(item);
|
||||||
@@ -172,9 +176,7 @@ export function PageSidebarDark({ collapsed, onToggleCollapsed }: PageSidebarDar
|
|||||||
{items.map((item) => {
|
{items.map((item) => {
|
||||||
const hasChildren = !!item.children?.length;
|
const hasChildren = !!item.children?.length;
|
||||||
const isExpanded = expandedIds.has(item.id);
|
const isExpanded = expandedIds.has(item.id);
|
||||||
const isSelected = item.path || item.aliasPaths?.length
|
const isSelected = item.path ? pathname === item.path : hasActiveChild(item);
|
||||||
? menuItemMatchesPath(item, pathname)
|
|
||||||
: hasActiveChild(item);
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div
|
<div
|
||||||
|
|||||||
@@ -7,12 +7,7 @@ import {
|
|||||||
ChevronsUpDown,
|
ChevronsUpDown,
|
||||||
Folder,
|
Folder,
|
||||||
FolderOpen,
|
FolderOpen,
|
||||||
Gauge,
|
|
||||||
ListTree,
|
|
||||||
MousePointerClick,
|
|
||||||
Settings,
|
Settings,
|
||||||
ShieldAlert,
|
|
||||||
ShieldCheck,
|
|
||||||
User,
|
User,
|
||||||
Wrench,
|
Wrench,
|
||||||
} from "lucide-react";
|
} from "lucide-react";
|
||||||
@@ -26,20 +21,13 @@ import {
|
|||||||
import { NotificationDialog } from "@/components/workspace/notification-dialog";
|
import { NotificationDialog } from "@/components/workspace/notification-dialog";
|
||||||
import { SettingsDialog } from "@/components/workspace/settings";
|
import { SettingsDialog } from "@/components/workspace/settings";
|
||||||
import { useTheme } from "@/contexts/ThemeContext";
|
import { useTheme } from "@/contexts/ThemeContext";
|
||||||
import { getAccountDisplayName, getStoredAuth } from "@/core/auth";
|
import { getStoredAuth } from "@/core/auth";
|
||||||
|
|
||||||
/** 敏感词管理仅对用户名为 lqq 的账号可见(用户名 = 设置→个人信息页展示名)。 */
|
|
||||||
const SENSITIVE_WORDS_USERNAME = "lqq";
|
|
||||||
const canManageSensitiveWords = () =>
|
|
||||||
getAccountDisplayName().toLowerCase() === SENSITIVE_WORDS_USERNAME;
|
|
||||||
import { isWujieEnv } from "@/core/embed/wujie";
|
import { isWujieEnv } from "@/core/embed/wujie";
|
||||||
import { useI18n } from "@/core/i18n/hooks";
|
import { useI18n } from "@/core/i18n/hooks";
|
||||||
import { useUnreadCount } from "@/core/notifications";
|
import { useUnreadCount } from "@/core/notifications";
|
||||||
import {
|
import {
|
||||||
defaultExpandedIds,
|
defaultExpandedIds,
|
||||||
getActiveThirdLevelItems,
|
getActiveThirdLevelItems,
|
||||||
menuItemContainsPath,
|
|
||||||
menuItemMatchesPath,
|
|
||||||
type MenuItem,
|
type MenuItem,
|
||||||
} from "@/core/page-layout/sidebar-menu";
|
} from "@/core/page-layout/sidebar-menu";
|
||||||
import { useSidebarMenuItems } from "@/core/page-layout/use-sidebar-menu";
|
import { useSidebarMenuItems } from "@/core/page-layout/use-sidebar-menu";
|
||||||
@@ -53,8 +41,12 @@ type PageSidebarProps = {
|
|||||||
|
|
||||||
type SettingsSection = "account" | "appearance" | "memory" | "tools" | "about";
|
type SettingsSection = "account" | "appearance" | "memory" | "tools" | "about";
|
||||||
|
|
||||||
const hasActiveChild = (item: MenuItem, pathname: string): boolean =>
|
const hasActiveChild = (item: MenuItem, pathname: string): boolean => {
|
||||||
menuItemContainsPath(item, pathname);
|
if (item.path && (pathname === item.path || pathname.startsWith(item.path + "/"))) {
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
return item.children?.some((child) => hasActiveChild(child, pathname)) ?? false;
|
||||||
|
};
|
||||||
|
|
||||||
const findFirstRoutePath = (items?: MenuItem[]): string | null => {
|
const findFirstRoutePath = (items?: MenuItem[]): string | null => {
|
||||||
if (!items?.length) {
|
if (!items?.length) {
|
||||||
@@ -124,9 +116,9 @@ function SecondaryNavSidebar() {
|
|||||||
const secondaryItems = activeTopItem?.children ?? [];
|
const secondaryItems = activeTopItem?.children ?? [];
|
||||||
|
|
||||||
const isItemActive = (item: MenuItem) =>
|
const isItemActive = (item: MenuItem) =>
|
||||||
item.path || item.aliasPaths?.length
|
item.path
|
||||||
? menuItemMatchesPath(item, pathname)
|
? pathname === item.path || pathname.startsWith(item.path + "/")
|
||||||
: menuItemContainsPath(item, pathname);
|
: hasActiveChild(item, pathname);
|
||||||
|
|
||||||
const handleItemClick = (item: MenuItem) => {
|
const handleItemClick = (item: MenuItem) => {
|
||||||
const path = item.path ?? findFirstRoutePath(item.children);
|
const path = item.path ?? findFirstRoutePath(item.children);
|
||||||
@@ -208,46 +200,6 @@ function SecondaryNavSidebar() {
|
|||||||
<User className="size-4" />
|
<User className="size-4" />
|
||||||
个人信息
|
个人信息
|
||||||
</DropdownMenuItem>
|
</DropdownMenuItem>
|
||||||
{isAdmin && (
|
|
||||||
<DropdownMenuItem
|
|
||||||
onClick={() => navigate("/page/strategy/admin/menu-management")}
|
|
||||||
>
|
|
||||||
<ListTree className="size-4" />
|
|
||||||
菜单管理
|
|
||||||
</DropdownMenuItem>
|
|
||||||
)}
|
|
||||||
{isAdmin && (
|
|
||||||
<DropdownMenuItem
|
|
||||||
onClick={() => navigate("/page/strategy/admin/task-buttons")}
|
|
||||||
>
|
|
||||||
<MousePointerClick className="size-4" />
|
|
||||||
按钮管理
|
|
||||||
</DropdownMenuItem>
|
|
||||||
)}
|
|
||||||
{isAdmin && (
|
|
||||||
<DropdownMenuItem
|
|
||||||
onClick={() => navigate("/page/strategy/admin/login-whitelist")}
|
|
||||||
>
|
|
||||||
<ShieldCheck className="size-4" />
|
|
||||||
白名单管理
|
|
||||||
</DropdownMenuItem>
|
|
||||||
)}
|
|
||||||
{isAdmin && (
|
|
||||||
<DropdownMenuItem
|
|
||||||
onClick={() => navigate("/page/strategy/settings/model-concurrency")}
|
|
||||||
>
|
|
||||||
<Gauge className="size-4" />
|
|
||||||
模型并发限制
|
|
||||||
</DropdownMenuItem>
|
|
||||||
)}
|
|
||||||
{canManageSensitiveWords() && (
|
|
||||||
<DropdownMenuItem
|
|
||||||
onClick={() => navigate("/page/strategy/admin/sensitive-words")}
|
|
||||||
>
|
|
||||||
<ShieldAlert className="size-4" />
|
|
||||||
敏感词管理
|
|
||||||
</DropdownMenuItem>
|
|
||||||
)}
|
|
||||||
</DropdownMenuContent>
|
</DropdownMenuContent>
|
||||||
</DropdownMenu>
|
</DropdownMenu>
|
||||||
) : null}
|
) : null}
|
||||||
@@ -259,8 +211,9 @@ function SecondaryNavSidebar() {
|
|||||||
<nav className="light-sidebar-subnav" aria-label="三级菜单">
|
<nav className="light-sidebar-subnav" aria-label="三级菜单">
|
||||||
{thirdItems.map((child) => {
|
{thirdItems.map((child) => {
|
||||||
const ChildIcon = child.icon;
|
const ChildIcon = child.icon;
|
||||||
const childActive = menuItemMatchesPath(child, pathname)
|
const childActive = child.path
|
||||||
|| (child.children?.length ? menuItemContainsPath(child, pathname) : false);
|
? pathname === child.path || pathname.startsWith(child.path + "/")
|
||||||
|
: hasActiveChild(child, pathname);
|
||||||
return (
|
return (
|
||||||
<button
|
<button
|
||||||
key={child.id}
|
key={child.id}
|
||||||
@@ -348,7 +301,7 @@ function LegacyAccordionSidebar({
|
|||||||
|
|
||||||
const renderLeaf = (item: MenuItem, depth = 0) => {
|
const renderLeaf = (item: MenuItem, depth = 0) => {
|
||||||
const Icon = item.icon;
|
const Icon = item.icon;
|
||||||
const isActive = menuItemMatchesPath(item, pathname);
|
const isActive = !!item.path && pathname === item.path;
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<button
|
<button
|
||||||
@@ -514,30 +467,6 @@ function LegacyAccordionSidebar({
|
|||||||
<User className="size-4" />
|
<User className="size-4" />
|
||||||
个人信息
|
个人信息
|
||||||
</DropdownMenuItem>
|
</DropdownMenuItem>
|
||||||
{isAdmin && (
|
|
||||||
<DropdownMenuItem onClick={() => navigate("/page/strategy/admin/menu-management")}>
|
|
||||||
<ListTree className="size-4" />
|
|
||||||
菜单管理
|
|
||||||
</DropdownMenuItem>
|
|
||||||
)}
|
|
||||||
{isAdmin && (
|
|
||||||
<DropdownMenuItem onClick={() => navigate("/page/strategy/admin/task-buttons")}>
|
|
||||||
<MousePointerClick className="size-4" />
|
|
||||||
按钮管理
|
|
||||||
</DropdownMenuItem>
|
|
||||||
)}
|
|
||||||
{isAdmin && (
|
|
||||||
<DropdownMenuItem onClick={() => navigate("/page/strategy/admin/login-whitelist")}>
|
|
||||||
<ShieldCheck className="size-4" />
|
|
||||||
白名单管理
|
|
||||||
</DropdownMenuItem>
|
|
||||||
)}
|
|
||||||
{canManageSensitiveWords() && (
|
|
||||||
<DropdownMenuItem onClick={() => navigate("/page/strategy/admin/sensitive-words")}>
|
|
||||||
<ShieldAlert className="size-4" />
|
|
||||||
敏感词管理
|
|
||||||
</DropdownMenuItem>
|
|
||||||
)}
|
|
||||||
</DropdownMenuContent>
|
</DropdownMenuContent>
|
||||||
</DropdownMenu>
|
</DropdownMenu>
|
||||||
) : (
|
) : (
|
||||||
|
|||||||
@@ -1,59 +0,0 @@
|
|||||||
import * as React from "react";
|
|
||||||
|
|
||||||
export interface AutoGrowTextareaProps
|
|
||||||
extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
|
|
||||||
/** 内容增长高度上限(px),超过后框内滚动。默认 200。 */
|
|
||||||
maxHeight?: number;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 自适应高度的多行输入框。
|
|
||||||
*
|
|
||||||
* 内容增多时自动扩展高度(输入框处于底部布局时即「向上扩展」),到 `maxHeight` 后框内滚动。
|
|
||||||
* 体验对齐通用问答页(`/page/strategy/qa/general`)的 tdesign `autosize` 输入框,但保留原生
|
|
||||||
* `<textarea>`,从而沿用各调用处自带的 Tailwind 样式 / 边框 / 占位色,无需 TDesign 包裹层。
|
|
||||||
*
|
|
||||||
* 用法:当成普通受控 `<textarea>` 用(传 `value` + `onChange`)。高度在布局阶段随 `value` 重算,
|
|
||||||
* 也在 `onChange` 时即时重算(兼顾非受控/输入法场景)。最小高度交给调用方的 `min-h-*` className
|
|
||||||
* 或 `rows` 控制——本组件不强加最小高度。换行/发送(Enter/Shift+Enter)逻辑由调用方的
|
|
||||||
* `onKeyDown` 决定。
|
|
||||||
*/
|
|
||||||
export const AutoGrowTextarea = React.forwardRef<
|
|
||||||
HTMLTextAreaElement,
|
|
||||||
AutoGrowTextareaProps
|
|
||||||
>(function AutoGrowTextarea(
|
|
||||||
{ maxHeight = 200, value, onChange, onInput, style, rows = 1, ...rest },
|
|
||||||
ref,
|
|
||||||
) {
|
|
||||||
const innerRef = React.useRef<HTMLTextAreaElement | null>(null);
|
|
||||||
React.useImperativeHandle(ref, () => innerRef.current as HTMLTextAreaElement);
|
|
||||||
|
|
||||||
const resize = React.useCallback(() => {
|
|
||||||
const el = innerRef.current;
|
|
||||||
if (!el) return;
|
|
||||||
el.style.height = "auto";
|
|
||||||
const next = Math.min(el.scrollHeight, maxHeight);
|
|
||||||
el.style.height = `${next}px`;
|
|
||||||
el.style.overflowY = el.scrollHeight > maxHeight ? "auto" : "hidden";
|
|
||||||
}, [maxHeight]);
|
|
||||||
|
|
||||||
// 受控值变化(含外部清空、粘贴大段文本)后在布局阶段重算,避免闪烁。
|
|
||||||
React.useLayoutEffect(() => {
|
|
||||||
resize();
|
|
||||||
}, [resize, value]);
|
|
||||||
|
|
||||||
return (
|
|
||||||
<textarea
|
|
||||||
ref={innerRef}
|
|
||||||
rows={rows}
|
|
||||||
value={value}
|
|
||||||
onChange={onChange}
|
|
||||||
onInput={(e) => {
|
|
||||||
onInput?.(e);
|
|
||||||
resize();
|
|
||||||
}}
|
|
||||||
style={{ resize: "none", ...style }}
|
|
||||||
{...rest}
|
|
||||||
/>
|
|
||||||
);
|
|
||||||
});
|
|
||||||
@@ -1,189 +0,0 @@
|
|||||||
"use client";
|
|
||||||
|
|
||||||
import { BookOpen, ListTree } from "lucide-react";
|
|
||||||
import { useCallback, useEffect, useMemo, useRef, useState } from "react";
|
|
||||||
|
|
||||||
import { MarkdownContent } from "@/components/workspace/messages/markdown-content";
|
|
||||||
import { Badge } from "@/components/ui/badge";
|
|
||||||
import { reasoningPlugins } from "@/core/streamdown";
|
|
||||||
import { createMarkdownAnchorResolver } from "@/core/utils/markdown";
|
|
||||||
import { cn } from "@/lib/utils";
|
|
||||||
|
|
||||||
import "./wiki.css";
|
|
||||||
|
|
||||||
function stripMarkdownToText(markdown: string): string {
|
|
||||||
return markdown
|
|
||||||
.replace(/```[\s\S]*?```/g, " ")
|
|
||||||
.replace(/~~~[\s\S]*?~~~/g, " ")
|
|
||||||
.replace(/!\[[^\]]*\]\([^)]+\)/g, " ")
|
|
||||||
.replace(/\[([^\]]+)\]\([^)]+\)/g, "$1")
|
|
||||||
.replace(/^#{1,6}\s+/gm, "")
|
|
||||||
.replace(/^[>\-*+\d.)\s]+/gm, "")
|
|
||||||
.replace(/[`*_~|]/g, "")
|
|
||||||
.replace(/<[^>]+>/g, " ")
|
|
||||||
.replace(/\s+/g, " ")
|
|
||||||
.trim();
|
|
||||||
}
|
|
||||||
|
|
||||||
function getMarkdownExcerpt(markdown: string): string {
|
|
||||||
const text = stripMarkdownToText(markdown);
|
|
||||||
if (!text) return "";
|
|
||||||
return text.length > 150 ? `${text.slice(0, 150)}...` : text;
|
|
||||||
}
|
|
||||||
|
|
||||||
function countReadableWords(markdown: string): number {
|
|
||||||
const text = stripMarkdownToText(markdown);
|
|
||||||
if (!text) return 0;
|
|
||||||
const cjk = text.match(/[\u4e00-\u9fff]/g)?.length ?? 0;
|
|
||||||
const words = text.replace(/[\u4e00-\u9fff]/g, " ").match(/[A-Za-z0-9]+/g)?.length ?? 0;
|
|
||||||
return cjk + words;
|
|
||||||
}
|
|
||||||
|
|
||||||
function selectorForId(id: string): string {
|
|
||||||
const css = window.CSS;
|
|
||||||
if (css?.escape) return `#${css.escape(id)}`;
|
|
||||||
return `[id="${id.replace(/\\/g, "\\\\").replace(/"/g, '\\"')}"]`;
|
|
||||||
}
|
|
||||||
|
|
||||||
export function ReportMarkdownView({
|
|
||||||
content,
|
|
||||||
title,
|
|
||||||
subtitle,
|
|
||||||
badgeLabel = "报告阅读",
|
|
||||||
className,
|
|
||||||
compactHeader = false,
|
|
||||||
}: {
|
|
||||||
content: string;
|
|
||||||
title?: string;
|
|
||||||
subtitle?: string;
|
|
||||||
badgeLabel?: string;
|
|
||||||
className?: string;
|
|
||||||
compactHeader?: boolean;
|
|
||||||
}) {
|
|
||||||
const rootRef = useRef<HTMLDivElement>(null);
|
|
||||||
const anchorResolver = useMemo(() => createMarkdownAnchorResolver(content), [content]);
|
|
||||||
const headings = useMemo(
|
|
||||||
() => anchorResolver.headings.filter((item) => item.level >= 1 && item.level <= 3),
|
|
||||||
[anchorResolver],
|
|
||||||
);
|
|
||||||
const [activeHeadingId, setActiveHeadingId] = useState<string | null>(null);
|
|
||||||
const excerpt = useMemo(() => getMarkdownExcerpt(content), [content]);
|
|
||||||
const sectionCount = headings.length;
|
|
||||||
const wordCount = useMemo(() => countReadableWords(content), [content]);
|
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
setActiveHeadingId(headings[0]?.id ?? null);
|
|
||||||
}, [headings]);
|
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
const root = rootRef.current;
|
|
||||||
if (!root || headings.length === 0) return;
|
|
||||||
|
|
||||||
const targets = headings
|
|
||||||
.map((item) => root.querySelector<HTMLElement>(selectorForId(item.id)))
|
|
||||||
.filter((item): item is HTMLElement => !!item);
|
|
||||||
if (targets.length === 0) return;
|
|
||||||
|
|
||||||
const observer = new IntersectionObserver(
|
|
||||||
(entries) => {
|
|
||||||
const visible = entries
|
|
||||||
.filter((entry) => entry.isIntersecting)
|
|
||||||
.sort((a, b) => a.boundingClientRect.top - b.boundingClientRect.top)[0];
|
|
||||||
if (visible?.target.id) setActiveHeadingId(visible.target.id);
|
|
||||||
},
|
|
||||||
{
|
|
||||||
root: root.closest("[data-radix-scroll-area-viewport]") ?? null,
|
|
||||||
rootMargin: "-96px 0px -65% 0px",
|
|
||||||
threshold: [0, 1],
|
|
||||||
},
|
|
||||||
);
|
|
||||||
|
|
||||||
targets.forEach((target) => observer.observe(target));
|
|
||||||
return () => observer.disconnect();
|
|
||||||
}, [headings, content]);
|
|
||||||
|
|
||||||
const scrollToHeading = useCallback((id: string) => {
|
|
||||||
const root = rootRef.current;
|
|
||||||
const target =
|
|
||||||
root?.querySelector<HTMLElement>(selectorForId(id)) ?? document.getElementById(id);
|
|
||||||
setActiveHeadingId(id);
|
|
||||||
target?.scrollIntoView({ behavior: "smooth", block: "start" });
|
|
||||||
}, []);
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div
|
|
||||||
ref={rootRef}
|
|
||||||
className={cn("report-markdown-shell grid min-h-0 gap-5 lg:grid-cols-[minmax(0,1fr)_300px]", className)}
|
|
||||||
>
|
|
||||||
<article className="report-markdown-paper min-w-0 overflow-hidden">
|
|
||||||
<header className={cn("report-markdown-header", compactHeader && "report-markdown-header-compact")}>
|
|
||||||
<div className="flex flex-wrap items-center gap-2">
|
|
||||||
<Badge variant="secondary" className="report-markdown-badge">
|
|
||||||
<BookOpen className="size-3.5" />
|
|
||||||
{badgeLabel}
|
|
||||||
</Badge>
|
|
||||||
{subtitle && (
|
|
||||||
<span className="max-w-full truncate text-xs text-slate-500 dark:text-slate-400">
|
|
||||||
{subtitle}
|
|
||||||
</span>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
{title && <h1 className="report-markdown-title">{title}</h1>}
|
|
||||||
{!compactHeader && excerpt && <p className="report-markdown-excerpt">{excerpt}</p>}
|
|
||||||
<div className="report-markdown-metrics">
|
|
||||||
<span>{sectionCount || 1} 个章节</span>
|
|
||||||
<span>约 {wordCount} 字</span>
|
|
||||||
</div>
|
|
||||||
</header>
|
|
||||||
|
|
||||||
<div className="wiki-markdown report-markdown-body">
|
|
||||||
<MarkdownContent
|
|
||||||
className="max-w-none"
|
|
||||||
content={content}
|
|
||||||
isLoading={false}
|
|
||||||
remarkPlugins={reasoningPlugins.remarkPlugins}
|
|
||||||
rehypePlugins={reasoningPlugins.rehypePlugins}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</article>
|
|
||||||
|
|
||||||
<aside className="hidden min-w-0 lg:block">
|
|
||||||
<div className="report-markdown-toc">
|
|
||||||
<div className="mb-3 flex items-center justify-between gap-2">
|
|
||||||
<div className="flex items-center gap-2 text-sm font-semibold text-slate-900 dark:text-slate-100">
|
|
||||||
<ListTree className="size-4" />
|
|
||||||
内容目录
|
|
||||||
</div>
|
|
||||||
<span className="rounded-md bg-slate-100 px-1.5 py-0.5 text-xs text-slate-500 dark:bg-slate-800 dark:text-slate-400">
|
|
||||||
{sectionCount || 0}
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
{headings.length > 0 ? (
|
|
||||||
<nav className="report-markdown-toc-list">
|
|
||||||
{headings.map((item) => (
|
|
||||||
<button
|
|
||||||
key={item.id}
|
|
||||||
type="button"
|
|
||||||
className={cn(
|
|
||||||
"report-markdown-toc-item",
|
|
||||||
activeHeadingId === item.id && "report-markdown-toc-item-active",
|
|
||||||
item.level === 2 && "report-markdown-toc-level-2",
|
|
||||||
item.level === 3 && "report-markdown-toc-level-3",
|
|
||||||
)}
|
|
||||||
title={item.text}
|
|
||||||
onClick={() => scrollToHeading(item.id)}
|
|
||||||
>
|
|
||||||
{item.text}
|
|
||||||
</button>
|
|
||||||
))}
|
|
||||||
</nav>
|
|
||||||
) : (
|
|
||||||
<div className="rounded-md border border-dashed p-3 text-xs text-slate-500 dark:border-slate-800 dark:text-slate-400">
|
|
||||||
暂无标题目录
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
</aside>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@@ -111,340 +111,6 @@
|
|||||||
border-color: #eef1f5;
|
border-color: #eef1f5;
|
||||||
}
|
}
|
||||||
|
|
||||||
.public-report-markdown {
|
|
||||||
color: #334155;
|
|
||||||
font-feature-settings: "kern";
|
|
||||||
text-rendering: optimizeLegibility;
|
|
||||||
}
|
|
||||||
|
|
||||||
.public-report-markdown h1 {
|
|
||||||
font-size: 30px;
|
|
||||||
letter-spacing: 0;
|
|
||||||
margin-bottom: 24px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.public-report-markdown h2 {
|
|
||||||
font-size: 22px;
|
|
||||||
margin-top: 42px;
|
|
||||||
margin-bottom: 16px;
|
|
||||||
padding-bottom: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.public-report-markdown h3 {
|
|
||||||
font-size: 18px;
|
|
||||||
margin-top: 30px;
|
|
||||||
margin-bottom: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.public-report-markdown p,
|
|
||||||
.public-report-markdown li {
|
|
||||||
font-size: 16px;
|
|
||||||
line-height: 1.9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.public-report-markdown p {
|
|
||||||
margin-bottom: 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.public-report-markdown ul,
|
|
||||||
.public-report-markdown ol {
|
|
||||||
margin: 14px 0 18px;
|
|
||||||
padding-left: 26px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.public-report-markdown ul {
|
|
||||||
list-style-type: disc;
|
|
||||||
}
|
|
||||||
|
|
||||||
.public-report-markdown ol {
|
|
||||||
list-style-type: decimal;
|
|
||||||
}
|
|
||||||
|
|
||||||
.public-report-markdown li {
|
|
||||||
padding-left: 2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.public-report-markdown code {
|
|
||||||
border-radius: 6px;
|
|
||||||
background: #f1f5f9;
|
|
||||||
padding: 2px 6px;
|
|
||||||
color: #be123c;
|
|
||||||
font-size: 0.92em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.public-report-markdown pre {
|
|
||||||
margin: 20px 0;
|
|
||||||
border-radius: 8px;
|
|
||||||
background: #0f172a;
|
|
||||||
padding: 16px;
|
|
||||||
overflow-x: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.public-report-markdown pre code {
|
|
||||||
background: transparent;
|
|
||||||
padding: 0;
|
|
||||||
color: inherit;
|
|
||||||
}
|
|
||||||
|
|
||||||
.public-report-markdown table {
|
|
||||||
display: block;
|
|
||||||
overflow-x: auto;
|
|
||||||
border-radius: 8px;
|
|
||||||
border: 1px solid #e8ecf1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.public-report-markdown th,
|
|
||||||
.public-report-markdown td {
|
|
||||||
min-width: 120px;
|
|
||||||
vertical-align: top;
|
|
||||||
}
|
|
||||||
|
|
||||||
.public-report-markdown blockquote {
|
|
||||||
margin: 20px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dark .public-report-markdown {
|
|
||||||
color: #cbd5e1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dark .public-report-markdown code {
|
|
||||||
background: #1e293b;
|
|
||||||
color: #f9a8d4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dark .public-report-markdown pre {
|
|
||||||
background: #020617;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dark .public-report-markdown table {
|
|
||||||
border-color: #334155;
|
|
||||||
}
|
|
||||||
|
|
||||||
.report-markdown-shell {
|
|
||||||
align-items: start;
|
|
||||||
padding: 2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.report-markdown-paper {
|
|
||||||
border: 1px solid rgba(203, 213, 225, 0.85);
|
|
||||||
border-radius: 8px;
|
|
||||||
background:
|
|
||||||
linear-gradient(180deg, rgba(248, 250, 252, 0.92), rgba(255, 255, 255, 0) 220px),
|
|
||||||
#ffffff;
|
|
||||||
box-shadow:
|
|
||||||
0 1px 2px rgba(15, 23, 42, 0.04),
|
|
||||||
0 18px 44px rgba(15, 23, 42, 0.07);
|
|
||||||
}
|
|
||||||
|
|
||||||
.report-markdown-header {
|
|
||||||
border-bottom: 1px solid #e8edf4;
|
|
||||||
padding: 26px 34px 22px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.report-markdown-header-compact {
|
|
||||||
padding-bottom: 18px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.report-markdown-badge {
|
|
||||||
gap: 6px;
|
|
||||||
border: 1px solid #dbe3ef;
|
|
||||||
background: #ffffff;
|
|
||||||
color: #475569;
|
|
||||||
}
|
|
||||||
|
|
||||||
.report-markdown-title {
|
|
||||||
margin: 14px 0 0;
|
|
||||||
color: #0f172a;
|
|
||||||
font-size: 26px;
|
|
||||||
font-weight: 700;
|
|
||||||
line-height: 1.35;
|
|
||||||
letter-spacing: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.report-markdown-excerpt {
|
|
||||||
margin: 14px 0 0;
|
|
||||||
max-width: 840px;
|
|
||||||
color: #64748b;
|
|
||||||
font-size: 14px;
|
|
||||||
line-height: 1.8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.report-markdown-metrics {
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
gap: 8px;
|
|
||||||
margin-top: 16px;
|
|
||||||
color: #64748b;
|
|
||||||
font-size: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.report-markdown-metrics span {
|
|
||||||
border: 1px solid #e2e8f0;
|
|
||||||
border-radius: 6px;
|
|
||||||
background: rgba(255, 255, 255, 0.78);
|
|
||||||
padding: 4px 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.report-markdown-body {
|
|
||||||
max-width: 920px;
|
|
||||||
margin: 0 auto;
|
|
||||||
padding: 32px 42px 44px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.report-markdown-body h1 {
|
|
||||||
font-size: 28px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.report-markdown-body h2 {
|
|
||||||
position: relative;
|
|
||||||
margin-top: 44px;
|
|
||||||
border-bottom-color: #e5edf7;
|
|
||||||
font-size: 22px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.report-markdown-body h2::before {
|
|
||||||
content: "";
|
|
||||||
position: absolute;
|
|
||||||
left: -16px;
|
|
||||||
top: 0.34em;
|
|
||||||
width: 4px;
|
|
||||||
height: 1.05em;
|
|
||||||
border-radius: 999px;
|
|
||||||
background: #2563eb;
|
|
||||||
}
|
|
||||||
|
|
||||||
.report-markdown-body h3 {
|
|
||||||
color: #1e293b;
|
|
||||||
font-size: 18px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.report-markdown-body p,
|
|
||||||
.report-markdown-body li {
|
|
||||||
font-size: 16px;
|
|
||||||
line-height: 1.92;
|
|
||||||
}
|
|
||||||
|
|
||||||
.report-markdown-body blockquote {
|
|
||||||
border-left-color: #2563eb;
|
|
||||||
background: #f8fbff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.report-markdown-body table {
|
|
||||||
box-shadow: 0 1px 0 rgba(15, 23, 42, 0.04);
|
|
||||||
}
|
|
||||||
|
|
||||||
.report-markdown-toc {
|
|
||||||
position: sticky;
|
|
||||||
top: 16px;
|
|
||||||
max-height: calc(100vh - 32px);
|
|
||||||
overflow: hidden;
|
|
||||||
border: 1px solid rgba(203, 213, 225, 0.82);
|
|
||||||
border-radius: 8px;
|
|
||||||
background: rgba(255, 255, 255, 0.92);
|
|
||||||
padding: 14px;
|
|
||||||
box-shadow: 0 12px 34px rgba(15, 23, 42, 0.06);
|
|
||||||
backdrop-filter: blur(10px);
|
|
||||||
}
|
|
||||||
|
|
||||||
.report-markdown-toc-list {
|
|
||||||
max-height: calc(100vh - 128px);
|
|
||||||
overflow: auto;
|
|
||||||
padding-right: 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.report-markdown-toc-item {
|
|
||||||
display: block;
|
|
||||||
width: 100%;
|
|
||||||
overflow: hidden;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
white-space: nowrap;
|
|
||||||
border-left: 2px solid transparent;
|
|
||||||
border-radius: 6px;
|
|
||||||
padding: 7px 8px;
|
|
||||||
color: #64748b;
|
|
||||||
font-size: 12px;
|
|
||||||
line-height: 1.4;
|
|
||||||
text-align: left;
|
|
||||||
transition: background 160ms ease, border-color 160ms ease, color 160ms ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
.report-markdown-toc-item:hover {
|
|
||||||
background: #f1f5f9;
|
|
||||||
color: #0f172a;
|
|
||||||
}
|
|
||||||
|
|
||||||
.report-markdown-toc-item-active {
|
|
||||||
border-left-color: #2563eb;
|
|
||||||
background: #eff6ff;
|
|
||||||
color: #1d4ed8;
|
|
||||||
font-weight: 600;
|
|
||||||
}
|
|
||||||
|
|
||||||
.report-markdown-toc-level-2 {
|
|
||||||
padding-left: 18px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.report-markdown-toc-level-3 {
|
|
||||||
padding-left: 30px;
|
|
||||||
color: #94a3b8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dark .report-markdown-paper {
|
|
||||||
border-color: #1f2937;
|
|
||||||
background:
|
|
||||||
linear-gradient(180deg, rgba(15, 23, 42, 0.9), rgba(2, 6, 23, 0) 220px),
|
|
||||||
#020617;
|
|
||||||
box-shadow: 0 18px 44px rgba(0, 0, 0, 0.24);
|
|
||||||
}
|
|
||||||
|
|
||||||
.dark .report-markdown-header {
|
|
||||||
border-bottom-color: #1e293b;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dark .report-markdown-badge,
|
|
||||||
.dark .report-markdown-metrics span {
|
|
||||||
border-color: #334155;
|
|
||||||
background: #0f172a;
|
|
||||||
color: #cbd5e1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dark .report-markdown-title {
|
|
||||||
color: #f8fafc;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dark .report-markdown-excerpt,
|
|
||||||
.dark .report-markdown-metrics {
|
|
||||||
color: #94a3b8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dark .report-markdown-body h3 {
|
|
||||||
color: #e2e8f0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dark .report-markdown-body h2::before {
|
|
||||||
background: #60a5fa;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dark .report-markdown-body blockquote {
|
|
||||||
background: #0f172a;
|
|
||||||
border-left-color: #60a5fa;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dark .report-markdown-toc {
|
|
||||||
border-color: #1f2937;
|
|
||||||
background: rgba(2, 6, 23, 0.88);
|
|
||||||
}
|
|
||||||
|
|
||||||
.dark .report-markdown-toc-item:hover {
|
|
||||||
background: #0f172a;
|
|
||||||
color: #f8fafc;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dark .report-markdown-toc-item-active {
|
|
||||||
background: rgba(37, 99, 235, 0.16);
|
|
||||||
color: #93c5fd;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Anchor target offset so headings clear the floating "目录" pill. */
|
/* Anchor target offset so headings clear the floating "目录" pill. */
|
||||||
.wiki-markdown h1,
|
.wiki-markdown h1,
|
||||||
.wiki-markdown h2,
|
.wiki-markdown h2,
|
||||||
|
|||||||
@@ -1,556 +0,0 @@
|
|||||||
"use client";
|
|
||||||
|
|
||||||
import {
|
|
||||||
Activity,
|
|
||||||
Gauge,
|
|
||||||
Loader2,
|
|
||||||
OctagonX,
|
|
||||||
RefreshCw,
|
|
||||||
Square,
|
|
||||||
Zap,
|
|
||||||
} from "lucide-react";
|
|
||||||
import { useId, useMemo, useState } from "react";
|
|
||||||
import { toast } from "sonner";
|
|
||||||
|
|
||||||
import { Badge } from "@/components/ui/badge";
|
|
||||||
import { Button } from "@/components/ui/button";
|
|
||||||
import { Switch } from "@/components/ui/switch";
|
|
||||||
import type {
|
|
||||||
ActiveRunItem,
|
|
||||||
ConcurrencyPoint,
|
|
||||||
Granularity,
|
|
||||||
TokenSpeedPoint,
|
|
||||||
} from "@/core/admin/active-runs";
|
|
||||||
import {
|
|
||||||
useActiveRuns,
|
|
||||||
useCancelActiveRun,
|
|
||||||
useCancelAllActiveRuns,
|
|
||||||
useConcurrencySeries,
|
|
||||||
useMonitorSettings,
|
|
||||||
useTokenSpeedSeries,
|
|
||||||
useUpdateMonitorSettings,
|
|
||||||
} from "@/core/admin/hooks";
|
|
||||||
import { cn } from "@/lib/utils";
|
|
||||||
|
|
||||||
/** lookback window (hours) per granularity. */
|
|
||||||
const LOOKBACK: Record<Granularity, number> = { minute: 3, hour: 48 };
|
|
||||||
|
|
||||||
function fmtBucket(iso: string, granularity: Granularity): string {
|
|
||||||
const date = new Date(iso);
|
|
||||||
if (Number.isNaN(date.getTime())) return iso;
|
|
||||||
const mm = String(date.getMonth() + 1).padStart(2, "0");
|
|
||||||
const dd = String(date.getDate()).padStart(2, "0");
|
|
||||||
const hh = String(date.getHours()).padStart(2, "0");
|
|
||||||
const mi = String(date.getMinutes()).padStart(2, "0");
|
|
||||||
return granularity === "hour" ? `${mm}-${dd} ${hh}:00` : `${hh}:${mi}`;
|
|
||||||
}
|
|
||||||
|
|
||||||
function fmtElapsed(seconds: number): string {
|
|
||||||
if (seconds < 60) return `${seconds}s`;
|
|
||||||
const m = Math.floor(seconds / 60);
|
|
||||||
const s = seconds % 60;
|
|
||||||
if (m < 60) return `${m}m${s.toString().padStart(2, "0")}s`;
|
|
||||||
const h = Math.floor(m / 60);
|
|
||||||
return `${h}h${(m % 60).toString().padStart(2, "0")}m`;
|
|
||||||
}
|
|
||||||
|
|
||||||
interface LineSeries {
|
|
||||||
name: string;
|
|
||||||
color: string;
|
|
||||||
values: (number | null)[];
|
|
||||||
}
|
|
||||||
|
|
||||||
/** Round a value up to a "nice" axis ceiling (1 / 2 / 5 × 10ⁿ). */
|
|
||||||
function niceCeil(v: number): number {
|
|
||||||
if (!Number.isFinite(v) || v <= 0) return 1;
|
|
||||||
const exp = Math.floor(Math.log10(v));
|
|
||||||
const base = 10 ** exp;
|
|
||||||
const f = v / base;
|
|
||||||
const nice = f <= 1 ? 1 : f <= 2 ? 2 : f <= 5 ? 5 : 10;
|
|
||||||
return nice * base;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Build distinct axis ticks from the data max. For integer series (并发量) this
|
|
||||||
* yields whole-number ticks with no duplicate labels (fixes the「0 0 0 1 1」
|
|
||||||
* axis when the max is 1); for floats it uses a nice ceiling at quarters.
|
|
||||||
*/
|
|
||||||
function buildTicks(dataMax: number, integer: boolean): number[] {
|
|
||||||
if (!Number.isFinite(dataMax) || dataMax <= 0) return [0, 1];
|
|
||||||
if (integer) {
|
|
||||||
const niceMax = Math.max(1, Math.ceil(dataMax));
|
|
||||||
const step = Math.max(1, Math.ceil(niceMax / 4)); // ≤5 integer ticks
|
|
||||||
const top = Math.ceil(niceMax / step) * step;
|
|
||||||
const ticks: number[] = [];
|
|
||||||
for (let v = 0; v <= top; v += step) ticks.push(v);
|
|
||||||
return ticks;
|
|
||||||
}
|
|
||||||
const niceMax = niceCeil(dataMax);
|
|
||||||
return [0, 0.25, 0.5, 0.75, 1].map((r) => niceMax * r);
|
|
||||||
}
|
|
||||||
|
|
||||||
function fmtAxis(v: number, integer: boolean): string {
|
|
||||||
if (integer) return String(Math.round(v));
|
|
||||||
if (v === 0) return "0";
|
|
||||||
return v < 10 ? v.toFixed(1) : String(Math.round(v));
|
|
||||||
}
|
|
||||||
|
|
||||||
/** Last non-null value of a series (for the legend's current reading). */
|
|
||||||
function latestOf(values: (number | null)[]): number | null {
|
|
||||||
for (let i = values.length - 1; i >= 0; i -= 1) {
|
|
||||||
if (values[i] != null) return values[i] as number;
|
|
||||||
}
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
|
|
||||||
/** Minimal dependency-free SVG line chart: legend + 1–2 series + area + caption. */
|
|
||||||
function LineChart({
|
|
||||||
labels,
|
|
||||||
series,
|
|
||||||
unit,
|
|
||||||
integer = false,
|
|
||||||
note,
|
|
||||||
emptyHint,
|
|
||||||
}: {
|
|
||||||
labels: string[];
|
|
||||||
series: LineSeries[];
|
|
||||||
unit: string;
|
|
||||||
integer?: boolean;
|
|
||||||
note?: string;
|
|
||||||
emptyHint: string;
|
|
||||||
}) {
|
|
||||||
const gradId = `cm-area-${useId().replace(/:/g, "")}`;
|
|
||||||
const width = 760;
|
|
||||||
const height = 220;
|
|
||||||
const pad = { top: 16, right: 16, bottom: 26, left: 44 };
|
|
||||||
const cw = width - pad.left - pad.right;
|
|
||||||
const ch = height - pad.top - pad.bottom;
|
|
||||||
const n = labels.length;
|
|
||||||
|
|
||||||
const allValues = series.flatMap((s) => s.values.filter((v): v is number => v != null));
|
|
||||||
const dataMax = allValues.length ? Math.max(...allValues) : 0;
|
|
||||||
const ticks = buildTicks(dataMax, integer);
|
|
||||||
const axisMax = ticks[ticks.length - 1] || 1;
|
|
||||||
|
|
||||||
// Legend always renders (even with no data) so the lines are self-explanatory.
|
|
||||||
const legend = (
|
|
||||||
<div className="mb-2 flex flex-wrap items-center gap-x-4 gap-y-1">
|
|
||||||
{series.map((s) => {
|
|
||||||
const latest = latestOf(s.values);
|
|
||||||
return (
|
|
||||||
<span key={s.name} className="flex items-center gap-1.5 text-xs text-[#5F6368] dark:text-slate-300">
|
|
||||||
<span className="inline-block h-[3px] w-4 rounded-full" style={{ backgroundColor: s.color }} />
|
|
||||||
{s.name}
|
|
||||||
{latest != null && (
|
|
||||||
<span className="font-semibold tabular-nums text-[#231815] dark:text-white">
|
|
||||||
{Number.isInteger(latest) ? latest : latest.toFixed(1)}
|
|
||||||
{unit}
|
|
||||||
</span>
|
|
||||||
)}
|
|
||||||
</span>
|
|
||||||
);
|
|
||||||
})}
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
|
|
||||||
const caption = note ? (
|
|
||||||
<p className="mt-2 text-[11px] leading-4 text-[#8B6B6B] dark:text-[#7FACF2]">{note}</p>
|
|
||||||
) : null;
|
|
||||||
|
|
||||||
if (n === 0) {
|
|
||||||
return (
|
|
||||||
<div>
|
|
||||||
{legend}
|
|
||||||
<div className="flex h-[160px] items-center justify-center rounded-lg border border-dashed border-[#F1D6D6] text-sm text-[#5F6368] dark:border-[#213D5E] dark:text-slate-400">
|
|
||||||
{emptyHint}
|
|
||||||
</div>
|
|
||||||
{caption}
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
const xFor = (i: number) => pad.left + (n <= 1 ? cw / 2 : (i / (n - 1)) * cw);
|
|
||||||
const yFor = (v: number) => pad.top + ch - (v / axisMax) * ch;
|
|
||||||
|
|
||||||
const linePath = (vals: (number | null)[]) => {
|
|
||||||
let d = "";
|
|
||||||
let started = false;
|
|
||||||
vals.forEach((v, i) => {
|
|
||||||
if (v == null) {
|
|
||||||
started = false;
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
d += `${started ? "L" : "M"} ${xFor(i).toFixed(1)} ${yFor(v).toFixed(1)} `;
|
|
||||||
started = true;
|
|
||||||
});
|
|
||||||
return d.trim();
|
|
||||||
};
|
|
||||||
|
|
||||||
const first = series[0];
|
|
||||||
const areaPath = (() => {
|
|
||||||
if (!first) return "";
|
|
||||||
const line = linePath(first.values);
|
|
||||||
if (!line) return "";
|
|
||||||
return `${line} L ${xFor(n - 1).toFixed(1)} ${(pad.top + ch).toFixed(1)} L ${xFor(0).toFixed(1)} ${(pad.top + ch).toFixed(1)} Z`;
|
|
||||||
})();
|
|
||||||
|
|
||||||
const labelStep = Math.max(1, Math.ceil(n / 7));
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div>
|
|
||||||
{legend}
|
|
||||||
<svg viewBox={`0 0 ${width} ${height}`} className="w-full" role="img" aria-label="时序折线图">
|
|
||||||
<defs>
|
|
||||||
<linearGradient id={gradId} x1="0" x2="0" y1="0" y2="1">
|
|
||||||
<stop offset="0%" stopColor={first?.color ?? "#C1121F"} stopOpacity="0.18" />
|
|
||||||
<stop offset="100%" stopColor={first?.color ?? "#C1121F"} stopOpacity="0.02" />
|
|
||||||
</linearGradient>
|
|
||||||
</defs>
|
|
||||||
{ticks.map((t) => {
|
|
||||||
const y = yFor(t);
|
|
||||||
return (
|
|
||||||
<g key={t}>
|
|
||||||
<line
|
|
||||||
x1={pad.left}
|
|
||||||
x2={width - pad.right}
|
|
||||||
y1={y}
|
|
||||||
y2={y}
|
|
||||||
stroke="currentColor"
|
|
||||||
className="text-[#E5E7EB] dark:text-[#3F3F46]"
|
|
||||||
strokeWidth="1"
|
|
||||||
/>
|
|
||||||
<text x={pad.left - 6} y={y + 3} textAnchor="end" className="fill-[#9CA3AF] text-[10px]">
|
|
||||||
{fmtAxis(t, integer)}
|
|
||||||
</text>
|
|
||||||
</g>
|
|
||||||
);
|
|
||||||
})}
|
|
||||||
{areaPath && <path d={areaPath} fill={`url(#${gradId})`} />}
|
|
||||||
{series.map((s) => (
|
|
||||||
<path
|
|
||||||
key={s.name}
|
|
||||||
d={linePath(s.values)}
|
|
||||||
fill="none"
|
|
||||||
stroke={s.color}
|
|
||||||
strokeWidth="2"
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
/>
|
|
||||||
))}
|
|
||||||
{labels.map((label, i) => {
|
|
||||||
if (i !== 0 && i !== n - 1 && i % labelStep !== 0) return null;
|
|
||||||
return (
|
|
||||||
<text key={`${label}-${i}`} x={xFor(i)} y={height - 8} textAnchor="middle" className="fill-[#6B7280] text-[10px]">
|
|
||||||
{label}
|
|
||||||
</text>
|
|
||||||
);
|
|
||||||
})}
|
|
||||||
{series.map((s) =>
|
|
||||||
s.values.map((v, i) =>
|
|
||||||
v == null ? null : (
|
|
||||||
<circle key={`${s.name}-${i}`} cx={xFor(i)} cy={yFor(v)} r={2.5} fill={s.color}>
|
|
||||||
<title>{`${labels[i]} · ${s.name}: ${v}${unit}`}</title>
|
|
||||||
</circle>
|
|
||||||
),
|
|
||||||
),
|
|
||||||
)}
|
|
||||||
</svg>
|
|
||||||
{caption}
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
function ChartCard({
|
|
||||||
icon: Icon,
|
|
||||||
title,
|
|
||||||
subtitle,
|
|
||||||
children,
|
|
||||||
}: {
|
|
||||||
icon: typeof Activity;
|
|
||||||
title: string;
|
|
||||||
subtitle: string;
|
|
||||||
children: React.ReactNode;
|
|
||||||
}) {
|
|
||||||
return (
|
|
||||||
<section className="rounded-lg border border-[#F1D6D6] bg-white p-4 shadow-sm dark:border-[#213D5E] dark:bg-[#02244C]">
|
|
||||||
<div className="mb-3 flex items-center gap-2">
|
|
||||||
<Icon className="size-4 text-[#C1121F] dark:text-[#7FACF2]" />
|
|
||||||
<h3 className="font-semibold text-[#231815] dark:text-white">{title}</h3>
|
|
||||||
<span className="ml-auto text-xs text-[#8B6B6B] dark:text-[#7FACF2]">{subtitle}</span>
|
|
||||||
</div>
|
|
||||||
{children}
|
|
||||||
</section>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
function ActiveRunRow({
|
|
||||||
run,
|
|
||||||
onStop,
|
|
||||||
stopping,
|
|
||||||
}: {
|
|
||||||
run: ActiveRunItem;
|
|
||||||
onStop: (runId: string) => void;
|
|
||||||
stopping: boolean;
|
|
||||||
}) {
|
|
||||||
return (
|
|
||||||
<div className="grid grid-cols-[minmax(0,1.4fr)_minmax(0,1.2fr)_72px_64px_64px_72px] items-center gap-3 border-b border-[#F1D6D6] px-3 py-2 text-sm last:border-b-0 dark:border-[#213D5E]">
|
|
||||||
<div className="min-w-0">
|
|
||||||
<div className="truncate font-medium text-[#202124] dark:text-white">{run.user_name || "未知用户"}</div>
|
|
||||||
<div className="truncate text-xs text-[#5F6368] dark:text-slate-400" title={run.thread_title}>
|
|
||||||
{run.thread_title || run.thread_id}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="min-w-0 truncate text-[#202124] dark:text-slate-100">{run.agent_name}</div>
|
|
||||||
<Badge variant="outline" className="justify-center">
|
|
||||||
{run.kind}
|
|
||||||
</Badge>
|
|
||||||
<span
|
|
||||||
className={cn(
|
|
||||||
"text-center text-xs font-medium",
|
|
||||||
run.status === "running" ? "text-[#0F766E] dark:text-teal-300" : "text-[#B45309] dark:text-amber-300",
|
|
||||||
)}
|
|
||||||
>
|
|
||||||
{run.status === "running" ? "运行中" : "排队中"}
|
|
||||||
</span>
|
|
||||||
<span className="text-center text-xs tabular-nums text-[#5F6368] dark:text-slate-400">
|
|
||||||
{fmtElapsed(run.elapsed_seconds)}
|
|
||||||
</span>
|
|
||||||
<Button
|
|
||||||
size="sm"
|
|
||||||
variant="outline"
|
|
||||||
className="h-7 border-[#C1121F]/40 text-[#C1121F] hover:bg-[#FFF1F1] dark:border-rose-400/40 dark:text-rose-200"
|
|
||||||
disabled={stopping}
|
|
||||||
onClick={() => onStop(run.run_id)}
|
|
||||||
>
|
|
||||||
{stopping ? <Loader2 className="size-3.5 animate-spin" /> : <Square className="size-3.5" />}
|
|
||||||
停止
|
|
||||||
</Button>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
export function ConcurrencyMonitorPanel() {
|
|
||||||
const [open, setOpen] = useState(true);
|
|
||||||
const [granularity, setGranularity] = useState<Granularity>("minute");
|
|
||||||
|
|
||||||
const { data: live, isLoading: liveLoading, refetch, isRefetching } = useActiveRuns(open);
|
|
||||||
const concurrency = useConcurrencySeries(granularity, LOOKBACK[granularity], open);
|
|
||||||
const tokenSpeed = useTokenSpeedSeries(granularity, LOOKBACK[granularity], open);
|
|
||||||
const { data: settings } = useMonitorSettings();
|
|
||||||
const updateSettings = useUpdateMonitorSettings();
|
|
||||||
const cancelOne = useCancelActiveRun();
|
|
||||||
const cancelAll = useCancelAllActiveRuns();
|
|
||||||
|
|
||||||
const [stoppingId, setStoppingId] = useState<string | null>(null);
|
|
||||||
|
|
||||||
const count = live?.count ?? 0;
|
|
||||||
const runs = live?.runs ?? [];
|
|
||||||
const samplerOn = settings?.enabled ?? false;
|
|
||||||
|
|
||||||
const concurrencyChart = useMemo(() => {
|
|
||||||
const points: ConcurrencyPoint[] = concurrency.data?.points ?? [];
|
|
||||||
return {
|
|
||||||
labels: points.map((p) => fmtBucket(p.bucket, granularity)),
|
|
||||||
series: [
|
|
||||||
{ name: "峰值并发", color: "#C1121F", values: points.map((p) => p.peak) },
|
|
||||||
{ name: "平均并发", color: "#F59E0B", values: points.map((p) => p.avg) },
|
|
||||||
] as LineSeries[],
|
|
||||||
};
|
|
||||||
}, [concurrency.data, granularity]);
|
|
||||||
|
|
||||||
const tokenChart = useMemo(() => {
|
|
||||||
const points: TokenSpeedPoint[] = tokenSpeed.data?.points ?? [];
|
|
||||||
return {
|
|
||||||
labels: points.map((p) => fmtBucket(p.bucket, granularity)),
|
|
||||||
series: [
|
|
||||||
{ name: "平均速度", color: "#2563EB", values: points.map((p) => p.avg_tokens_per_sec) },
|
|
||||||
{ name: "最慢", color: "#9333EA", values: points.map((p) => p.min_tokens_per_sec) },
|
|
||||||
] as LineSeries[],
|
|
||||||
};
|
|
||||||
}, [tokenSpeed.data, granularity]);
|
|
||||||
|
|
||||||
const handleStop = async (runId: string) => {
|
|
||||||
setStoppingId(runId);
|
|
||||||
try {
|
|
||||||
const res = await cancelOne.mutateAsync(runId);
|
|
||||||
toast[res.cancelled ? "success" : "info"](res.cancelled ? "已停止该对话调用" : "该调用已结束或不存在");
|
|
||||||
} catch (e) {
|
|
||||||
toast.error(e instanceof Error ? e.message : "停止失败");
|
|
||||||
} finally {
|
|
||||||
setStoppingId(null);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
const handleStopAll = async () => {
|
|
||||||
if (runs.length === 0) return;
|
|
||||||
if (!window.confirm(`确定要停止当前全部 ${count} 个并发调用吗?这会中断这些用户正在生成的回答。`)) return;
|
|
||||||
try {
|
|
||||||
const res = await cancelAll.mutateAsync();
|
|
||||||
toast.success(`已停止 ${res.cancelled_count} 个调用`);
|
|
||||||
} catch (e) {
|
|
||||||
toast.error(e instanceof Error ? e.message : "全部停止失败");
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
const handleToggleSampler = async (next: boolean) => {
|
|
||||||
try {
|
|
||||||
await updateSettings.mutateAsync(next);
|
|
||||||
toast.success(next ? "已开启并发采样" : "已关闭并发采样(折线图不再新增历史点)");
|
|
||||||
} catch (e) {
|
|
||||||
toast.error(e instanceof Error ? e.message : "切换失败");
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
return (
|
|
||||||
<section className="space-y-4 rounded-xl border border-[#F1D6D6] bg-[#FFF7F7] p-4 shadow-sm dark:border-[#213D5E] dark:bg-[#011226]">
|
|
||||||
{/* header */}
|
|
||||||
<div className="flex flex-wrap items-center gap-3">
|
|
||||||
<div className="flex items-center gap-2">
|
|
||||||
<span className="flex size-9 items-center justify-center rounded-lg bg-[#C1121F] text-white dark:bg-[#2563EB]">
|
|
||||||
<Activity className="size-5" />
|
|
||||||
</span>
|
|
||||||
<div>
|
|
||||||
<div className="font-semibold text-[#231815] dark:text-white">实时并发监控</div>
|
|
||||||
<div className="text-xs text-[#8B6B6B] dark:text-[#7FACF2]">
|
|
||||||
监控大模型并发压力,可直接停止任意对话调用
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="ml-auto flex flex-wrap items-center gap-3">
|
|
||||||
<div className="flex items-center gap-2 rounded-lg border border-[#F1D6D6] bg-white px-3 py-1.5 dark:border-[#213D5E] dark:bg-[#02244C]">
|
|
||||||
<span className="text-xs text-[#5F6368] dark:text-slate-300">当前并发</span>
|
|
||||||
<span
|
|
||||||
className={cn(
|
|
||||||
"text-2xl font-semibold tabular-nums",
|
|
||||||
count > 0 ? "text-[#C1121F] dark:text-[#7FACF2]" : "text-[#202124] dark:text-white",
|
|
||||||
)}
|
|
||||||
>
|
|
||||||
{count}
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
<div className="flex items-center gap-2 rounded-lg border border-[#F1D6D6] bg-white px-3 py-1.5 dark:border-[#213D5E] dark:bg-[#02244C]">
|
|
||||||
<span className="text-xs text-[#5F6368] dark:text-slate-300">后台采样</span>
|
|
||||||
<Switch checked={samplerOn} onCheckedChange={handleToggleSampler} disabled={updateSettings.isPending} />
|
|
||||||
</div>
|
|
||||||
<Button variant="outline" size="sm" onClick={() => refetch()} disabled={isRefetching}>
|
|
||||||
<RefreshCw className={cn("mr-1 size-4", isRefetching && "animate-spin")} />
|
|
||||||
刷新
|
|
||||||
</Button>
|
|
||||||
<Button
|
|
||||||
variant="outline"
|
|
||||||
size="sm"
|
|
||||||
className="border-[#C1121F]/50 text-[#C1121F] hover:bg-[#FFF1F1] dark:border-rose-400/40 dark:text-rose-200"
|
|
||||||
onClick={handleStopAll}
|
|
||||||
disabled={cancelAll.isPending || runs.length === 0}
|
|
||||||
>
|
|
||||||
<OctagonX className="mr-1 size-4" />
|
|
||||||
全部停止
|
|
||||||
</Button>
|
|
||||||
<Button variant="ghost" size="sm" onClick={() => setOpen((v) => !v)}>
|
|
||||||
{open ? "收起" : "展开"}
|
|
||||||
</Button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{open && (
|
|
||||||
<>
|
|
||||||
{!samplerOn && (
|
|
||||||
<div className="rounded-lg border border-amber-300/60 bg-amber-50 px-3 py-2 text-xs text-amber-800 dark:border-amber-300/30 dark:bg-amber-300/10 dark:text-amber-100">
|
|
||||||
后台采样默认关闭:实时并发数与「停止」功能始终可用。需要并发量历史折线图时,打开右上角「后台采样」开关即可开始记录(对线上服务影响极小,可随时关闭)。
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
|
|
||||||
{/* granularity toggle */}
|
|
||||||
<div className="flex items-center gap-2">
|
|
||||||
<span className="text-xs text-[#5F6368] dark:text-slate-300">统计粒度</span>
|
|
||||||
{(["minute", "hour"] as Granularity[]).map((g) => (
|
|
||||||
<Button
|
|
||||||
key={g}
|
|
||||||
size="sm"
|
|
||||||
variant={granularity === g ? "default" : "outline"}
|
|
||||||
className={cn("h-7", granularity === g && "bg-[#C1121F] hover:bg-[#A50F1A] dark:bg-[#2563EB]")}
|
|
||||||
onClick={() => setGranularity(g)}
|
|
||||||
>
|
|
||||||
{g === "minute" ? "按分钟" : "按小时"}
|
|
||||||
</Button>
|
|
||||||
))}
|
|
||||||
<span className="text-xs text-[#8B6B6B] dark:text-[#7FACF2]">
|
|
||||||
{granularity === "minute" ? "近 3 小时" : "近 48 小时"}
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{/* charts */}
|
|
||||||
<div className="grid gap-3 xl:grid-cols-2">
|
|
||||||
<ChartCard icon={Gauge} title="并发量(系统压力)" subtitle={`每${granularity === "hour" ? "小时" : "分钟"}一个点`}>
|
|
||||||
{concurrency.isLoading ? (
|
|
||||||
<div className="flex h-[220px] items-center justify-center text-sm text-[#5F6368] dark:text-slate-400">
|
|
||||||
<Loader2 className="mr-2 size-4 animate-spin" /> 加载中
|
|
||||||
</div>
|
|
||||||
) : (
|
|
||||||
<LineChart
|
|
||||||
labels={concurrencyChart.labels}
|
|
||||||
series={concurrencyChart.series}
|
|
||||||
unit=" 个"
|
|
||||||
integer
|
|
||||||
note="红线=该时段同时进行的最多调用数(峰值);橙线=该时段平均值。数值越高、越靠上,说明同时打大模型的请求越多、系统压力越大。"
|
|
||||||
emptyHint="暂无并发采样数据(需打开「后台采样」开关后才开始记录)"
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
</ChartCard>
|
|
||||||
<ChartCard icon={Zap} title="大模型出字速度" subtitle={`每${granularity === "hour" ? "小时" : "分钟"}一个点`}>
|
|
||||||
{tokenSpeed.isLoading ? (
|
|
||||||
<div className="flex h-[220px] items-center justify-center text-sm text-[#5F6368] dark:text-slate-400">
|
|
||||||
<Loader2 className="mr-2 size-4 animate-spin" /> 加载中
|
|
||||||
</div>
|
|
||||||
) : (
|
|
||||||
<LineChart
|
|
||||||
labels={tokenChart.labels}
|
|
||||||
series={tokenChart.series}
|
|
||||||
unit=" t/s"
|
|
||||||
note="蓝线=该时段所有大模型调用的平均出字速度(tokens/秒,越高越快);紫线=该时段最慢的一次调用。某段时间线明显下凹,说明那会儿模型/供应商变慢,是压力或瓶颈所在。"
|
|
||||||
emptyHint="暂无大模型调用记录"
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
</ChartCard>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{/* active run list */}
|
|
||||||
<section className="rounded-lg border border-[#F1D6D6] bg-white dark:border-[#213D5E] dark:bg-[#02244C]">
|
|
||||||
<div className="flex items-center gap-2 border-b border-[#F1D6D6] px-3 py-2 dark:border-[#213D5E]">
|
|
||||||
<span className="font-semibold text-[#231815] dark:text-white">正在进行的调用</span>
|
|
||||||
<Badge variant="outline">{count}</Badge>
|
|
||||||
{liveLoading && <Loader2 className="size-3.5 animate-spin text-[#8B6B6B]" />}
|
|
||||||
</div>
|
|
||||||
{runs.length === 0 ? (
|
|
||||||
<div className="py-10 text-center text-sm text-[#5F6368] dark:text-slate-400">
|
|
||||||
当前没有正在进行的大模型调用
|
|
||||||
</div>
|
|
||||||
) : (
|
|
||||||
<div>
|
|
||||||
<div className="grid grid-cols-[minmax(0,1.4fr)_minmax(0,1.2fr)_72px_64px_64px_72px] gap-3 border-b border-[#F1D6D6] px-3 py-2 text-xs text-[#8B6B6B] dark:border-[#213D5E] dark:text-[#7FACF2]">
|
|
||||||
<span>用户 / 会话</span>
|
|
||||||
<span>智能体</span>
|
|
||||||
<span className="text-center">类型</span>
|
|
||||||
<span className="text-center">状态</span>
|
|
||||||
<span className="text-center">已运行</span>
|
|
||||||
<span className="text-center">操作</span>
|
|
||||||
</div>
|
|
||||||
{runs.map((run) => (
|
|
||||||
<ActiveRunRow
|
|
||||||
key={run.run_id}
|
|
||||||
run={run}
|
|
||||||
onStop={handleStop}
|
|
||||||
stopping={stoppingId === run.run_id}
|
|
||||||
/>
|
|
||||||
))}
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
</section>
|
|
||||||
</>
|
|
||||||
)}
|
|
||||||
</section>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
export default ConcurrencyMonitorPanel;
|
|
||||||
@@ -401,7 +401,7 @@ export function PositionManagementPage() {
|
|||||||
};
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="flex size-full min-h-0 flex-col gap-4 overflow-auto p-6">
|
<div className="flex flex-col gap-4 p-6">
|
||||||
<div className="flex items-center justify-between">
|
<div className="flex items-center justify-between">
|
||||||
<div>
|
<div>
|
||||||
<h1 className="text-lg font-semibold">岗位管理</h1>
|
<h1 className="text-lg font-semibold">岗位管理</h1>
|
||||||
|
|||||||
@@ -12,7 +12,7 @@ export function UserManagementPage() {
|
|||||||
const { data: users, isLoading, error } = useAllUsers(true);
|
const { data: users, isLoading, error } = useAllUsers(true);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="flex size-full min-h-0 flex-col gap-6 overflow-auto p-6">
|
<div className="flex flex-col gap-6 p-6">
|
||||||
<SettingsSection
|
<SettingsSection
|
||||||
title={t.adminUsers.title}
|
title={t.adminUsers.title}
|
||||||
description={t.adminUsers.description}
|
description={t.adminUsers.description}
|
||||||
|
|||||||
@@ -1,35 +0,0 @@
|
|||||||
/**
|
|
||||||
* 智能体图标底色 —— 按 id 稳定散列到一组主题色,复刻参考图的彩色方块。
|
|
||||||
*
|
|
||||||
* 浅色模式沿用原高彩度彩色(不改);深蓝主题改用《深蓝 UI 规范》§1.1.7/§1.1.8 的蓝-青系
|
|
||||||
* (docs/ui规范-深蓝,克制、不刺眼),仅深蓝主题下生效,互不影响。
|
|
||||||
*
|
|
||||||
* 全量版通用问答左栏(GeneralQaSidebar)与 zzJC/zzXD 模块左栏(AgentModuleSidebar)共用,
|
|
||||||
* 保证彩色卡片配色完全一致。
|
|
||||||
*/
|
|
||||||
|
|
||||||
const AGENT_COLORS_LIGHT = [
|
|
||||||
{ from: "#fb7185", to: "#ef4444" },
|
|
||||||
{ from: "#60a5fa", to: "#3b82f6" },
|
|
||||||
{ from: "#fbbf24", to: "#f59e0b" },
|
|
||||||
{ from: "#34d399", to: "#10b981" },
|
|
||||||
{ from: "#a78bfa", to: "#8b5cf6" },
|
|
||||||
] as const;
|
|
||||||
|
|
||||||
const AGENT_COLORS_DARK = [
|
|
||||||
{ from: "#4096FF", to: "#1677FF" }, // 蓝(链接蓝 → 主色)
|
|
||||||
{ from: "#36CFC9", to: "#13C2C2" }, // 青(辅色)
|
|
||||||
{ from: "#6388FF", to: "#0958D9" }, // 紫蓝(装饰紫 → 主色深一档)
|
|
||||||
{ from: "#5CDBD3", to: "#08979C" }, // 浅青 → 深青
|
|
||||||
{ from: "#69B1FF", to: "#003EB3" }, // 浅蓝 → 主色按下
|
|
||||||
] as const;
|
|
||||||
|
|
||||||
/** 按 agent id 稳定散列出一对渐变色(from → to)。`isDark` 切换深蓝/浅色调色板。 */
|
|
||||||
export function agentColor(id: string, isDark: boolean) {
|
|
||||||
let hash = 0;
|
|
||||||
for (let i = 0; i < id.length; i++) {
|
|
||||||
hash = (hash * 31 + id.charCodeAt(i)) >>> 0;
|
|
||||||
}
|
|
||||||
const palette = isDark ? AGENT_COLORS_DARK : AGENT_COLORS_LIGHT;
|
|
||||||
return palette[hash % palette.length]!;
|
|
||||||
}
|
|
||||||
@@ -77,7 +77,6 @@ import {
|
|||||||
import { getAgent } from "@/core/agents/api";
|
import { getAgent } from "@/core/agents/api";
|
||||||
import type { Agent, AgentQuestion, UpdateAgentRequest } from "@/core/agents";
|
import type { Agent, AgentQuestion, UpdateAgentRequest } from "@/core/agents";
|
||||||
import { getStoredAuth } from "@/core/auth";
|
import { getStoredAuth } from "@/core/auth";
|
||||||
import { useLiveAccount } from "@/core/auth/use-live-account";
|
|
||||||
import { useI18n } from "@/core/i18n/hooks";
|
import { useI18n } from "@/core/i18n/hooks";
|
||||||
import { useSkills } from "@/core/skills/hooks";
|
import { useSkills } from "@/core/skills/hooks";
|
||||||
import { formatDateTime } from "@/core/utils/datetime";
|
import { formatDateTime } from "@/core/utils/datetime";
|
||||||
@@ -230,10 +229,6 @@ export function AgentCard({ agent, layout = "card", onPublisherClick }: AgentCar
|
|||||||
);
|
);
|
||||||
const [editPublished, setEditPublished] = useState(agent.published);
|
const [editPublished, setEditPublished] = useState(agent.published);
|
||||||
const [editIsPrivate, setEditIsPrivate] = useState(agent.is_private);
|
const [editIsPrivate, setEditIsPrivate] = useState(agent.is_private);
|
||||||
// 会商席位「技能识别强化」开关(弱模型补偿)。默认关。
|
|
||||||
const [editSeatSkillDirective, setEditSeatSkillDirective] = useState(
|
|
||||||
agent.seat_skill_directive ?? false,
|
|
||||||
);
|
|
||||||
const [editSquareId, setEditSquareId] = useState(agent.square_id ?? "");
|
const [editSquareId, setEditSquareId] = useState(agent.square_id ?? "");
|
||||||
const [publishPickerOpen, setPublishPickerOpen] = useState(false);
|
const [publishPickerOpen, setPublishPickerOpen] = useState(false);
|
||||||
const { data: publishSquares } = usePublishSquares();
|
const { data: publishSquares } = usePublishSquares();
|
||||||
@@ -251,8 +246,6 @@ export function AgentCard({ agent, layout = "card", onPublisherClick }: AgentCar
|
|||||||
|
|
||||||
const storedAuth = useMemo(() => getStoredAuth(), []);
|
const storedAuth = useMemo(() => getStoredAuth(), []);
|
||||||
const currentUserId = storedAuth?.user_id ?? null;
|
const currentUserId = storedAuth?.user_id ?? null;
|
||||||
// 发布请求实际以「实时」token 执行 —— 用 live 账号来提示发布者并检测账号是否被切换。
|
|
||||||
const live = useLiveAccount();
|
|
||||||
const isAdmin = storedAuth?.system_role === "admin";
|
const isAdmin = storedAuth?.system_role === "admin";
|
||||||
const isBuiltin = agent.builtin;
|
const isBuiltin = agent.builtin;
|
||||||
const isOwned =
|
const isOwned =
|
||||||
@@ -281,7 +274,6 @@ export function AgentCard({ agent, layout = "card", onPublisherClick }: AgentCar
|
|||||||
setEditSquareId(agent.square_id ?? "");
|
setEditSquareId(agent.square_id ?? "");
|
||||||
setSelectedSkills(agent.skills ?? []);
|
setSelectedSkills(agent.skills ?? []);
|
||||||
setEditCommonQuestions(normalizeAgentQuestions(agent.common_questions));
|
setEditCommonQuestions(normalizeAgentQuestions(agent.common_questions));
|
||||||
setEditSeatSkillDirective(agent.seat_skill_directive ?? false);
|
|
||||||
}, [
|
}, [
|
||||||
agent.common_questions,
|
agent.common_questions,
|
||||||
agent.description,
|
agent.description,
|
||||||
@@ -290,7 +282,6 @@ export function AgentCard({ agent, layout = "card", onPublisherClick }: AgentCar
|
|||||||
agent.published,
|
agent.published,
|
||||||
agent.square_id,
|
agent.square_id,
|
||||||
agent.skills,
|
agent.skills,
|
||||||
agent.seat_skill_directive,
|
|
||||||
editOpen,
|
editOpen,
|
||||||
]);
|
]);
|
||||||
|
|
||||||
@@ -304,8 +295,6 @@ export function AgentCard({ agent, layout = "card", onPublisherClick }: AgentCar
|
|||||||
if (agentDetail) {
|
if (agentDetail) {
|
||||||
setEditSoul(agentDetail.soul ?? "");
|
setEditSoul(agentDetail.soul ?? "");
|
||||||
setEditCommonQuestions(normalizeAgentQuestions(agentDetail.common_questions));
|
setEditCommonQuestions(normalizeAgentQuestions(agentDetail.common_questions));
|
||||||
// 列表响应不带 config 额外字段(seat_skill_directive 为 null),详情才有真值。
|
|
||||||
setEditSeatSkillDirective(agentDetail.seat_skill_directive ?? false);
|
|
||||||
} else {
|
} else {
|
||||||
setEditSoul(agent.soul ?? "");
|
setEditSoul(agent.soul ?? "");
|
||||||
}
|
}
|
||||||
@@ -397,8 +386,6 @@ export function AgentCard({ agent, layout = "card", onPublisherClick }: AgentCar
|
|||||||
request.skills = selectedSkills;
|
request.skills = selectedSkills;
|
||||||
if (JSON.stringify(nextQuestions) !== JSON.stringify(baselineQuestions))
|
if (JSON.stringify(nextQuestions) !== JSON.stringify(baselineQuestions))
|
||||||
request.common_questions = nextQuestions;
|
request.common_questions = nextQuestions;
|
||||||
if (editSeatSkillDirective !== ((agentDetail?.seat_skill_directive ?? agent.seat_skill_directive) ?? false))
|
|
||||||
request.seat_skill_directive = editSeatSkillDirective;
|
|
||||||
|
|
||||||
if (Object.keys(request).length === 0) {
|
if (Object.keys(request).length === 0) {
|
||||||
setEditOpen(false);
|
setEditOpen(false);
|
||||||
@@ -427,38 +414,18 @@ export function AgentCard({ agent, layout = "card", onPublisherClick }: AgentCar
|
|||||||
setPublishPickerOpen(true);
|
setPublishPickerOpen(true);
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
if (!warnIfAccountSwitched()) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
try {
|
try {
|
||||||
await updateAgent.mutateAsync({
|
await updateAgent.mutateAsync({
|
||||||
id: agent.id,
|
id: agent.id,
|
||||||
request: { published: !agent.published },
|
request: { published: !agent.published },
|
||||||
});
|
});
|
||||||
toast.success(
|
toast.success(agent.published ? "已取消发布" : "已发布");
|
||||||
agent.published ? "已取消发布" : `已发布(操作账号:${live.displayName})`,
|
|
||||||
);
|
|
||||||
} catch (err) {
|
} catch (err) {
|
||||||
toast.error(err instanceof Error ? err.message : String(err));
|
toast.error(err instanceof Error ? err.message : String(err));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// 发布操作以实时 token 执行。若会话中途账号被切换(常见于另一标签页登录了别的
|
|
||||||
// 账号),先弹一次确认 —— 避免误以本人之外的账号执行发布。返回 false = 用户取消。
|
|
||||||
function warnIfAccountSwitched(): boolean {
|
|
||||||
if (!live.switched) {
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
return window.confirm(
|
|
||||||
`当前登录账号已从「${live.mountDisplayName}」切换为「${live.displayName}」。\n` +
|
|
||||||
`本次发布将以「${live.displayName}」执行。如需以「${live.mountDisplayName}」操作,请取消并刷新页面。\n\n仍要继续吗?`,
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
async function handlePublishToSquare(squareId: string) {
|
async function handlePublishToSquare(squareId: string) {
|
||||||
if (!warnIfAccountSwitched()) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
try {
|
try {
|
||||||
await updateAgent.mutateAsync({
|
await updateAgent.mutateAsync({
|
||||||
id: agent.id,
|
id: agent.id,
|
||||||
@@ -466,7 +433,7 @@ export function AgentCard({ agent, layout = "card", onPublisherClick }: AgentCar
|
|||||||
});
|
});
|
||||||
const sqName =
|
const sqName =
|
||||||
publishSquares?.squares.find((s) => s.id === squareId)?.name ?? "广场";
|
publishSquares?.squares.find((s) => s.id === squareId)?.name ?? "广场";
|
||||||
toast.success(`已发布到「${sqName}」(操作账号:${live.displayName})`);
|
toast.success(`已发布到「${sqName}」`);
|
||||||
setPublishPickerOpen(false);
|
setPublishPickerOpen(false);
|
||||||
} catch (err) {
|
} catch (err) {
|
||||||
toast.error(err instanceof Error ? err.message : String(err));
|
toast.error(err instanceof Error ? err.message : String(err));
|
||||||
@@ -993,19 +960,6 @@ export function AgentCard({ agent, layout = "card", onPublisherClick }: AgentCar
|
|||||||
onChange={setEditCommonQuestions}
|
onChange={setEditCommonQuestions}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div className="flex items-center justify-between gap-3 rounded-md border p-3">
|
|
||||||
<div>
|
|
||||||
<p className="text-sm font-medium">会商技能识别强化</p>
|
|
||||||
<p className="text-muted-foreground text-xs">
|
|
||||||
作为会商席位时,把已配置技能(含 SKILL.md 路径与「先 read_file
|
|
||||||
再用」硬指令)拼进任务,补偿弱模型不识别技能。也可在业务链条配置里打开(任一即生效)。
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<Switch
|
|
||||||
checked={editSeatSkillDirective}
|
|
||||||
onCheckedChange={setEditSeatSkillDirective}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<div className="flex items-center justify-between rounded-md border p-3">
|
<div className="flex items-center justify-between rounded-md border p-3">
|
||||||
<div>
|
<div>
|
||||||
<p className="text-sm font-medium">公开发布</p>
|
<p className="text-sm font-medium">公开发布</p>
|
||||||
@@ -1140,23 +1094,6 @@ export function AgentCard({ agent, layout = "card", onPublisherClick }: AgentCar
|
|||||||
loading={updateAgent.isPending}
|
loading={updateAgent.isPending}
|
||||||
onConfirm={(squareId) => void handlePublishToSquare(squareId)}
|
onConfirm={(squareId) => void handlePublishToSquare(squareId)}
|
||||||
description="请选择要把该智能体发布到哪个广场。每个智能体只能归属一个广场,不会重复出现。"
|
description="请选择要把该智能体发布到哪个广场。每个智能体只能归属一个广场,不会重复出现。"
|
||||||
accountNotice={
|
|
||||||
<div className="text-xs">
|
|
||||||
<p className="text-muted-foreground">
|
|
||||||
发布操作账号:
|
|
||||||
<span className="text-foreground font-medium">
|
|
||||||
「{live.displayName}」
|
|
||||||
</span>
|
|
||||||
</p>
|
|
||||||
{live.switched && (
|
|
||||||
<p className="text-destructive mt-1">
|
|
||||||
⚠ 当前登录账号已从「{live.mountDisplayName}」切换为「
|
|
||||||
{live.displayName}」。如需以「{live.mountDisplayName}
|
|
||||||
」操作,请刷新页面确认。
|
|
||||||
</p>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
}
|
|
||||||
/>
|
/>
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
|
|||||||
@@ -1,633 +0,0 @@
|
|||||||
"use client";
|
|
||||||
|
|
||||||
import {
|
|
||||||
Bot,
|
|
||||||
ChevronDown,
|
|
||||||
Download,
|
|
||||||
FileJson,
|
|
||||||
FileText,
|
|
||||||
Loader2,
|
|
||||||
MessageSquare,
|
|
||||||
MoreHorizontal,
|
|
||||||
Pencil,
|
|
||||||
Pin,
|
|
||||||
PinOff,
|
|
||||||
Search,
|
|
||||||
Share2,
|
|
||||||
Star,
|
|
||||||
Trash2,
|
|
||||||
X,
|
|
||||||
} from "lucide-react";
|
|
||||||
import Link from "next/link";
|
|
||||||
import { useParams, usePathname, useRouter } from "next/navigation";
|
|
||||||
import { useCallback, useEffect, useMemo, useState } from "react";
|
|
||||||
import { toast } from "sonner";
|
|
||||||
|
|
||||||
import { agentColor } from "@/components/workspace/agent-icon-color";
|
|
||||||
import { Button } from "@/components/ui/button";
|
|
||||||
import {
|
|
||||||
Dialog,
|
|
||||||
DialogContent,
|
|
||||||
DialogFooter,
|
|
||||||
DialogHeader,
|
|
||||||
DialogTitle,
|
|
||||||
} from "@/components/ui/dialog";
|
|
||||||
import {
|
|
||||||
DropdownMenu,
|
|
||||||
DropdownMenuContent,
|
|
||||||
DropdownMenuItem,
|
|
||||||
DropdownMenuSeparator,
|
|
||||||
DropdownMenuSub,
|
|
||||||
DropdownMenuSubContent,
|
|
||||||
DropdownMenuSubTrigger,
|
|
||||||
DropdownMenuTrigger,
|
|
||||||
} from "@/components/ui/dropdown-menu";
|
|
||||||
import { Input } from "@/components/ui/input";
|
|
||||||
import {
|
|
||||||
Select,
|
|
||||||
SelectContent,
|
|
||||||
SelectItem,
|
|
||||||
SelectTrigger,
|
|
||||||
SelectValue,
|
|
||||||
} from "@/components/ui/select";
|
|
||||||
import { ShareConversationDialog } from "@/components/workspace/thread-share-dialogs";
|
|
||||||
import { useTheme } from "@/contexts/ThemeContext";
|
|
||||||
import { useAgentsPaginated } from "@/core/agents";
|
|
||||||
import { getAPIClient } from "@/core/api";
|
|
||||||
import { useI18n } from "@/core/i18n/hooks";
|
|
||||||
import { useRouteBase } from "@/core/route-base";
|
|
||||||
import { usePublishSquares } from "@/core/system-settings/hooks";
|
|
||||||
import {
|
|
||||||
exportThreadAsJSON,
|
|
||||||
exportThreadAsMarkdown,
|
|
||||||
} from "@/core/threads/export";
|
|
||||||
import {
|
|
||||||
useDeleteThread,
|
|
||||||
useRenameThread,
|
|
||||||
useThreads,
|
|
||||||
useToggleThreadFavorite,
|
|
||||||
useToggleThreadPin,
|
|
||||||
} from "@/core/threads/hooks";
|
|
||||||
import type { AgentThread, AgentThreadState } from "@/core/threads/types";
|
|
||||||
import {
|
|
||||||
bootstrapResumePath,
|
|
||||||
isBootstrapThread,
|
|
||||||
isThreadFavorite,
|
|
||||||
isThreadPinned,
|
|
||||||
sortThreadsPinnedFirst,
|
|
||||||
titleOfThread,
|
|
||||||
usePathOfThread,
|
|
||||||
} from "@/core/threads/utils";
|
|
||||||
import { env } from "@/env";
|
|
||||||
import { desensitize } from "@/lib/desensitize";
|
|
||||||
import { isIMEComposing } from "@/lib/ime";
|
|
||||||
import { cn } from "@/lib/utils";
|
|
||||||
|
|
||||||
/** 「我的」作用域的下拉选项值;其余选项值为各发布广场(publish square)的 id。 */
|
|
||||||
const MINE_SCOPE = "mine";
|
|
||||||
|
|
||||||
// 列表一次拉取的条数。超出时底部出现「查看全部」入口,跳到完整的智能体管理页,
|
|
||||||
// 避免静默截断。侧边栏只做快速切换,不在此分页。
|
|
||||||
const LIST_PAGE_SIZE = 50;
|
|
||||||
|
|
||||||
// 「最近的对话」未搜索时最多展示条数(与首页「通用问答」左栏一致)。
|
|
||||||
const MAX_RECENT_CHATS = 10;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 智能体问答页左侧「智能体列表 + 最近对话」栏(参考首页通用问答左栏)。
|
|
||||||
*
|
|
||||||
* 自上而下:
|
|
||||||
* 1. 顶部下拉:选「我的」(默认,= 我创建/收藏的)或任一「广场」(发布广场),
|
|
||||||
* 与「智能体管理」页主标签一致;下方为智能体名称模糊搜索框。
|
|
||||||
* 2. 智能体列表:所选作用域下的智能体;点击进入该智能体的新对话。当前智能体高亮。
|
|
||||||
* 3. 最近的对话:跨智能体的近期会话(参考首页),点击打开;支持重命名/置顶/收藏/
|
|
||||||
* 分享/导出/删除。当前会话高亮。
|
|
||||||
*
|
|
||||||
* 仅在独立的智能体问答整页展示;任务工作区 / zzJC·zzXD 模块 / 嵌入态不展示。
|
|
||||||
*/
|
|
||||||
export function AgentChatSidebar({ activeAgentId }: { activeAgentId?: string }) {
|
|
||||||
const { t } = useI18n();
|
|
||||||
const routeBase = useRouteBase();
|
|
||||||
const { theme } = useTheme();
|
|
||||||
const isDark = theme === "dark";
|
|
||||||
|
|
||||||
const { data: publishSquares } = usePublishSquares();
|
|
||||||
// 每个发布广场对应一个下拉选项;后端至少返回一个内置默认广场。
|
|
||||||
const squares = useMemo(
|
|
||||||
() => publishSquares?.squares ?? [],
|
|
||||||
[publishSquares?.squares],
|
|
||||||
);
|
|
||||||
|
|
||||||
// 作用域:MINE_SCOPE 或某个广场 id。默认「我的」。
|
|
||||||
const [scope, setScope] = useState<string>(MINE_SCOPE);
|
|
||||||
|
|
||||||
// 模糊搜索智能体名称:防抖 300ms 后走服务端 search(后端按原始名 / 脱敏名匹配),
|
|
||||||
// 在当前来源(我的 / 某广场)内过滤,能搜全量而非仅当前 50 条。
|
|
||||||
const [searchInput, setSearchInput] = useState("");
|
|
||||||
const [search, setSearch] = useState("");
|
|
||||||
useEffect(() => {
|
|
||||||
const timer = setTimeout(() => setSearch(searchInput.trim()), 300);
|
|
||||||
return () => clearTimeout(timer);
|
|
||||||
}, [searchInput]);
|
|
||||||
|
|
||||||
// 「智能体」区可收起(持久化);收起后只留标题栏,下方「最近的对话」占满剩余空间。
|
|
||||||
const [agentsCollapsed, setAgentsCollapsed] = useState(
|
|
||||||
() =>
|
|
||||||
typeof window !== "undefined" &&
|
|
||||||
localStorage.getItem("agent-chat-sidebar:agents-collapsed") === "true",
|
|
||||||
);
|
|
||||||
const toggleAgents = () =>
|
|
||||||
setAgentsCollapsed((v) => {
|
|
||||||
localStorage.setItem("agent-chat-sidebar:agents-collapsed", String(!v));
|
|
||||||
return !v;
|
|
||||||
});
|
|
||||||
|
|
||||||
// 若所选广场被管理员删除,回退到「我的」,避免指向不存在的广场。
|
|
||||||
useEffect(() => {
|
|
||||||
if (
|
|
||||||
scope !== MINE_SCOPE &&
|
|
||||||
squares.length > 0 &&
|
|
||||||
!squares.some((sq) => sq.id === scope)
|
|
||||||
) {
|
|
||||||
setScope(MINE_SCOPE);
|
|
||||||
}
|
|
||||||
}, [scope, squares]);
|
|
||||||
|
|
||||||
const isMine = scope === MINE_SCOPE;
|
|
||||||
const { agents, total, isLoading, isFetching } = useAgentsPaginated({
|
|
||||||
scope: isMine ? "mine" : "square",
|
|
||||||
sort: "time_desc",
|
|
||||||
page: 1,
|
|
||||||
pageSize: LIST_PAGE_SIZE,
|
|
||||||
square: isMine ? undefined : scope,
|
|
||||||
search: search || undefined,
|
|
||||||
});
|
|
||||||
|
|
||||||
return (
|
|
||||||
// 配色与 AgentModuleSidebar 一致:浅色白底,深蓝主题半透明深蓝玻璃面板。
|
|
||||||
<aside className="flex h-full w-(--sidebar-width) shrink-0 flex-col overflow-hidden border-r border-border/70 bg-white text-foreground backdrop-blur-md dark:border-[#2b8ffe]/45 dark:bg-[#032650]/80">
|
|
||||||
{/* 智能体(上半,可收起)。展开时:标题栏 + 来源下拉/名称搜索 + 列表;
|
|
||||||
收起时只留标题栏,下方「最近的对话」占满剩余空间。 */}
|
|
||||||
<div
|
|
||||||
className={cn(
|
|
||||||
"flex flex-col",
|
|
||||||
agentsCollapsed ? "shrink-0" : "min-h-0 flex-[3]",
|
|
||||||
)}
|
|
||||||
>
|
|
||||||
<button
|
|
||||||
type="button"
|
|
||||||
onClick={toggleAgents}
|
|
||||||
className="text-foreground/80 hover:bg-accent/40 flex shrink-0 items-center justify-between border-b border-border/60 px-3 py-2.5 text-[12px] font-semibold transition-colors select-none"
|
|
||||||
title={agentsCollapsed ? "展开智能体" : "收起智能体"}
|
|
||||||
>
|
|
||||||
<span>智能体</span>
|
|
||||||
<ChevronDown
|
|
||||||
className={cn(
|
|
||||||
"text-muted-foreground size-4 shrink-0 transition-transform duration-200",
|
|
||||||
agentsCollapsed && "-rotate-90",
|
|
||||||
)}
|
|
||||||
/>
|
|
||||||
</button>
|
|
||||||
|
|
||||||
{!agentsCollapsed && (
|
|
||||||
<>
|
|
||||||
{/* 来源下拉(我的 / 各广场)+ 智能体名称模糊搜索 */}
|
|
||||||
<div className="shrink-0 space-y-2 border-b border-border/60 px-3 py-2.5">
|
|
||||||
<Select value={scope} onValueChange={setScope}>
|
|
||||||
<SelectTrigger className="h-9 w-full text-sm" title="切换智能体来源">
|
|
||||||
<SelectValue />
|
|
||||||
</SelectTrigger>
|
|
||||||
<SelectContent position="popper" side="bottom" sideOffset={4}>
|
|
||||||
<SelectItem value={MINE_SCOPE}>我的</SelectItem>
|
|
||||||
{squares.map((sq) => (
|
|
||||||
<SelectItem key={sq.id} value={sq.id}>
|
|
||||||
{sq.name}
|
|
||||||
</SelectItem>
|
|
||||||
))}
|
|
||||||
</SelectContent>
|
|
||||||
</Select>
|
|
||||||
<div className="relative">
|
|
||||||
<Search className="text-muted-foreground pointer-events-none absolute top-1/2 left-2.5 size-3.5 -translate-y-1/2" />
|
|
||||||
<Input
|
|
||||||
value={searchInput}
|
|
||||||
onChange={(e) => setSearchInput(e.target.value)}
|
|
||||||
placeholder="搜索智能体名称"
|
|
||||||
className="h-9 pl-8 pr-8 text-sm"
|
|
||||||
aria-label="搜索智能体名称"
|
|
||||||
/>
|
|
||||||
{searchInput && (
|
|
||||||
<button
|
|
||||||
type="button"
|
|
||||||
onClick={() => setSearchInput("")}
|
|
||||||
className="text-muted-foreground hover:text-foreground absolute top-1/2 right-2 -translate-y-1/2"
|
|
||||||
title="清除"
|
|
||||||
aria-label="清除搜索"
|
|
||||||
>
|
|
||||||
<X className="size-3.5" />
|
|
||||||
</button>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{/* 智能体列表(独立滚动) */}
|
|
||||||
<div className="flex min-h-0 flex-1 flex-col overflow-y-auto px-2 py-3">
|
|
||||||
{isLoading && agents.length === 0 ? (
|
|
||||||
<div className="text-muted-foreground flex h-24 items-center justify-center gap-2 text-xs">
|
|
||||||
<Loader2 className="size-3.5 animate-spin" />
|
|
||||||
加载中…
|
|
||||||
</div>
|
|
||||||
) : agents.length === 0 ? (
|
|
||||||
<p className="px-3 py-1.5 text-xs text-muted-foreground/70">
|
|
||||||
{search
|
|
||||||
? "未找到匹配的智能体"
|
|
||||||
: isMine
|
|
||||||
? "暂无智能体"
|
|
||||||
: "该广场暂无智能体"}
|
|
||||||
</p>
|
|
||||||
) : (
|
|
||||||
<div
|
|
||||||
className={cn(
|
|
||||||
"flex flex-col gap-1 transition-opacity",
|
|
||||||
isFetching && "opacity-60",
|
|
||||||
)}
|
|
||||||
>
|
|
||||||
{agents.map((agent) => {
|
|
||||||
const href = `${routeBase}/agents/${agent.id}/chats/new`;
|
|
||||||
const isActive = agent.id === activeAgentId;
|
|
||||||
const { from, to } = agentColor(agent.id, isDark);
|
|
||||||
return (
|
|
||||||
<Link
|
|
||||||
key={agent.id}
|
|
||||||
href={href}
|
|
||||||
className={cn(
|
|
||||||
"group relative flex w-full items-start gap-2.5 rounded-xl border px-2.5 py-2 transition-colors",
|
|
||||||
isActive
|
|
||||||
? "border-primary/40 bg-primary/5"
|
|
||||||
: "border-transparent hover:border-border hover:bg-accent/50",
|
|
||||||
)}
|
|
||||||
>
|
|
||||||
<span
|
|
||||||
className="mt-0.5 flex size-9 shrink-0 items-center justify-center rounded-lg text-white shadow-sm"
|
|
||||||
style={{
|
|
||||||
backgroundImage: `linear-gradient(135deg, ${from}, ${to})`,
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<Bot className="size-[18px]" />
|
|
||||||
</span>
|
|
||||||
<span className="min-w-0 flex-1">
|
|
||||||
<span
|
|
||||||
className={cn(
|
|
||||||
"block truncate text-[13px] font-semibold",
|
|
||||||
isActive ? "text-primary" : "text-foreground",
|
|
||||||
)}
|
|
||||||
>
|
|
||||||
{desensitize(agent.name)}
|
|
||||||
</span>
|
|
||||||
<span className="mt-0.5 block truncate text-[11px] leading-snug text-muted-foreground">
|
|
||||||
{agent.description
|
|
||||||
? desensitize(agent.description)
|
|
||||||
: "智能体助手"}
|
|
||||||
</span>
|
|
||||||
</span>
|
|
||||||
{isActive && (
|
|
||||||
<span className="absolute top-1/2 right-1 h-6 w-1 -translate-y-1/2 rounded-full bg-primary" />
|
|
||||||
)}
|
|
||||||
</Link>
|
|
||||||
);
|
|
||||||
})}
|
|
||||||
{/* 超出一页时引导到完整的智能体管理页(不在侧边栏静默截断) */}
|
|
||||||
{total > agents.length && (
|
|
||||||
<Link
|
|
||||||
href={`${routeBase}/agents`}
|
|
||||||
className="text-muted-foreground hover:text-foreground hover:bg-accent/50 mt-0.5 rounded-lg px-3 py-1.5 text-center text-xs transition-colors"
|
|
||||||
>
|
|
||||||
共 {total} 个,查看全部 →
|
|
||||||
</Link>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
</>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{/* 最近的对话(下半,独立滚动)—— 参考首页通用问答左栏 */}
|
|
||||||
<RecentChatsPane activeAgentId={activeAgentId} />
|
|
||||||
</aside>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 「最近的对话」面板(参考首页 GeneralQaSidebar 的「最近的对话」区块)。
|
|
||||||
* 跨智能体的近期会话,点击打开;支持重命名/置顶/收藏/分享/导出/删除。
|
|
||||||
*/
|
|
||||||
function RecentChatsPane({ activeAgentId }: { activeAgentId?: string }) {
|
|
||||||
const { t } = useI18n();
|
|
||||||
const pathname = usePathname();
|
|
||||||
const router = useRouter();
|
|
||||||
const pathOf = usePathOfThread();
|
|
||||||
|
|
||||||
const { thread_id: threadIdFromPath } = useParams<{ thread_id: string }>();
|
|
||||||
const { data: threads = [] } = useThreads();
|
|
||||||
const { mutate: deleteThread } = useDeleteThread();
|
|
||||||
const { mutate: renameThread } = useRenameThread();
|
|
||||||
const { toggle: togglePin } = useToggleThreadPin();
|
|
||||||
const { toggle: toggleFavorite } = useToggleThreadFavorite();
|
|
||||||
|
|
||||||
const [query, setQuery] = useState("");
|
|
||||||
const [renameDialogOpen, setRenameDialogOpen] = useState(false);
|
|
||||||
const [renameThreadId, setRenameThreadId] = useState<string | null>(null);
|
|
||||||
const [renameValue, setRenameValue] = useState("");
|
|
||||||
const [shareThreadId, setShareThreadId] = useState<string | null>(null);
|
|
||||||
|
|
||||||
// 排除调度/会商类系统会话,与首页一致;智能体创建(bootstrap)会话保留展示
|
|
||||||
// (带机器人图标、点击回创建页);置顶优先。
|
|
||||||
const visibleThreads = useMemo(
|
|
||||||
() =>
|
|
||||||
sortThreadsPinnedFirst(
|
|
||||||
threads.filter(
|
|
||||||
(thread) =>
|
|
||||||
thread.metadata?.thread_type !== "scheduler" &&
|
|
||||||
thread.metadata?.thread_type !== "roundtable",
|
|
||||||
),
|
|
||||||
),
|
|
||||||
[threads],
|
|
||||||
);
|
|
||||||
|
|
||||||
const filteredThreads = useMemo(() => {
|
|
||||||
const q = query.trim().toLowerCase();
|
|
||||||
const list = q
|
|
||||||
? visibleThreads.filter((thread) =>
|
|
||||||
titleOfThread(thread, t.pages.newChat).toLowerCase().includes(q),
|
|
||||||
)
|
|
||||||
: visibleThreads;
|
|
||||||
return q ? list : list.slice(0, MAX_RECENT_CHATS);
|
|
||||||
}, [visibleThreads, query, t.pages.newChat]);
|
|
||||||
|
|
||||||
const handleDelete = useCallback(
|
|
||||||
(threadId: string) => {
|
|
||||||
deleteThread({ threadId });
|
|
||||||
if (threadId === threadIdFromPath) {
|
|
||||||
const threadIndex = threads.findIndex((th) => th.thread_id === threadId);
|
|
||||||
let nextThreadPath = pathOf("new", { agent_id: activeAgentId });
|
|
||||||
if (threadIndex > -1) {
|
|
||||||
if (threads[threadIndex + 1]) {
|
|
||||||
nextThreadPath = pathOf(threads[threadIndex + 1]!);
|
|
||||||
} else if (threads[threadIndex - 1]) {
|
|
||||||
nextThreadPath = pathOf(threads[threadIndex - 1]!);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
void router.push(nextThreadPath);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
[activeAgentId, deleteThread, pathOf, router, threadIdFromPath, threads],
|
|
||||||
);
|
|
||||||
|
|
||||||
const handleRenameClick = useCallback(
|
|
||||||
(threadId: string, currentTitle: string) => {
|
|
||||||
setRenameThreadId(threadId);
|
|
||||||
setRenameValue(currentTitle);
|
|
||||||
setRenameDialogOpen(true);
|
|
||||||
},
|
|
||||||
[],
|
|
||||||
);
|
|
||||||
|
|
||||||
const handleRenameSubmit = useCallback(() => {
|
|
||||||
if (renameThreadId && renameValue.trim()) {
|
|
||||||
renameThread({ threadId: renameThreadId, title: renameValue.trim() });
|
|
||||||
setRenameDialogOpen(false);
|
|
||||||
setRenameThreadId(null);
|
|
||||||
setRenameValue("");
|
|
||||||
}
|
|
||||||
}, [renameThread, renameThreadId, renameValue]);
|
|
||||||
|
|
||||||
const handleExport = useCallback(
|
|
||||||
async (thread: AgentThread, format: "markdown" | "json") => {
|
|
||||||
try {
|
|
||||||
const apiClient = getAPIClient();
|
|
||||||
const state = await apiClient.threads.getState<AgentThreadState>(
|
|
||||||
thread.thread_id,
|
|
||||||
);
|
|
||||||
const messages = state.values?.messages ?? [];
|
|
||||||
if (messages.length === 0) {
|
|
||||||
toast.error(t.conversation.noMessages);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
if (format === "markdown") exportThreadAsMarkdown(thread, messages);
|
|
||||||
else exportThreadAsJSON(thread, messages);
|
|
||||||
toast.success(t.common.exportSuccess);
|
|
||||||
} catch {
|
|
||||||
toast.error("Failed to export conversation");
|
|
||||||
}
|
|
||||||
},
|
|
||||||
[t],
|
|
||||||
);
|
|
||||||
|
|
||||||
const isStatic = env.NEXT_PUBLIC_STATIC_WEBSITE_ONLY === "true";
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div className="flex min-h-0 flex-[2] flex-col overflow-y-auto border-t border-border/60 px-2 py-3">
|
|
||||||
<h2 className="mb-1 flex items-center gap-1.5 px-3 py-1 text-[11px] font-semibold tracking-[0.04em] text-muted-foreground/80 select-none">
|
|
||||||
<span>{t.sidebar.recentChats}</span>
|
|
||||||
<span className="rounded-full bg-muted px-1.5 py-0.5 text-[10px] font-normal text-muted-foreground tabular-nums">
|
|
||||||
{visibleThreads.length}
|
|
||||||
</span>
|
|
||||||
</h2>
|
|
||||||
|
|
||||||
{/* 历史会话搜索框 */}
|
|
||||||
<div className="relative mb-1.5 px-1">
|
|
||||||
<Search className="text-muted-foreground/60 pointer-events-none absolute top-1/2 left-3.5 size-3.5 -translate-y-1/2" />
|
|
||||||
<Input
|
|
||||||
value={query}
|
|
||||||
onChange={(e) => setQuery(e.target.value)}
|
|
||||||
placeholder="搜索历史会话…"
|
|
||||||
className="h-8 rounded-lg border-border bg-card pl-8 text-[12px]"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="flex flex-col gap-0.5">
|
|
||||||
{filteredThreads.length === 0 ? (
|
|
||||||
<div className="text-muted-foreground/70 px-3 py-4 text-center text-[12px]">
|
|
||||||
{query ? "没有匹配的会话" : t.chats.noChats}
|
|
||||||
</div>
|
|
||||||
) : (
|
|
||||||
filteredThreads.map((thread) => {
|
|
||||||
const isBoot = isBootstrapThread(thread);
|
|
||||||
const href = isBoot ? bootstrapResumePath(thread.thread_id) : pathOf(thread);
|
|
||||||
const isActive = href === pathname;
|
|
||||||
const pinned = isThreadPinned(thread);
|
|
||||||
const favorited = isThreadFavorite(thread);
|
|
||||||
return (
|
|
||||||
<div
|
|
||||||
key={thread.thread_id}
|
|
||||||
className="group/item relative flex items-center"
|
|
||||||
>
|
|
||||||
<Link
|
|
||||||
href={href}
|
|
||||||
className={cn(
|
|
||||||
"relative flex h-9 min-w-0 flex-1 items-center gap-2 rounded-lg px-2.5 text-[13px] transition-colors",
|
|
||||||
isActive
|
|
||||||
? "border border-primary/40 bg-primary/5 font-medium text-primary"
|
|
||||||
: "text-muted-foreground hover:bg-accent/60 hover:text-foreground",
|
|
||||||
)}
|
|
||||||
>
|
|
||||||
{isBoot ? (
|
|
||||||
<Bot
|
|
||||||
className={cn(
|
|
||||||
"size-3.5 shrink-0",
|
|
||||||
isActive ? "text-primary" : "text-muted-foreground/70",
|
|
||||||
)}
|
|
||||||
aria-label="智能体创建会话"
|
|
||||||
/>
|
|
||||||
) : (
|
|
||||||
<MessageSquare
|
|
||||||
className={cn(
|
|
||||||
"size-3.5 shrink-0",
|
|
||||||
isActive ? "text-primary" : "text-muted-foreground/70",
|
|
||||||
)}
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
{pinned && (
|
|
||||||
<Pin className="text-muted-foreground/70 size-3 shrink-0" />
|
|
||||||
)}
|
|
||||||
<span className="truncate">
|
|
||||||
{desensitize(titleOfThread(thread, t.pages.newChat))}
|
|
||||||
</span>
|
|
||||||
{isActive && (
|
|
||||||
<span className="absolute top-1/2 right-1 h-5 w-1 -translate-y-1/2 rounded-full bg-primary" />
|
|
||||||
)}
|
|
||||||
</Link>
|
|
||||||
{!isStatic && (
|
|
||||||
<DropdownMenu>
|
|
||||||
<DropdownMenuTrigger asChild>
|
|
||||||
<button
|
|
||||||
type="button"
|
|
||||||
className="text-muted-foreground hover:bg-background group-hover/item:opacity-100 data-[state=open]:opacity-100 absolute right-1 flex size-6 items-center justify-center rounded-md opacity-0 transition-opacity"
|
|
||||||
>
|
|
||||||
<MoreHorizontal className="size-4" />
|
|
||||||
<span className="sr-only">{t.common.more}</span>
|
|
||||||
</button>
|
|
||||||
</DropdownMenuTrigger>
|
|
||||||
<DropdownMenuContent
|
|
||||||
className="w-48 rounded-lg"
|
|
||||||
side="right"
|
|
||||||
align="start"
|
|
||||||
>
|
|
||||||
<DropdownMenuItem
|
|
||||||
onSelect={() =>
|
|
||||||
handleRenameClick(
|
|
||||||
thread.thread_id,
|
|
||||||
titleOfThread(thread, t.pages.newChat),
|
|
||||||
)
|
|
||||||
}
|
|
||||||
>
|
|
||||||
<Pencil className="text-muted-foreground" />
|
|
||||||
<span>{t.common.rename}</span>
|
|
||||||
</DropdownMenuItem>
|
|
||||||
<DropdownMenuItem
|
|
||||||
onSelect={() => togglePin(thread.thread_id, !pinned)}
|
|
||||||
>
|
|
||||||
{pinned ? (
|
|
||||||
<PinOff className="text-muted-foreground" />
|
|
||||||
) : (
|
|
||||||
<Pin className="text-muted-foreground" />
|
|
||||||
)}
|
|
||||||
<span>{pinned ? t.common.unpin : t.common.pin}</span>
|
|
||||||
</DropdownMenuItem>
|
|
||||||
<DropdownMenuItem
|
|
||||||
onSelect={() =>
|
|
||||||
toggleFavorite(thread.thread_id, !favorited)
|
|
||||||
}
|
|
||||||
>
|
|
||||||
<Star
|
|
||||||
className={
|
|
||||||
favorited
|
|
||||||
? "fill-amber-400 text-amber-400"
|
|
||||||
: "text-muted-foreground"
|
|
||||||
}
|
|
||||||
/>
|
|
||||||
<span>
|
|
||||||
{favorited ? t.common.unfavorite : t.common.favorite}
|
|
||||||
</span>
|
|
||||||
</DropdownMenuItem>
|
|
||||||
<DropdownMenuItem
|
|
||||||
onSelect={() => setShareThreadId(thread.thread_id)}
|
|
||||||
>
|
|
||||||
<Share2 className="text-muted-foreground" />
|
|
||||||
<span>{t.common.share}</span>
|
|
||||||
</DropdownMenuItem>
|
|
||||||
<DropdownMenuSub>
|
|
||||||
<DropdownMenuSubTrigger>
|
|
||||||
<Download className="text-muted-foreground" />
|
|
||||||
<span>{t.common.export}</span>
|
|
||||||
</DropdownMenuSubTrigger>
|
|
||||||
<DropdownMenuSubContent>
|
|
||||||
<DropdownMenuItem
|
|
||||||
onSelect={() => handleExport(thread, "markdown")}
|
|
||||||
>
|
|
||||||
<FileText className="text-muted-foreground" />
|
|
||||||
<span>{t.common.exportAsMarkdown}</span>
|
|
||||||
</DropdownMenuItem>
|
|
||||||
<DropdownMenuItem
|
|
||||||
onSelect={() => handleExport(thread, "json")}
|
|
||||||
>
|
|
||||||
<FileJson className="text-muted-foreground" />
|
|
||||||
<span>{t.common.exportAsJSON}</span>
|
|
||||||
</DropdownMenuItem>
|
|
||||||
</DropdownMenuSubContent>
|
|
||||||
</DropdownMenuSub>
|
|
||||||
<DropdownMenuSeparator />
|
|
||||||
<DropdownMenuItem
|
|
||||||
onSelect={() => handleDelete(thread.thread_id)}
|
|
||||||
>
|
|
||||||
<Trash2 className="text-muted-foreground" />
|
|
||||||
<span>{t.common.delete}</span>
|
|
||||||
</DropdownMenuItem>
|
|
||||||
</DropdownMenuContent>
|
|
||||||
</DropdownMenu>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
})
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{/* 重命名弹窗 */}
|
|
||||||
<Dialog open={renameDialogOpen} onOpenChange={setRenameDialogOpen}>
|
|
||||||
<DialogContent className="sm:max-w-[425px]">
|
|
||||||
<DialogHeader>
|
|
||||||
<DialogTitle>{t.common.rename}</DialogTitle>
|
|
||||||
</DialogHeader>
|
|
||||||
<div className="py-4">
|
|
||||||
<Input
|
|
||||||
value={renameValue}
|
|
||||||
onChange={(e) => setRenameValue(e.target.value)}
|
|
||||||
placeholder={t.common.rename}
|
|
||||||
onKeyDown={(e) => {
|
|
||||||
if (e.key === "Enter" && !isIMEComposing(e)) {
|
|
||||||
e.preventDefault();
|
|
||||||
handleRenameSubmit();
|
|
||||||
}
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<DialogFooter>
|
|
||||||
<Button variant="outline" onClick={() => setRenameDialogOpen(false)}>
|
|
||||||
{t.common.cancel}
|
|
||||||
</Button>
|
|
||||||
<Button onClick={handleRenameSubmit}>{t.common.save}</Button>
|
|
||||||
</DialogFooter>
|
|
||||||
</DialogContent>
|
|
||||||
</Dialog>
|
|
||||||
|
|
||||||
{/* 分享弹窗 */}
|
|
||||||
<ShareConversationDialog
|
|
||||||
threadId={shareThreadId}
|
|
||||||
open={shareThreadId !== null}
|
|
||||||
onOpenChange={(o) => {
|
|
||||||
if (!o) setShareThreadId(null);
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@@ -43,7 +43,6 @@ import {
|
|||||||
import { Switch } from "@/components/ui/switch";
|
import { Switch } from "@/components/ui/switch";
|
||||||
import { Textarea } from "@/components/ui/textarea";
|
import { Textarea } from "@/components/ui/textarea";
|
||||||
import { AgentQuestionEditor } from "@/components/workspace/agents/agent-question-editor";
|
import { AgentQuestionEditor } from "@/components/workspace/agents/agent-question-editor";
|
||||||
import { AgentRecentChats } from "@/components/workspace/agents/agent-recent-chats";
|
|
||||||
import { useArtifactsOptional } from "@/components/workspace/artifacts";
|
import { useArtifactsOptional } from "@/components/workspace/artifacts";
|
||||||
import { EnabledSkillList } from "@/components/workspace/agents/enabled-skill-list";
|
import { EnabledSkillList } from "@/components/workspace/agents/enabled-skill-list";
|
||||||
import { SkillPickerSheet } from "@/components/workspace/agents/skill-picker-sheet";
|
import { SkillPickerSheet } from "@/components/workspace/agents/skill-picker-sheet";
|
||||||
@@ -60,7 +59,6 @@ import {
|
|||||||
type UpdateAgentRequest,
|
type UpdateAgentRequest,
|
||||||
} from "@/core/agents";
|
} from "@/core/agents";
|
||||||
import { getStoredAuth } from "@/core/auth";
|
import { getStoredAuth } from "@/core/auth";
|
||||||
import { useLiveAccount } from "@/core/auth/use-live-account";
|
|
||||||
import { isAgentSkillCandidate } from "@/core/skills";
|
import { isAgentSkillCandidate } from "@/core/skills";
|
||||||
import { useSkills } from "@/core/skills/hooks";
|
import { useSkills } from "@/core/skills/hooks";
|
||||||
import { usePublishSquares } from "@/core/system-settings/hooks";
|
import { usePublishSquares } from "@/core/system-settings/hooks";
|
||||||
@@ -78,8 +76,6 @@ interface AgentDraft {
|
|||||||
published: boolean;
|
published: boolean;
|
||||||
featured: boolean;
|
featured: boolean;
|
||||||
templateName: string;
|
templateName: string;
|
||||||
/** 会商席位「技能识别强化」开关。 */
|
|
||||||
seatSkillDirective: boolean;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function draftFromAgent(agent: Agent): AgentDraft {
|
function draftFromAgent(agent: Agent): AgentDraft {
|
||||||
@@ -92,7 +88,6 @@ function draftFromAgent(agent: Agent): AgentDraft {
|
|||||||
published: agent.published,
|
published: agent.published,
|
||||||
featured: agent.featured_order != null,
|
featured: agent.featured_order != null,
|
||||||
templateName: agent.template_name ?? "",
|
templateName: agent.template_name ?? "",
|
||||||
seatSkillDirective: agent.seat_skill_directive ?? false,
|
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -136,20 +131,14 @@ export function AgentDetailPanel({
|
|||||||
agentName,
|
agentName,
|
||||||
onAskQuestion,
|
onAskQuestion,
|
||||||
disabled,
|
disabled,
|
||||||
defaultCollapsed,
|
|
||||||
showRecentChats,
|
|
||||||
}: {
|
}: {
|
||||||
agent: Agent | null | undefined;
|
agent: Agent | null | undefined;
|
||||||
agentName: string;
|
agentName: string;
|
||||||
onAskQuestion: (text: string) => void;
|
onAskQuestion: (text: string) => void;
|
||||||
disabled?: boolean;
|
disabled?: boolean;
|
||||||
/** 初始收起(任务工作区进入时默认收起智能体信息面板)。 */
|
|
||||||
defaultCollapsed?: boolean;
|
|
||||||
/** 在面板底部展示「有关此智能体的最近对话」(仅智能体问答页开启,任务工作区不展示)。 */
|
|
||||||
showRecentChats?: boolean;
|
|
||||||
}) {
|
}) {
|
||||||
const router = useRouter();
|
const router = useRouter();
|
||||||
const [collapsed, setCollapsed] = useState(defaultCollapsed ?? false);
|
const [collapsed, setCollapsed] = useState(false);
|
||||||
const [mobileOpen, setMobileOpen] = useState(false);
|
const [mobileOpen, setMobileOpen] = useState(false);
|
||||||
const [editing, setEditing] = useState(false);
|
const [editing, setEditing] = useState(false);
|
||||||
const [draft, setDraft] = useState<AgentDraft | null>(null);
|
const [draft, setDraft] = useState<AgentDraft | null>(null);
|
||||||
@@ -164,8 +153,6 @@ export function AgentDetailPanel({
|
|||||||
const [deleteOpen, setDeleteOpen] = useState(false);
|
const [deleteOpen, setDeleteOpen] = useState(false);
|
||||||
const [publishPickerOpen, setPublishPickerOpen] = useState(false);
|
const [publishPickerOpen, setPublishPickerOpen] = useState(false);
|
||||||
const [detailSkillName, setDetailSkillName] = useState<string | null>(null);
|
const [detailSkillName, setDetailSkillName] = useState<string | null>(null);
|
||||||
// 发布以实时 token 执行 —— 用 live 账号提示发布者并检测账号是否被切换。
|
|
||||||
const live = useLiveAccount();
|
|
||||||
|
|
||||||
const updateAgent = useUpdateAgent();
|
const updateAgent = useUpdateAgent();
|
||||||
const deleteAgent = useDeleteAgent();
|
const deleteAgent = useDeleteAgent();
|
||||||
@@ -305,8 +292,6 @@ export function AgentDetailPanel({
|
|||||||
if (draft.soul !== (agent.soul ?? "")) request.soul = draft.soul;
|
if (draft.soul !== (agent.soul ?? "")) request.soul = draft.soul;
|
||||||
if (draft.templateName.trim() !== (agent.template_name ?? ""))
|
if (draft.templateName.trim() !== (agent.template_name ?? ""))
|
||||||
request.template_name = draft.templateName.trim();
|
request.template_name = draft.templateName.trim();
|
||||||
if (draft.seatSkillDirective !== (agent.seat_skill_directive ?? false))
|
|
||||||
request.seat_skill_directive = draft.seatSkillDirective;
|
|
||||||
if (nextPublished !== agent.published) request.published = nextPublished;
|
if (nextPublished !== agent.published) request.published = nextPublished;
|
||||||
if (JSON.stringify(draft.skills) !== JSON.stringify(agent.skills ?? []))
|
if (JSON.stringify(draft.skills) !== JSON.stringify(agent.skills ?? []))
|
||||||
request.skills = draft.skills;
|
request.skills = draft.skills;
|
||||||
@@ -350,39 +335,19 @@ export function AgentDetailPanel({
|
|||||||
setPublishPickerOpen(true);
|
setPublishPickerOpen(true);
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
if (!warnIfAccountSwitched()) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
try {
|
try {
|
||||||
await updateAgent.mutateAsync({
|
await updateAgent.mutateAsync({
|
||||||
id: agent.id,
|
id: agent.id,
|
||||||
request: { published: !agent.published },
|
request: { published: !agent.published },
|
||||||
});
|
});
|
||||||
toast.success(
|
toast.success(agent.published ? "已下架" : "已发布");
|
||||||
agent.published ? "已下架" : `已发布(操作账号:${live.displayName})`,
|
|
||||||
);
|
|
||||||
} catch (err) {
|
} catch (err) {
|
||||||
toast.error(err instanceof Error ? err.message : String(err));
|
toast.error(err instanceof Error ? err.message : String(err));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// 发布以实时 token 执行。会话中途账号被切换(常见于另一标签页登录了别的账号)时
|
|
||||||
// 先弹确认,避免误以本人之外的账号执行发布。返回 false = 用户取消。
|
|
||||||
function warnIfAccountSwitched(): boolean {
|
|
||||||
if (!live.switched) {
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
return window.confirm(
|
|
||||||
`当前登录账号已从「${live.mountDisplayName}」切换为「${live.displayName}」。\n` +
|
|
||||||
`本次发布将以「${live.displayName}」执行。如需以「${live.mountDisplayName}」操作,请取消并刷新页面。\n\n仍要继续吗?`,
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
async function handlePublishToSquare(squareId: string) {
|
async function handlePublishToSquare(squareId: string) {
|
||||||
if (!agent) return;
|
if (!agent) return;
|
||||||
if (!warnIfAccountSwitched()) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
try {
|
try {
|
||||||
await updateAgent.mutateAsync({
|
await updateAgent.mutateAsync({
|
||||||
id: agent.id,
|
id: agent.id,
|
||||||
@@ -390,7 +355,7 @@ export function AgentDetailPanel({
|
|||||||
});
|
});
|
||||||
const sqName =
|
const sqName =
|
||||||
publishSquares?.squares.find((s) => s.id === squareId)?.name ?? "广场";
|
publishSquares?.squares.find((s) => s.id === squareId)?.name ?? "广场";
|
||||||
toast.success(`已发布到「${sqName}」(操作账号:${live.displayName})`);
|
toast.success(`已发布到「${sqName}」`);
|
||||||
setPublishPickerOpen(false);
|
setPublishPickerOpen(false);
|
||||||
} catch (err) {
|
} catch (err) {
|
||||||
toast.error(err instanceof Error ? err.message : String(err));
|
toast.error(err instanceof Error ? err.message : String(err));
|
||||||
@@ -593,21 +558,6 @@ export function AgentDetailPanel({
|
|||||||
配置后,对话生成的 Markdown 文件可一键发布到知识入库接口。
|
配置后,对话生成的 Markdown 文件可一键发布到知识入库接口。
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div className="bg-background/60 flex items-center justify-between rounded-lg border px-3 py-2">
|
|
||||||
<div className="pr-3">
|
|
||||||
<p className="text-sm font-medium">会商技能识别强化</p>
|
|
||||||
<p className="text-muted-foreground text-xs">
|
|
||||||
作为会商席位时,把已配置技能(含 SKILL.md 路径与「先 read_file
|
|
||||||
再用」硬指令)拼进任务,补偿弱模型不识别技能。也可在业务链条配置中打开(任一即生效)。
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<Switch
|
|
||||||
checked={draft.seatSkillDirective}
|
|
||||||
onCheckedChange={(checked) =>
|
|
||||||
setDraft({ ...draft, seatSkillDirective: checked })
|
|
||||||
}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<div className="bg-background/60 flex items-center justify-between rounded-lg border px-3 py-2">
|
<div className="bg-background/60 flex items-center justify-between rounded-lg border px-3 py-2">
|
||||||
<div>
|
<div>
|
||||||
<p className="text-sm font-medium">公开发布</p>
|
<p className="text-sm font-medium">公开发布</p>
|
||||||
@@ -818,9 +768,6 @@ export function AgentDetailPanel({
|
|||||||
onViewDetail={setDetailSkillName}
|
onViewDetail={setDetailSkillName}
|
||||||
/>
|
/>
|
||||||
</Section>
|
</Section>
|
||||||
|
|
||||||
{/* ── 最近对话(右下角,仅智能体问答页展示,编辑态隐藏)──────────── */}
|
|
||||||
{showRecentChats && !editing && <AgentRecentChats agentId={agent.id} />}
|
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
|
||||||
@@ -951,23 +898,6 @@ export function AgentDetailPanel({
|
|||||||
loading={updateAgent.isPending}
|
loading={updateAgent.isPending}
|
||||||
onConfirm={(squareId) => void handlePublishToSquare(squareId)}
|
onConfirm={(squareId) => void handlePublishToSquare(squareId)}
|
||||||
description="请选择要把该智能体发布到哪个广场。每个智能体只能归属一个广场,不会重复出现。"
|
description="请选择要把该智能体发布到哪个广场。每个智能体只能归属一个广场,不会重复出现。"
|
||||||
accountNotice={
|
|
||||||
<div className="text-xs">
|
|
||||||
<p className="text-muted-foreground">
|
|
||||||
发布操作账号:
|
|
||||||
<span className="text-foreground font-medium">
|
|
||||||
「{live.displayName}」
|
|
||||||
</span>
|
|
||||||
</p>
|
|
||||||
{live.switched && (
|
|
||||||
<p className="text-destructive mt-1">
|
|
||||||
⚠ 当前登录账号已从「{live.mountDisplayName}」切换为「
|
|
||||||
{live.displayName}」。如需以「{live.mountDisplayName}
|
|
||||||
」操作,请刷新页面确认。
|
|
||||||
</p>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
}
|
|
||||||
/>
|
/>
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
|
|||||||
@@ -364,7 +364,7 @@ export function AgentGallery() {
|
|||||||
};
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="flex size-full min-h-0 flex-col">
|
<div className="flex size-full flex-col">
|
||||||
{/* Page header */}
|
{/* Page header */}
|
||||||
<div className="flex items-center justify-between border-b px-6 py-4">
|
<div className="flex items-center justify-between border-b px-6 py-4">
|
||||||
<div>
|
<div>
|
||||||
@@ -392,7 +392,7 @@ export function AgentGallery() {
|
|||||||
setSort("time_desc");
|
setSort("time_desc");
|
||||||
setPublisher(null);
|
setPublisher(null);
|
||||||
}}
|
}}
|
||||||
className="flex min-h-0 flex-1 flex-col overflow-hidden"
|
className="flex flex-1 flex-col overflow-hidden"
|
||||||
>
|
>
|
||||||
<div className="mx-6 mt-4 flex flex-col gap-3">
|
<div className="mx-6 mt-4 flex flex-col gap-3">
|
||||||
<div className="flex items-center justify-between gap-3">
|
<div className="flex items-center justify-between gap-3">
|
||||||
|
|||||||
@@ -5,8 +5,6 @@ import Link from "next/link";
|
|||||||
import { usePathname } from "next/navigation";
|
import { usePathname } from "next/navigation";
|
||||||
import { useMemo, useState } from "react";
|
import { useMemo, useState } from "react";
|
||||||
|
|
||||||
import { agentColor } from "@/components/workspace/agent-icon-color";
|
|
||||||
import { useTheme } from "@/contexts/ThemeContext";
|
|
||||||
import { useAgents } from "@/core/agents";
|
import { useAgents } from "@/core/agents";
|
||||||
import type { Agent } from "@/core/agents";
|
import type { Agent } from "@/core/agents";
|
||||||
import { useAgentModuleConfig } from "@/core/system-settings/hooks";
|
import { useAgentModuleConfig } from "@/core/system-settings/hooks";
|
||||||
@@ -107,11 +105,30 @@ function groupAgentsByTag(agents: Agent[], allowedTagIds: string[]): AgentGroup[
|
|||||||
return groups;
|
return groups;
|
||||||
}
|
}
|
||||||
|
|
||||||
export function useAgentModuleSidebarData(moduleKey: string) {
|
/**
|
||||||
const { agents, isLoading: agentsLoading } = useAgents();
|
* 「按类型聚合智能体 + 聊天记录」左栏(需求 0616 #3 zzJC / #4 zzXD)。
|
||||||
|
*
|
||||||
|
* - 上半:可见智能体按标签(类型)分组、可折叠;点击进入该智能体对话(保持当前路由
|
||||||
|
* 命名空间,全量模式下为 /page/strategy)。
|
||||||
|
* - 下半:聊天记录 —— 仅与本模块智能体(即左栏列出的智能体)的会话,按 metadata.agent_id 过滤。
|
||||||
|
* - 宽度与通用问答左栏一致(``--sidebar-width``)。
|
||||||
|
*/
|
||||||
|
export function AgentModuleSidebar({
|
||||||
|
moduleKey,
|
||||||
|
activeAgentId,
|
||||||
|
onOpenSettings,
|
||||||
|
}: {
|
||||||
|
moduleKey: string;
|
||||||
|
activeAgentId?: string;
|
||||||
|
/** 传入则在左栏顶部显示设置齿轮(admin)。 */
|
||||||
|
onOpenSettings?: () => void;
|
||||||
|
}) {
|
||||||
|
const routeBase = useRouteBase();
|
||||||
|
const pathname = usePathname();
|
||||||
|
const { agents } = useAgents();
|
||||||
const { data: threads = [] } = useThreads();
|
const { data: threads = [] } = useThreads();
|
||||||
const { data: moduleConfig, isLoading: configLoading } =
|
const { data: moduleConfig } = useAgentModuleConfig(moduleKey);
|
||||||
useAgentModuleConfig(moduleKey);
|
const [collapsed, setCollapsed] = useState<Set<string>>(() => new Set());
|
||||||
|
|
||||||
const allowedTagIds = useMemo(
|
const allowedTagIds = useMemo(
|
||||||
() => moduleConfig?.tag_ids ?? [],
|
() => moduleConfig?.tag_ids ?? [],
|
||||||
@@ -139,56 +156,6 @@ export function useAgentModuleSidebarData(moduleKey: string) {
|
|||||||
[threads, moduleAgentIds],
|
[threads, moduleAgentIds],
|
||||||
);
|
);
|
||||||
|
|
||||||
return {
|
|
||||||
groups,
|
|
||||||
moduleAgentIds,
|
|
||||||
moduleThreads,
|
|
||||||
allowedTagIds,
|
|
||||||
// admin 是否已确认该模块展示的智能体类型(配置了标签)。
|
|
||||||
hasConfiguredType: allowedTagIds.length > 0,
|
|
||||||
isLoading: agentsLoading || configLoading,
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 「按类型聚合智能体 + 聊天记录」左栏(需求 0616 #3 zzJC / #4 zzXD)。
|
|
||||||
*
|
|
||||||
* - 上半:可见智能体按标签(类型)分组、可折叠;点击进入该智能体对话(保持当前路由
|
|
||||||
* 命名空间,全量模式下为 /page/strategy)。
|
|
||||||
* - 下半:聊天记录 —— 仅与本模块智能体(即左栏列出的智能体)的会话,按 metadata.agent_id 过滤。
|
|
||||||
* - 宽度与通用问答左栏一致(``--sidebar-width``)。
|
|
||||||
*/
|
|
||||||
export function AgentModuleSidebar({
|
|
||||||
moduleKey,
|
|
||||||
activeAgentId,
|
|
||||||
activeThreadId,
|
|
||||||
routeBase: routeBaseProp,
|
|
||||||
headerTitle = "智能体",
|
|
||||||
className,
|
|
||||||
onOpenSettings,
|
|
||||||
}: {
|
|
||||||
moduleKey: string;
|
|
||||||
activeAgentId?: string;
|
|
||||||
activeThreadId?: string;
|
|
||||||
routeBase?: string;
|
|
||||||
headerTitle?: string;
|
|
||||||
className?: string;
|
|
||||||
/** 传入则在左栏顶部显示设置齿轮(admin)。 */
|
|
||||||
onOpenSettings?: () => void;
|
|
||||||
}) {
|
|
||||||
const contextRouteBase = useRouteBase();
|
|
||||||
const routeBase = routeBaseProp ?? contextRouteBase;
|
|
||||||
const pathname = usePathname();
|
|
||||||
// 智能体图标配色分主题:深蓝主题用规范蓝-青系,其它(浅色)保持原高彩度色,互不影响。
|
|
||||||
const { theme } = useTheme();
|
|
||||||
const isDark = theme === "dark";
|
|
||||||
const [collapsed, setCollapsed] = useState<Set<string>>(() => new Set());
|
|
||||||
const { groups, moduleThreads, hasConfiguredType } =
|
|
||||||
useAgentModuleSidebarData(moduleKey);
|
|
||||||
// 已确认智能体类型时,允许把上半「智能体类型」整块收起,把空间让给下半聊天记录。
|
|
||||||
const [agentsSectionCollapsed, setAgentsSectionCollapsed] = useState(false);
|
|
||||||
const agentsCollapsed = hasConfiguredType && agentsSectionCollapsed;
|
|
||||||
|
|
||||||
const toggleGroup = (key: string) =>
|
const toggleGroup = (key: string) =>
|
||||||
setCollapsed((prev) => {
|
setCollapsed((prev) => {
|
||||||
const next = new Set(prev);
|
const next = new Set(prev);
|
||||||
@@ -197,229 +164,109 @@ export function AgentModuleSidebar({
|
|||||||
return next;
|
return next;
|
||||||
});
|
});
|
||||||
|
|
||||||
// 已确认类型时把所有分组的智能体拍平(单选类型一般只有一个分组),
|
|
||||||
// 标题行直接显示该类型名 + 数量,去掉额外的分组行。
|
|
||||||
const flatAgents = useMemo(() => groups.flatMap((g) => g.agents), [groups]);
|
|
||||||
const configuredTypeLabel =
|
|
||||||
groups.length === 1 ? (groups[0]?.label ?? "智能体类型") : "智能体类型";
|
|
||||||
|
|
||||||
const renderAgentCard = (agent: Agent, keyPrefix: string) => {
|
|
||||||
const href = `${routeBase}/agents/${agent.id}/chats/new`;
|
|
||||||
const isActive = agent.id === activeAgentId;
|
|
||||||
const { from, to } = agentColor(agent.id, isDark);
|
|
||||||
return (
|
|
||||||
<Link
|
|
||||||
key={`${keyPrefix}:${agent.id}`}
|
|
||||||
href={href}
|
|
||||||
className={cn(
|
|
||||||
"group relative flex w-full items-start gap-2.5 rounded-xl border px-2.5 py-2 transition-colors",
|
|
||||||
isActive
|
|
||||||
? "border-primary/40 bg-primary/5"
|
|
||||||
: "border-transparent hover:border-border hover:bg-accent/50",
|
|
||||||
)}
|
|
||||||
>
|
|
||||||
<span
|
|
||||||
className="mt-0.5 flex size-9 shrink-0 items-center justify-center rounded-lg text-white shadow-sm"
|
|
||||||
style={{ backgroundImage: `linear-gradient(135deg, ${from}, ${to})` }}
|
|
||||||
>
|
|
||||||
<Bot className="size-[18px]" />
|
|
||||||
</span>
|
|
||||||
<span className="min-w-0 flex-1">
|
|
||||||
<span
|
|
||||||
className={cn(
|
|
||||||
"block truncate text-[13px] font-semibold",
|
|
||||||
isActive ? "text-primary" : "text-foreground",
|
|
||||||
)}
|
|
||||||
>
|
|
||||||
{desensitize(agent.name)}
|
|
||||||
</span>
|
|
||||||
<span className="mt-0.5 block truncate text-[11px] leading-snug text-muted-foreground">
|
|
||||||
{agent.description ? desensitize(agent.description) : "智能体助手"}
|
|
||||||
</span>
|
|
||||||
</span>
|
|
||||||
{isActive && (
|
|
||||||
<span className="absolute top-1/2 right-1 h-6 w-1 -translate-y-1/2 rounded-full bg-primary" />
|
|
||||||
)}
|
|
||||||
</Link>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
// 原有布局不变,仅做配色适配:深色下左栏改为半透明深蓝玻璃面板(对齐 .sidebar-contents:
|
<aside className="flex h-full w-(--sidebar-width) shrink-0 flex-col overflow-hidden border-r border-border/70 bg-card/60 backdrop-blur-sm">
|
||||||
// bg rgba(3,38,80,.8) + 蓝色发光边框),叠 backdrop-blur 让外壳的深蓝底图朦胧透出;
|
|
||||||
// 浅色保持白底。其余颜色已走语义 token 自适配。
|
|
||||||
<aside
|
|
||||||
className={cn(
|
|
||||||
"flex h-full w-(--sidebar-width) shrink-0 flex-col overflow-hidden border-r border-border/70 bg-white text-foreground backdrop-blur-md dark:border-[#2b8ffe]/45 dark:bg-[#032650]/80",
|
|
||||||
className,
|
|
||||||
)}
|
|
||||||
>
|
|
||||||
{onOpenSettings && (
|
{onOpenSettings && (
|
||||||
<div className="flex shrink-0 items-center justify-between border-b border-border/60 px-3 py-2">
|
<div className="flex shrink-0 items-center justify-between border-b border-border/60 px-3 py-2">
|
||||||
<span className="text-xs font-semibold text-foreground/80">
|
<span className="text-xs font-semibold text-foreground/80">智能体</span>
|
||||||
{headerTitle}
|
|
||||||
</span>
|
|
||||||
<button
|
<button
|
||||||
type="button"
|
type="button"
|
||||||
onClick={onOpenSettings}
|
onClick={onOpenSettings}
|
||||||
title="模块设置"
|
title="模块设置"
|
||||||
aria-label="模块设置"
|
aria-label="模块设置"
|
||||||
className="text-muted-foreground hover:text-foreground rounded-md p-1 transition-colors hover:bg-accent/60"
|
className="text-muted-foreground hover:text-foreground rounded-md p-1 transition-colors hover:bg-sidebar-accent/60"
|
||||||
>
|
>
|
||||||
<Settings className="size-4" />
|
<Settings className="size-4" />
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
{/* 上半:智能体列表。
|
{/* 上半:按类型分组的智能体 */}
|
||||||
- 未确认类型:按类型分组、可逐组折叠(与全量版一致)。
|
<div className="flex min-h-0 flex-[3] flex-col overflow-y-auto px-2 py-3">
|
||||||
- 已确认类型:标题行直接显示该类型名 + 数量(去掉单独的分组行),
|
<h2 className="text-muted-foreground/70 px-2 mb-1.5 text-[10px] font-semibold tracking-[0.12em] uppercase select-none">
|
||||||
扁平列出该类型下的智能体,并可整块收起(grid 行高过渡动画),
|
智能体类型
|
||||||
收起后只留标题、把高度让给下半聊天记录。 */}
|
</h2>
|
||||||
<div
|
{groups.length === 0 ? (
|
||||||
className={cn(
|
<p className="px-2 py-1.5 text-xs text-muted-foreground/70">暂无智能体</p>
|
||||||
"flex flex-col px-2 py-3",
|
|
||||||
agentsCollapsed ? "shrink-0" : "min-h-0 flex-[3]",
|
|
||||||
)}
|
|
||||||
>
|
|
||||||
{hasConfiguredType ? (
|
|
||||||
<>
|
|
||||||
<button
|
|
||||||
type="button"
|
|
||||||
onClick={() => setAgentsSectionCollapsed((prev) => !prev)}
|
|
||||||
title={agentsCollapsed ? "展开智能体" : "收起智能体"}
|
|
||||||
className="flex shrink-0 items-center justify-between px-3 py-1 text-[11px] font-semibold tracking-[0.04em] text-muted-foreground/80 transition-colors hover:text-muted-foreground select-none"
|
|
||||||
>
|
|
||||||
<span className="flex items-center gap-1.5 truncate">
|
|
||||||
<span className="truncate">{configuredTypeLabel}</span>
|
|
||||||
<span className="rounded-full bg-muted px-1.5 py-0.5 text-[10px] font-normal text-muted-foreground tabular-nums">
|
|
||||||
{flatAgents.length}
|
|
||||||
</span>
|
|
||||||
</span>
|
|
||||||
<ChevronDown
|
|
||||||
className={cn(
|
|
||||||
"size-3.5 shrink-0 transition-transform duration-300",
|
|
||||||
agentsCollapsed && "-rotate-90",
|
|
||||||
)}
|
|
||||||
/>
|
|
||||||
</button>
|
|
||||||
<div
|
|
||||||
className={cn(
|
|
||||||
"grid transition-[grid-template-rows] duration-300 ease-in-out",
|
|
||||||
agentsCollapsed
|
|
||||||
? "grid-rows-[0fr]"
|
|
||||||
: "mt-1 min-h-0 flex-1 grid-rows-[1fr]",
|
|
||||||
)}
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
className={cn(
|
|
||||||
"min-h-0",
|
|
||||||
agentsCollapsed
|
|
||||||
? "overflow-hidden"
|
|
||||||
: "overflow-y-auto overflow-x-hidden",
|
|
||||||
)}
|
|
||||||
>
|
|
||||||
{flatAgents.length === 0 ? (
|
|
||||||
<p className="px-3 py-1.5 text-xs text-muted-foreground/70">
|
|
||||||
暂无智能体
|
|
||||||
</p>
|
|
||||||
) : (
|
|
||||||
<div className="flex flex-col gap-1">
|
|
||||||
{flatAgents.map((agent) =>
|
|
||||||
renderAgentCard(agent, "configured"),
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</>
|
|
||||||
) : (
|
) : (
|
||||||
<>
|
<div className="flex flex-col gap-0.5">
|
||||||
<h2 className="mb-1 shrink-0 px-3 py-1 text-[11px] font-semibold tracking-[0.04em] text-muted-foreground/80 select-none">
|
{groups.map((group) => {
|
||||||
智能体类型
|
const isCollapsed = collapsed.has(group.key);
|
||||||
</h2>
|
return (
|
||||||
<div className="min-h-0 flex-1 overflow-y-auto overflow-x-hidden">
|
<div key={group.key}>
|
||||||
{groups.length === 0 ? (
|
<button
|
||||||
<p className="px-3 py-1.5 text-xs text-muted-foreground/70">
|
type="button"
|
||||||
暂无智能体
|
onClick={() => toggleGroup(group.key)}
|
||||||
</p>
|
className="flex w-full items-center justify-between gap-1 rounded-lg px-2 py-1.5 text-xs font-semibold text-foreground/80 hover:bg-sidebar-accent/60"
|
||||||
) : (
|
>
|
||||||
<div className="flex flex-col gap-1.5">
|
<span className="flex items-center gap-1.5 truncate">
|
||||||
{groups.map((group) => {
|
<span className="truncate">{group.label}</span>
|
||||||
const isCollapsed = collapsed.has(group.key);
|
<span className="text-muted-foreground/60 text-[10px] font-normal tabular-nums">
|
||||||
return (
|
{group.agents.length}
|
||||||
<div key={group.key}>
|
</span>
|
||||||
<button
|
</span>
|
||||||
type="button"
|
<ChevronDown
|
||||||
onClick={() => toggleGroup(group.key)}
|
className={cn(
|
||||||
className="flex w-full items-center justify-between px-3 py-1 text-[11px] font-semibold tracking-[0.04em] text-muted-foreground/80 transition-colors hover:text-muted-foreground select-none"
|
"size-3.5 shrink-0 transition-transform duration-200",
|
||||||
>
|
isCollapsed && "-rotate-90",
|
||||||
<span className="flex items-center gap-1.5 truncate">
|
)}
|
||||||
<span className="truncate">{group.label}</span>
|
/>
|
||||||
<span className="rounded-full bg-muted px-1.5 py-0.5 text-[10px] font-normal text-muted-foreground tabular-nums">
|
</button>
|
||||||
{group.agents.length}
|
{!isCollapsed && (
|
||||||
</span>
|
<div className="mt-0.5 flex flex-col gap-0.5 pl-1">
|
||||||
</span>
|
{group.agents.map((agent) => {
|
||||||
<ChevronDown
|
const href = `${routeBase}/agents/${agent.id}/chats/new`;
|
||||||
|
const isActive = agent.id === activeAgentId;
|
||||||
|
return (
|
||||||
|
<Link
|
||||||
|
key={`${group.key}:${agent.id}`}
|
||||||
|
href={href}
|
||||||
className={cn(
|
className={cn(
|
||||||
"size-3.5 shrink-0 transition-transform duration-200",
|
"flex items-center gap-2 rounded-lg px-2.5 py-1.5 text-[13px] text-muted-foreground hover:text-foreground hover:bg-sidebar-accent/60",
|
||||||
isCollapsed && "-rotate-90",
|
isActive &&
|
||||||
|
"bg-primary/10 text-primary hover:bg-primary/15 hover:text-primary",
|
||||||
)}
|
)}
|
||||||
/>
|
>
|
||||||
</button>
|
<Bot className="size-3.5 shrink-0 text-muted-foreground/70" />
|
||||||
{!isCollapsed && (
|
<span className="truncate">{desensitize(agent.name)}</span>
|
||||||
<div className="mt-1 flex flex-col gap-1">
|
</Link>
|
||||||
{group.agents.map((agent) =>
|
);
|
||||||
renderAgentCard(agent, group.key),
|
})}
|
||||||
)}
|
</div>
|
||||||
</div>
|
)}
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
})}
|
|
||||||
</div>
|
</div>
|
||||||
)}
|
);
|
||||||
</div>
|
})}
|
||||||
</>
|
</div>
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* 下半:聊天记录(仅本模块智能体会话),简单列表、配色与全量版统一 */}
|
{/* 下半:聊天记录(仅本模块智能体会话) */}
|
||||||
<div className="flex min-h-0 flex-[2] flex-col overflow-y-auto border-t border-border/60 px-2 py-3">
|
<div className="flex min-h-0 flex-[2] flex-col overflow-y-auto border-t border-border/60 px-2 py-3">
|
||||||
<h2 className="mb-1 px-3 py-1 text-[11px] font-semibold tracking-[0.04em] text-muted-foreground/80 select-none">
|
<h2 className="text-muted-foreground/70 px-2 mb-1.5 text-[10px] font-semibold tracking-[0.12em] uppercase select-none">
|
||||||
聊天记录
|
聊天记录
|
||||||
</h2>
|
</h2>
|
||||||
{moduleThreads.length === 0 ? (
|
{moduleThreads.length === 0 ? (
|
||||||
<p className="px-3 py-1.5 text-xs text-muted-foreground/70">暂无聊天记录</p>
|
<p className="px-2 py-1.5 text-xs text-muted-foreground/70">暂无聊天记录</p>
|
||||||
) : (
|
) : (
|
||||||
<div className="flex flex-col gap-0.5">
|
<div className="flex flex-col gap-0.5">
|
||||||
{moduleThreads.map((thread) => {
|
{moduleThreads.map((thread) => {
|
||||||
const href = pathOfThread(thread, undefined, routeBase);
|
const href = pathOfThread(thread, undefined, routeBase);
|
||||||
const isActive =
|
const isActive = href === pathname;
|
||||||
thread.thread_id === activeThreadId || href === pathname;
|
|
||||||
return (
|
return (
|
||||||
<Link
|
<Link
|
||||||
key={thread.thread_id}
|
key={thread.thread_id}
|
||||||
href={href}
|
href={href}
|
||||||
className={cn(
|
className={cn(
|
||||||
"relative flex h-9 min-w-0 items-center gap-2 rounded-lg px-2.5 text-[13px] transition-colors",
|
"flex items-center gap-2 rounded-lg px-2.5 py-1.5 text-[13px] text-muted-foreground hover:text-foreground hover:bg-sidebar-accent/60",
|
||||||
isActive
|
isActive &&
|
||||||
? "border border-primary/40 bg-primary/5 font-medium text-primary"
|
"bg-primary/10 text-primary hover:bg-primary/15 hover:text-primary",
|
||||||
: "text-muted-foreground hover:bg-accent/60 hover:text-foreground",
|
|
||||||
)}
|
)}
|
||||||
>
|
>
|
||||||
<MessageSquare
|
<MessageSquare className="size-3.5 shrink-0 text-muted-foreground/70" />
|
||||||
className={cn(
|
|
||||||
"size-3.5 shrink-0",
|
|
||||||
isActive ? "text-primary" : "text-muted-foreground/70",
|
|
||||||
)}
|
|
||||||
/>
|
|
||||||
<span className="truncate">
|
<span className="truncate">
|
||||||
{desensitize(titleOfThread(thread, "未命名对话"))}
|
{desensitize(titleOfThread(thread, "未命名对话"))}
|
||||||
</span>
|
</span>
|
||||||
{isActive && (
|
|
||||||
<span className="absolute top-1/2 right-1 h-5 w-1 -translate-y-1/2 rounded-full bg-primary" />
|
|
||||||
)}
|
|
||||||
</Link>
|
</Link>
|
||||||
);
|
);
|
||||||
})}
|
})}
|
||||||
|
|||||||
@@ -1,79 +0,0 @@
|
|||||||
"use client";
|
|
||||||
|
|
||||||
import { MessageSquareIcon } from "lucide-react";
|
|
||||||
import Link from "next/link";
|
|
||||||
import { usePathname } from "next/navigation";
|
|
||||||
|
|
||||||
import { useThreadsPage } from "@/core/threads/hooks";
|
|
||||||
import { pathOfThread, titleOfThread } from "@/core/threads/utils";
|
|
||||||
import { desensitize } from "@/lib/desensitize";
|
|
||||||
import { cn } from "@/lib/utils";
|
|
||||||
|
|
||||||
const RECENT_LIMIT = 8;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 「有关此智能体的最近对话」—— 渲染在智能体详情面板底部(右下角)。
|
|
||||||
* 按 `metadata.agent_id` 过滤出该智能体的会话,点击直接打开对应对话。
|
|
||||||
*/
|
|
||||||
export function AgentRecentChats({ agentId }: { agentId: string }) {
|
|
||||||
const pathname = usePathname();
|
|
||||||
const { data } = useThreadsPage({
|
|
||||||
page: 1,
|
|
||||||
pageSize: RECENT_LIMIT,
|
|
||||||
metadata: { agent_id: agentId },
|
|
||||||
});
|
|
||||||
// 该智能体的会话里同样排除调度 / 引导 / 会商类系统会话。
|
|
||||||
const threads = (data?.threads ?? []).filter(
|
|
||||||
(th) =>
|
|
||||||
th.metadata?.thread_type !== "bootstrap" &&
|
|
||||||
th.metadata?.thread_type !== "scheduler" &&
|
|
||||||
th.metadata?.thread_type !== "roundtable",
|
|
||||||
);
|
|
||||||
|
|
||||||
return (
|
|
||||||
<section className="bg-card/60 rounded-xl border p-4">
|
|
||||||
<div className="mb-3 flex items-center justify-between gap-2">
|
|
||||||
<h4 className="text-foreground flex items-center gap-1.5 text-sm font-semibold">
|
|
||||||
<MessageSquareIcon className="size-3.5" />
|
|
||||||
最近对话
|
|
||||||
</h4>
|
|
||||||
<span className="text-muted-foreground text-xs tabular-nums">
|
|
||||||
{threads.length} 个
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
{threads.length === 0 ? (
|
|
||||||
<p className="text-muted-foreground/60 text-sm">暂无对话</p>
|
|
||||||
) : (
|
|
||||||
<div className="flex flex-col gap-1">
|
|
||||||
{threads.map((thread) => {
|
|
||||||
const href = pathOfThread(thread);
|
|
||||||
const isActive = href === pathname;
|
|
||||||
return (
|
|
||||||
<Link
|
|
||||||
key={thread.thread_id}
|
|
||||||
href={href}
|
|
||||||
title={desensitize(titleOfThread(thread, "新对话"))}
|
|
||||||
className={cn(
|
|
||||||
"flex min-w-0 items-center gap-2 rounded-lg px-2 py-1.5 text-sm transition-colors",
|
|
||||||
isActive
|
|
||||||
? "bg-primary/5 text-primary font-medium"
|
|
||||||
: "text-muted-foreground hover:bg-accent hover:text-foreground",
|
|
||||||
)}
|
|
||||||
>
|
|
||||||
<MessageSquareIcon
|
|
||||||
className={cn(
|
|
||||||
"size-3.5 shrink-0",
|
|
||||||
isActive ? "text-primary" : "text-muted-foreground/70",
|
|
||||||
)}
|
|
||||||
/>
|
|
||||||
<span className="truncate">
|
|
||||||
{desensitize(titleOfThread(thread, "新对话"))}
|
|
||||||
</span>
|
|
||||||
</Link>
|
|
||||||
);
|
|
||||||
})}
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
</section>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@@ -20,7 +20,6 @@ import {
|
|||||||
} from "@/components/ui/dialog";
|
} from "@/components/ui/dialog";
|
||||||
import { PromptInputButton } from "@/components/ai-elements/prompt-input";
|
import { PromptInputButton } from "@/components/ai-elements/prompt-input";
|
||||||
import { AgentManageDialog } from "@/components/workspace/agents/agent-manage-dialog";
|
import { AgentManageDialog } from "@/components/workspace/agents/agent-manage-dialog";
|
||||||
import { Tooltip } from "@/components/workspace/tooltip";
|
|
||||||
import { useAgentSelector, useAgentsPaginated } from "@/core/agents";
|
import { useAgentSelector, useAgentsPaginated } from "@/core/agents";
|
||||||
import type { Agent } from "@/core/agents";
|
import type { Agent } from "@/core/agents";
|
||||||
import { getStoredAuth } from "@/core/auth";
|
import { getStoredAuth } from "@/core/auth";
|
||||||
@@ -33,10 +32,6 @@ interface AgentSelectorProps {
|
|||||||
disabled?: boolean;
|
disabled?: boolean;
|
||||||
/** 紧凑模式(CM 参考图):触发器改为灰底胶囊 + 主色机器人图标。 */
|
/** 紧凑模式(CM 参考图):触发器改为灰底胶囊 + 主色机器人图标。 */
|
||||||
compact?: boolean;
|
compact?: boolean;
|
||||||
/** 图标模式:用于 iframe 等底栏场景,仅显示机器人图标和可选清空按钮。 */
|
|
||||||
triggerVariant?: "default" | "icon";
|
|
||||||
iconButtonClassName?: string;
|
|
||||||
iconActiveClassName?: string;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@@ -53,9 +48,6 @@ export function AgentSelector({
|
|||||||
onAgentChange,
|
onAgentChange,
|
||||||
disabled,
|
disabled,
|
||||||
compact = false,
|
compact = false,
|
||||||
triggerVariant = "default",
|
|
||||||
iconButtonClassName,
|
|
||||||
iconActiveClassName,
|
|
||||||
}: AgentSelectorProps) {
|
}: AgentSelectorProps) {
|
||||||
const [open, setOpen] = useState(false);
|
const [open, setOpen] = useState(false);
|
||||||
const [manageOpen, setManageOpen] = useState(false);
|
const [manageOpen, setManageOpen] = useState(false);
|
||||||
@@ -87,92 +79,49 @@ export function AgentSelector({
|
|||||||
};
|
};
|
||||||
|
|
||||||
const triggerLabel = selectedAgent ? desensitize(selectedAgent.name) : "选择 Agent";
|
const triggerLabel = selectedAgent ? desensitize(selectedAgent.name) : "选择 Agent";
|
||||||
const iconTooltipLabel = selectedAgent ? triggerLabel : "未选择";
|
|
||||||
const iconMode = triggerVariant === "icon";
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<Dialog open={open} onOpenChange={setOpen}>
|
<Dialog open={open} onOpenChange={setOpen}>
|
||||||
{iconMode ? (
|
<DialogTrigger asChild>
|
||||||
<Tooltip content={iconTooltipLabel}>
|
<PromptInputButton
|
||||||
<div>
|
type="button"
|
||||||
<DialogTrigger asChild>
|
disabled={disabled}
|
||||||
<Button
|
className={cn(
|
||||||
type="button"
|
"gap-1.5! rounded-full border px-3! shadow-none transition-colors",
|
||||||
variant="ghost"
|
compact && "rounded-lg px-2.5! py-1! text-[11px] font-medium",
|
||||||
size="icon"
|
compact
|
||||||
disabled={disabled}
|
? "border-transparent bg-gray-50/60 text-gray-600 hover:bg-gray-100/80 hover:text-gray-800 dark:bg-slate-700/50 dark:text-slate-300 dark:hover:bg-slate-700"
|
||||||
aria-label={selectedAgent ? `已选择智能体:${triggerLabel}` : "选择智能体"}
|
: selectedAgent
|
||||||
className={cn(
|
? "border-[#d6a868] bg-[#fff3df] text-[#7a5417] hover:bg-[#ffe8c4]"
|
||||||
"relative size-9 rounded-full text-muted-foreground shadow-none hover:bg-muted/60 hover:text-foreground",
|
: "border-[#eee3d5] bg-[#fffaf5] text-[#7e6a57] hover:bg-white dark:border-slate-600 dark:bg-slate-700/50 dark:text-slate-300 dark:hover:bg-slate-700",
|
||||||
selectedAgent && "text-amber-600 hover:text-amber-700",
|
)}
|
||||||
selectedAgent && iconActiveClassName,
|
>
|
||||||
iconButtonClassName,
|
<BotIcon
|
||||||
)}
|
className={cn("size-3", compact && "text-[var(--primary)]")}
|
||||||
>
|
/>
|
||||||
<BotIcon className="size-4" />
|
<span className="max-w-[140px] truncate text-xs font-normal">
|
||||||
{selectedAgent && (
|
{triggerLabel}
|
||||||
<span
|
</span>
|
||||||
role="button"
|
{selectedAgent && (
|
||||||
tabIndex={0}
|
<span
|
||||||
aria-label="清除已选 agent"
|
role="button"
|
||||||
className="absolute -right-1 -top-1 inline-flex size-4 items-center justify-center rounded-full border bg-background text-foreground shadow-sm hover:bg-muted"
|
tabIndex={0}
|
||||||
onClick={handleClear}
|
aria-label="清除已选 agent"
|
||||||
onKeyDown={(e) => {
|
className="ml-0.5 inline-flex items-center justify-center rounded-full p-0.5 hover:bg-[#ffd9a7]"
|
||||||
if (e.key === "Enter" || e.key === " ") {
|
onClick={handleClear}
|
||||||
e.preventDefault();
|
onKeyDown={(e) => {
|
||||||
onAgentChange(null);
|
if (e.key === "Enter" || e.key === " ") {
|
||||||
}
|
e.preventDefault();
|
||||||
}}
|
onAgentChange(null);
|
||||||
>
|
}
|
||||||
<XIcon className="size-2.5" />
|
}}
|
||||||
</span>
|
>
|
||||||
)}
|
<XIcon className="size-3" />
|
||||||
</Button>
|
|
||||||
</DialogTrigger>
|
|
||||||
</div>
|
|
||||||
</Tooltip>
|
|
||||||
) : (
|
|
||||||
<DialogTrigger asChild>
|
|
||||||
<PromptInputButton
|
|
||||||
type="button"
|
|
||||||
disabled={disabled}
|
|
||||||
className={cn(
|
|
||||||
"gap-1.5! rounded-full border px-3! shadow-none transition-colors",
|
|
||||||
compact && "rounded-lg px-2.5! py-1! text-[11px] font-medium",
|
|
||||||
compact
|
|
||||||
? "border-transparent bg-gray-50/60 text-gray-600 hover:bg-gray-100/80 hover:text-gray-800 dark:bg-slate-700/50 dark:text-slate-300 dark:hover:bg-slate-700"
|
|
||||||
: selectedAgent
|
|
||||||
? "border-[#d6a868] bg-[#fff3df] text-[#7a5417] hover:bg-[#ffe8c4]"
|
|
||||||
: "border-[#eee3d5] bg-[#fffaf5] text-[#7e6a57] hover:bg-white dark:border-slate-600 dark:bg-slate-700/50 dark:text-slate-300 dark:hover:bg-slate-700",
|
|
||||||
)}
|
|
||||||
>
|
|
||||||
<BotIcon
|
|
||||||
className={cn("size-3", compact && "text-[var(--primary)]")}
|
|
||||||
/>
|
|
||||||
<span className="max-w-[140px] truncate text-xs font-normal">
|
|
||||||
{triggerLabel}
|
|
||||||
</span>
|
</span>
|
||||||
{selectedAgent && (
|
)}
|
||||||
<span
|
</PromptInputButton>
|
||||||
role="button"
|
</DialogTrigger>
|
||||||
tabIndex={0}
|
|
||||||
aria-label="清除已选 agent"
|
|
||||||
className="ml-0.5 inline-flex items-center justify-center rounded-full p-0.5 hover:bg-[#ffd9a7]"
|
|
||||||
onClick={handleClear}
|
|
||||||
onKeyDown={(e) => {
|
|
||||||
if (e.key === "Enter" || e.key === " ") {
|
|
||||||
e.preventDefault();
|
|
||||||
onAgentChange(null);
|
|
||||||
}
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<XIcon className="size-3" />
|
|
||||||
</span>
|
|
||||||
)}
|
|
||||||
</PromptInputButton>
|
|
||||||
</DialogTrigger>
|
|
||||||
)}
|
|
||||||
<DialogContent className="overflow-hidden p-0 sm:max-w-md">
|
<DialogContent className="overflow-hidden p-0 sm:max-w-md">
|
||||||
<DialogTitle className="sr-only">选择 Agent</DialogTitle>
|
<DialogTitle className="sr-only">选择 Agent</DialogTitle>
|
||||||
<Command className="**:data-[slot=command-input-wrapper]:h-auto">
|
<Command className="**:data-[slot=command-input-wrapper]:h-auto">
|
||||||
|
|||||||
@@ -45,32 +45,11 @@ function skillLabel(skill: Skill) {
|
|||||||
|
|
||||||
function matchesQuery(skill: Skill, q: string) {
|
function matchesQuery(skill: Skill, q: string) {
|
||||||
if (!q) return true;
|
if (!q) return true;
|
||||||
const haystack = [
|
return (
|
||||||
skill.name,
|
skill.name.toLowerCase().includes(q) ||
|
||||||
skill.name_zh,
|
(skill.name_zh ?? "").toLowerCase().includes(q) ||
|
||||||
skill.description,
|
(skill.description ?? "").toLowerCase().includes(q)
|
||||||
skill.detail,
|
);
|
||||||
skill.category,
|
|
||||||
skill.license,
|
|
||||||
skill.source,
|
|
||||||
skill.state,
|
|
||||||
skill.owner_username,
|
|
||||||
skill.created_at,
|
|
||||||
skill.last_activity_at,
|
|
||||||
skill.use_count != null ? `使用 ${skill.use_count}` : null,
|
|
||||||
skill.view_count != null ? `查看 ${skill.view_count}` : null,
|
|
||||||
skill.patch_count != null ? `变迁 ${skill.patch_count}` : null,
|
|
||||||
...(skill.tags ?? []).flatMap((tag) => [
|
|
||||||
tag.name,
|
|
||||||
tag.description,
|
|
||||||
tag.color,
|
|
||||||
tag.usage_count != null ? `标签使用 ${tag.usage_count}` : null,
|
|
||||||
]),
|
|
||||||
]
|
|
||||||
.filter((value): value is string => typeof value === "string" && value.length > 0)
|
|
||||||
.join(" ")
|
|
||||||
.toLowerCase();
|
|
||||||
return haystack.includes(q);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export function SkillTransferSelector({
|
export function SkillTransferSelector({
|
||||||
@@ -180,7 +159,7 @@ export function SkillTransferSelector({
|
|||||||
<div className="relative flex-1">
|
<div className="relative flex-1">
|
||||||
<SearchIcon className="text-muted-foreground absolute left-2 top-1/2 size-3.5 -translate-y-1/2" />
|
<SearchIcon className="text-muted-foreground absolute left-2 top-1/2 size-3.5 -translate-y-1/2" />
|
||||||
<Input
|
<Input
|
||||||
placeholder="搜索技能名称、描述、分类、标签、变迁..."
|
placeholder="搜索全部技能(中英文名称、描述)…"
|
||||||
value={search}
|
value={search}
|
||||||
onChange={(e) => {
|
onChange={(e) => {
|
||||||
setSearch(e.currentTarget.value);
|
setSearch(e.currentTarget.value);
|
||||||
@@ -260,7 +239,7 @@ export function SkillTransferSelector({
|
|||||||
{/* Two-column transfer panes */}
|
{/* Two-column transfer panes */}
|
||||||
<div className="grid grid-cols-2 gap-3">
|
<div className="grid grid-cols-2 gap-3">
|
||||||
<SkillPane
|
<SkillPane
|
||||||
title="未勾选技能"
|
title="可用技能"
|
||||||
count={availableSkills.length}
|
count={availableSkills.length}
|
||||||
items={availableView}
|
items={availableView}
|
||||||
variant="available"
|
variant="available"
|
||||||
@@ -269,10 +248,10 @@ export function SkillTransferSelector({
|
|||||||
onPageChange={setAvailablePage}
|
onPageChange={setAvailablePage}
|
||||||
onPick={add}
|
onPick={add}
|
||||||
onViewDetail={onViewDetail}
|
onViewDetail={onViewDetail}
|
||||||
emptyHint={query || category !== ALL_CATEGORIES ? "没有匹配的技能" : "已全部勾选"}
|
emptyHint={query || category !== ALL_CATEGORIES ? "没有匹配的技能" : "已全部启用"}
|
||||||
/>
|
/>
|
||||||
<SkillPane
|
<SkillPane
|
||||||
title="已勾选技能"
|
title="已启用技能"
|
||||||
count={selectedSkills.length}
|
count={selectedSkills.length}
|
||||||
items={selectedView}
|
items={selectedView}
|
||||||
variant="selected"
|
variant="selected"
|
||||||
@@ -281,7 +260,7 @@ export function SkillTransferSelector({
|
|||||||
onPageChange={setSelectedPage}
|
onPageChange={setSelectedPage}
|
||||||
onPick={remove}
|
onPick={remove}
|
||||||
onViewDetail={onViewDetail}
|
onViewDetail={onViewDetail}
|
||||||
emptyHint={query ? "没有匹配的已选技能" : "尚未勾选任何技能"}
|
emptyHint={query ? "没有匹配的已选技能" : "尚未启用任何技能"}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -1,191 +0,0 @@
|
|||||||
"use client";
|
|
||||||
|
|
||||||
import { Check, LayoutIcon, PanelLeftIcon, Shirt } from "lucide-react";
|
|
||||||
import { useEffect, useRef, useState } from "react";
|
|
||||||
import { useNavigate } from "react-router-dom";
|
|
||||||
|
|
||||||
import { Button } from "@/components/ui/button";
|
|
||||||
import {
|
|
||||||
DropdownMenu,
|
|
||||||
DropdownMenuContent,
|
|
||||||
DropdownMenuItem,
|
|
||||||
DropdownMenuLabel,
|
|
||||||
DropdownMenuSeparator,
|
|
||||||
DropdownMenuTrigger,
|
|
||||||
} from "@/components/ui/dropdown-menu";
|
|
||||||
import { useTheme, type ThemeType } from "@/contexts/ThemeContext";
|
|
||||||
import { useLayoutMode } from "@/core/system-settings/hooks";
|
|
||||||
import { cn } from "@/lib/utils";
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 换肤 / 界面模式 顶栏控件。深色顶栏(Header)与简洁模式页面级顶栏(ChatPage 等)共用,
|
|
||||||
* 通过 `tone` 适配不同底色:
|
|
||||||
* - "banner-dark" / "banner-light":Header 落在主题 banner 上(白字 / 浅色 hover)。
|
|
||||||
* - "content":简洁模式聊天页浅底顶栏,走 foreground / muted-foreground。
|
|
||||||
*/
|
|
||||||
export type AppearanceControlTone = "banner-dark" | "banner-light" | "content";
|
|
||||||
|
|
||||||
// 换肤色板:红色=红白主题(light),蓝色=浅蓝主题(lightblue),深蓝色=深色主题(dark)
|
|
||||||
export const THEME_SWATCHES: { id: ThemeType; label: string; color: string }[] = [
|
|
||||||
{ id: "light", label: "红色", color: "#cf1322" },
|
|
||||||
{ id: "lightblue", label: "蓝色", color: "#0062d9" },
|
|
||||||
{ id: "dark", label: "深蓝色", color: "#002466" },
|
|
||||||
];
|
|
||||||
|
|
||||||
const triggerToneClass = (tone: AppearanceControlTone) =>
|
|
||||||
tone === "banner-dark"
|
|
||||||
? "text-slate-400 hover:bg-slate-800/50 hover:text-slate-400"
|
|
||||||
: tone === "banner-light"
|
|
||||||
? "text-white hover:bg-[var(--brand-950)] hover:text-white active:bg-[#8a0618]"
|
|
||||||
: "text-muted-foreground hover:bg-muted hover:text-foreground";
|
|
||||||
|
|
||||||
export function ThemeSwitcher({ tone }: { tone: AppearanceControlTone }) {
|
|
||||||
const { theme, setTheme } = useTheme();
|
|
||||||
const [open, setOpen] = useState(false);
|
|
||||||
const closeTimer = useRef<ReturnType<typeof setTimeout> | null>(null);
|
|
||||||
|
|
||||||
const cancelClose = () => {
|
|
||||||
if (closeTimer.current) {
|
|
||||||
clearTimeout(closeTimer.current);
|
|
||||||
closeTimer.current = null;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
const scheduleClose = () => {
|
|
||||||
cancelClose();
|
|
||||||
closeTimer.current = setTimeout(() => setOpen(false), 120);
|
|
||||||
};
|
|
||||||
|
|
||||||
useEffect(() => () => cancelClose(), []);
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div
|
|
||||||
className="relative"
|
|
||||||
onMouseEnter={() => {
|
|
||||||
cancelClose();
|
|
||||||
setOpen(true);
|
|
||||||
}}
|
|
||||||
onMouseLeave={scheduleClose}
|
|
||||||
>
|
|
||||||
<Button
|
|
||||||
type="button"
|
|
||||||
variant="ghost"
|
|
||||||
size="icon-sm"
|
|
||||||
className={cn("size-8 shrink-0 rounded-sm", triggerToneClass(tone))}
|
|
||||||
title="换肤"
|
|
||||||
aria-haspopup="true"
|
|
||||||
aria-expanded={open}
|
|
||||||
>
|
|
||||||
<Shirt className="size-4" />
|
|
||||||
</Button>
|
|
||||||
{open ? (
|
|
||||||
<div className="absolute top-full left-1/2 z-50 -translate-x-1/2 pt-2">
|
|
||||||
<div className="relative flex items-center gap-2 rounded-lg border border-black/5 bg-white px-2.5 py-1.5 shadow-lg">
|
|
||||||
<div className="absolute -top-1 left-1/2 size-2 -translate-x-1/2 rotate-45 rounded-[1px] border-t border-l border-black/5 bg-white" />
|
|
||||||
{THEME_SWATCHES.map((swatch) => {
|
|
||||||
const active = theme === swatch.id;
|
|
||||||
return (
|
|
||||||
<button
|
|
||||||
key={swatch.id}
|
|
||||||
type="button"
|
|
||||||
title={swatch.label}
|
|
||||||
aria-label={swatch.label}
|
|
||||||
aria-pressed={active}
|
|
||||||
onClick={() => {
|
|
||||||
setTheme(swatch.id);
|
|
||||||
setOpen(false);
|
|
||||||
}}
|
|
||||||
className="size-5 rounded-full transition-transform hover:scale-110"
|
|
||||||
style={{
|
|
||||||
backgroundColor: swatch.color,
|
|
||||||
boxShadow: active
|
|
||||||
? `0 0 0 1.5px #ffffff, 0 0 0 3px ${swatch.color}`
|
|
||||||
: undefined,
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
);
|
|
||||||
})}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
) : null}
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
const LAYOUT_OPTIONS = [
|
|
||||||
{
|
|
||||||
id: "full" as const,
|
|
||||||
label: "全量模式",
|
|
||||||
description: "展示侧边栏与顶栏导航",
|
|
||||||
icon: PanelLeftIcon,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "compact" as const,
|
|
||||||
label: "简洁模式",
|
|
||||||
description: "隐藏侧边栏与顶栏,获得更大工作区",
|
|
||||||
icon: LayoutIcon,
|
|
||||||
},
|
|
||||||
];
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 界面模式(全量 / 简洁)下拉切换。换肤旁并排,图标 + 下拉:
|
|
||||||
* - 简洁模式 ChatPage 顶栏(全局顶栏被隐藏)。
|
|
||||||
* - 全量模式 Header 右上角。
|
|
||||||
* 用户未显式设置过界面模式时(mode === undefined),当前态按调用方所在的实际界面
|
|
||||||
* 兜底——`fallback` 指明这一回退值(Header 传 "full",ChatPage 传 "compact")。
|
|
||||||
*/
|
|
||||||
export function LayoutModeSwitcher({
|
|
||||||
tone,
|
|
||||||
fallback = "compact",
|
|
||||||
}: {
|
|
||||||
tone: AppearanceControlTone;
|
|
||||||
fallback?: "full" | "compact";
|
|
||||||
}) {
|
|
||||||
const [mode, setLayoutMode] = useLayoutMode();
|
|
||||||
const navigate = useNavigate();
|
|
||||||
const current = mode ?? fallback;
|
|
||||||
const TriggerIcon = current === "full" ? PanelLeftIcon : LayoutIcon;
|
|
||||||
|
|
||||||
return (
|
|
||||||
<DropdownMenu>
|
|
||||||
<DropdownMenuTrigger asChild>
|
|
||||||
<Button
|
|
||||||
type="button"
|
|
||||||
variant="ghost"
|
|
||||||
size="icon-sm"
|
|
||||||
className={cn("size-8 shrink-0 rounded-sm", triggerToneClass(tone))}
|
|
||||||
title="界面模式"
|
|
||||||
aria-label="界面模式"
|
|
||||||
>
|
|
||||||
<TriggerIcon className="size-4" />
|
|
||||||
</Button>
|
|
||||||
</DropdownMenuTrigger>
|
|
||||||
<DropdownMenuContent align="end" sideOffset={8} className="min-w-56 rounded-lg">
|
|
||||||
<DropdownMenuLabel>界面模式</DropdownMenuLabel>
|
|
||||||
<DropdownMenuSeparator />
|
|
||||||
{LAYOUT_OPTIONS.map((option) => {
|
|
||||||
const Icon = option.icon;
|
|
||||||
const active = current === option.id;
|
|
||||||
return (
|
|
||||||
<DropdownMenuItem
|
|
||||||
key={option.id}
|
|
||||||
onClick={() => {
|
|
||||||
setLayoutMode(option.id);
|
|
||||||
navigate("/page/workspace/chats/new");
|
|
||||||
}}
|
|
||||||
className="gap-2"
|
|
||||||
>
|
|
||||||
<Icon className="size-4 shrink-0" />
|
|
||||||
<div className="flex min-w-0 flex-col">
|
|
||||||
<span className="text-sm leading-tight">{option.label}</span>
|
|
||||||
<span className="text-muted-foreground text-xs leading-tight">
|
|
||||||
{option.description}
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
{active && <Check className="ml-auto size-4 shrink-0" />}
|
|
||||||
</DropdownMenuItem>
|
|
||||||
);
|
|
||||||
})}
|
|
||||||
</DropdownMenuContent>
|
|
||||||
</DropdownMenu>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@@ -49,8 +49,9 @@ import {
|
|||||||
} from "@/core/artifacts/hooks";
|
} from "@/core/artifacts/hooks";
|
||||||
import { resolveArtifactURL, urlOfArtifact } from "@/core/artifacts/utils";
|
import { resolveArtifactURL, urlOfArtifact } from "@/core/artifacts/utils";
|
||||||
import { useI18n } from "@/core/i18n/hooks";
|
import { useI18n } from "@/core/i18n/hooks";
|
||||||
import { downloadMarkdownAsDocx } from "@/core/scheduled-tasks/markdown-docx";
|
import { downloadMarkdownAsDocx } from "@/core/scheduled-tasks/markdown-docx";
|
||||||
import { streamdownPlugins } from "@/core/streamdown";
|
import { installSkill } from "@/core/skills/api";
|
||||||
|
import { streamdownPlugins } from "@/core/streamdown";
|
||||||
import {
|
import {
|
||||||
checkCodeFile,
|
checkCodeFile,
|
||||||
getFileName,
|
getFileName,
|
||||||
@@ -78,8 +79,7 @@ import { useThread } from "../messages/context";
|
|||||||
import { Tooltip } from "../tooltip";
|
import { Tooltip } from "../tooltip";
|
||||||
|
|
||||||
import { useArtifacts } from "./context";
|
import { useArtifacts } from "./context";
|
||||||
import { SpreadsheetPreview } from "./spreadsheet-preview";
|
import { SpreadsheetPreview } from "./spreadsheet-preview";
|
||||||
import { SkillInstallDialog } from "./skill-install-dialog";
|
|
||||||
|
|
||||||
const SANDBOX_RESUME_EVENT = "workspace:sandbox-resume-autoscroll";
|
const SANDBOX_RESUME_EVENT = "workspace:sandbox-resume-autoscroll";
|
||||||
|
|
||||||
@@ -232,7 +232,7 @@ export function ArtifactFileDetail({
|
|||||||
|
|
||||||
const [viewMode, setViewMode] = useState<"code" | "preview">("code");
|
const [viewMode, setViewMode] = useState<"code" | "preview">("code");
|
||||||
const [allowAutoViewSwitch, setAllowAutoViewSwitch] = useState(true);
|
const [allowAutoViewSwitch, setAllowAutoViewSwitch] = useState(true);
|
||||||
const [installDialogOpen, setInstallDialogOpen] = useState(false);
|
const [isInstalling, setIsInstalling] = useState(false);
|
||||||
const [showPreviewSwitchPulse, setShowPreviewSwitchPulse] = useState(false);
|
const [showPreviewSwitchPulse, setShowPreviewSwitchPulse] = useState(false);
|
||||||
const [autoScrollEnabled, setAutoScrollEnabled] = useState(true);
|
const [autoScrollEnabled, setAutoScrollEnabled] = useState(true);
|
||||||
const [showResumeAutoScroll, setShowResumeAutoScroll] = useState(false);
|
const [showResumeAutoScroll, setShowResumeAutoScroll] = useState(false);
|
||||||
@@ -432,7 +432,29 @@ export function ArtifactFileDetail({
|
|||||||
}, 1600);
|
}, 1600);
|
||||||
}, [scrollArtifactToBottom]);
|
}, [scrollArtifactToBottom]);
|
||||||
|
|
||||||
const handleSaveArtifact = useCallback(async () => {
|
const handleInstallSkill = useCallback(async () => {
|
||||||
|
if (isInstalling) return;
|
||||||
|
|
||||||
|
setIsInstalling(true);
|
||||||
|
try {
|
||||||
|
const result = await installSkill({
|
||||||
|
thread_id: threadId,
|
||||||
|
path: filepath,
|
||||||
|
});
|
||||||
|
if (result.success) {
|
||||||
|
toast.success(result.message);
|
||||||
|
} else {
|
||||||
|
toast.error(result.message ?? "Failed to install skill");
|
||||||
|
}
|
||||||
|
} catch (error) {
|
||||||
|
console.error("Failed to install skill:", error);
|
||||||
|
toast.error("Failed to install skill");
|
||||||
|
} finally {
|
||||||
|
setIsInstalling(false);
|
||||||
|
}
|
||||||
|
}, [threadId, filepath, isInstalling]);
|
||||||
|
|
||||||
|
const handleSaveArtifact = useCallback(async () => {
|
||||||
if (!canEditArtifact || updateArtifact.isPending) {
|
if (!canEditArtifact || updateArtifact.isPending) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
@@ -664,17 +686,18 @@ export function ArtifactFileDetail({
|
|||||||
)}
|
)}
|
||||||
{!useWriteFileStreaming && filepath.endsWith(".skill") && (
|
{!useWriteFileStreaming && filepath.endsWith(".skill") && (
|
||||||
<Tooltip content={t.toolCalls.skillInstallTooltip}>
|
<Tooltip content={t.toolCalls.skillInstallTooltip}>
|
||||||
<ArtifactAction
|
<ArtifactAction
|
||||||
icon={PackageIcon}
|
icon={isInstalling ? LoaderIcon : PackageIcon}
|
||||||
label={t.common.install}
|
label={t.common.install}
|
||||||
tooltip={t.common.install}
|
tooltip={t.common.install}
|
||||||
disabled={
|
disabled={
|
||||||
env.NEXT_PUBLIC_STATIC_WEBSITE_ONLY === "true"
|
isInstalling ||
|
||||||
}
|
env.NEXT_PUBLIC_STATIC_WEBSITE_ONLY === "true"
|
||||||
onClick={() => setInstallDialogOpen(true)}
|
}
|
||||||
/>
|
onClick={handleInstallSkill}
|
||||||
</Tooltip>
|
/>
|
||||||
)}
|
</Tooltip>
|
||||||
|
)}
|
||||||
{isCodeFile && (
|
{isCodeFile && (
|
||||||
<ArtifactAction
|
<ArtifactAction
|
||||||
icon={CopyIcon}
|
icon={CopyIcon}
|
||||||
@@ -759,7 +782,7 @@ export function ArtifactFileDetail({
|
|||||||
</ArtifactActions>
|
</ArtifactActions>
|
||||||
</div>
|
</div>
|
||||||
</ArtifactHeader>
|
</ArtifactHeader>
|
||||||
<ArtifactContent
|
<ArtifactContent
|
||||||
ref={artifactContentRef}
|
ref={artifactContentRef}
|
||||||
className="relative p-0"
|
className="relative p-0"
|
||||||
onWheelCapture={handlePauseAutoScroll}
|
onWheelCapture={handlePauseAutoScroll}
|
||||||
@@ -836,16 +859,10 @@ export function ArtifactFileDetail({
|
|||||||
{t.common.loading}
|
{t.common.loading}
|
||||||
</div>
|
</div>
|
||||||
))}
|
))}
|
||||||
</ArtifactContent>
|
</ArtifactContent>
|
||||||
<SkillInstallDialog
|
</Artifact>
|
||||||
open={installDialogOpen}
|
);
|
||||||
onOpenChange={setInstallDialogOpen}
|
}
|
||||||
threadId={threadId}
|
|
||||||
filepath={filepath}
|
|
||||||
/>
|
|
||||||
</Artifact>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
function SandboxPreviewImage({
|
function SandboxPreviewImage({
|
||||||
src,
|
src,
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
import { DownloadIcon, LoaderIcon, PackageIcon } from "lucide-react";
|
import { DownloadIcon, LoaderIcon, PackageIcon } from "lucide-react";
|
||||||
import { useCallback, useState } from "react";
|
import { useCallback, useState } from "react";
|
||||||
import { toast } from "sonner";
|
import { toast } from "sonner";
|
||||||
|
|
||||||
import { Button } from "@/components/ui/button";
|
import { Button } from "@/components/ui/button";
|
||||||
import {
|
import {
|
||||||
@@ -10,18 +10,18 @@ import {
|
|||||||
CardHeader,
|
CardHeader,
|
||||||
CardTitle,
|
CardTitle,
|
||||||
} from "@/components/ui/card";
|
} from "@/components/ui/card";
|
||||||
import { downloadArtifactFile } from "@/core/artifacts/download";
|
import { downloadArtifactFile } from "@/core/artifacts/download";
|
||||||
import { useI18n } from "@/core/i18n/hooks";
|
import { useI18n } from "@/core/i18n/hooks";
|
||||||
import {
|
import { installSkill } from "@/core/skills/api";
|
||||||
getFileExtensionDisplayName,
|
import {
|
||||||
getFileIcon,
|
getFileExtensionDisplayName,
|
||||||
getFileName,
|
getFileIcon,
|
||||||
} from "@/core/utils/files";
|
getFileName,
|
||||||
|
} from "@/core/utils/files";
|
||||||
import { cn } from "@/lib/utils";
|
import { cn } from "@/lib/utils";
|
||||||
|
|
||||||
import { useThread } from "../messages/context";
|
import { useThread } from "../messages/context";
|
||||||
import { useArtifacts } from "./context";
|
import { useArtifacts } from "./context";
|
||||||
import { SkillInstallDialog } from "./skill-install-dialog";
|
|
||||||
|
|
||||||
export function ArtifactFileList({
|
export function ArtifactFileList({
|
||||||
className,
|
className,
|
||||||
@@ -32,11 +32,11 @@ export function ArtifactFileList({
|
|||||||
files: string[];
|
files: string[];
|
||||||
threadId: string;
|
threadId: string;
|
||||||
}) {
|
}) {
|
||||||
const { t } = useI18n();
|
const { t } = useI18n();
|
||||||
const { isMock, publicShareCode } = useThread();
|
const { isMock, publicShareCode } = useThread();
|
||||||
const { select: selectArtifact, setOpen } = useArtifacts();
|
const { select: selectArtifact, setOpen } = useArtifacts();
|
||||||
const [installFile, setInstallFile] = useState<string | null>(null);
|
const [installingFile, setInstallingFile] = useState<string | null>(null);
|
||||||
const [downloadingFile, setDownloadingFile] = useState<string | null>(null);
|
const [downloadingFile, setDownloadingFile] = useState<string | null>(null);
|
||||||
|
|
||||||
const handleClick = useCallback(
|
const handleClick = useCallback(
|
||||||
(filepath: string) => {
|
(filepath: string) => {
|
||||||
@@ -46,14 +46,33 @@ export function ArtifactFileList({
|
|||||||
[selectArtifact, setOpen],
|
[selectArtifact, setOpen],
|
||||||
);
|
);
|
||||||
|
|
||||||
const handleInstallSkill = useCallback(
|
const handleInstallSkill = useCallback(
|
||||||
(e: React.MouseEvent, filepath: string) => {
|
async (e: React.MouseEvent, filepath: string) => {
|
||||||
e.stopPropagation();
|
e.stopPropagation();
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
setInstallFile(filepath);
|
|
||||||
},
|
if (installingFile) return;
|
||||||
[],
|
|
||||||
);
|
setInstallingFile(filepath);
|
||||||
|
try {
|
||||||
|
const result = await installSkill({
|
||||||
|
thread_id: threadId,
|
||||||
|
path: filepath,
|
||||||
|
});
|
||||||
|
if (result.success) {
|
||||||
|
toast.success(result.message);
|
||||||
|
} else {
|
||||||
|
toast.error(result.message || "Failed to install skill");
|
||||||
|
}
|
||||||
|
} catch (error) {
|
||||||
|
console.error("Failed to install skill:", error);
|
||||||
|
toast.error("Failed to install skill");
|
||||||
|
} finally {
|
||||||
|
setInstallingFile(null);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
[threadId, installingFile],
|
||||||
|
);
|
||||||
|
|
||||||
const handleDownload = useCallback(
|
const handleDownload = useCallback(
|
||||||
async (e: React.MouseEvent, filepath: string) => {
|
async (e: React.MouseEvent, filepath: string) => {
|
||||||
@@ -94,15 +113,20 @@ export function ArtifactFileList({
|
|||||||
{getFileExtensionDisplayName(file)} file
|
{getFileExtensionDisplayName(file)} file
|
||||||
</CardDescription>
|
</CardDescription>
|
||||||
<CardAction className="row-span-1 self-center">
|
<CardAction className="row-span-1 self-center">
|
||||||
{file.endsWith(".skill") && (
|
{file.endsWith(".skill") && (
|
||||||
<Button
|
<Button
|
||||||
variant="ghost"
|
variant="ghost"
|
||||||
onClick={(e) => handleInstallSkill(e, file)}
|
disabled={installingFile === file}
|
||||||
>
|
onClick={(e) => handleInstallSkill(e, file)}
|
||||||
<PackageIcon className="size-4" />
|
>
|
||||||
{t.common.install}
|
{installingFile === file ? (
|
||||||
</Button>
|
<LoaderIcon className="size-4 animate-spin" />
|
||||||
)}
|
) : (
|
||||||
|
<PackageIcon className="size-4" />
|
||||||
|
)}
|
||||||
|
{t.common.install}
|
||||||
|
</Button>
|
||||||
|
)}
|
||||||
<Button
|
<Button
|
||||||
variant="ghost"
|
variant="ghost"
|
||||||
disabled={downloadingFile === file}
|
disabled={downloadingFile === file}
|
||||||
@@ -118,15 +142,7 @@ export function ArtifactFileList({
|
|||||||
</CardAction>
|
</CardAction>
|
||||||
</CardHeader>
|
</CardHeader>
|
||||||
</Card>
|
</Card>
|
||||||
))}
|
))}
|
||||||
<SkillInstallDialog
|
</ul>
|
||||||
open={!!installFile}
|
);
|
||||||
onOpenChange={(open) => {
|
}
|
||||||
if (!open) setInstallFile(null);
|
|
||||||
}}
|
|
||||||
threadId={threadId}
|
|
||||||
filepath={installFile}
|
|
||||||
/>
|
|
||||||
</ul>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@@ -1,178 +0,0 @@
|
|||||||
"use client";
|
|
||||||
|
|
||||||
import { AlertCircleIcon, Loader2Icon, PackageIcon } from "lucide-react";
|
|
||||||
import { useEffect, useMemo, useState } from "react";
|
|
||||||
import { toast } from "sonner";
|
|
||||||
|
|
||||||
import { Button } from "@/components/ui/button";
|
|
||||||
import {
|
|
||||||
Dialog,
|
|
||||||
DialogContent,
|
|
||||||
DialogDescription,
|
|
||||||
DialogFooter,
|
|
||||||
DialogHeader,
|
|
||||||
DialogTitle,
|
|
||||||
} from "@/components/ui/dialog";
|
|
||||||
import { Input } from "@/components/ui/input";
|
|
||||||
import {
|
|
||||||
installSkill,
|
|
||||||
previewSkillInstall,
|
|
||||||
type PreviewSkillInstallResponse,
|
|
||||||
} from "@/core/skills/api";
|
|
||||||
|
|
||||||
export function SkillInstallDialog({
|
|
||||||
open,
|
|
||||||
onOpenChange,
|
|
||||||
threadId,
|
|
||||||
filepath,
|
|
||||||
onInstalled,
|
|
||||||
}: {
|
|
||||||
open: boolean;
|
|
||||||
onOpenChange: (open: boolean) => void;
|
|
||||||
threadId: string;
|
|
||||||
filepath: string | null;
|
|
||||||
onInstalled?: (skillName: string) => void;
|
|
||||||
}) {
|
|
||||||
const [preview, setPreview] = useState<PreviewSkillInstallResponse | null>(null);
|
|
||||||
const [installName, setInstallName] = useState("");
|
|
||||||
const [loading, setLoading] = useState(false);
|
|
||||||
const [installing, setInstalling] = useState(false);
|
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
if (!open || !filepath) {
|
|
||||||
setPreview(null);
|
|
||||||
setInstallName("");
|
|
||||||
setLoading(false);
|
|
||||||
setInstalling(false);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
let cancelled = false;
|
|
||||||
setLoading(true);
|
|
||||||
setPreview(null);
|
|
||||||
setInstallName("");
|
|
||||||
|
|
||||||
void previewSkillInstall({ thread_id: threadId, path: filepath })
|
|
||||||
.then((result) => {
|
|
||||||
if (cancelled) return;
|
|
||||||
setPreview(result);
|
|
||||||
setInstallName(result.skill_name);
|
|
||||||
})
|
|
||||||
.catch((error) => {
|
|
||||||
if (cancelled) return;
|
|
||||||
toast.error(error instanceof Error ? error.message : "Failed to preview skill install");
|
|
||||||
onOpenChange(false);
|
|
||||||
})
|
|
||||||
.finally(() => {
|
|
||||||
if (!cancelled) setLoading(false);
|
|
||||||
});
|
|
||||||
|
|
||||||
return () => {
|
|
||||||
cancelled = true;
|
|
||||||
};
|
|
||||||
}, [filepath, onOpenChange, open, threadId]);
|
|
||||||
|
|
||||||
const trimmedName = installName.trim();
|
|
||||||
const unchangedConflict = useMemo(() => {
|
|
||||||
if (!preview) return false;
|
|
||||||
return trimmedName === preview.skill_name && !preview.can_install_as_is;
|
|
||||||
}, [preview, trimmedName]);
|
|
||||||
|
|
||||||
async function handleInstall() {
|
|
||||||
if (!filepath || !trimmedName || installing) return;
|
|
||||||
setInstalling(true);
|
|
||||||
try {
|
|
||||||
const result = await installSkill({
|
|
||||||
thread_id: threadId,
|
|
||||||
path: filepath,
|
|
||||||
skill_name: trimmedName,
|
|
||||||
});
|
|
||||||
if (!result.success) {
|
|
||||||
toast.error(result.message || "Failed to install skill");
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
toast.success(result.message);
|
|
||||||
onInstalled?.(result.skill_name);
|
|
||||||
onOpenChange(false);
|
|
||||||
} catch (error) {
|
|
||||||
toast.error(error instanceof Error ? error.message : "Failed to install skill");
|
|
||||||
} finally {
|
|
||||||
setInstalling(false);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
const helperText = preview?.owned_by_other
|
|
||||||
? `该技能名已被 ${preview.owner_username || "其他用户"} 安装。你可以换个名字继续安装。`
|
|
||||||
: preview?.owned_by_me
|
|
||||||
? "你已经安装过这个技能了;如果想保留一份新副本,可以换个名字安装。"
|
|
||||||
: preview?.builtin_conflict
|
|
||||||
? "这个名字已被公共技能占用,请换个名字安装。"
|
|
||||||
: "可以直接安装,也可以先改一个更适合自己的名字。";
|
|
||||||
|
|
||||||
return (
|
|
||||||
<Dialog open={open} onOpenChange={onOpenChange}>
|
|
||||||
<DialogContent className="sm:max-w-md">
|
|
||||||
<DialogHeader>
|
|
||||||
<DialogTitle>安装技能</DialogTitle>
|
|
||||||
<DialogDescription>安装前会校验技能归属;如果名字已被占用,可以改名后继续安装。</DialogDescription>
|
|
||||||
</DialogHeader>
|
|
||||||
|
|
||||||
{loading ? (
|
|
||||||
<div className="text-muted-foreground flex items-center justify-center gap-2 py-8 text-sm">
|
|
||||||
<Loader2Icon className="size-4 animate-spin" />
|
|
||||||
正在检查技能安装权限…
|
|
||||||
</div>
|
|
||||||
) : preview ? (
|
|
||||||
<div className="space-y-4">
|
|
||||||
<div className="rounded-xl border bg-muted/35 p-3 text-sm">
|
|
||||||
<div className="font-medium">{preview.skill_name}</div>
|
|
||||||
{preview.description ? (
|
|
||||||
<div className="text-muted-foreground mt-1 line-clamp-3">{preview.description}</div>
|
|
||||||
) : null}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="space-y-2">
|
|
||||||
<div className="text-sm font-medium">安装名称</div>
|
|
||||||
<Input
|
|
||||||
value={installName}
|
|
||||||
onChange={(e) => setInstallName(e.currentTarget.value)}
|
|
||||||
placeholder="请输入技能名称"
|
|
||||||
/>
|
|
||||||
<div className="text-muted-foreground text-xs">{helperText}</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{!preview.can_install_as_is && (
|
|
||||||
<div className="flex gap-2 rounded-xl border border-amber-300/60 bg-amber-50 px-3 py-2 text-sm text-amber-900">
|
|
||||||
<AlertCircleIcon className="mt-0.5 size-4 shrink-0" />
|
|
||||||
<div>{preview.message}</div>
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
|
|
||||||
{preview.warnings.length > 0 && (
|
|
||||||
<div className="text-muted-foreground rounded-xl border px-3 py-2 text-xs">
|
|
||||||
{preview.warnings.join(" ")}
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
) : null}
|
|
||||||
|
|
||||||
<DialogFooter>
|
|
||||||
<Button variant="outline" onClick={() => onOpenChange(false)} disabled={installing}>
|
|
||||||
取消
|
|
||||||
</Button>
|
|
||||||
<Button
|
|
||||||
onClick={() => void handleInstall()}
|
|
||||||
disabled={loading || installing || !trimmedName || unchangedConflict}
|
|
||||||
>
|
|
||||||
{installing ? (
|
|
||||||
<Loader2Icon className="size-4 animate-spin" />
|
|
||||||
) : (
|
|
||||||
<PackageIcon className="size-4" />
|
|
||||||
)}
|
|
||||||
安装
|
|
||||||
</Button>
|
|
||||||
</DialogFooter>
|
|
||||||
</DialogContent>
|
|
||||||
</Dialog>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@@ -75,10 +75,8 @@ import {
|
|||||||
} from "@/core/threads/hooks";
|
} from "@/core/threads/hooks";
|
||||||
import type { AgentThread, AgentThreadState } from "@/core/threads/types";
|
import type { AgentThread, AgentThreadState } from "@/core/threads/types";
|
||||||
import {
|
import {
|
||||||
isBootstrapThread,
|
|
||||||
isThreadFavorite,
|
isThreadFavorite,
|
||||||
isThreadPinned,
|
isThreadPinned,
|
||||||
listPathOfThread,
|
|
||||||
pathOfThread,
|
pathOfThread,
|
||||||
sortThreadsPinnedFirst,
|
sortThreadsPinnedFirst,
|
||||||
titleOfThread,
|
titleOfThread,
|
||||||
@@ -88,7 +86,6 @@ import { desensitize } from "@/lib/desensitize";
|
|||||||
import { isIMEComposing } from "@/lib/ime";
|
import { isIMEComposing } from "@/lib/ime";
|
||||||
import { cn } from "@/lib/utils";
|
import { cn } from "@/lib/utils";
|
||||||
|
|
||||||
import { agentColor } from "./agent-icon-color";
|
|
||||||
import { SidebarCollapseButton } from "./workspace-header";
|
import { SidebarCollapseButton } from "./workspace-header";
|
||||||
|
|
||||||
const NEW_CHAT_PATH = "/page/workspace/chats/new";
|
const NEW_CHAT_PATH = "/page/workspace/chats/new";
|
||||||
@@ -99,8 +96,33 @@ const MORE_CHATS_HREF = "/page/workspace/chats";
|
|||||||
/** 常用智能体最多展示个数。 */
|
/** 常用智能体最多展示个数。 */
|
||||||
const MAX_FREQUENT = 4;
|
const MAX_FREQUENT = 4;
|
||||||
|
|
||||||
// 智能体图标配色(按 id 稳定散列、分主题)抽到共享模块 ./agent-icon-color,
|
// 智能体图标统一用 Bot 机器人图标;底色按 id 稳定散列到一组主题色,复刻参考图的彩色方块。
|
||||||
// 与 zzJC/zzXD 模块左栏(AgentModuleSidebar)共用,保证彩色卡片配色完全一致。
|
// 浅色模式沿用原高彩度彩色(不改);深蓝主题改用《深蓝 UI 规范》§1.1.7/§1.1.8 的蓝-青系
|
||||||
|
// (docs/ui规范-深蓝,克制、不刺眼),仅深蓝主题下生效,互不影响。
|
||||||
|
const AGENT_COLORS_LIGHT = [
|
||||||
|
{ from: "#fb7185", to: "#ef4444" },
|
||||||
|
{ from: "#60a5fa", to: "#3b82f6" },
|
||||||
|
{ from: "#fbbf24", to: "#f59e0b" },
|
||||||
|
{ from: "#34d399", to: "#10b981" },
|
||||||
|
{ from: "#a78bfa", to: "#8b5cf6" },
|
||||||
|
] as const;
|
||||||
|
|
||||||
|
const AGENT_COLORS_DARK = [
|
||||||
|
{ from: "#4096FF", to: "#1677FF" }, // 蓝(链接蓝 → 主色)
|
||||||
|
{ from: "#36CFC9", to: "#13C2C2" }, // 青(辅色)
|
||||||
|
{ from: "#6388FF", to: "#0958D9" }, // 紫蓝(装饰紫 → 主色深一档)
|
||||||
|
{ from: "#5CDBD3", to: "#08979C" }, // 浅青 → 深青
|
||||||
|
{ from: "#69B1FF", to: "#003EB3" }, // 浅蓝 → 主色按下
|
||||||
|
] as const;
|
||||||
|
|
||||||
|
function agentColor(id: string, isDark: boolean) {
|
||||||
|
let hash = 0;
|
||||||
|
for (let i = 0; i < id.length; i++) {
|
||||||
|
hash = (hash * 31 + id.charCodeAt(i)) >>> 0;
|
||||||
|
}
|
||||||
|
const palette = isDark ? AGENT_COLORS_DARK : AGENT_COLORS_LIGHT;
|
||||||
|
return palette[hash % palette.length]!;
|
||||||
|
}
|
||||||
|
|
||||||
/** 折叠区块标题(带 chevron 与可选计数徽标)。 */
|
/** 折叠区块标题(带 chevron 与可选计数徽标)。 */
|
||||||
function SectionLabel({
|
function SectionLabel({
|
||||||
@@ -215,12 +237,11 @@ export function GeneralQaSidebar() {
|
|||||||
|
|
||||||
const visibleThreads = useMemo(
|
const visibleThreads = useMemo(
|
||||||
() =>
|
() =>
|
||||||
// 智能体创建(bootstrap)会话也展示(带机器人图标、点击回创建页);
|
|
||||||
// 仅排除调度 / 会商类系统会话。
|
|
||||||
sortThreadsPinnedFirst(
|
sortThreadsPinnedFirst(
|
||||||
threads.filter(
|
threads.filter(
|
||||||
(thread) =>
|
(thread) =>
|
||||||
thread.metadata?.thread_type !== "scheduler" &&
|
thread.metadata?.thread_type !== "scheduler" &&
|
||||||
|
thread.metadata?.thread_type !== "bootstrap" &&
|
||||||
thread.metadata?.thread_type !== "roundtable",
|
thread.metadata?.thread_type !== "roundtable",
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
@@ -252,9 +273,9 @@ export function GeneralQaSidebar() {
|
|||||||
let nextThreadPath = pathOfThread("new", { agent_id: agentIdFromPath });
|
let nextThreadPath = pathOfThread("new", { agent_id: agentIdFromPath });
|
||||||
if (threadIndex > -1) {
|
if (threadIndex > -1) {
|
||||||
if (threads[threadIndex + 1]) {
|
if (threads[threadIndex + 1]) {
|
||||||
nextThreadPath = listPathOfThread(threads[threadIndex + 1]!);
|
nextThreadPath = pathOfThread(threads[threadIndex + 1]!);
|
||||||
} else if (threads[threadIndex - 1]) {
|
} else if (threads[threadIndex - 1]) {
|
||||||
nextThreadPath = listPathOfThread(threads[threadIndex - 1]!);
|
nextThreadPath = pathOfThread(threads[threadIndex - 1]!);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
void router.push(nextThreadPath);
|
void router.push(nextThreadPath);
|
||||||
@@ -303,10 +324,8 @@ export function GeneralQaSidebar() {
|
|||||||
const isStatic = env.NEXT_PUBLIC_STATIC_WEBSITE_ONLY === "true";
|
const isStatic = env.NEXT_PUBLIC_STATIC_WEBSITE_ONLY === "true";
|
||||||
|
|
||||||
return (
|
return (
|
||||||
// 背景走 sidebar token(浅主题=白、浅蓝主题=浅蓝);深蓝(.dark)主题下由 gq-sidebar
|
// 背景走 sidebar token(浅主题=白、深蓝主题=深蓝),不要写死 bg-white,否则全量版深蓝主题下侧栏仍是白底。
|
||||||
// 改为「深蓝主题底图 + 半透明蓝罩」玻璃面板(见 globals.css),与右侧 workspace-chat-bg
|
<div className="flex h-full min-h-0 flex-col bg-sidebar text-sidebar-foreground">
|
||||||
// 主区同底图、略深一档作面板区分,不要写死 bg-white。
|
|
||||||
<div className="gq-sidebar flex h-full min-h-0 flex-col bg-sidebar text-sidebar-foreground">
|
|
||||||
{/* ── 顶部:新对话胶囊 + 收起按钮 ── */}
|
{/* ── 顶部:新对话胶囊 + 收起按钮 ── */}
|
||||||
<div className="flex items-center gap-2 px-3 pt-3 pb-2">
|
<div className="flex items-center gap-2 px-3 pt-3 pb-2">
|
||||||
{/* 新对话按钮:完全自定义样式(不复用 Button variant)。borderColor / color 走
|
{/* 新对话按钮:完全自定义样式(不复用 Button variant)。borderColor / color 走
|
||||||
@@ -420,9 +439,7 @@ export function GeneralQaSidebar() {
|
|||||||
</div>
|
</div>
|
||||||
) : (
|
) : (
|
||||||
filteredThreads.map((thread) => {
|
filteredThreads.map((thread) => {
|
||||||
const href = listPathOfThread(thread);
|
const isActive = pathOfThread(thread) === pathname;
|
||||||
const isActive = href === pathname;
|
|
||||||
const isBoot = isBootstrapThread(thread);
|
|
||||||
const pinned = isThreadPinned(thread);
|
const pinned = isThreadPinned(thread);
|
||||||
const favorited = isThreadFavorite(thread);
|
const favorited = isThreadFavorite(thread);
|
||||||
return (
|
return (
|
||||||
@@ -431,7 +448,7 @@ export function GeneralQaSidebar() {
|
|||||||
className="group/item relative flex items-center"
|
className="group/item relative flex items-center"
|
||||||
>
|
>
|
||||||
<Link
|
<Link
|
||||||
href={href}
|
href={pathOfThread(thread)}
|
||||||
className={cn(
|
className={cn(
|
||||||
"relative flex h-9 min-w-0 flex-1 items-center gap-2 rounded-lg px-2.5 text-[13px] transition-colors",
|
"relative flex h-9 min-w-0 flex-1 items-center gap-2 rounded-lg px-2.5 text-[13px] transition-colors",
|
||||||
isActive
|
isActive
|
||||||
@@ -439,22 +456,12 @@ export function GeneralQaSidebar() {
|
|||||||
: "text-muted-foreground hover:bg-accent/60 hover:text-foreground",
|
: "text-muted-foreground hover:bg-accent/60 hover:text-foreground",
|
||||||
)}
|
)}
|
||||||
>
|
>
|
||||||
{isBoot ? (
|
<MessageSquare
|
||||||
<Bot
|
className={cn(
|
||||||
className={cn(
|
"size-3.5 shrink-0",
|
||||||
"size-3.5 shrink-0",
|
isActive ? "text-primary" : "text-muted-foreground/70",
|
||||||
isActive ? "text-primary" : "text-muted-foreground/70",
|
)}
|
||||||
)}
|
/>
|
||||||
aria-label="智能体创建会话"
|
|
||||||
/>
|
|
||||||
) : (
|
|
||||||
<MessageSquare
|
|
||||||
className={cn(
|
|
||||||
"size-3.5 shrink-0",
|
|
||||||
isActive ? "text-primary" : "text-muted-foreground/70",
|
|
||||||
)}
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
{pinned && (
|
{pinned && (
|
||||||
<Pin className="size-3 shrink-0 text-muted-foreground/70" />
|
<Pin className="size-3 shrink-0 text-muted-foreground/70" />
|
||||||
)}
|
)}
|
||||||
|
|||||||
@@ -61,9 +61,8 @@ import {
|
|||||||
} from "@/components/ui/dropdown-menu";
|
} from "@/components/ui/dropdown-menu";
|
||||||
import { apiFetch } from "@/core/api";
|
import { apiFetch } from "@/core/api";
|
||||||
import { getBackendBaseURL } from "@/core/config";
|
import { getBackendBaseURL } from "@/core/config";
|
||||||
import { useI18n } from "@/core/i18n/hooks";
|
import { useI18n } from "@/core/i18n/hooks";
|
||||||
import { isHiddenFromUIMessage } from "@/core/messages/utils";
|
import { useModels } from "@/core/models/hooks";
|
||||||
import { useModels } from "@/core/models/hooks";
|
|
||||||
import type { AgentThreadContext } from "@/core/threads";
|
import type { AgentThreadContext } from "@/core/threads";
|
||||||
import { textOfMessage } from "@/core/threads/utils";
|
import { textOfMessage } from "@/core/threads/utils";
|
||||||
import { desensitize } from "@/lib/desensitize";
|
import { desensitize } from "@/lib/desensitize";
|
||||||
@@ -468,15 +467,14 @@ export function InputBox({
|
|||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
const visibleMessages = thread.messages.filter((m) => !isHiddenFromUIMessage(m));
|
const lastAi = [...thread.messages].reverse().find((m) => m.type === "ai");
|
||||||
const lastAi = [...visibleMessages].reverse().find((m) => m.type === "ai");
|
|
||||||
const lastAiId = lastAi?.id ?? null;
|
const lastAiId = lastAi?.id ?? null;
|
||||||
if (!lastAiId || lastAiId === lastGeneratedForAiIdRef.current) {
|
if (!lastAiId || lastAiId === lastGeneratedForAiIdRef.current) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
lastGeneratedForAiIdRef.current = lastAiId;
|
lastGeneratedForAiIdRef.current = lastAiId;
|
||||||
|
|
||||||
const recent = visibleMessages
|
const recent = thread.messages
|
||||||
.filter((m) => m.type === "human" || m.type === "ai")
|
.filter((m) => m.type === "human" || m.type === "ai")
|
||||||
.map((m) => {
|
.map((m) => {
|
||||||
const role = m.type === "human" ? "user" : "assistant";
|
const role = m.type === "human" ? "user" : "assistant";
|
||||||
|
|||||||
@@ -138,7 +138,6 @@ export function MessageListItem({
|
|||||||
extraRehypePlugins,
|
extraRehypePlugins,
|
||||||
onEditResubmit,
|
onEditResubmit,
|
||||||
onMessageDeleted,
|
onMessageDeleted,
|
||||||
turnTime,
|
|
||||||
}: {
|
}: {
|
||||||
className?: string;
|
className?: string;
|
||||||
fitRowToContent?: boolean;
|
fitRowToContent?: boolean;
|
||||||
@@ -155,13 +154,6 @@ export function MessageListItem({
|
|||||||
extraRehypePlugins?: ReturnType<typeof useRehypeSplitWordsIntoSpans>;
|
extraRehypePlugins?: ReturnType<typeof useRehypeSplitWordsIntoSpans>;
|
||||||
onEditResubmit?: (text: string) => void;
|
onEditResubmit?: (text: string) => void;
|
||||||
onMessageDeleted?: (deletedIds: string[]) => void;
|
onMessageDeleted?: (deletedIds: string[]) => void;
|
||||||
/**
|
|
||||||
* Durable ask time of the turn this message belongs to (the preceding
|
|
||||||
* question's `client_ts`). Used to time-stamp the AI answer, which carries no
|
|
||||||
* timestamp of its own — without it the answer would fall back to the current
|
|
||||||
* wall clock at render time and appear to "drift" to now on every reload.
|
|
||||||
*/
|
|
||||||
turnTime?: string;
|
|
||||||
}) {
|
}) {
|
||||||
const isHuman = message.type === 'human';
|
const isHuman = message.type === 'human';
|
||||||
const messageMarkdown =
|
const messageMarkdown =
|
||||||
@@ -190,7 +182,6 @@ export function MessageListItem({
|
|||||||
extraRehypePlugins={extraRehypePlugins}
|
extraRehypePlugins={extraRehypePlugins}
|
||||||
onEditResubmit={onEditResubmit}
|
onEditResubmit={onEditResubmit}
|
||||||
onMessageDeleted={onMessageDeleted}
|
onMessageDeleted={onMessageDeleted}
|
||||||
turnTime={turnTime}
|
|
||||||
/>
|
/>
|
||||||
{/*
|
{/*
|
||||||
Human messages carry their own inline copy/edit toolbar inside
|
Human messages carry their own inline copy/edit toolbar inside
|
||||||
@@ -399,7 +390,6 @@ function MessageContent_({
|
|||||||
extraRehypePlugins,
|
extraRehypePlugins,
|
||||||
onEditResubmit,
|
onEditResubmit,
|
||||||
onMessageDeleted,
|
onMessageDeleted,
|
||||||
turnTime,
|
|
||||||
}: {
|
}: {
|
||||||
className?: string;
|
className?: string;
|
||||||
message: Message;
|
message: Message;
|
||||||
@@ -410,7 +400,6 @@ function MessageContent_({
|
|||||||
extraRehypePlugins?: ReturnType<typeof useRehypeSplitWordsIntoSpans>;
|
extraRehypePlugins?: ReturnType<typeof useRehypeSplitWordsIntoSpans>;
|
||||||
onEditResubmit?: (text: string) => void;
|
onEditResubmit?: (text: string) => void;
|
||||||
onMessageDeleted?: (deletedIds: string[]) => void;
|
onMessageDeleted?: (deletedIds: string[]) => void;
|
||||||
turnTime?: string;
|
|
||||||
}) {
|
}) {
|
||||||
const baseRehypePlugins = useRehypeSplitWordsIntoSpans(isLoading);
|
const baseRehypePlugins = useRehypeSplitWordsIntoSpans(isLoading);
|
||||||
|
|
||||||
@@ -467,15 +456,9 @@ function MessageContent_({
|
|||||||
[threadId, resolveArtifact],
|
[threadId, resolveArtifact],
|
||||||
);
|
);
|
||||||
|
|
||||||
// Question carries its own `client_ts` (round-trips through the checkpoint).
|
|
||||||
// The AI answer has no timestamp of its own, so it inherits the turn's ask
|
|
||||||
// time (its question's `client_ts`, threaded down as `turnTime`). This is
|
|
||||||
// durable and turn-accurate, and — unlike the old per-id `now` fallback —
|
|
||||||
// never drifts to the current clock when an unfinished answer is reloaded.
|
|
||||||
const ownAskTime = message.id ? askTimes[message.id] : undefined;
|
|
||||||
const messageTime = formatAskedTime(
|
const messageTime = formatAskedTime(
|
||||||
message.additional_kwargs?.client_ts ??
|
message.additional_kwargs?.client_ts ??
|
||||||
(isHuman ? ownAskTime : (turnTime ?? ownAskTime)),
|
(message.id ? askTimes[message.id] : undefined),
|
||||||
);
|
);
|
||||||
|
|
||||||
const rawContent = extractContentFromMessage(message);
|
const rawContent = extractContentFromMessage(message);
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
import type { Message } from "@langchain/langgraph-sdk";
|
import type { Message } from "@langchain/langgraph-sdk";
|
||||||
import type { BaseStream } from "@langchain/langgraph-sdk/react";
|
import type { BaseStream } from "@langchain/langgraph-sdk/react";
|
||||||
import { CheckIcon, PenLineIcon, SendIcon, XIcon } from "lucide-react";
|
import { CheckIcon, SendIcon, XIcon } from "lucide-react";
|
||||||
import { useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
|
import { useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
|
||||||
import { useStickToBottomContext } from "use-stick-to-bottom";
|
import { useStickToBottomContext } from "use-stick-to-bottom";
|
||||||
|
|
||||||
@@ -11,7 +11,7 @@ import {
|
|||||||
} from "@/components/ai-elements/conversation";
|
} from "@/components/ai-elements/conversation";
|
||||||
import { Button } from "@/components/ui/button";
|
import { Button } from "@/components/ui/button";
|
||||||
import { Textarea } from "@/components/ui/textarea";
|
import { Textarea } from "@/components/ui/textarea";
|
||||||
import { rememberAskTimes, useChatAskTimes } from "@/core/chat-timestamps";
|
import { rememberAskTimes } from "@/core/chat-timestamps";
|
||||||
import { useI18n } from "@/core/i18n/hooks";
|
import { useI18n } from "@/core/i18n/hooks";
|
||||||
import {
|
import {
|
||||||
extractContentFromMessage,
|
extractContentFromMessage,
|
||||||
@@ -22,7 +22,6 @@ import {
|
|||||||
hasPresentFiles,
|
hasPresentFiles,
|
||||||
hasReasoning,
|
hasReasoning,
|
||||||
hasToolCalls,
|
hasToolCalls,
|
||||||
isHiddenFromUIMessage,
|
|
||||||
} from "@/core/messages/utils";
|
} from "@/core/messages/utils";
|
||||||
import { useRehypeSplitWordsIntoSpans } from "@/core/rehype";
|
import { useRehypeSplitWordsIntoSpans } from "@/core/rehype";
|
||||||
import { isThreadRagModeLocked, useLocalSettings } from "@/core/settings";
|
import { isThreadRagModeLocked, useLocalSettings } from "@/core/settings";
|
||||||
@@ -103,7 +102,6 @@ export function MessageList({
|
|||||||
onSetupAgentReject,
|
onSetupAgentReject,
|
||||||
onSetupWritingApprove,
|
onSetupWritingApprove,
|
||||||
onSetupWritingReject,
|
onSetupWritingReject,
|
||||||
onSetupWritingStart,
|
|
||||||
}: {
|
}: {
|
||||||
className?: string;
|
className?: string;
|
||||||
contentClassName?: string;
|
contentClassName?: string;
|
||||||
@@ -121,8 +119,6 @@ export function MessageList({
|
|||||||
onSetupAgentReject?: (payload: SetupAgentApprovalPayload) => void | Promise<void>;
|
onSetupAgentReject?: (payload: SetupAgentApprovalPayload) => void | Promise<void>;
|
||||||
onSetupWritingApprove?: (payload: SetupWritingApprovalPayload) => void | Promise<void>;
|
onSetupWritingApprove?: (payload: SetupWritingApprovalPayload) => void | Promise<void>;
|
||||||
onSetupWritingReject?: (payload: SetupWritingApprovalPayload) => void | Promise<void>;
|
onSetupWritingReject?: (payload: SetupWritingApprovalPayload) => void | Promise<void>;
|
||||||
/** 审批卡「直接开始写作」回调:应用配置(含已确认大纲)并立即启动写作流程(仅写作页提供,模板编辑等场景缺省隐藏该按钮)。 */
|
|
||||||
onSetupWritingStart?: (payload: SetupWritingApprovalPayload) => void | Promise<void>;
|
|
||||||
}) {
|
}) {
|
||||||
const baseRehypePlugins = useRehypeSplitWordsIntoSpans(thread.isLoading);
|
const baseRehypePlugins = useRehypeSplitWordsIntoSpans(thread.isLoading);
|
||||||
const rehypePlugins = useMemo(
|
const rehypePlugins = useMemo(
|
||||||
@@ -155,10 +151,7 @@ export function MessageList({
|
|||||||
});
|
});
|
||||||
}, []);
|
}, []);
|
||||||
|
|
||||||
const allMessages = useMemo(
|
const allMessages = thread.messages;
|
||||||
() => thread.messages.filter((m) => !isHiddenFromUIMessage(m)),
|
|
||||||
[thread.messages],
|
|
||||||
);
|
|
||||||
const messages = useMemo(
|
const messages = useMemo(
|
||||||
() =>
|
() =>
|
||||||
hiddenMessageIds.size === 0
|
hiddenMessageIds.size === 0
|
||||||
@@ -167,24 +160,15 @@ export function MessageList({
|
|||||||
[allMessages, hiddenMessageIds],
|
[allMessages, hiddenMessageIds],
|
||||||
);
|
);
|
||||||
|
|
||||||
const askTimes = useChatAskTimes();
|
// Stamp a wall-clock time onto every question/answer the first time it is
|
||||||
|
// seen, in a single batched commit. Questions sent this session already carry
|
||||||
// Stamp a wall-clock time onto every *question* the first time it is seen, in
|
// an accurate time (see useThreadStream); this also covers assistant answers
|
||||||
// a single batched commit. Questions sent this session already carry an
|
// and messages loaded from history. First-write-wins keeps the earliest time.
|
||||||
// accurate `client_ts` (see useThreadStream) and are skipped; this only backs
|
|
||||||
// up legacy questions loaded from history that predate `client_ts`.
|
|
||||||
// First-write-wins keeps the earliest time.
|
|
||||||
//
|
|
||||||
// AI answers are deliberately NOT stamped here: they carry no timestamp of
|
|
||||||
// their own, so a `now` stamp would be the *load* time, not the answer time —
|
|
||||||
// and for an unfinished/interrupted turn that re-stamps to the current clock
|
|
||||||
// on every reload. Instead the answer inherits its question's durable time
|
|
||||||
// via `turnTimes` below.
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
const now = new Date().toISOString();
|
const now = new Date().toISOString();
|
||||||
const entries: Record<string, string> = {};
|
const entries: Record<string, string> = {};
|
||||||
for (const message of messages) {
|
for (const message of messages) {
|
||||||
if (message.type !== "human") continue;
|
if (message.type !== "human" && message.type !== "ai") continue;
|
||||||
if (!message.id || message.id.startsWith("opt-")) continue;
|
if (!message.id || message.id.startsWith("opt-")) continue;
|
||||||
if (typeof message.additional_kwargs?.client_ts === "string") continue;
|
if (typeof message.additional_kwargs?.client_ts === "string") continue;
|
||||||
entries[message.id] = now;
|
entries[message.id] = now;
|
||||||
@@ -192,24 +176,6 @@ export function MessageList({
|
|||||||
if (Object.keys(entries).length > 0) rememberAskTimes(entries);
|
if (Object.keys(entries).length > 0) rememberAskTimes(entries);
|
||||||
}, [messages]);
|
}, [messages]);
|
||||||
|
|
||||||
// Durable ask time per message id, used to time-stamp the AI answer (which has
|
|
||||||
// no timestamp of its own) with the time of the question that triggered it.
|
|
||||||
const turnTimes = useMemo(() => {
|
|
||||||
const map = new Map<string, string>();
|
|
||||||
let lastQuestionTime: string | undefined;
|
|
||||||
for (const message of messages) {
|
|
||||||
if (message.type === "human") {
|
|
||||||
const ts = message.additional_kwargs?.client_ts;
|
|
||||||
const fromAskTimes = message.id ? askTimes[message.id] : undefined;
|
|
||||||
lastQuestionTime =
|
|
||||||
typeof ts === "string" && ts ? ts : fromAskTimes;
|
|
||||||
} else if (message.type === "ai" && message.id && lastQuestionTime) {
|
|
||||||
map.set(message.id, lastQuestionTime);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return map;
|
|
||||||
}, [messages, askTimes]);
|
|
||||||
|
|
||||||
const [settings] = useLocalSettings();
|
const [settings] = useLocalSettings();
|
||||||
const ragModeEnabled =
|
const ragModeEnabled =
|
||||||
settings.display.ragModeEnabled || isThreadRagModeLocked(threadId);
|
settings.display.ragModeEnabled || isThreadRagModeLocked(threadId);
|
||||||
@@ -385,7 +351,6 @@ export function MessageList({
|
|||||||
onMessageDeleted={
|
onMessageDeleted={
|
||||||
allowDelete ? handleMessageDeleted : undefined
|
allowDelete ? handleMessageDeleted : undefined
|
||||||
}
|
}
|
||||||
turnTime={msg.id ? turnTimes.get(msg.id) : undefined}
|
|
||||||
/>
|
/>
|
||||||
);
|
);
|
||||||
});
|
});
|
||||||
@@ -461,7 +426,6 @@ export function MessageList({
|
|||||||
message={message}
|
message={message}
|
||||||
onApprove={onSetupWritingApprove}
|
onApprove={onSetupWritingApprove}
|
||||||
onReject={onSetupWritingReject}
|
onReject={onSetupWritingReject}
|
||||||
onStart={onSetupWritingStart}
|
|
||||||
/>
|
/>
|
||||||
<MessageTokenUsageList
|
<MessageTokenUsageList
|
||||||
enabled={tokenUsageEnabled}
|
enabled={tokenUsageEnabled}
|
||||||
@@ -661,8 +625,6 @@ export type SetupAgentApprovalPayload = {
|
|||||||
export type SetupWritingApprovalPayload = {
|
export type SetupWritingApprovalPayload = {
|
||||||
user_intent?: string;
|
user_intent?: string;
|
||||||
article_type?: string;
|
article_type?: string;
|
||||||
/** 当 article_type 是已有类型库里没有的新类型时,模型识别出的一句话特征说明(命中已有类型时为空)。 */
|
|
||||||
article_type_detail?: string;
|
|
||||||
word_count_target?: number | null;
|
word_count_target?: number | null;
|
||||||
target_audience?: string;
|
target_audience?: string;
|
||||||
writing_mode?: string;
|
writing_mode?: string;
|
||||||
@@ -854,16 +816,14 @@ function SetupWritingApprovalCard({
|
|||||||
message,
|
message,
|
||||||
onApprove,
|
onApprove,
|
||||||
onReject,
|
onReject,
|
||||||
onStart,
|
|
||||||
}: {
|
}: {
|
||||||
disabled: boolean;
|
disabled: boolean;
|
||||||
message: unknown;
|
message: unknown;
|
||||||
onApprove?: (payload: SetupWritingApprovalPayload) => void | Promise<void>;
|
onApprove?: (payload: SetupWritingApprovalPayload) => void | Promise<void>;
|
||||||
onReject?: (payload: SetupWritingApprovalPayload) => void | Promise<void>;
|
onReject?: (payload: SetupWritingApprovalPayload) => void | Promise<void>;
|
||||||
onStart?: (payload: SetupWritingApprovalPayload) => void | Promise<void>;
|
|
||||||
}) {
|
}) {
|
||||||
const payload = getSetupWritingApprovalPayload(message);
|
const payload = getSetupWritingApprovalPayload(message);
|
||||||
const [submitting, setSubmitting] = useState<"approve" | "reject" | "start" | null>(
|
const [submitting, setSubmitting] = useState<"approve" | "reject" | null>(
|
||||||
null,
|
null,
|
||||||
);
|
);
|
||||||
|
|
||||||
@@ -874,7 +834,7 @@ function SetupWritingApprovalCard({
|
|||||||
const approvalPayload = payload;
|
const approvalPayload = payload;
|
||||||
const busy = disabled || submitting !== null;
|
const busy = disabled || submitting !== null;
|
||||||
|
|
||||||
async function run(action: "approve" | "reject" | "start") {
|
async function run(action: "approve" | "reject") {
|
||||||
if (busy) {
|
if (busy) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
@@ -882,8 +842,6 @@ function SetupWritingApprovalCard({
|
|||||||
try {
|
try {
|
||||||
if (action === "approve") {
|
if (action === "approve") {
|
||||||
await onApprove?.(approvalPayload);
|
await onApprove?.(approvalPayload);
|
||||||
} else if (action === "start") {
|
|
||||||
await onStart?.(approvalPayload);
|
|
||||||
} else {
|
} else {
|
||||||
await onReject?.(approvalPayload);
|
await onReject?.(approvalPayload);
|
||||||
}
|
}
|
||||||
@@ -892,14 +850,9 @@ function SetupWritingApprovalCard({
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
const hasNewType = !!approvalPayload.article_type_detail?.trim();
|
|
||||||
const rows: Array<{ label: string; value: string }> = [];
|
const rows: Array<{ label: string; value: string }> = [];
|
||||||
if (approvalPayload.article_type) {
|
if (approvalPayload.article_type) {
|
||||||
rows.push({
|
rows.push({ label: "文章类型", value: approvalPayload.article_type });
|
||||||
label: "文章类型",
|
|
||||||
// 新类型(列表外)标注「· 新」,让用户知道这是模型新识别的类型。
|
|
||||||
value: hasNewType ? `${approvalPayload.article_type} · 新` : approvalPayload.article_type,
|
|
||||||
});
|
|
||||||
}
|
}
|
||||||
if (typeof approvalPayload.word_count_target === "number") {
|
if (typeof approvalPayload.word_count_target === "number") {
|
||||||
rows.push({ label: "目标字数", value: `${approvalPayload.word_count_target} 字` });
|
rows.push({ label: "目标字数", value: `${approvalPayload.word_count_target} 字` });
|
||||||
@@ -946,13 +899,6 @@ function SetupWritingApprovalCard({
|
|||||||
</div>
|
</div>
|
||||||
) : null}
|
) : null}
|
||||||
|
|
||||||
{hasNewType ? (
|
|
||||||
<div className="space-y-1">
|
|
||||||
<div className="text-muted-foreground text-xs">新类型说明</div>
|
|
||||||
<p className="text-sm leading-6">{approvalPayload.article_type_detail}</p>
|
|
||||||
</div>
|
|
||||||
) : null}
|
|
||||||
|
|
||||||
{approvalPayload.outline ? (
|
{approvalPayload.outline ? (
|
||||||
<div className="space-y-1">
|
<div className="space-y-1">
|
||||||
<div className="text-muted-foreground text-xs">已有大纲</div>
|
<div className="text-muted-foreground text-xs">已有大纲</div>
|
||||||
@@ -976,7 +922,6 @@ function SetupWritingApprovalCard({
|
|||||||
</Button>
|
</Button>
|
||||||
<Button
|
<Button
|
||||||
type="button"
|
type="button"
|
||||||
variant={onStart ? "outline" : "default"}
|
|
||||||
size="sm"
|
size="sm"
|
||||||
disabled={busy || !onApprove}
|
disabled={busy || !onApprove}
|
||||||
onClick={() => void run("approve")}
|
onClick={() => void run("approve")}
|
||||||
@@ -984,17 +929,6 @@ function SetupWritingApprovalCard({
|
|||||||
<CheckIcon className="h-4 w-4" />
|
<CheckIcon className="h-4 w-4" />
|
||||||
应用到表单
|
应用到表单
|
||||||
</Button>
|
</Button>
|
||||||
{onStart ? (
|
|
||||||
<Button
|
|
||||||
type="button"
|
|
||||||
size="sm"
|
|
||||||
disabled={busy}
|
|
||||||
onClick={() => void run("start")}
|
|
||||||
>
|
|
||||||
<PenLineIcon className="h-4 w-4" />
|
|
||||||
直接开始写作
|
|
||||||
</Button>
|
|
||||||
) : null}
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
|||||||
@@ -31,48 +31,6 @@ export function formatDuration(ms: number): string {
|
|||||||
return `${mins}m ${secs}s`;
|
return `${mins}m ${secs}s`;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* 速度条颜色含义图例 —— 生成结束后显示在速度条下方一行,向用户解释当前
|
|
||||||
* 进度条颜色代表的「模型生成延迟」状态。进度条本身仍是 5 档(极快/流畅/一般/
|
|
||||||
* 偏慢/缓慢)的连续配色;这里把它归并成用户视角的 3 类延迟 + 「无响应」:
|
|
||||||
* 绿(#16a34a,极快/流畅) → 延迟正常
|
|
||||||
* 黄(#eab308,一般) → 延迟微长
|
|
||||||
* 红(#ef4444,偏慢/缓慢) → 延迟长,可能失败
|
|
||||||
* 灰(#9ca3af) → 无响应(无进度条/0 tok/s),任务失败,请重试
|
|
||||||
* 根据本次问答的实际速度,只显示对应那一档的提示。
|
|
||||||
*/
|
|
||||||
function legendForSpeed(tps: number): { color: string; label: string } {
|
|
||||||
if (tps <= 0) return { color: "#9ca3af", label: "无响应,任务失败,请重试" };
|
|
||||||
if (tps >= 30) return { color: "#16a34a", label: "延迟正常" };
|
|
||||||
if (tps >= 15) return { color: "#eab308", label: "延迟微长" };
|
|
||||||
return { color: "#ef4444", label: "延迟长,可能失败" };
|
|
||||||
}
|
|
||||||
|
|
||||||
export function SpeedLegend({
|
|
||||||
className,
|
|
||||||
tokensPerSec,
|
|
||||||
}: {
|
|
||||||
className?: string;
|
|
||||||
tokensPerSec: number;
|
|
||||||
}) {
|
|
||||||
const item = legendForSpeed(tokensPerSec);
|
|
||||||
return (
|
|
||||||
<span
|
|
||||||
className={cn(
|
|
||||||
"text-muted-foreground inline-flex items-center gap-1",
|
|
||||||
className,
|
|
||||||
)}
|
|
||||||
>
|
|
||||||
<span
|
|
||||||
aria-hidden
|
|
||||||
className="inline-block size-2 shrink-0 rounded-full"
|
|
||||||
style={{ backgroundColor: item.color }}
|
|
||||||
/>
|
|
||||||
{item.label}
|
|
||||||
</span>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
export function SpeedPill({ metric }: { metric: MessageMetric }) {
|
export function SpeedPill({ metric }: { metric: MessageMetric }) {
|
||||||
const fill = Math.max(0, Math.min(1, metric.tokensPerSec / FULL_SCALE_TOKENS_PER_SEC));
|
const fill = Math.max(0, Math.min(1, metric.tokensPerSec / FULL_SCALE_TOKENS_PER_SEC));
|
||||||
const { color, label } = classifySpeed(metric.tokensPerSec);
|
const { color, label } = classifySpeed(metric.tokensPerSec);
|
||||||
@@ -174,13 +132,6 @@ export function MessageTokenUsage({
|
|||||||
{formatDuration(resolvedMetric.durationMs)}
|
{formatDuration(resolvedMetric.durationMs)}
|
||||||
</span>
|
</span>
|
||||||
)}
|
)}
|
||||||
{/* 生成结束(非流式中)后只显示与本次速度对应那一档的颜色含义说明。 */}
|
|
||||||
{!resolvedMetric.isActive && (
|
|
||||||
<SpeedLegend
|
|
||||||
className="basis-full"
|
|
||||||
tokensPerSec={resolvedMetric.tokensPerSec}
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
</>
|
</>
|
||||||
) : null}
|
) : null}
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
"use client";
|
"use client";
|
||||||
|
|
||||||
import { CheckIcon } from "lucide-react";
|
import { CheckIcon } from "lucide-react";
|
||||||
import { type ReactNode, useEffect, useState } from "react";
|
import { useEffect, useState } from "react";
|
||||||
|
|
||||||
import { Button } from "@/components/ui/button";
|
import { Button } from "@/components/ui/button";
|
||||||
import {
|
import {
|
||||||
@@ -26,8 +26,6 @@ interface PublishSquarePickerDialogProps {
|
|||||||
loading?: boolean;
|
loading?: boolean;
|
||||||
title?: string;
|
title?: string;
|
||||||
description?: string;
|
description?: string;
|
||||||
/** 可选提示节点,渲染在描述下方 —— 用于显示「本次发布将以哪个账号进行」及账号切换告警。 */
|
|
||||||
accountNotice?: ReactNode;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/** A "publish to which square (发布广场)?" chooser. Squares are rendered as a
|
/** A "publish to which square (发布广场)?" chooser. Squares are rendered as a
|
||||||
@@ -41,7 +39,6 @@ export function PublishSquarePickerDialog({
|
|||||||
loading,
|
loading,
|
||||||
title = "选择发布广场",
|
title = "选择发布广场",
|
||||||
description = "请选择要把它发布到哪个广场。每个项目只能归属一个广场,不会重复出现。",
|
description = "请选择要把它发布到哪个广场。每个项目只能归属一个广场,不会重复出现。",
|
||||||
accountNotice,
|
|
||||||
}: PublishSquarePickerDialogProps) {
|
}: PublishSquarePickerDialogProps) {
|
||||||
const [selected, setSelected] = useState<string>(
|
const [selected, setSelected] = useState<string>(
|
||||||
defaultSquareId || squares[0]?.id || "",
|
defaultSquareId || squares[0]?.id || "",
|
||||||
@@ -61,7 +58,6 @@ export function PublishSquarePickerDialog({
|
|||||||
<DialogTitle>{title}</DialogTitle>
|
<DialogTitle>{title}</DialogTitle>
|
||||||
<DialogDescription>{description}</DialogDescription>
|
<DialogDescription>{description}</DialogDescription>
|
||||||
</DialogHeader>
|
</DialogHeader>
|
||||||
{accountNotice}
|
|
||||||
<div className="max-h-[50vh] space-y-1.5 overflow-y-auto py-1">
|
<div className="max-h-[50vh] space-y-1.5 overflow-y-auto py-1">
|
||||||
{squares.map((sq) => {
|
{squares.map((sq) => {
|
||||||
const active = selected === sq.id;
|
const active = selected === sq.id;
|
||||||
|
|||||||
@@ -1,7 +1,6 @@
|
|||||||
"use client";
|
"use client";
|
||||||
|
|
||||||
import {
|
import {
|
||||||
Bot,
|
|
||||||
ChevronDown,
|
ChevronDown,
|
||||||
ChevronRight,
|
ChevronRight,
|
||||||
Download,
|
Download,
|
||||||
@@ -65,10 +64,8 @@ import {
|
|||||||
} from "@/core/threads/hooks";
|
} from "@/core/threads/hooks";
|
||||||
import type { AgentThread, AgentThreadState } from "@/core/threads/types";
|
import type { AgentThread, AgentThreadState } from "@/core/threads/types";
|
||||||
import {
|
import {
|
||||||
isBootstrapThread,
|
|
||||||
isThreadFavorite,
|
isThreadFavorite,
|
||||||
isThreadPinned,
|
isThreadPinned,
|
||||||
listPathOfThread,
|
|
||||||
pathOfThread,
|
pathOfThread,
|
||||||
sortThreadsPinnedFirst,
|
sortThreadsPinnedFirst,
|
||||||
titleOfThread,
|
titleOfThread,
|
||||||
@@ -133,9 +130,9 @@ export function RecentChatList({
|
|||||||
});
|
});
|
||||||
if (threadIndex > -1) {
|
if (threadIndex > -1) {
|
||||||
if (threads[threadIndex + 1]) {
|
if (threads[threadIndex + 1]) {
|
||||||
nextThreadPath = listPathOfThread(threads[threadIndex + 1]!);
|
nextThreadPath = pathOfThread(threads[threadIndex + 1]!);
|
||||||
} else if (threads[threadIndex - 1]) {
|
} else if (threads[threadIndex - 1]) {
|
||||||
nextThreadPath = listPathOfThread(threads[threadIndex - 1]!);
|
nextThreadPath = pathOfThread(threads[threadIndex - 1]!);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
void router.push(nextThreadPath);
|
void router.push(nextThreadPath);
|
||||||
@@ -192,12 +189,11 @@ export function RecentChatList({
|
|||||||
[t],
|
[t],
|
||||||
);
|
);
|
||||||
|
|
||||||
// 智能体创建(bootstrap)会话也展示在常用对话里(带机器人图标、点击回创建页);
|
|
||||||
// 仅排除调度 / 会商类系统会话。
|
|
||||||
const visibleThreads = sortThreadsPinnedFirst(
|
const visibleThreads = sortThreadsPinnedFirst(
|
||||||
threads.filter(
|
threads.filter(
|
||||||
(thread) =>
|
(thread) =>
|
||||||
thread.metadata?.thread_type !== "scheduler" &&
|
thread.metadata?.thread_type !== "scheduler" &&
|
||||||
|
thread.metadata?.thread_type !== "bootstrap" &&
|
||||||
thread.metadata?.thread_type !== "roundtable",
|
thread.metadata?.thread_type !== "roundtable",
|
||||||
),
|
),
|
||||||
);
|
);
|
||||||
@@ -243,9 +239,7 @@ export function RecentChatList({
|
|||||||
<SidebarMenu>
|
<SidebarMenu>
|
||||||
<div className="flex w-full flex-col gap-0.5">
|
<div className="flex w-full flex-col gap-0.5">
|
||||||
{shownThreads.map((thread) => {
|
{shownThreads.map((thread) => {
|
||||||
const href = listPathOfThread(thread);
|
const isActive = pathOfThread(thread) === pathname;
|
||||||
const isActive = href === pathname;
|
|
||||||
const isBoot = isBootstrapThread(thread);
|
|
||||||
const pinned = isThreadPinned(thread);
|
const pinned = isThreadPinned(thread);
|
||||||
const favorited = isThreadFavorite(thread);
|
const favorited = isThreadFavorite(thread);
|
||||||
return (
|
return (
|
||||||
@@ -267,29 +261,17 @@ export function RecentChatList({
|
|||||||
>
|
>
|
||||||
<Link
|
<Link
|
||||||
className="flex w-full items-center gap-1 whitespace-nowrap group-hover/side-menu-item:overflow-hidden"
|
className="flex w-full items-center gap-1 whitespace-nowrap group-hover/side-menu-item:overflow-hidden"
|
||||||
href={href}
|
href={pathOfThread(thread)}
|
||||||
>
|
>
|
||||||
{isBoot ? (
|
{compact && (
|
||||||
<Bot
|
<MessageSquare
|
||||||
className={
|
className={
|
||||||
"size-3.5 shrink-0 " +
|
"size-3.5 shrink-0 " +
|
||||||
(isActive
|
(isActive
|
||||||
? "text-[var(--primary)]"
|
? "text-[var(--primary)]"
|
||||||
: "text-muted-foreground/70")
|
: "text-muted-foreground/70")
|
||||||
}
|
}
|
||||||
aria-label="智能体创建会话"
|
|
||||||
/>
|
/>
|
||||||
) : (
|
|
||||||
compact && (
|
|
||||||
<MessageSquare
|
|
||||||
className={
|
|
||||||
"size-3.5 shrink-0 " +
|
|
||||||
(isActive
|
|
||||||
? "text-[var(--primary)]"
|
|
||||||
: "text-muted-foreground/70")
|
|
||||||
}
|
|
||||||
/>
|
|
||||||
)
|
|
||||||
)}
|
)}
|
||||||
{pinned && (
|
{pinned && (
|
||||||
<Pin className="size-3 shrink-0 text-muted-foreground/70" />
|
<Pin className="size-3 shrink-0 text-muted-foreground/70" />
|
||||||
|
|||||||
@@ -71,10 +71,9 @@ function StatusBadge({ draft }: { draft: DraftMeta }) {
|
|||||||
if (draft.status === "error") {
|
if (draft.status === "error") {
|
||||||
return <span className="text-[10px] font-medium text-rose-500">出错</span>;
|
return <span className="text-[10px] font-medium text-rose-500">出错</span>;
|
||||||
}
|
}
|
||||||
// 非进行中/待澄清/出错时,展示本次会商所用业务链(无链条 → 自由模式)。
|
|
||||||
return (
|
return (
|
||||||
<span className="text-[10px] font-medium text-muted-foreground">
|
<span className="text-[10px] font-medium text-muted-foreground">
|
||||||
{draft.chainTitle || "自由模式"}
|
第 {draft.furthestStep} 步
|
||||||
</span>
|
</span>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -6,9 +6,7 @@ import { toast } from "sonner";
|
|||||||
|
|
||||||
import { Badge } from "@/components/ui/badge";
|
import { Badge } from "@/components/ui/badge";
|
||||||
import { Button } from "@/components/ui/button";
|
import { Button } from "@/components/ui/button";
|
||||||
import { clearStoredAuth, getAccountDisplayName, getStoredAuth } from "@/core/auth";
|
import { clearStoredAuth, getStoredAuth } from "@/core/auth";
|
||||||
import { OptType, writeYLog } from "@/core/log/y-log";
|
|
||||||
import { clearYLogToken } from "@/core/log/y-log-token";
|
|
||||||
|
|
||||||
import { SettingsSection } from "./settings-section";
|
import { SettingsSection } from "./settings-section";
|
||||||
|
|
||||||
@@ -39,18 +37,11 @@ export function AccountSettingsPage() {
|
|||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
const displayName = getAccountDisplayName(auth);
|
const usernameFromEmail = (auth.email ?? "").split("@")[0] ?? "";
|
||||||
|
const displayName = usernameFromEmail || auth.user_id;
|
||||||
|
|
||||||
const handleLogout = () => {
|
const handleLogout = () => {
|
||||||
// 操作日志(Y-Log):在清除 token1 之前上报登出(此时 token1 还在),keepalive 保证发出。
|
|
||||||
writeYLog({
|
|
||||||
optType: OptType.logout,
|
|
||||||
optDetail: "CM助手-全量-登出",
|
|
||||||
url: "/api/v1/auth/logout",
|
|
||||||
keepalive: true,
|
|
||||||
});
|
|
||||||
clearStoredAuth();
|
clearStoredAuth();
|
||||||
clearYLogToken();
|
|
||||||
// Match the rest of the app's logout flow: blow away the cookie session
|
// Match the rest of the app's logout flow: blow away the cookie session
|
||||||
// by hitting the gateway logout endpoint and then forcing a full reload
|
// by hitting the gateway logout endpoint and then forcing a full reload
|
||||||
// so any cached query state goes too.
|
// so any cached query state goes too.
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
"use client";
|
"use client";
|
||||||
|
|
||||||
import { DropletIcon, LayoutGridIcon, LayoutIcon, ListIcon, MoonIcon, PanelLeftIcon, SunIcon } from "lucide-react";
|
import { DropletIcon, LayoutGridIcon, LayoutIcon, ListIcon, MoonIcon, PanelLeftIcon, SunIcon } from "lucide-react";
|
||||||
import { useMemo, useState, type ComponentType, type SVGProps } from "react";
|
import { useMemo, type ComponentType, type SVGProps } from "react";
|
||||||
import { useNavigate } from "react-router-dom";
|
import { useNavigate } from "react-router-dom";
|
||||||
import { toast } from "sonner";
|
import { toast } from "sonner";
|
||||||
|
|
||||||
@@ -20,8 +20,6 @@ import { Separator } from "@/components/ui/separator";
|
|||||||
import { Switch } from "@/components/ui/switch";
|
import { Switch } from "@/components/ui/switch";
|
||||||
import { Textarea } from "@/components/ui/textarea";
|
import { Textarea } from "@/components/ui/textarea";
|
||||||
import { getStoredAuth } from "@/core/auth";
|
import { getStoredAuth } from "@/core/auth";
|
||||||
import { migrateAuthToSession } from "@/core/auth/scoped-storage";
|
|
||||||
import { isIsolatedSession, setIsolatedSession } from "@/core/embed/embed-session";
|
|
||||||
import { enUS, isLocale, zhCN, type Locale } from "@/core/i18n";
|
import { enUS, isLocale, zhCN, type Locale } from "@/core/i18n";
|
||||||
import { useI18n } from "@/core/i18n/hooks";
|
import { useI18n } from "@/core/i18n/hooks";
|
||||||
import { useLocalSettings } from "@/core/settings";
|
import { useLocalSettings } from "@/core/settings";
|
||||||
@@ -66,29 +64,6 @@ export function AppearanceSettingsPage({ onClose }: { onClose?: () => void }) {
|
|||||||
const cleanupWords =
|
const cleanupWords =
|
||||||
citationDisplay?.cleanup_words ?? settings.display.citationCleanupWords ?? [];
|
citationDisplay?.cleanup_words ?? settings.display.citationCleanupWords ?? [];
|
||||||
|
|
||||||
// 独立登录会话(本标签页):开关切换鉴权存储 localStorage ↔ sessionStorage(见 scoped-storage)。
|
|
||||||
const [isolatedSession, setIsolatedSessionState] = useState(() => isIsolatedSession());
|
|
||||||
const handleToggleIsolatedSession = (checked: boolean) => {
|
|
||||||
if (checked) {
|
|
||||||
// 先把当前账号从 localStorage 快照搬进 sessionStorage,再翻标志,避免切换存储后被登出。
|
|
||||||
migrateAuthToSession();
|
|
||||||
setIsolatedSession(true);
|
|
||||||
setIsolatedSessionState(true);
|
|
||||||
toast.success("已开启独立登录会话", {
|
|
||||||
description:
|
|
||||||
"本标签页的登录已与其它标签页隔离:在别的窗口登录或切换其它账号都不会影响这里,你也可以在此单独登录另一个账号。该独立会话只存在于当前标签页,关闭此标签后即结束(需重新登录)。",
|
|
||||||
duration: 9000,
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
setIsolatedSession(false);
|
|
||||||
setIsolatedSessionState(false);
|
|
||||||
toast.info("已关闭独立登录会话", {
|
|
||||||
description: "本标签页恢复与其它标签页共享同一登录。如页面显示未及时同步,请刷新本页。",
|
|
||||||
duration: 6000,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
const handleSetGlobalDefault = async (
|
const handleSetGlobalDefault = async (
|
||||||
value: "light" | "dark" | "lightblue",
|
value: "light" | "dark" | "lightblue",
|
||||||
) => {
|
) => {
|
||||||
@@ -420,28 +395,6 @@ export function AppearanceSettingsPage({ onClose }: { onClose?: () => void }) {
|
|||||||
|
|
||||||
<Separator />
|
<Separator />
|
||||||
|
|
||||||
<SettingsSection
|
|
||||||
title="登录会话"
|
|
||||||
description="控制本标签页的登录身份是否与浏览器其它标签页隔离。"
|
|
||||||
>
|
|
||||||
<div className="flex items-start justify-between gap-4 rounded-lg border p-4">
|
|
||||||
<div>
|
|
||||||
<div className="text-sm font-medium">独立登录会话(本标签页)</div>
|
|
||||||
<p className="text-muted-foreground mt-1 max-w-md text-xs leading-relaxed">
|
|
||||||
开启后,本标签页的登录状态仅保存在当前标签页:在别的窗口登录或切换其它账号都不会影响这里,
|
|
||||||
你也可以在此单独登录另一个账号。关闭浏览器标签后该独立会话即结束(需重新登录)。
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<Switch
|
|
||||||
checked={isolatedSession}
|
|
||||||
onCheckedChange={handleToggleIsolatedSession}
|
|
||||||
aria-label="独立登录会话"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</SettingsSection>
|
|
||||||
|
|
||||||
<Separator />
|
|
||||||
|
|
||||||
<SettingsSection
|
<SettingsSection
|
||||||
title="对话体验"
|
title="对话体验"
|
||||||
description="问答过程中的辅助显示。"
|
description="问答过程中的辅助显示。"
|
||||||
|
|||||||
@@ -470,11 +470,11 @@ function SkillSettingsList({ onClose }: { onClose?: () => void }) {
|
|||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
<TagSearchBar
|
<TagSearchBar
|
||||||
targetType="skill"
|
targetType="skill"
|
||||||
onSearchChange={setSearch}
|
onSearchChange={setSearch}
|
||||||
tagIds={tagIds}
|
tagIds={tagIds}
|
||||||
onTagIdsChange={setTagIds}
|
onTagIdsChange={setTagIds}
|
||||||
actions={
|
actions={
|
||||||
<div className="flex items-center gap-2">
|
<div className="flex items-center gap-2">
|
||||||
<ViewModeToggle value={viewMode} onChange={setViewMode} />
|
<ViewModeToggle value={viewMode} onChange={setViewMode} />
|
||||||
@@ -497,16 +497,11 @@ function SkillSettingsList({ onClose }: { onClose?: () => void }) {
|
|||||||
<SelectItem value="name_desc">名称 Z-A</SelectItem>
|
<SelectItem value="name_desc">名称 Z-A</SelectItem>
|
||||||
</SelectContent>
|
</SelectContent>
|
||||||
</Select>
|
</Select>
|
||||||
</div>
|
</div>
|
||||||
}
|
}
|
||||||
/>
|
/>
|
||||||
{!isLoading && !error && (
|
{publisher && (
|
||||||
<div className="text-muted-foreground flex justify-end text-sm tabular-nums">
|
<div className="flex items-center gap-2">
|
||||||
共 {orderedSkills.length} 个技能
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
{publisher && (
|
|
||||||
<div className="flex items-center gap-2">
|
|
||||||
<span className="text-muted-foreground text-xs">筛选发布者:</span>
|
<span className="text-muted-foreground text-xs">筛选发布者:</span>
|
||||||
<button
|
<button
|
||||||
type="button"
|
type="button"
|
||||||
|
|||||||
@@ -1,54 +0,0 @@
|
|||||||
"use client";
|
|
||||||
|
|
||||||
import { User } from "lucide-react";
|
|
||||||
import { useMemo } from "react";
|
|
||||||
|
|
||||||
import { getStoredAuth } from "@/core/auth";
|
|
||||||
import { useMyPosition } from "@/core/positions";
|
|
||||||
import { cn } from "@/lib/utils";
|
|
||||||
import { readUserInfo } from "@/strategy-components/lib/light-app";
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 名称 + 岗位 用户标识。全量模式由 strategy-components/Header.tsx 顶栏右侧展示;
|
|
||||||
* 紧凑模式(不带全局顶栏)无处承载,故抽成共享组件,复用同一套数据来源
|
|
||||||
* (`readUserInfo().userName` 优先、回退 auth 邮箱前缀;岗位取 `useMyPosition`),
|
|
||||||
* 供页面级顶栏(如 ChatPage)右侧复用,保证两套布局一致。
|
|
||||||
*
|
|
||||||
* 配色按当前内容区前景色(foreground / muted-foreground),适配聊天页浅底顶栏,
|
|
||||||
* 而非 Header 的白字贴 banner 方案。
|
|
||||||
*/
|
|
||||||
export function UserIdentityBadge({ className }: { className?: string }) {
|
|
||||||
const auth = getStoredAuth();
|
|
||||||
const { data: myPosition } = useMyPosition();
|
|
||||||
const positionName = myPosition?.name?.trim() || "";
|
|
||||||
|
|
||||||
// 与 Header.tsx 一致:外部登录写入的真实用户名优先,缺省回退邮箱前缀。
|
|
||||||
const displayName = useMemo(() => {
|
|
||||||
const info = readUserInfo();
|
|
||||||
const name = typeof info.userName === "string" ? info.userName.trim() : "";
|
|
||||||
if (name) return name;
|
|
||||||
const email = auth?.email?.trim();
|
|
||||||
return email ? email.split("@")[0] : "用户";
|
|
||||||
}, [auth?.email]);
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div
|
|
||||||
className={cn("flex shrink-0 items-center gap-2", className)}
|
|
||||||
title={positionName ? `${displayName}·${positionName}` : displayName}
|
|
||||||
>
|
|
||||||
<div className="bg-muted text-muted-foreground flex size-7 shrink-0 items-center justify-center rounded-full">
|
|
||||||
<User className="size-3.5" />
|
|
||||||
</div>
|
|
||||||
<div className="hidden min-w-0 text-left sm:block">
|
|
||||||
<p className="text-foreground truncate text-sm font-medium leading-tight">
|
|
||||||
{displayName}
|
|
||||||
</p>
|
|
||||||
{positionName && (
|
|
||||||
<p className="text-muted-foreground truncate text-[11px] leading-tight">
|
|
||||||
{positionName}
|
|
||||||
</p>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@@ -11,7 +11,6 @@ import {
|
|||||||
GaugeIcon,
|
GaugeIcon,
|
||||||
HistoryIcon,
|
HistoryIcon,
|
||||||
MessageCircleQuestionIcon,
|
MessageCircleQuestionIcon,
|
||||||
PlugIcon,
|
|
||||||
ScrollTextIcon,
|
ScrollTextIcon,
|
||||||
Settings2Icon,
|
Settings2Icon,
|
||||||
SettingsIcon,
|
SettingsIcon,
|
||||||
@@ -219,14 +218,6 @@ export function WorkspaceNavMenu() {
|
|||||||
<TagsIcon />
|
<TagsIcon />
|
||||||
{t.adminTags.title}
|
{t.adminTags.title}
|
||||||
</DropdownMenuItem>
|
</DropdownMenuItem>
|
||||||
{isAdmin && (
|
|
||||||
<DropdownMenuItem
|
|
||||||
onClick={() => navigate("/page/workspace/admin/plugins")}
|
|
||||||
>
|
|
||||||
<PlugIcon />
|
|
||||||
插件管理
|
|
||||||
</DropdownMenuItem>
|
|
||||||
)}
|
|
||||||
{isAdmin && (
|
{isAdmin && (
|
||||||
<DropdownMenuItem
|
<DropdownMenuItem
|
||||||
onClick={() => navigate("/page/workspace/admin/positions")}
|
onClick={() => navigate("/page/workspace/admin/positions")}
|
||||||
|
|||||||
@@ -1,159 +0,0 @@
|
|||||||
import { apiFetch } from "@/core/api";
|
|
||||||
import { getBackendBaseURL } from "@/core/config";
|
|
||||||
import { OptType, writeYLog } from "@/core/log/y-log";
|
|
||||||
|
|
||||||
/** One in-flight model run as seen by the admin concurrency monitor. */
|
|
||||||
export interface ActiveRunItem {
|
|
||||||
run_id: string;
|
|
||||||
thread_id: string;
|
|
||||||
status: string;
|
|
||||||
created_at: string;
|
|
||||||
elapsed_seconds: number;
|
|
||||||
user_id: string;
|
|
||||||
user_name: string;
|
|
||||||
agent_id: string;
|
|
||||||
agent_name: string;
|
|
||||||
thread_title: string;
|
|
||||||
kind: string;
|
|
||||||
multitask_strategy: string;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface ActiveRunsResponse {
|
|
||||||
count: number;
|
|
||||||
server_time: string;
|
|
||||||
runs: ActiveRunItem[];
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface ConcurrencyPoint {
|
|
||||||
bucket: string;
|
|
||||||
peak: number;
|
|
||||||
avg: number;
|
|
||||||
samples: number;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface ConcurrencySeriesResponse {
|
|
||||||
granularity: string;
|
|
||||||
since: string;
|
|
||||||
until: string;
|
|
||||||
enabled: boolean;
|
|
||||||
points: ConcurrencyPoint[];
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface TokenSpeedPoint {
|
|
||||||
bucket: string;
|
|
||||||
avg_tokens_per_sec: number;
|
|
||||||
min_tokens_per_sec: number;
|
|
||||||
max_tokens_per_sec: number;
|
|
||||||
samples: number;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface TokenSpeedSeriesResponse {
|
|
||||||
granularity: string;
|
|
||||||
since: string;
|
|
||||||
until: string;
|
|
||||||
points: TokenSpeedPoint[];
|
|
||||||
}
|
|
||||||
|
|
||||||
export type Granularity = "minute" | "hour";
|
|
||||||
|
|
||||||
const base = () => `${getBackendBaseURL()}/api/admin/active-runs`;
|
|
||||||
|
|
||||||
async function parse<T>(res: Response, what: string): Promise<T> {
|
|
||||||
if (!res.ok) {
|
|
||||||
const err = (await res.json().catch(() => ({}))) as { detail?: string };
|
|
||||||
throw new Error(err.detail ?? `${what} (HTTP ${res.status})`);
|
|
||||||
}
|
|
||||||
return res.json() as Promise<T>;
|
|
||||||
}
|
|
||||||
|
|
||||||
/** Live snapshot of all in-flight runs. Polled — intentionally NOT y-logged. */
|
|
||||||
export async function loadActiveRuns(): Promise<ActiveRunsResponse> {
|
|
||||||
return parse<ActiveRunsResponse>(await apiFetch(base()), "Failed to load active runs");
|
|
||||||
}
|
|
||||||
|
|
||||||
/** Concurrency time-series (peak/avg per minute|hour). Polled — not y-logged. */
|
|
||||||
export async function loadConcurrencySeries(
|
|
||||||
granularity: Granularity,
|
|
||||||
hours?: number,
|
|
||||||
): Promise<ConcurrencySeriesResponse> {
|
|
||||||
const params = new URLSearchParams({ granularity });
|
|
||||||
if (hours) params.set("hours", String(hours));
|
|
||||||
return parse<ConcurrencySeriesResponse>(
|
|
||||||
await apiFetch(`${base()}/concurrency?${params}`),
|
|
||||||
"Failed to load concurrency series",
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
/** Token-speed time-series (tokens/sec per minute|hour). Polled — not y-logged. */
|
|
||||||
export async function loadTokenSpeedSeries(
|
|
||||||
granularity: Granularity,
|
|
||||||
hours?: number,
|
|
||||||
): Promise<TokenSpeedSeriesResponse> {
|
|
||||||
const params = new URLSearchParams({ granularity });
|
|
||||||
if (hours) params.set("hours", String(hours));
|
|
||||||
return parse<TokenSpeedSeriesResponse>(
|
|
||||||
await apiFetch(`${base()}/token-speed?${params}`),
|
|
||||||
"Failed to load token speed series",
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
/** Truly stop one in-flight run (cancels the live model stream). */
|
|
||||||
export async function cancelActiveRun(runId: string): Promise<{ run_id: string; cancelled: boolean }> {
|
|
||||||
const url = `${base()}/${encodeURIComponent(runId)}/cancel`;
|
|
||||||
const result = await parse<{ run_id: string; cancelled: boolean }>(
|
|
||||||
await apiFetch(url, { method: "POST" }),
|
|
||||||
"Failed to cancel run",
|
|
||||||
);
|
|
||||||
writeYLog({
|
|
||||||
optType: OptType.other,
|
|
||||||
optDetail: "CM助手-全量-并发监控-停止对话调用",
|
|
||||||
url,
|
|
||||||
reqParam: { runId },
|
|
||||||
returnParam: result,
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
|
||||||
|
|
||||||
/** Stop every in-flight run at once. */
|
|
||||||
export async function cancelAllActiveRuns(): Promise<{ cancelled_count: number }> {
|
|
||||||
const url = `${base()}/cancel-all`;
|
|
||||||
const result = await parse<{ cancelled_count: number }>(
|
|
||||||
await apiFetch(url, { method: "POST" }),
|
|
||||||
"Failed to cancel all runs",
|
|
||||||
);
|
|
||||||
writeYLog({
|
|
||||||
optType: OptType.other,
|
|
||||||
optDetail: "CM助手-全量-并发监控-全部停止",
|
|
||||||
url,
|
|
||||||
returnParam: result,
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
|
||||||
|
|
||||||
/** Read the background-sampler on/off switch. */
|
|
||||||
export async function getMonitorSettings(): Promise<{ enabled: boolean }> {
|
|
||||||
return parse<{ enabled: boolean }>(
|
|
||||||
await apiFetch(`${base()}/settings`),
|
|
||||||
"Failed to load monitor settings",
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
/** Toggle the background concurrency sampler (admin only, no restart). */
|
|
||||||
export async function updateMonitorSettings(enabled: boolean): Promise<{ enabled: boolean }> {
|
|
||||||
const url = `${base()}/settings`;
|
|
||||||
const result = await parse<{ enabled: boolean }>(
|
|
||||||
await apiFetch(url, {
|
|
||||||
method: "PUT",
|
|
||||||
headers: { "Content-Type": "application/json" },
|
|
||||||
body: JSON.stringify({ enabled }),
|
|
||||||
}),
|
|
||||||
"Failed to update monitor settings",
|
|
||||||
);
|
|
||||||
writeYLog({
|
|
||||||
optType: enabled ? OptType.enabled : OptType.disabled,
|
|
||||||
optDetail: `CM助手-全量-并发监控-${enabled ? "开启" : "关闭"}采样`,
|
|
||||||
url,
|
|
||||||
reqParam: { enabled },
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
|
||||||
@@ -1,6 +1,5 @@
|
|||||||
import { apiFetch } from "@/core/api";
|
import { apiFetch } from "@/core/api";
|
||||||
import { getBackendBaseURL } from "@/core/config";
|
import { getBackendBaseURL } from "@/core/config";
|
||||||
import { OptType, writeYLog } from "@/core/log/y-log";
|
|
||||||
|
|
||||||
/** A conversation thread owned by some user (admin view). */
|
/** A conversation thread owned by some user (admin view). */
|
||||||
export interface AdminThread {
|
export interface AdminThread {
|
||||||
@@ -173,32 +172,22 @@ async function parse<T>(res: Response, what: string): Promise<T> {
|
|||||||
}
|
}
|
||||||
|
|
||||||
export async function listUserThreads(userId: string): Promise<AdminThread[]> {
|
export async function listUserThreads(userId: string): Promise<AdminThread[]> {
|
||||||
const url = `${base()}/${encodeURIComponent(userId)}/threads?limit=200`;
|
return parse(
|
||||||
const result = await parse<AdminThread[]>(await apiFetch(url), "Failed to load threads");
|
await apiFetch(`${base()}/${encodeURIComponent(userId)}/threads?limit=200`),
|
||||||
writeYLog({
|
"Failed to load threads",
|
||||||
optType: OptType.search,
|
);
|
||||||
optDetail: "CM助手-全量-管理后台-查询用户会话列表",
|
|
||||||
url,
|
|
||||||
reqParam: { userId },
|
|
||||||
returnParam: { count: result.length },
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function listUserThreadMessages(
|
export async function listUserThreadMessages(
|
||||||
userId: string,
|
userId: string,
|
||||||
threadId: string,
|
threadId: string,
|
||||||
): Promise<AdminMessage[]> {
|
): Promise<AdminMessage[]> {
|
||||||
const url = `${base()}/${encodeURIComponent(userId)}/threads/${encodeURIComponent(threadId)}/messages`;
|
return parse(
|
||||||
const result = await parse<AdminMessage[]>(await apiFetch(url), "Failed to load messages");
|
await apiFetch(
|
||||||
writeYLog({
|
`${base()}/${encodeURIComponent(userId)}/threads/${encodeURIComponent(threadId)}/messages`,
|
||||||
optType: OptType.view,
|
),
|
||||||
optDetail: "CM助手-全量-管理后台-查看会话消息",
|
"Failed to load messages",
|
||||||
url,
|
);
|
||||||
reqParam: { userId, threadId },
|
|
||||||
returnParam: { count: result.length },
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function listUserQa(
|
export async function listUserQa(
|
||||||
@@ -211,30 +200,19 @@ export async function listUserQa(
|
|||||||
});
|
});
|
||||||
const query = (params.q ?? "").trim();
|
const query = (params.q ?? "").trim();
|
||||||
if (query) search.set("q", query);
|
if (query) search.set("q", query);
|
||||||
const url = `${base()}/${encodeURIComponent(userId)}/qa?${search}`;
|
return parse(
|
||||||
const result = await parse<AdminUserQaPageResponse>(await apiFetch(url), "Failed to load user Q&A");
|
await apiFetch(`${base()}/${encodeURIComponent(userId)}/qa?${search}`),
|
||||||
writeYLog({
|
"Failed to load user Q&A",
|
||||||
optType: OptType.search,
|
);
|
||||||
optDetail: "CM助手-全量-管理后台-查询用户问答",
|
|
||||||
url,
|
|
||||||
reqParam: { userId, ...params },
|
|
||||||
returnParam: { total: result.total, count: result.items.length },
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function getUserMemory(
|
export async function getUserMemory(
|
||||||
userId: string,
|
userId: string,
|
||||||
): Promise<AdminMemoryResponse> {
|
): Promise<AdminMemoryResponse> {
|
||||||
const url = `${base()}/${encodeURIComponent(userId)}/memory`;
|
return parse(
|
||||||
const result = await parse<AdminMemoryResponse>(await apiFetch(url), "Failed to load memory");
|
await apiFetch(`${base()}/${encodeURIComponent(userId)}/memory`),
|
||||||
writeYLog({
|
"Failed to load memory",
|
||||||
optType: OptType.view,
|
);
|
||||||
optDetail: "CM助手-全量-管理后台-查看用户记忆",
|
|
||||||
url,
|
|
||||||
reqParam: { userId },
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function getUserLeaderboard(
|
export async function getUserLeaderboard(
|
||||||
@@ -251,15 +229,10 @@ export async function getUserLeaderboard(
|
|||||||
until: range.until,
|
until: range.until,
|
||||||
limit: String(limit),
|
limit: String(limit),
|
||||||
});
|
});
|
||||||
const url = `${base()}/leaderboard?${params}`;
|
return parse(
|
||||||
const result = await parse<AdminLeaderboardResponse>(await apiFetch(url), "Failed to load leaderboard");
|
await apiFetch(`${base()}/leaderboard?${params}`),
|
||||||
writeYLog({
|
"Failed to load leaderboard",
|
||||||
optType: OptType.search,
|
);
|
||||||
optDetail: "CM助手-全量-管理后台-查询用户排行榜",
|
|
||||||
url,
|
|
||||||
reqParam: { ...range, limit },
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@@ -280,18 +253,12 @@ export async function refreshTodayLeaderboard(
|
|||||||
until: range.until,
|
until: range.until,
|
||||||
limit: String(limit),
|
limit: String(limit),
|
||||||
});
|
});
|
||||||
const url = `${base()}/leaderboard/refresh-today?${params}`;
|
return parse(
|
||||||
const result = await parse<AdminLeaderboardResponse>(
|
await apiFetch(`${base()}/leaderboard/refresh-today?${params}`, {
|
||||||
await apiFetch(url, { method: "POST" }),
|
method: "POST",
|
||||||
|
}),
|
||||||
"Failed to refresh today's leaderboard",
|
"Failed to refresh today's leaderboard",
|
||||||
);
|
);
|
||||||
writeYLog({
|
|
||||||
optType: OptType.other,
|
|
||||||
optDetail: "CM助手-全量-管理后台-刷新今日排行榜",
|
|
||||||
url,
|
|
||||||
reqParam: { ...range, limit },
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function getUserAnalytics(
|
export async function getUserAnalytics(
|
||||||
@@ -305,15 +272,10 @@ export async function getUserAnalytics(
|
|||||||
until: range.until,
|
until: range.until,
|
||||||
limit: String(limit),
|
limit: String(limit),
|
||||||
});
|
});
|
||||||
const url = `${base()}/${encodeURIComponent(userId)}/analytics?${params}`;
|
return parse(
|
||||||
const result = await parse<AdminUserAnalyticsResponse>(await apiFetch(url), "Failed to load user analytics");
|
await apiFetch(`${base()}/${encodeURIComponent(userId)}/analytics?${params}`),
|
||||||
writeYLog({
|
"Failed to load user analytics",
|
||||||
optType: OptType.view,
|
);
|
||||||
optDetail: "CM助手-全量-管理后台-查看用户分析",
|
|
||||||
url,
|
|
||||||
reqParam: { userId, ...range, limit },
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function generateUserLeaderboardReport(
|
export async function generateUserLeaderboardReport(
|
||||||
@@ -328,19 +290,12 @@ export async function generateUserLeaderboardReport(
|
|||||||
limit: String(limit),
|
limit: String(limit),
|
||||||
});
|
});
|
||||||
if (modelName) params.set("model_name", modelName);
|
if (modelName) params.set("model_name", modelName);
|
||||||
const url = `${base()}/leaderboard/report?${params}`;
|
return parse(
|
||||||
const result = await parse<AdminLeaderboardReportResponse>(
|
await apiFetch(`${base()}/leaderboard/report?${params}`, {
|
||||||
await apiFetch(url, { method: "POST" }),
|
method: "POST",
|
||||||
|
}),
|
||||||
"Failed to generate leaderboard report",
|
"Failed to generate leaderboard report",
|
||||||
);
|
);
|
||||||
writeYLog({
|
|
||||||
optType: OptType.other,
|
|
||||||
optDetail: "CM助手-全量-管理后台-生成排行榜报告",
|
|
||||||
url,
|
|
||||||
reqParam: { ...range, limit, modelName },
|
|
||||||
returnParam: { generated_at: result.generated_at, model_name: result.model_name },
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function parseSseFrame(frame: string): AdminLeaderboardReportStreamEvent | null {
|
function parseSseFrame(frame: string): AdminLeaderboardReportStreamEvent | null {
|
||||||
@@ -380,8 +335,7 @@ export async function streamUserLeaderboardReport({
|
|||||||
limit: String(limit),
|
limit: String(limit),
|
||||||
});
|
});
|
||||||
if (modelName) params.set("model_name", modelName);
|
if (modelName) params.set("model_name", modelName);
|
||||||
const url = `${base()}/leaderboard/report/stream?${params}`;
|
const response = await apiFetch(`${base()}/leaderboard/report/stream?${params}`, {
|
||||||
const response = await apiFetch(url, {
|
|
||||||
method: "POST",
|
method: "POST",
|
||||||
signal,
|
signal,
|
||||||
});
|
});
|
||||||
@@ -412,12 +366,6 @@ export async function streamUserLeaderboardReport({
|
|||||||
const parsed = parseSseFrame(tail);
|
const parsed = parseSseFrame(tail);
|
||||||
if (parsed) onEvent(parsed);
|
if (parsed) onEvent(parsed);
|
||||||
}
|
}
|
||||||
writeYLog({
|
|
||||||
optType: OptType.other,
|
|
||||||
optDetail: "CM助手-全量-管理后台-流式生成排行榜报告",
|
|
||||||
url,
|
|
||||||
reqParam: { ...range, limit, modelName },
|
|
||||||
});
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function addAdminMemoryEntry(
|
export async function addAdminMemoryEntry(
|
||||||
@@ -425,22 +373,14 @@ export async function addAdminMemoryEntry(
|
|||||||
content: string,
|
content: string,
|
||||||
agent: string | null,
|
agent: string | null,
|
||||||
): Promise<AdminMemoryBucket> {
|
): Promise<AdminMemoryBucket> {
|
||||||
const url = `${base()}/${encodeURIComponent(userId)}/memory/entries`;
|
return parse(
|
||||||
const result = await parse<AdminMemoryBucket>(
|
await apiFetch(`${base()}/${encodeURIComponent(userId)}/memory/entries`, {
|
||||||
await apiFetch(url, {
|
|
||||||
method: "POST",
|
method: "POST",
|
||||||
headers: { "Content-Type": "application/json" },
|
headers: { "Content-Type": "application/json" },
|
||||||
body: JSON.stringify({ content, agent }),
|
body: JSON.stringify({ content, agent }),
|
||||||
}),
|
}),
|
||||||
"Failed to add memory entry",
|
"Failed to add memory entry",
|
||||||
);
|
);
|
||||||
writeYLog({
|
|
||||||
optType: OptType.create,
|
|
||||||
optDetail: "CM助手-全量-管理后台-新增记忆条目",
|
|
||||||
url,
|
|
||||||
reqParam: { userId, content, agent },
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function replaceAdminMemoryEntry(
|
export async function replaceAdminMemoryEntry(
|
||||||
@@ -449,22 +389,14 @@ export async function replaceAdminMemoryEntry(
|
|||||||
content: string,
|
content: string,
|
||||||
agent: string | null,
|
agent: string | null,
|
||||||
): Promise<AdminMemoryBucket> {
|
): Promise<AdminMemoryBucket> {
|
||||||
const url = `${base()}/${encodeURIComponent(userId)}/memory/entries`;
|
return parse(
|
||||||
const result = await parse<AdminMemoryBucket>(
|
await apiFetch(`${base()}/${encodeURIComponent(userId)}/memory/entries`, {
|
||||||
await apiFetch(url, {
|
|
||||||
method: "PUT",
|
method: "PUT",
|
||||||
headers: { "Content-Type": "application/json" },
|
headers: { "Content-Type": "application/json" },
|
||||||
body: JSON.stringify({ old_text: oldText, content, agent }),
|
body: JSON.stringify({ old_text: oldText, content, agent }),
|
||||||
}),
|
}),
|
||||||
"Failed to replace memory entry",
|
"Failed to replace memory entry",
|
||||||
);
|
);
|
||||||
writeYLog({
|
|
||||||
optType: OptType.edit,
|
|
||||||
optDetail: "CM助手-全量-管理后台-编辑记忆条目",
|
|
||||||
url,
|
|
||||||
reqParam: { userId, old_text: oldText, content, agent },
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function deleteAdminMemoryEntry(
|
export async function deleteAdminMemoryEntry(
|
||||||
@@ -474,18 +406,13 @@ export async function deleteAdminMemoryEntry(
|
|||||||
): Promise<AdminMemoryBucket> {
|
): Promise<AdminMemoryBucket> {
|
||||||
const params = new URLSearchParams({ old_text: oldText });
|
const params = new URLSearchParams({ old_text: oldText });
|
||||||
if (agent) params.set("agent", agent);
|
if (agent) params.set("agent", agent);
|
||||||
const url = `${base()}/${encodeURIComponent(userId)}/memory/entries?${params}`;
|
return parse(
|
||||||
const result = await parse<AdminMemoryBucket>(
|
await apiFetch(
|
||||||
await apiFetch(url, { method: "DELETE" }),
|
`${base()}/${encodeURIComponent(userId)}/memory/entries?${params}`,
|
||||||
|
{ method: "DELETE" },
|
||||||
|
),
|
||||||
"Failed to delete memory entry",
|
"Failed to delete memory entry",
|
||||||
);
|
);
|
||||||
writeYLog({
|
|
||||||
optType: OptType.delete,
|
|
||||||
optDetail: "CM助手-全量-管理后台-删除记忆条目",
|
|
||||||
url,
|
|
||||||
reqParam: { userId, old_text: oldText, agent },
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// ── V1 Memory CRUD ──────────────────────────────────────────────────────────
|
// ── V1 Memory CRUD ──────────────────────────────────────────────────────────
|
||||||
@@ -497,22 +424,14 @@ export async function updateAdminV1Section(
|
|||||||
summary: string,
|
summary: string,
|
||||||
agent: string | null,
|
agent: string | null,
|
||||||
): Promise<AdminMemoryBucket> {
|
): Promise<AdminMemoryBucket> {
|
||||||
const url = `${base()}/${encodeURIComponent(userId)}/memory/v1/sections`;
|
return parse(
|
||||||
const result = await parse<AdminMemoryBucket>(
|
await apiFetch(`${base()}/${encodeURIComponent(userId)}/memory/v1/sections`, {
|
||||||
await apiFetch(url, {
|
|
||||||
method: "PUT",
|
method: "PUT",
|
||||||
headers: { "Content-Type": "application/json" },
|
headers: { "Content-Type": "application/json" },
|
||||||
body: JSON.stringify({ section_type: sectionType, field, summary, agent }),
|
body: JSON.stringify({ section_type: sectionType, field, summary, agent }),
|
||||||
}),
|
}),
|
||||||
"Failed to update V1 section",
|
"Failed to update V1 section",
|
||||||
);
|
);
|
||||||
writeYLog({
|
|
||||||
optType: OptType.edit,
|
|
||||||
optDetail: "CM助手-全量-管理后台-编辑记忆段落",
|
|
||||||
url,
|
|
||||||
reqParam: { userId, section_type: sectionType, field, summary, agent },
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function addAdminV1Fact(
|
export async function addAdminV1Fact(
|
||||||
@@ -522,22 +441,14 @@ export async function addAdminV1Fact(
|
|||||||
confidence: number,
|
confidence: number,
|
||||||
agent: string | null,
|
agent: string | null,
|
||||||
): Promise<AdminMemoryBucket> {
|
): Promise<AdminMemoryBucket> {
|
||||||
const url = `${base()}/${encodeURIComponent(userId)}/memory/v1/facts`;
|
return parse(
|
||||||
const result = await parse<AdminMemoryBucket>(
|
await apiFetch(`${base()}/${encodeURIComponent(userId)}/memory/v1/facts`, {
|
||||||
await apiFetch(url, {
|
|
||||||
method: "POST",
|
method: "POST",
|
||||||
headers: { "Content-Type": "application/json" },
|
headers: { "Content-Type": "application/json" },
|
||||||
body: JSON.stringify({ content, category, confidence, agent }),
|
body: JSON.stringify({ content, category, confidence, agent }),
|
||||||
}),
|
}),
|
||||||
"Failed to add V1 fact",
|
"Failed to add V1 fact",
|
||||||
);
|
);
|
||||||
writeYLog({
|
|
||||||
optType: OptType.create,
|
|
||||||
optDetail: "CM助手-全量-管理后台-新增记忆事实",
|
|
||||||
url,
|
|
||||||
reqParam: { userId, content, category, confidence, agent },
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function updateAdminV1Fact(
|
export async function updateAdminV1Fact(
|
||||||
@@ -546,22 +457,14 @@ export async function updateAdminV1Fact(
|
|||||||
updates: { content?: string; category?: string; confidence?: number },
|
updates: { content?: string; category?: string; confidence?: number },
|
||||||
agent: string | null,
|
agent: string | null,
|
||||||
): Promise<AdminMemoryBucket> {
|
): Promise<AdminMemoryBucket> {
|
||||||
const url = `${base()}/${encodeURIComponent(userId)}/memory/v1/facts/${encodeURIComponent(factId)}`;
|
return parse(
|
||||||
const result = await parse<AdminMemoryBucket>(
|
await apiFetch(`${base()}/${encodeURIComponent(userId)}/memory/v1/facts/${encodeURIComponent(factId)}`, {
|
||||||
await apiFetch(url, {
|
|
||||||
method: "PUT",
|
method: "PUT",
|
||||||
headers: { "Content-Type": "application/json" },
|
headers: { "Content-Type": "application/json" },
|
||||||
body: JSON.stringify({ ...updates, agent }),
|
body: JSON.stringify({ ...updates, agent }),
|
||||||
}),
|
}),
|
||||||
"Failed to update V1 fact",
|
"Failed to update V1 fact",
|
||||||
);
|
);
|
||||||
writeYLog({
|
|
||||||
optType: OptType.edit,
|
|
||||||
optDetail: "CM助手-全量-管理后台-编辑记忆事实",
|
|
||||||
url,
|
|
||||||
reqParam: { userId, factId, ...updates, agent },
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function deleteAdminV1Fact(
|
export async function deleteAdminV1Fact(
|
||||||
@@ -572,16 +475,11 @@ export async function deleteAdminV1Fact(
|
|||||||
const params = new URLSearchParams();
|
const params = new URLSearchParams();
|
||||||
if (agent) params.set("agent", agent);
|
if (agent) params.set("agent", agent);
|
||||||
const qs = params.toString() ? `?${params}` : "";
|
const qs = params.toString() ? `?${params}` : "";
|
||||||
const url = `${base()}/${encodeURIComponent(userId)}/memory/v1/facts/${encodeURIComponent(factId)}${qs}`;
|
return parse(
|
||||||
const result = await parse<AdminMemoryBucket>(
|
await apiFetch(
|
||||||
await apiFetch(url, { method: "DELETE" }),
|
`${base()}/${encodeURIComponent(userId)}/memory/v1/facts/${encodeURIComponent(factId)}${qs}`,
|
||||||
|
{ method: "DELETE" },
|
||||||
|
),
|
||||||
"Failed to delete V1 fact",
|
"Failed to delete V1 fact",
|
||||||
);
|
);
|
||||||
writeYLog({
|
|
||||||
optType: OptType.delete,
|
|
||||||
optDetail: "CM助手-全量-管理后台-删除记忆事实",
|
|
||||||
url,
|
|
||||||
reqParam: { userId, factId, agent },
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
@@ -17,96 +17,6 @@ import {
|
|||||||
updateAdminV1Fact,
|
updateAdminV1Fact,
|
||||||
updateAdminV1Section,
|
updateAdminV1Section,
|
||||||
} from "./api";
|
} from "./api";
|
||||||
import {
|
|
||||||
cancelActiveRun,
|
|
||||||
cancelAllActiveRuns,
|
|
||||||
getMonitorSettings,
|
|
||||||
loadActiveRuns,
|
|
||||||
loadConcurrencySeries,
|
|
||||||
loadTokenSpeedSeries,
|
|
||||||
updateMonitorSettings,
|
|
||||||
type Granularity,
|
|
||||||
} from "./active-runs";
|
|
||||||
|
|
||||||
// ── 实时并发监控 (admin) ─────────────────────────────────────────────────────
|
|
||||||
|
|
||||||
/** Live snapshot of in-flight runs. Polls every `intervalMs` while `enabled`. */
|
|
||||||
export function useActiveRuns(enabled = true, intervalMs = 4000) {
|
|
||||||
return useQuery({
|
|
||||||
queryKey: ["admin-active-runs", "live"],
|
|
||||||
queryFn: loadActiveRuns,
|
|
||||||
enabled,
|
|
||||||
refetchInterval: enabled ? intervalMs : false,
|
|
||||||
refetchOnWindowFocus: false,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
/** 并发量时序 (peak/avg per minute|hour). */
|
|
||||||
export function useConcurrencySeries(
|
|
||||||
granularity: Granularity,
|
|
||||||
hours: number | undefined,
|
|
||||||
enabled = true,
|
|
||||||
intervalMs = 15000,
|
|
||||||
) {
|
|
||||||
return useQuery({
|
|
||||||
queryKey: ["admin-active-runs", "concurrency", granularity, hours ?? null],
|
|
||||||
queryFn: () => loadConcurrencySeries(granularity, hours),
|
|
||||||
enabled,
|
|
||||||
refetchInterval: enabled ? intervalMs : false,
|
|
||||||
refetchOnWindowFocus: false,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
/** 大模型 token 出字速度时序 (tokens/sec per minute|hour). */
|
|
||||||
export function useTokenSpeedSeries(
|
|
||||||
granularity: Granularity,
|
|
||||||
hours: number | undefined,
|
|
||||||
enabled = true,
|
|
||||||
intervalMs = 15000,
|
|
||||||
) {
|
|
||||||
return useQuery({
|
|
||||||
queryKey: ["admin-active-runs", "token-speed", granularity, hours ?? null],
|
|
||||||
queryFn: () => loadTokenSpeedSeries(granularity, hours),
|
|
||||||
enabled,
|
|
||||||
refetchInterval: enabled ? intervalMs : false,
|
|
||||||
refetchOnWindowFocus: false,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
export function useCancelActiveRun() {
|
|
||||||
const qc = useQueryClient();
|
|
||||||
return useMutation({
|
|
||||||
mutationFn: (runId: string) => cancelActiveRun(runId),
|
|
||||||
onSuccess: () => qc.invalidateQueries({ queryKey: ["admin-active-runs", "live"] }),
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
export function useCancelAllActiveRuns() {
|
|
||||||
const qc = useQueryClient();
|
|
||||||
return useMutation({
|
|
||||||
mutationFn: () => cancelAllActiveRuns(),
|
|
||||||
onSuccess: () => qc.invalidateQueries({ queryKey: ["admin-active-runs", "live"] }),
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
export function useMonitorSettings(enabled = true) {
|
|
||||||
return useQuery({
|
|
||||||
queryKey: ["admin-active-runs", "settings"],
|
|
||||||
queryFn: getMonitorSettings,
|
|
||||||
enabled,
|
|
||||||
refetchOnWindowFocus: false,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
export function useUpdateMonitorSettings() {
|
|
||||||
const qc = useQueryClient();
|
|
||||||
return useMutation({
|
|
||||||
mutationFn: (nextEnabled: boolean) => updateMonitorSettings(nextEnabled),
|
|
||||||
onSuccess: (data) => {
|
|
||||||
qc.setQueryData(["admin-active-runs", "settings"], data);
|
|
||||||
},
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
export function useUserLeaderboard(
|
export function useUserLeaderboard(
|
||||||
range: {
|
range: {
|
||||||
|
|||||||
@@ -1,6 +1,5 @@
|
|||||||
import { getBackendBaseURL } from "@/core/config";
|
import { getBackendBaseURL } from "@/core/config";
|
||||||
import { apiFetch } from "@/core/api";
|
import { apiFetch } from "@/core/api";
|
||||||
import { OptType, writeYLog } from "@/core/log/y-log";
|
|
||||||
|
|
||||||
import type {
|
import type {
|
||||||
Agent,
|
Agent,
|
||||||
@@ -59,13 +58,6 @@ export async function listAgents(params: ListAgentsParams = {}): Promise<Agent[]
|
|||||||
);
|
);
|
||||||
if (!res.ok) throw new Error(`Failed to load agents: ${res.statusText}`);
|
if (!res.ok) throw new Error(`Failed to load agents: ${res.statusText}`);
|
||||||
const data = (await res.json()) as { agents: Agent[] };
|
const data = (await res.json()) as { agents: Agent[] };
|
||||||
writeYLog({
|
|
||||||
optType: OptType.search,
|
|
||||||
optDetail: "CM助手-全量-智能体列表",
|
|
||||||
url: `/api/agents${query ? `?${query}` : ""}`,
|
|
||||||
reqParam: params,
|
|
||||||
returnParam: data.agents,
|
|
||||||
});
|
|
||||||
return data.agents;
|
return data.agents;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -84,20 +76,12 @@ export async function listAgentsPaginated(
|
|||||||
page?: number;
|
page?: number;
|
||||||
page_size?: number;
|
page_size?: number;
|
||||||
};
|
};
|
||||||
const result: PaginatedAgents = {
|
return {
|
||||||
agents: data.agents,
|
agents: data.agents,
|
||||||
total: data.total ?? data.agents.length,
|
total: data.total ?? data.agents.length,
|
||||||
page: data.page ?? params.page ?? 1,
|
page: data.page ?? params.page ?? 1,
|
||||||
pageSize: data.page_size ?? params.pageSize ?? data.agents.length,
|
pageSize: data.page_size ?? params.pageSize ?? data.agents.length,
|
||||||
};
|
};
|
||||||
writeYLog({
|
|
||||||
optType: OptType.search,
|
|
||||||
optDetail: "CM助手-全量-智能体列表",
|
|
||||||
url: `/api/agents${query ? `?${query}` : ""}`,
|
|
||||||
reqParam: params,
|
|
||||||
returnParam: result,
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function listAllAgentsAdmin(): Promise<Agent[]> {
|
export async function listAllAgentsAdmin(): Promise<Agent[]> {
|
||||||
@@ -107,27 +91,13 @@ export async function listAllAgentsAdmin(): Promise<Agent[]> {
|
|||||||
throw new Error(err.detail ?? `Failed to load agents: ${res.statusText}`);
|
throw new Error(err.detail ?? `Failed to load agents: ${res.statusText}`);
|
||||||
}
|
}
|
||||||
const data = (await res.json()) as { agents: Agent[] };
|
const data = (await res.json()) as { agents: Agent[] };
|
||||||
writeYLog({
|
|
||||||
optType: OptType.search,
|
|
||||||
optDetail: "CM助手-全量-智能体列表",
|
|
||||||
url: `/api/agents?admin=true`,
|
|
||||||
returnParam: data.agents,
|
|
||||||
});
|
|
||||||
return data.agents;
|
return data.agents;
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function getAgent(id: string): Promise<Agent> {
|
export async function getAgent(id: string): Promise<Agent> {
|
||||||
const res = await apiFetch(`${getBackendBaseURL()}/api/agents/${id}`);
|
const res = await apiFetch(`${getBackendBaseURL()}/api/agents/${id}`);
|
||||||
if (!res.ok) throw new Error(`Agent '${id}' not found`);
|
if (!res.ok) throw new Error(`Agent '${id}' not found`);
|
||||||
const agent = (await res.json()) as Agent;
|
return res.json() as Promise<Agent>;
|
||||||
writeYLog({
|
|
||||||
optType: OptType.view,
|
|
||||||
optDetail: "CM助手-全量-智能体-查看",
|
|
||||||
url: `/api/agents/${id}`,
|
|
||||||
reqParam: { id },
|
|
||||||
returnParam: agent,
|
|
||||||
});
|
|
||||||
return agent;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function createAgent(request: CreateAgentRequest): Promise<Agent> {
|
export async function createAgent(request: CreateAgentRequest): Promise<Agent> {
|
||||||
@@ -140,15 +110,7 @@ export async function createAgent(request: CreateAgentRequest): Promise<Agent> {
|
|||||||
const err = (await res.json().catch(() => ({}))) as { detail?: string };
|
const err = (await res.json().catch(() => ({}))) as { detail?: string };
|
||||||
throw new Error(err.detail ?? `Failed to create agent: ${res.statusText}`);
|
throw new Error(err.detail ?? `Failed to create agent: ${res.statusText}`);
|
||||||
}
|
}
|
||||||
const created = (await res.json()) as Agent;
|
return res.json() as Promise<Agent>;
|
||||||
writeYLog({
|
|
||||||
optType: OptType.create,
|
|
||||||
optDetail: "CM助手-全量-智能体-新建",
|
|
||||||
url: `/api/agents`,
|
|
||||||
reqParam: request,
|
|
||||||
returnParam: created,
|
|
||||||
});
|
|
||||||
return created;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function updateAgent(
|
export async function updateAgent(
|
||||||
@@ -164,15 +126,7 @@ export async function updateAgent(
|
|||||||
const err = (await res.json().catch(() => ({}))) as { detail?: string };
|
const err = (await res.json().catch(() => ({}))) as { detail?: string };
|
||||||
throw new Error(err.detail ?? `Failed to update agent: ${res.statusText}`);
|
throw new Error(err.detail ?? `Failed to update agent: ${res.statusText}`);
|
||||||
}
|
}
|
||||||
const updated = (await res.json()) as Agent;
|
return res.json() as Promise<Agent>;
|
||||||
writeYLog({
|
|
||||||
optType: OptType.edit,
|
|
||||||
optDetail: "CM助手-全量-智能体-修改",
|
|
||||||
url: `/api/agents/${id}`,
|
|
||||||
reqParam: { id, ...request },
|
|
||||||
returnParam: updated,
|
|
||||||
});
|
|
||||||
return updated;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function deleteAgent(id: string): Promise<void> {
|
export async function deleteAgent(id: string): Promise<void> {
|
||||||
@@ -180,25 +134,12 @@ export async function deleteAgent(id: string): Promise<void> {
|
|||||||
method: "DELETE",
|
method: "DELETE",
|
||||||
});
|
});
|
||||||
if (!res.ok) throw new Error(`Failed to delete agent: ${res.statusText}`);
|
if (!res.ok) throw new Error(`Failed to delete agent: ${res.statusText}`);
|
||||||
writeYLog({
|
|
||||||
optType: OptType.delete,
|
|
||||||
optDetail: "CM助手-全量-智能体-删除",
|
|
||||||
url: `/api/agents/${id}`,
|
|
||||||
reqParam: { id },
|
|
||||||
});
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function getAgentSelector(): Promise<AgentSelectorResponse> {
|
export async function getAgentSelector(): Promise<AgentSelectorResponse> {
|
||||||
const res = await apiFetch(`${getBackendBaseURL()}/api/agents/selector`);
|
const res = await apiFetch(`${getBackendBaseURL()}/api/agents/selector`);
|
||||||
if (!res.ok) throw new Error(`Failed to load agent selector: ${res.statusText}`);
|
if (!res.ok) throw new Error(`Failed to load agent selector: ${res.statusText}`);
|
||||||
const selector = (await res.json()) as AgentSelectorResponse;
|
return res.json() as Promise<AgentSelectorResponse>;
|
||||||
writeYLog({
|
|
||||||
optType: OptType.search,
|
|
||||||
optDetail: "CM助手-全量-智能体-选择器",
|
|
||||||
url: `/api/agents/selector`,
|
|
||||||
returnParam: selector,
|
|
||||||
});
|
|
||||||
return selector;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function favoriteAgent(id: string): Promise<void> {
|
export async function favoriteAgent(id: string): Promise<void> {
|
||||||
@@ -209,12 +150,6 @@ export async function favoriteAgent(id: string): Promise<void> {
|
|||||||
const err = (await res.json().catch(() => ({}))) as { detail?: string };
|
const err = (await res.json().catch(() => ({}))) as { detail?: string };
|
||||||
throw new Error(err.detail ?? `Failed to favorite agent: ${res.statusText}`);
|
throw new Error(err.detail ?? `Failed to favorite agent: ${res.statusText}`);
|
||||||
}
|
}
|
||||||
writeYLog({
|
|
||||||
optType: OptType.edit,
|
|
||||||
optDetail: "CM助手-全量-智能体-收藏",
|
|
||||||
url: `/api/agents/${id}/favorite`,
|
|
||||||
reqParam: { id },
|
|
||||||
});
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function unfavoriteAgent(id: string): Promise<void> {
|
export async function unfavoriteAgent(id: string): Promise<void> {
|
||||||
@@ -225,12 +160,6 @@ export async function unfavoriteAgent(id: string): Promise<void> {
|
|||||||
const err = (await res.json().catch(() => ({}))) as { detail?: string };
|
const err = (await res.json().catch(() => ({}))) as { detail?: string };
|
||||||
throw new Error(err.detail ?? `Failed to unfavorite agent: ${res.statusText}`);
|
throw new Error(err.detail ?? `Failed to unfavorite agent: ${res.statusText}`);
|
||||||
}
|
}
|
||||||
writeYLog({
|
|
||||||
optType: OptType.edit,
|
|
||||||
optDetail: "CM助手-全量-智能体-取消收藏",
|
|
||||||
url: `/api/agents/${id}/favorite`,
|
|
||||||
reqParam: { id },
|
|
||||||
});
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function pinAgent(id: string): Promise<void> {
|
export async function pinAgent(id: string): Promise<void> {
|
||||||
@@ -241,12 +170,6 @@ export async function pinAgent(id: string): Promise<void> {
|
|||||||
const err = (await res.json().catch(() => ({}))) as { detail?: string };
|
const err = (await res.json().catch(() => ({}))) as { detail?: string };
|
||||||
throw new Error(err.detail ?? `Failed to pin agent: ${res.statusText}`);
|
throw new Error(err.detail ?? `Failed to pin agent: ${res.statusText}`);
|
||||||
}
|
}
|
||||||
writeYLog({
|
|
||||||
optType: OptType.edit,
|
|
||||||
optDetail: "CM助手-全量-智能体-置顶",
|
|
||||||
url: `/api/agents/${id}/pin`,
|
|
||||||
reqParam: { id },
|
|
||||||
});
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function unpinAgent(id: string): Promise<void> {
|
export async function unpinAgent(id: string): Promise<void> {
|
||||||
@@ -257,12 +180,6 @@ export async function unpinAgent(id: string): Promise<void> {
|
|||||||
const err = (await res.json().catch(() => ({}))) as { detail?: string };
|
const err = (await res.json().catch(() => ({}))) as { detail?: string };
|
||||||
throw new Error(err.detail ?? `Failed to unpin agent: ${res.statusText}`);
|
throw new Error(err.detail ?? `Failed to unpin agent: ${res.statusText}`);
|
||||||
}
|
}
|
||||||
writeYLog({
|
|
||||||
optType: OptType.edit,
|
|
||||||
optDetail: "CM助手-全量-智能体-取消置顶",
|
|
||||||
url: `/api/agents/${id}/pin`,
|
|
||||||
reqParam: { id },
|
|
||||||
});
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function reorderFeaturedAgents(agentIds: string[]): Promise<void> {
|
export async function reorderFeaturedAgents(agentIds: string[]): Promise<void> {
|
||||||
@@ -280,12 +197,6 @@ export async function reorderFeaturedAgents(agentIds: string[]): Promise<void> {
|
|||||||
err.detail ?? `Failed to reorder featured agents: ${res.statusText}`,
|
err.detail ?? `Failed to reorder featured agents: ${res.statusText}`,
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
writeYLog({
|
|
||||||
optType: OptType.edit,
|
|
||||||
optDetail: "CM助手-全量-智能体-精选排序",
|
|
||||||
url: `/api/agents/featured/order`,
|
|
||||||
reqParam: { agent_ids: agentIds },
|
|
||||||
});
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function listPrivateAgents(password: string): Promise<Agent[]> {
|
export async function listPrivateAgents(password: string): Promise<Agent[]> {
|
||||||
@@ -304,12 +215,6 @@ export async function listPrivateAgents(password: string): Promise<Agent[]> {
|
|||||||
);
|
);
|
||||||
}
|
}
|
||||||
const data = (await res.json()) as { agents: Agent[] };
|
const data = (await res.json()) as { agents: Agent[] };
|
||||||
writeYLog({
|
|
||||||
optType: OptType.search,
|
|
||||||
optDetail: "CM助手-全量-私有广场智能体列表",
|
|
||||||
url: `/api/agents/private-square/list`,
|
|
||||||
returnParam: data.agents,
|
|
||||||
});
|
|
||||||
return data.agents;
|
return data.agents;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -356,20 +261,12 @@ export async function listPrivateAgentsPaginated(
|
|||||||
page?: number;
|
page?: number;
|
||||||
page_size?: number;
|
page_size?: number;
|
||||||
};
|
};
|
||||||
const result: PaginatedAgents = {
|
return {
|
||||||
agents: data.agents,
|
agents: data.agents,
|
||||||
total: data.total ?? data.agents.length,
|
total: data.total ?? data.agents.length,
|
||||||
page: data.page ?? params.page ?? 1,
|
page: data.page ?? params.page ?? 1,
|
||||||
pageSize: data.page_size ?? params.pageSize ?? data.agents.length,
|
pageSize: data.page_size ?? params.pageSize ?? data.agents.length,
|
||||||
};
|
};
|
||||||
writeYLog({
|
|
||||||
optType: OptType.search,
|
|
||||||
optDetail: "CM助手-全量-私有广场智能体列表",
|
|
||||||
url: `/api/agents/private-square/list`,
|
|
||||||
reqParam: { ...params, password: undefined },
|
|
||||||
returnParam: result,
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function setAgentPrivate(
|
export async function setAgentPrivate(
|
||||||
@@ -390,15 +287,7 @@ export async function setAgentPrivate(
|
|||||||
err.detail ?? `Failed to update agent privacy: ${res.statusText}`,
|
err.detail ?? `Failed to update agent privacy: ${res.statusText}`,
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
const updated = (await res.json()) as Agent;
|
return res.json() as Promise<Agent>;
|
||||||
writeYLog({
|
|
||||||
optType: OptType.edit,
|
|
||||||
optDetail: "CM助手-全量-智能体-设置私有",
|
|
||||||
url: `/api/agents/${id}/private`,
|
|
||||||
reqParam: { id, is_private: isPrivate },
|
|
||||||
returnParam: updated,
|
|
||||||
});
|
|
||||||
return updated;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function setAgentFeatured(
|
export async function setAgentFeatured(
|
||||||
@@ -419,15 +308,7 @@ export async function setAgentFeatured(
|
|||||||
err.detail ?? `Failed to set featured: ${res.statusText}`,
|
err.detail ?? `Failed to set featured: ${res.statusText}`,
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
const updated = (await res.json()) as Agent;
|
return res.json() as Promise<Agent>;
|
||||||
writeYLog({
|
|
||||||
optType: OptType.edit,
|
|
||||||
optDetail: "CM助手-全量-智能体-设置精选",
|
|
||||||
url: `/api/agents/${id}/featured`,
|
|
||||||
reqParam: { id, order },
|
|
||||||
returnParam: updated,
|
|
||||||
});
|
|
||||||
return updated;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export interface AgentSkillsSyncRemoval {
|
export interface AgentSkillsSyncRemoval {
|
||||||
@@ -452,14 +333,7 @@ export async function adminSyncAgentSkills(): Promise<AgentSkillsSyncResult> {
|
|||||||
const err = (await res.json().catch(() => ({}))) as { detail?: string };
|
const err = (await res.json().catch(() => ({}))) as { detail?: string };
|
||||||
throw new Error(err.detail ?? `Failed to sync agent skills: ${res.statusText}`);
|
throw new Error(err.detail ?? `Failed to sync agent skills: ${res.statusText}`);
|
||||||
}
|
}
|
||||||
const result = (await res.json()) as AgentSkillsSyncResult;
|
return res.json() as Promise<AgentSkillsSyncResult>;
|
||||||
writeYLog({
|
|
||||||
optType: OptType.edit,
|
|
||||||
optDetail: "CM助手-全量-智能体-同步技能",
|
|
||||||
url: `/api/agents/admin/sync-skills`,
|
|
||||||
returnParam: result,
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export interface KnowledgeIngestAttempt {
|
export interface KnowledgeIngestAttempt {
|
||||||
@@ -497,15 +371,7 @@ export async function publishArtifactToKnowledge(request: {
|
|||||||
const err = (await res.json().catch(() => ({}))) as { detail?: string };
|
const err = (await res.json().catch(() => ({}))) as { detail?: string };
|
||||||
throw new Error(err.detail ?? `发布入库失败: ${res.statusText}`);
|
throw new Error(err.detail ?? `发布入库失败: ${res.statusText}`);
|
||||||
}
|
}
|
||||||
const result = (await res.json()) as KnowledgeIngestPublishResult;
|
return res.json() as Promise<KnowledgeIngestPublishResult>;
|
||||||
writeYLog({
|
|
||||||
optType: OptType.export,
|
|
||||||
optDetail: "CM助手-全量-智能体-产物发布入库",
|
|
||||||
url: `/api/knowledge-ingest/publish`,
|
|
||||||
reqParam: request,
|
|
||||||
returnParam: result,
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function checkAgentName(
|
export async function checkAgentName(
|
||||||
|
|||||||
@@ -58,10 +58,6 @@ export interface Agent {
|
|||||||
/** 入库模板名(外部知识入库接口的 templateName)。配置后该智能体会话中的
|
/** 入库模板名(外部知识入库接口的 templateName)。配置后该智能体会话中的
|
||||||
* Markdown 产物右上角出现"发布入库"按钮。空/缺省 = 不支持入库。 */
|
* Markdown 产物右上角出现"发布入库"按钮。空/缺省 = 不支持入库。 */
|
||||||
template_name?: string | null;
|
template_name?: string | null;
|
||||||
/** 会商席位「技能识别强化」开关。作为会商席位运行时,是否把本智能体配置的技能
|
|
||||||
* (名称 + SKILL.md 路径 + 必须先 read_file 的硬指令) 拼进本轮任务以补偿弱模型。
|
|
||||||
* 与业务链条同名开关取 OR。null/false = 关 (默认)。 */
|
|
||||||
seat_skill_directive?: boolean | null;
|
|
||||||
tags?: Tag[];
|
tags?: Tag[];
|
||||||
featured_order?: number | null;
|
featured_order?: number | null;
|
||||||
/** Whether the current user has favorited (收藏) this agent. */
|
/** Whether the current user has favorited (收藏) this agent. */
|
||||||
@@ -95,8 +91,6 @@ export interface CreateAgentRequest {
|
|||||||
tool_groups?: string[] | null;
|
tool_groups?: string[] | null;
|
||||||
common_questions?: AgentQuestion[] | null;
|
common_questions?: AgentQuestion[] | null;
|
||||||
template_name?: string | null;
|
template_name?: string | null;
|
||||||
/** 会商席位「技能识别强化」开关;缺省/false = 关。 */
|
|
||||||
seat_skill_directive?: boolean | null;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export interface UpdateAgentRequest {
|
export interface UpdateAgentRequest {
|
||||||
@@ -112,6 +106,4 @@ export interface UpdateAgentRequest {
|
|||||||
common_questions?: AgentQuestion[] | null;
|
common_questions?: AgentQuestion[] | null;
|
||||||
/** 入库模板名;传空字符串表示清除。 */
|
/** 入库模板名;传空字符串表示清除。 */
|
||||||
template_name?: string | null;
|
template_name?: string | null;
|
||||||
/** 会商席位「技能识别强化」开关;缺省/false = 关。 */
|
|
||||||
seat_skill_directive?: boolean | null;
|
|
||||||
}
|
}
|
||||||
@@ -1,6 +1,5 @@
|
|||||||
import { apiFetch } from "@/core/api/fetch-client";
|
import { apiFetch } from "@/core/api/fetch-client";
|
||||||
import { getBackendBaseURL } from "@/core/config";
|
import { getBackendBaseURL } from "@/core/config";
|
||||||
import { OptType, writeYLog } from "@/core/log/y-log";
|
|
||||||
import { downloadMarkdownAsDocx } from "@/core/scheduled-tasks/markdown-docx";
|
import { downloadMarkdownAsDocx } from "@/core/scheduled-tasks/markdown-docx";
|
||||||
|
|
||||||
function filenameFromContentDisposition(header: string | null): string | null {
|
function filenameFromContentDisposition(header: string | null): string | null {
|
||||||
@@ -80,31 +79,13 @@ export async function downloadMarkdownDocxFromBackend(options: {
|
|||||||
|
|
||||||
if (response.status === 404) {
|
if (response.status === 404) {
|
||||||
await downloadMarkdownAsDocx(markdown, options.title?.trim() || "document", options.title);
|
await downloadMarkdownAsDocx(markdown, options.title?.trim() || "document", options.title);
|
||||||
writeYLog({
|
|
||||||
optType: OptType.export,
|
|
||||||
optDetail: "CM助手-全量-导出-Word",
|
|
||||||
url: `${getBackendBaseURL()}/api/writing/export/docx`,
|
|
||||||
reqParam: { title: options.title?.trim() || undefined },
|
|
||||||
});
|
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
await downloadBlobResponse(response, fallbackFilename);
|
await downloadBlobResponse(response, fallbackFilename);
|
||||||
writeYLog({
|
|
||||||
optType: OptType.export,
|
|
||||||
optDetail: "CM助手-全量-导出-Word",
|
|
||||||
url: `${getBackendBaseURL()}/api/writing/export/docx`,
|
|
||||||
reqParam: { title: options.title?.trim() || undefined },
|
|
||||||
});
|
|
||||||
} catch (err) {
|
} catch (err) {
|
||||||
if (err instanceof TypeError) {
|
if (err instanceof TypeError) {
|
||||||
await downloadMarkdownAsDocx(markdown, options.title?.trim() || "document", options.title);
|
await downloadMarkdownAsDocx(markdown, options.title?.trim() || "document", options.title);
|
||||||
writeYLog({
|
|
||||||
optType: OptType.export,
|
|
||||||
optDetail: "CM助手-全量-导出-Word",
|
|
||||||
url: `${getBackendBaseURL()}/api/writing/export/docx`,
|
|
||||||
reqParam: { title: options.title?.trim() || undefined },
|
|
||||||
});
|
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
throw err;
|
throw err;
|
||||||
|
|||||||
@@ -1,5 +1,4 @@
|
|||||||
import { apiFetch } from "@/core/api";
|
import { apiFetch } from "@/core/api";
|
||||||
import { OptType, writeYLog } from "@/core/log/y-log";
|
|
||||||
|
|
||||||
import { urlOfArtifact } from "./utils";
|
import { urlOfArtifact } from "./utils";
|
||||||
|
|
||||||
@@ -27,8 +26,7 @@ export async function updateArtifactContent({
|
|||||||
content: string;
|
content: string;
|
||||||
isMock?: boolean;
|
isMock?: boolean;
|
||||||
}) {
|
}) {
|
||||||
const url = urlOfArtifact({ filepath, threadId, isMock });
|
const res = await apiFetch(urlOfArtifact({ filepath, threadId, isMock }), {
|
||||||
const res = await apiFetch(url, {
|
|
||||||
method: "PATCH",
|
method: "PATCH",
|
||||||
headers: {
|
headers: {
|
||||||
"Content-Type": "application/json",
|
"Content-Type": "application/json",
|
||||||
@@ -38,11 +36,5 @@ export async function updateArtifactContent({
|
|||||||
if (!res.ok) {
|
if (!res.ok) {
|
||||||
throw new Error(await errorMessageFromResponse(res));
|
throw new Error(await errorMessageFromResponse(res));
|
||||||
}
|
}
|
||||||
writeYLog({
|
|
||||||
optType: OptType.edit,
|
|
||||||
optDetail: "CM助手-全量-产物-编辑产物内容",
|
|
||||||
url,
|
|
||||||
reqParam: { filepath, threadId },
|
|
||||||
});
|
|
||||||
return res.text();
|
return res.text();
|
||||||
}
|
}
|
||||||
@@ -11,14 +11,6 @@ export interface UserListItem {
|
|||||||
agent_count: number;
|
agent_count: number;
|
||||||
/** 问答次数:用户提问的次数(一次提问算一次)。 */
|
/** 问答次数:用户提问的次数(一次提问算一次)。 */
|
||||||
qa_count: number;
|
qa_count: number;
|
||||||
/** 登录白名单放行标记:开关开启后仅 approved 用户(或 admin)可登录。 */
|
|
||||||
approved: boolean;
|
|
||||||
/**
|
|
||||||
* 账号级「登录口令」(明文,仅管理员可见)。非空 → 该账号用户名直登必须带匹配的
|
|
||||||
* `?password=`;为空/null → 走原有共享口令门/免口令逻辑。管理员据此拼出登录链接
|
|
||||||
* `…/login/<用户名>?password=xxxx` 发给用户。
|
|
||||||
*/
|
|
||||||
login_password: string | null;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function listAllUsers(): Promise<UserListItem[]> {
|
export async function listAllUsers(): Promise<UserListItem[]> {
|
||||||
@@ -27,39 +19,6 @@ export async function listAllUsers(): Promise<UserListItem[]> {
|
|||||||
return res.json() as Promise<UserListItem[]>;
|
return res.json() as Promise<UserListItem[]>;
|
||||||
}
|
}
|
||||||
|
|
||||||
/** 放行 / 取消放行某个注册用户(登录白名单)。Admin only。 */
|
|
||||||
export async function setUserApproval(userId: string, approved: boolean): Promise<UserListItem> {
|
|
||||||
const res = await apiFetch(`${getBackendBaseURL()}/api/v1/auth/users/${encodeURIComponent(userId)}/approval`, {
|
|
||||||
method: "PUT",
|
|
||||||
headers: { "Content-Type": "application/json" },
|
|
||||||
body: JSON.stringify({ approved }),
|
|
||||||
});
|
|
||||||
if (!res.ok) {
|
|
||||||
const data = await res.json().catch(() => null);
|
|
||||||
throw new Error(extractErrorMessage(data, "保存失败"));
|
|
||||||
}
|
|
||||||
return res.json() as Promise<UserListItem>;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 设置 / 清除某个账号的「登录口令」(明文)。Admin only。
|
|
||||||
*
|
|
||||||
* 传非空字符串 → 设置;传 `null` 或空字符串 → 清除。设置后该账号用户名直登需带匹配的
|
|
||||||
* `?password=`。返回更新后的用户项(含明文 `login_password`)。
|
|
||||||
*/
|
|
||||||
export async function setUserLoginPassword(userId: string, password: string | null): Promise<UserListItem> {
|
|
||||||
const res = await apiFetch(`${getBackendBaseURL()}/api/v1/auth/users/${encodeURIComponent(userId)}/login-password`, {
|
|
||||||
method: "PUT",
|
|
||||||
headers: { "Content-Type": "application/json" },
|
|
||||||
body: JSON.stringify({ password }),
|
|
||||||
});
|
|
||||||
if (!res.ok) {
|
|
||||||
const data = await res.json().catch(() => null);
|
|
||||||
throw new Error(extractErrorMessage(data, "保存失败"));
|
|
||||||
}
|
|
||||||
return res.json() as Promise<UserListItem>;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Normalize a FastAPI error body into a human-readable string. `detail` may be
|
// Normalize a FastAPI error body into a human-readable string. `detail` may be
|
||||||
// a plain string, an object like AuthErrorResponse ({ code, message }), or an
|
// a plain string, an object like AuthErrorResponse ({ code, message }), or an
|
||||||
// array of validation errors — anything but a string would otherwise render as
|
// array of validation errors — anything but a string would otherwise render as
|
||||||
|
|||||||
@@ -1,264 +0,0 @@
|
|||||||
/**
|
|
||||||
* 大屏绘制智能体「独立页面」的**输入 JSON** 适配 seam。
|
|
||||||
*
|
|
||||||
* 设计意图:深链 `?taskId=` 模式下,后端提供「研判情报报告」接口
|
|
||||||
* GET `{VITE_AIPI_CONSUMER_URL}/cop/selectSqReport?taskId=`
|
|
||||||
* 返回该任务的多类情报内容;本页把它**提取成干净的结构化 JSON** 交给智能体分析
|
|
||||||
* → 产出 report-json → 绘制大屏(react / html)。
|
|
||||||
*
|
|
||||||
* 接口返回结构:`{ state, msg, data: [{ id, taskId, ..., contentJson, categoryType }] }`,
|
|
||||||
* 其中 `contentJson` 是**被转义的 JSON 字符串**,`categoryType` 形如「敌情关键事件 JSON」。
|
|
||||||
* 本模块 `extractSqReport` 把每条的 `contentJson` 反序列化、按 `categoryType` 归类,
|
|
||||||
* 拼成 `{ taskId, categories: { 敌情关键事件: [...], 决心建议: {...}, ... } }` 喂给智能体。
|
|
||||||
*
|
|
||||||
* ⚠️ 真实接口现在还**请求不到**:通过 `VITE_MOCK_SQ_REPORT=true`(见 `utils/request.ts`)
|
|
||||||
* 走后端给的样例假数据(`sq-report-mock.json`),机制与 cop-task-detail 假数据一致。
|
|
||||||
* 联调通过后把该 env 置 false 即走真实接口;接口/数据若有变只需改 `extractSqReport`。
|
|
||||||
*/
|
|
||||||
|
|
||||||
import { requestCrudService } from "@/service/request-axios-service";
|
|
||||||
import { readCopTaskDetail } from "@/core/auth/task-deeplink";
|
|
||||||
import { fetchTaskDeeplinkConfig } from "@/core/auth/task-deeplink-config";
|
|
||||||
|
|
||||||
/** 本页输入 JSON 暂存的 sessionStorage key(拉取一次后复用,避免重复请求)。 */
|
|
||||||
export const DASHBOARD_INPUT_STORAGE_KEY = "dashboard.inputJson";
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 🧪 演示用模拟业务 JSON —— JSON 接口未就绪、也没有登录任务详情时的兜底输入。
|
|
||||||
* 让大屏页可立即跑通:智能体分析这份数据 → report-json → 渲染大屏。
|
|
||||||
* ⚠️ 接口就绪后删除本常量及其兜底引用。
|
|
||||||
*/
|
|
||||||
export const DEMO_DASHBOARD_INPUT = {
|
|
||||||
taskId: "DEMO-涉台舆情",
|
|
||||||
taskName: "2026 第一季度涉台舆情态势研判",
|
|
||||||
taskContent:
|
|
||||||
"汇总境内外多平台涉台舆情数据,研判热点叙事走势、关键行为体立场与传播渠道分布,识别风险并给出处置建议。",
|
|
||||||
overview:
|
|
||||||
"本季涉台舆情整体平稳但局部波动,'两岸交流''和平发展'类正向叙事占比上升,少数账号借军事议题制造紧张;境外智库与媒体联动放大特定框架。",
|
|
||||||
period: "2026-01-01 ~ 2026-03-31",
|
|
||||||
kpis: {
|
|
||||||
总信息量: 1284000,
|
|
||||||
日均增速: "12%",
|
|
||||||
正向占比: "58%",
|
|
||||||
负向占比: "19%",
|
|
||||||
识别风险点: 7,
|
|
||||||
覆盖平台: 12,
|
|
||||||
},
|
|
||||||
channels: [
|
|
||||||
{ platform: "微博", share: 34 },
|
|
||||||
{ platform: "境外社媒(X/FB)", share: 27 },
|
|
||||||
{ platform: "短视频", share: 18 },
|
|
||||||
{ platform: "新闻门户", share: 13 },
|
|
||||||
{ platform: "论坛/贴吧", share: 8 },
|
|
||||||
],
|
|
||||||
narratives: [
|
|
||||||
{ theme: "两岸交流与融合发展", sentiment: "正向", volume: 42, trend: "up" },
|
|
||||||
{ theme: "和平稳定·避战", sentiment: "正向", volume: 26, trend: "up" },
|
|
||||||
{ theme: "军事演训与安全", sentiment: "中性偏负", volume: 21, trend: "flat" },
|
|
||||||
{ theme: "外部势力介入", sentiment: "负向", volume: 11, trend: "down" },
|
|
||||||
],
|
|
||||||
actors: [
|
|
||||||
{ name: "主流官媒", stance: "正面引导", influence: 88, note: "议程设置与权威发布" },
|
|
||||||
{ name: "岛内民间团体", stance: "中性多元", influence: 64, note: "交流合作类内容活跃" },
|
|
||||||
{ name: "境外智库", stance: "负面框架", influence: 57, note: "联动媒体放大紧张叙事" },
|
|
||||||
{ name: "自媒体大V", stance: "立场分化", influence: 49, note: "情绪化传播、易被借势" },
|
|
||||||
],
|
|
||||||
risks: [
|
|
||||||
{ label: "军事议题被恶意剪辑放大", level: "high" },
|
|
||||||
{ label: "境外智库联动制造紧张框架", level: "high" },
|
|
||||||
{ label: "个别大V情绪化带节奏", level: "mid" },
|
|
||||||
{ label: "短视频谣言二次传播", level: "mid" },
|
|
||||||
{ label: "节假日期间信息量骤增", level: "low" },
|
|
||||||
],
|
|
||||||
timeline: [
|
|
||||||
{ phase: "数据汇聚", desc: "12 平台多源采集与清洗去重" },
|
|
||||||
{ phase: "叙事识别", desc: "聚类提炼核心叙事与情感倾向" },
|
|
||||||
{ phase: "行为体画像", desc: "关键账号立场与影响力建模" },
|
|
||||||
{ phase: "风险研判", desc: "识别高危议题与传播链路" },
|
|
||||||
{ phase: "处置建议", desc: "分级响应与正向引导预案" },
|
|
||||||
],
|
|
||||||
weeklyVolume: [
|
|
||||||
{ week: "W1", value: 86 },
|
|
||||||
{ week: "W2", value: 92 },
|
|
||||||
{ week: "W3", value: 110 },
|
|
||||||
{ week: "W4", value: 134 },
|
|
||||||
{ week: "W5", value: 121 },
|
|
||||||
{ week: "W6", value: 158 },
|
|
||||||
],
|
|
||||||
};
|
|
||||||
|
|
||||||
/** 「研判情报报告」接口完整地址:`{VITE_AIPI_CONSUMER_URL}/cop/selectSqReport`。 */
|
|
||||||
function sqReportUrl(): string {
|
|
||||||
const value = (import.meta.env as Record<string, unknown>).VITE_AIPI_CONSUMER_URL;
|
|
||||||
const base = typeof value === "string" ? value.replace(/\/+$/, "") : "";
|
|
||||||
return base ? `${base}/cop/selectSqReport` : "";
|
|
||||||
}
|
|
||||||
|
|
||||||
/** 把单条 `contentJson` 反序列化为对象/数组/原值(已是对象则原样返回)。 */
|
|
||||||
function parseContentJson(raw: unknown): unknown {
|
|
||||||
if (typeof raw !== "string") return raw ?? null;
|
|
||||||
const text = raw.trim();
|
|
||||||
if (!text) return null;
|
|
||||||
try {
|
|
||||||
return JSON.parse(text);
|
|
||||||
} catch {
|
|
||||||
return text; // 解析失败就把原始字符串透传给智能体,让它自行理解
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/** 去掉 categoryType 末尾的「 JSON」后缀,作为归类键(如「敌情关键事件 JSON」→「敌情关键事件」)。 */
|
|
||||||
function categoryKey(categoryType: unknown, index: number): string {
|
|
||||||
const raw = typeof categoryType === "string" ? categoryType.trim() : "";
|
|
||||||
const cleaned = raw.replace(/\s*JSON\s*$/i, "").trim();
|
|
||||||
return cleaned || `分类${index + 1}`;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 把 selectSqReport 的整包响应**提取**成喂给智能体的干净结构化输入:
|
|
||||||
* `{ taskId, source, categories: { [类目]: 反序列化后的内容 } }`
|
|
||||||
* 返回 null 表示无可用内容(调用方据此回退/不开跑)。
|
|
||||||
*/
|
|
||||||
export function extractSqReport(body: unknown, taskId: string): unknown | null {
|
|
||||||
const data = (body && typeof body === "object" ? (body as { data?: unknown }).data : null) as
|
|
||||||
| Array<Record<string, unknown>>
|
|
||||||
| undefined;
|
|
||||||
if (!Array.isArray(data) || data.length === 0) return null;
|
|
||||||
const categories: Record<string, unknown> = {};
|
|
||||||
data.forEach((item, index) => {
|
|
||||||
const content = parseContentJson(item?.contentJson);
|
|
||||||
if (content == null) return;
|
|
||||||
let key = categoryKey(item?.categoryType, index);
|
|
||||||
if (key in categories) key = `${key}(${index + 1})`; // 同名类目去重保留
|
|
||||||
categories[key] = content;
|
|
||||||
});
|
|
||||||
if (Object.keys(categories).length === 0) return null;
|
|
||||||
return { taskId, source: "cop/selectSqReport", categories };
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 输入 JSON 缓存**仅供开发(mock)使用**:`VITE_MOCK_SQ_REPORT==='true'` 时才读/写缓存,
|
|
||||||
* 避免开发反复请求样例假数据。真实接口模式(false)下不读不写缓存,**始终拉取真实数据**。
|
|
||||||
*/
|
|
||||||
function inputCacheEnabled(): boolean {
|
|
||||||
return (import.meta.env as Record<string, unknown>).VITE_MOCK_SQ_REPORT === "true";
|
|
||||||
}
|
|
||||||
|
|
||||||
/** 读取暂存的输入 JSON(仅 mock 开发模式生效,真实模式恒返回 null 以强制重新拉取)。 */
|
|
||||||
export function readDashboardInputJson(): unknown | null {
|
|
||||||
if (!inputCacheEnabled()) return null;
|
|
||||||
try {
|
|
||||||
const raw = sessionStorage.getItem(DASHBOARD_INPUT_STORAGE_KEY);
|
|
||||||
return raw ? JSON.parse(raw) : null;
|
|
||||||
} catch {
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/** 暂存输入 JSON(仅 mock 开发模式生效;隐私模式/quota 异常静默失败)。 */
|
|
||||||
export function persistDashboardInputJson(data: unknown): void {
|
|
||||||
if (!inputCacheEnabled()) return;
|
|
||||||
try {
|
|
||||||
sessionStorage.setItem(DASHBOARD_INPUT_STORAGE_KEY, JSON.stringify(data));
|
|
||||||
} catch {
|
|
||||||
/* noop */
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/** 用登录暂存的任务详情拼一份占位输入(接口未就绪时的回退)。 */
|
|
||||||
function placeholderFromCopTask(taskId: string): unknown | null {
|
|
||||||
const detail = readCopTaskDetail();
|
|
||||||
if (!detail) return taskId ? { taskId } : null;
|
|
||||||
return {
|
|
||||||
taskId,
|
|
||||||
taskName: detail.taskName,
|
|
||||||
taskContent: detail.taskContent,
|
|
||||||
overview: detail.overview,
|
|
||||||
taskDirection: detail.taskDirection,
|
|
||||||
_note: "占位输入(真实业务 JSON 接口未就绪)",
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 取本页的输入 JSON:**先请求 selectSqReport,待其返回后再交给模型抽取**。
|
|
||||||
*
|
|
||||||
* - 真实接口模式(`VITE_MOCK_SQ_REPORT=false`):不读缓存、不兜底假数据——
|
|
||||||
* **只用接口真实返回的内容**;请求失败或返回空一律返回 `null`(页面据此提示「请求失败/无数据」,
|
|
||||||
* 绝不拿占位/演示数据去喂模型,避免「没等接口就抽取假数据」)。
|
|
||||||
* - mock 开发模式(true):走本地样例假数据(见 utils/request.ts)并缓存避免反复请求;
|
|
||||||
* 仅此模式在接口不可用时回退 copTaskDetail 占位 / DEMO 演示数据,保证开发能跑通。
|
|
||||||
*/
|
|
||||||
export async function fetchDashboardInputJson(
|
|
||||||
taskId: string,
|
|
||||||
opts?: { forceRefresh?: boolean },
|
|
||||||
): Promise<unknown | null> {
|
|
||||||
const mock = inputCacheEnabled(); // true=mock/开发;false=真实接口
|
|
||||||
// forceRefresh(重新分析/修改时):跳过缓存,强制重新请求接口拿**最新数据**(数据可能已变化)。
|
|
||||||
const cached = opts?.forceRefresh ? null : readDashboardInputJson(); // 真实模式恒 null(缓存仅开发用)
|
|
||||||
if (cached) return cached;
|
|
||||||
|
|
||||||
const url = sqReportUrl();
|
|
||||||
if (url && taskId) {
|
|
||||||
try {
|
|
||||||
// service 拦截器统一注入鉴权并返回 response.data(整包 body)。
|
|
||||||
// await 在此:必须**等接口返回**后才有 body 可 extract → 再由上层启动模型抽取。
|
|
||||||
const body = await requestCrudService.get(url, { taskId });
|
|
||||||
const extracted = extractSqReport(body, taskId);
|
|
||||||
if (extracted) {
|
|
||||||
persistDashboardInputJson(extracted); // 真实模式 no-op
|
|
||||||
return extracted;
|
|
||||||
}
|
|
||||||
} catch {
|
|
||||||
/* 请求失败:真实模式返回 null(见下),mock 模式落占位/DEMO */
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// 真实接口模式:**不兜底假数据**。失败/空 → null,让页面提示而不是拿假数据喂模型。
|
|
||||||
if (!mock) return null;
|
|
||||||
|
|
||||||
// 以下兜底**仅 mock/开发模式**:copTaskDetail 占位 / DEMO 演示数据,保证开发能看效果。
|
|
||||||
const placeholder = placeholderFromCopTask(taskId);
|
|
||||||
const detail = readCopTaskDetail();
|
|
||||||
const resolved = detail ? placeholder : { ...DEMO_DASHBOARD_INPUT, taskId: taskId || DEMO_DASHBOARD_INPUT.taskId };
|
|
||||||
if (resolved) persistDashboardInputJson(resolved);
|
|
||||||
return resolved;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ---------------------- rwfx 进入预检:3q 是否完成 ---------------------- */
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 「3q(研判情报报告)是否完成」状态:
|
|
||||||
* - ``complete`` = selectSqReport 数组里有有效内容;
|
|
||||||
* - ``incomplete`` = 数组为空 / 每条 contentJson 都是 null/空(3q 未完成);
|
|
||||||
* - ``unknown`` = 缺 consumer 地址 / 请求异常(无法判定,调用方应静默放行)。
|
|
||||||
*/
|
|
||||||
export type SqReportStatus = "complete" | "incomplete" | "unknown";
|
|
||||||
|
|
||||||
/**
|
|
||||||
* rwfx(任务分析)进入时的「3q 是否完成」预检:调 selectSqReport,复用 ``extractSqReport``
|
|
||||||
* 判定该任务是否已有有效研判情报。判定口径与大屏绘制取数完全一致(空/全 null → 无内容)。
|
|
||||||
* - 有可用内容 → ``complete``(正常);
|
|
||||||
* - 空 / 全 null → ``incomplete``(rwfx 据此弹框引导去 3qfx);
|
|
||||||
* - 缺地址 / 请求失败 → ``unknown``(不打扰用户)。
|
|
||||||
*
|
|
||||||
* **数据源由后端配置 ``task_deeplink.test`` 决定**(线上 selectSqReport 外部不可用时):
|
|
||||||
* - ``test=true`` → 直接用 ``config.yaml`` 的 ``mock.sq_report`` 假数据判定,**不发请求**
|
|
||||||
* (与目的树查询/行动解析的 mock 同一套机制,见 [[task-deeplink-config]]);
|
|
||||||
* - ``test=false`` → 调真实接口 ``GET {VITE_AIPI_CONSUMER_URL}/cop/selectSqReport?taskId=``。
|
|
||||||
*/
|
|
||||||
export async function fetchSqReportStatus(taskId: string): Promise<SqReportStatus> {
|
|
||||||
if (!taskId) return "unknown";
|
|
||||||
const cfg = await fetchTaskDeeplinkConfig();
|
|
||||||
// test=true:外部接口不可用,直接用后端 config 的假数据判定(不打真实接口)。
|
|
||||||
if (cfg.test) {
|
|
||||||
return extractSqReport(cfg.mock.sqReport, taskId) ? "complete" : "incomplete";
|
|
||||||
}
|
|
||||||
// 真实模式:打真实接口。service 拦截器统一注入鉴权并返回整包 body;空/全 null → null。
|
|
||||||
const url = sqReportUrl();
|
|
||||||
if (!url) return "unknown";
|
|
||||||
try {
|
|
||||||
const body = await requestCrudService.get(url, { taskId });
|
|
||||||
return extractSqReport(body, taskId) ? "complete" : "incomplete";
|
|
||||||
} catch {
|
|
||||||
return "unknown";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,7 +0,0 @@
|
|||||||
export function normalizeExternalAccessToken(value: unknown): string {
|
|
||||||
if (value == null) return "";
|
|
||||||
const token = String(value).trim();
|
|
||||||
if (!token) return "";
|
|
||||||
const lowered = token.toLowerCase();
|
|
||||||
return lowered === "null" || lowered === "undefined" ? "" : token;
|
|
||||||
}
|
|
||||||
@@ -9,8 +9,6 @@
|
|||||||
* theme 不存(直接走 ThemeContext,避免双源)。
|
* theme 不存(直接走 ThemeContext,避免双源)。
|
||||||
*/
|
*/
|
||||||
|
|
||||||
import { authStorageGet, authStorageSet } from "@/core/auth/scoped-storage";
|
|
||||||
|
|
||||||
export const EXTERNAL_LOGIN_STORAGE_KEYS = {
|
export const EXTERNAL_LOGIN_STORAGE_KEYS = {
|
||||||
ticket: "login.ticket",
|
ticket: "login.ticket",
|
||||||
userId: "login.userId",
|
userId: "login.userId",
|
||||||
@@ -29,25 +27,32 @@ export type ExternalLoginParams = {
|
|||||||
|
|
||||||
/** 把外部跳转带来的三个参数写到 localStorage;隐私模式 / quota 异常时静默失败 */
|
/** 把外部跳转带来的三个参数写到 localStorage;隐私模式 / quota 异常时静默失败 */
|
||||||
export function persistExternalLoginParams(params: ExternalLoginParams): void {
|
export function persistExternalLoginParams(params: ExternalLoginParams): void {
|
||||||
// 嵌入(iframe)态走 sessionStorage(按标签页隔离),正常态走 localStorage —— 见 scoped-storage.ts。
|
try {
|
||||||
if (params.ticket) {
|
if (params.ticket) {
|
||||||
authStorageSet(EXTERNAL_LOGIN_STORAGE_KEYS.ticket, params.ticket);
|
localStorage.setItem(EXTERNAL_LOGIN_STORAGE_KEYS.ticket, params.ticket);
|
||||||
}
|
}
|
||||||
if (params.userId) {
|
if (params.userId) {
|
||||||
authStorageSet(EXTERNAL_LOGIN_STORAGE_KEYS.userId, params.userId);
|
localStorage.setItem(EXTERNAL_LOGIN_STORAGE_KEYS.userId, params.userId);
|
||||||
}
|
}
|
||||||
if (params.env) {
|
if (params.env) {
|
||||||
authStorageSet(EXTERNAL_LOGIN_STORAGE_KEYS.env, params.env);
|
localStorage.setItem(EXTERNAL_LOGIN_STORAGE_KEYS.env, params.env);
|
||||||
|
}
|
||||||
|
} catch {
|
||||||
|
// localStorage 不可用时不阻断登录流程
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/** 读取持久化的外部登录参数;不可用时返回空字符串 */
|
/** 读取持久化的外部登录参数;不可用时返回空字符串 */
|
||||||
export function readExternalLoginParams(): Required<ExternalLoginParams> {
|
export function readExternalLoginParams(): Required<ExternalLoginParams> {
|
||||||
return {
|
try {
|
||||||
ticket: authStorageGet(EXTERNAL_LOGIN_STORAGE_KEYS.ticket) ?? "",
|
return {
|
||||||
userId: authStorageGet(EXTERNAL_LOGIN_STORAGE_KEYS.userId) ?? "",
|
ticket: localStorage.getItem(EXTERNAL_LOGIN_STORAGE_KEYS.ticket) ?? "",
|
||||||
env: authStorageGet(EXTERNAL_LOGIN_STORAGE_KEYS.env) ?? "",
|
userId: localStorage.getItem(EXTERNAL_LOGIN_STORAGE_KEYS.userId) ?? "",
|
||||||
};
|
env: localStorage.getItem(EXTERNAL_LOGIN_STORAGE_KEYS.env) ?? "",
|
||||||
|
};
|
||||||
|
} catch {
|
||||||
|
return { ticket: "", userId: "", env: "" };
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|||||||
@@ -1,8 +1,6 @@
|
|||||||
import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
|
import { useQuery } from "@tanstack/react-query";
|
||||||
|
|
||||||
import { OptType, writeYLog } from "@/core/log/y-log";
|
import { listAllUsers } from "./api";
|
||||||
|
|
||||||
import { listAllUsers, setUserApproval, setUserLoginPassword } from "./api";
|
|
||||||
|
|
||||||
export function useAllUsers(enabled: boolean) {
|
export function useAllUsers(enabled: boolean) {
|
||||||
return useQuery({
|
return useQuery({
|
||||||
@@ -11,38 +9,3 @@ export function useAllUsers(enabled: boolean) {
|
|||||||
enabled,
|
enabled,
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
/** 放行 / 取消放行某个用户(登录白名单),成功后刷新用户列表缓存。 */
|
|
||||||
export function useSetUserApproval() {
|
|
||||||
const queryClient = useQueryClient();
|
|
||||||
return useMutation({
|
|
||||||
mutationFn: ({ userId, approved }: { userId: string; approved: boolean }) => setUserApproval(userId, approved),
|
|
||||||
onSuccess: (_data, vars) => {
|
|
||||||
writeYLog({
|
|
||||||
optType: vars.approved ? OptType.enabled : OptType.disabled,
|
|
||||||
optDetail: `CM助手-全量-白名单管理-${vars.approved ? "放行" : "取消放行"}用户`,
|
|
||||||
url: `/api/v1/auth/users/${vars.userId}/approval`,
|
|
||||||
reqParam: vars,
|
|
||||||
});
|
|
||||||
void queryClient.invalidateQueries({ queryKey: ["admin", "users"] });
|
|
||||||
},
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
/** 设置 / 清除某账号的「登录口令」(明文),成功后刷新用户列表缓存。 */
|
|
||||||
export function useSetUserLoginPassword() {
|
|
||||||
const queryClient = useQueryClient();
|
|
||||||
return useMutation({
|
|
||||||
mutationFn: ({ userId, password }: { userId: string; password: string | null }) => setUserLoginPassword(userId, password),
|
|
||||||
onSuccess: (_data, vars) => {
|
|
||||||
const cleared = vars.password == null || vars.password === "";
|
|
||||||
writeYLog({
|
|
||||||
optType: cleared ? OptType.delete : OptType.edit,
|
|
||||||
optDetail: `CM助手-全量-白名单管理-${cleared ? "清除" : "设置"}账号登录口令`,
|
|
||||||
url: `/api/v1/auth/users/${vars.userId}/login-password`,
|
|
||||||
reqParam: { userId: vars.userId },
|
|
||||||
});
|
|
||||||
void queryClient.invalidateQueries({ queryKey: ["admin", "users"] });
|
|
||||||
},
|
|
||||||
});
|
|
||||||
}
|
|
||||||
@@ -1,116 +1,94 @@
|
|||||||
export interface LoginByUsernameResponse {
|
export interface LoginByUsernameResponse {
|
||||||
access_token: string;
|
access_token: string;
|
||||||
token_type: string;
|
token_type: string;
|
||||||
expires_in: number;
|
expires_in: number;
|
||||||
user_id: string;
|
user_id: string;
|
||||||
email: string;
|
email: string;
|
||||||
system_role: string;
|
system_role: string;
|
||||||
needs_setup: boolean;
|
needs_setup: boolean;
|
||||||
created: boolean;
|
created: boolean;
|
||||||
/**
|
}
|
||||||
* 本次登录解析出的原始登录用户名(token 登录=getTokenInfo 解析值;用户名登录=所传用户名)。
|
|
||||||
* 用于跳转外链时拼 ``?username=``——后端落库的邮箱前缀是归一化(小写/替换)后的,有损,故以此为准。
|
const AUTH_STORAGE_KEY = "deerflow.auth";
|
||||||
* 旧后端可能不返回。
|
|
||||||
*/
|
function isBrowser(): boolean {
|
||||||
username?: string;
|
return typeof window !== "undefined";
|
||||||
}
|
}
|
||||||
|
|
||||||
import {
|
export function getStoredAuth(): LoginByUsernameResponse | null {
|
||||||
authStorageGet,
|
if (!isBrowser()) {
|
||||||
authStorageRemove,
|
return null;
|
||||||
authStorageSet,
|
}
|
||||||
} from "@/core/auth/scoped-storage";
|
const raw = window.localStorage.getItem(AUTH_STORAGE_KEY);
|
||||||
|
if (!raw) {
|
||||||
const AUTH_STORAGE_KEY = "deerflow.auth";
|
return null;
|
||||||
|
}
|
||||||
function isBrowser(): boolean {
|
try {
|
||||||
return typeof window !== "undefined";
|
return JSON.parse(raw) as LoginByUsernameResponse;
|
||||||
}
|
} catch {
|
||||||
|
return null;
|
||||||
export function getStoredAuth(): LoginByUsernameResponse | null {
|
}
|
||||||
if (!isBrowser()) {
|
}
|
||||||
return null;
|
|
||||||
}
|
export function setStoredAuth(auth: LoginByUsernameResponse) {
|
||||||
// 嵌入(iframe)态走 sessionStorage、正常态走 localStorage —— 隔离 iframe 登录用户与正常登录用户。
|
if (!isBrowser()) {
|
||||||
const raw = authStorageGet(AUTH_STORAGE_KEY);
|
return;
|
||||||
if (!raw) {
|
}
|
||||||
return null;
|
window.localStorage.setItem(AUTH_STORAGE_KEY, JSON.stringify(auth));
|
||||||
}
|
}
|
||||||
try {
|
|
||||||
return JSON.parse(raw) as LoginByUsernameResponse;
|
export function clearStoredAuth() {
|
||||||
} catch {
|
if (!isBrowser()) {
|
||||||
return null;
|
return;
|
||||||
}
|
}
|
||||||
}
|
window.localStorage.removeItem(AUTH_STORAGE_KEY);
|
||||||
|
}
|
||||||
export function setStoredAuth(auth: LoginByUsernameResponse) {
|
|
||||||
if (!isBrowser()) {
|
/**
|
||||||
return;
|
* 把登录用户名写入 localStorage.userInfo.userName(顶栏用户区据此显示)。
|
||||||
}
|
* 仅在尚未设置时写入,避免覆盖外部登录(yUserId)从 consumer 拿到的用户名。
|
||||||
authStorageSet(AUTH_STORAGE_KEY, JSON.stringify(auth));
|
*/
|
||||||
}
|
export function setStoredUserName(name: string | null | undefined) {
|
||||||
|
if (!isBrowser()) {
|
||||||
export function clearStoredAuth() {
|
return;
|
||||||
if (!isBrowser()) {
|
}
|
||||||
return;
|
const trimmed = name?.trim();
|
||||||
}
|
if (!trimmed) {
|
||||||
authStorageRemove(AUTH_STORAGE_KEY);
|
return;
|
||||||
}
|
}
|
||||||
|
let info: Record<string, unknown> = {};
|
||||||
/** 与设置 → 个人信息页「用户名」一致:邮箱 @ 前缀,否则 user_id。 */
|
try {
|
||||||
export function getAccountDisplayName(
|
const raw = window.localStorage.getItem("userInfo");
|
||||||
auth: LoginByUsernameResponse | null = getStoredAuth(),
|
if (raw) {
|
||||||
): string {
|
const parsed = JSON.parse(raw);
|
||||||
if (!auth) return "用户";
|
if (parsed && typeof parsed === "object") {
|
||||||
const usernameFromEmail = (auth.email ?? "").split("@")[0] ?? "";
|
info = parsed as Record<string, unknown>;
|
||||||
return usernameFromEmail || auth.user_id || "用户";
|
}
|
||||||
}
|
}
|
||||||
|
} catch {
|
||||||
/**
|
info = {};
|
||||||
* 把登录用户名写入 localStorage.userInfo.userName(轻应用登录参数等场景使用)。
|
}
|
||||||
* 仅在尚未设置时写入,避免覆盖外部登录(yUserId)从 consumer 拿到的用户名。
|
if (typeof info.userName === "string" && info.userName.trim()) {
|
||||||
*/
|
return;
|
||||||
export function setStoredUserName(name: string | null | undefined) {
|
}
|
||||||
if (!isBrowser()) {
|
info.userName = trimmed;
|
||||||
return;
|
window.localStorage.setItem("userInfo", JSON.stringify(info));
|
||||||
}
|
}
|
||||||
const trimmed = name?.trim();
|
|
||||||
if (!trimmed) {
|
export function getAccessToken(): string | undefined {
|
||||||
return;
|
const auth = getStoredAuth();
|
||||||
}
|
const token = auth?.access_token?.trim();
|
||||||
let info: Record<string, unknown> = {};
|
return token ? token : undefined;
|
||||||
try {
|
}
|
||||||
const raw = authStorageGet("userInfo");
|
|
||||||
if (raw) {
|
export function getAuthorizationHeaderValue(): string | undefined {
|
||||||
const parsed = JSON.parse(raw);
|
const auth = getStoredAuth();
|
||||||
if (parsed && typeof parsed === "object") {
|
const token = auth?.access_token?.trim();
|
||||||
info = parsed as Record<string, unknown>;
|
if (!token) {
|
||||||
}
|
return undefined;
|
||||||
}
|
}
|
||||||
} catch {
|
const rawType = auth?.token_type?.trim();
|
||||||
info = {};
|
const tokenType = rawType ? rawType : "Bearer";
|
||||||
}
|
return `${tokenType} ${token}`;
|
||||||
if (typeof info.userName === "string" && info.userName.trim()) {
|
}
|
||||||
return;
|
|
||||||
}
|
|
||||||
info.userName = trimmed;
|
|
||||||
authStorageSet("userInfo", JSON.stringify(info));
|
|
||||||
}
|
|
||||||
|
|
||||||
export function getAccessToken(): string | undefined {
|
|
||||||
const auth = getStoredAuth();
|
|
||||||
const token = auth?.access_token?.trim();
|
|
||||||
return token ? token : undefined;
|
|
||||||
}
|
|
||||||
|
|
||||||
export function getAuthorizationHeaderValue(): string | undefined {
|
|
||||||
const auth = getStoredAuth();
|
|
||||||
const token = auth?.access_token?.trim();
|
|
||||||
if (!token) {
|
|
||||||
return undefined;
|
|
||||||
}
|
|
||||||
const rawType = auth?.token_type?.trim();
|
|
||||||
const tokenType = rawType ? rawType : "Bearer";
|
|
||||||
return `${tokenType} ${token}`;
|
|
||||||
}
|
|
||||||
|
|
||||||
@@ -1,61 +0,0 @@
|
|||||||
/**
|
|
||||||
* 任务工作区跳转外链时要拼接的「登录态凭据」:token1 + 登录用户名 的存取。
|
|
||||||
*
|
|
||||||
* - **token1** = token 登录用的上游 token(登录 URL 的 ``?authToken=``,即走
|
|
||||||
* ``/api/v1/auth/login/token`` 这条 token 换登录路径用的 token)。
|
|
||||||
* - **username** = 后端 token 登录时用该 token 调 ``getTokenInfo`` 解析出的**登录用户名**
|
|
||||||
* (见 ``auth.py`` ``/login/token`` → ``UsernameLoginResponse.username``)。**不是**邮箱
|
|
||||||
* 前缀、也**不是**解 JWT 得来——后端把它落库时会 ``.lower()`` + 归一化,邮箱前缀是有损的,
|
|
||||||
* 所以以后端回传的原始值为准。
|
|
||||||
*
|
|
||||||
* 二者均经 [[scoped-storage]] 的 ``authStorage*`` 存取(键用 ``login.`` 前缀,属其受保护
|
|
||||||
* 鉴权键族):嵌入(iframe)/独立会话态自动落 sessionStorage 隔离、正常态落 localStorage,
|
|
||||||
* 并随「开启独立会话」一起被 ``migrateAuthToSession`` 迁移。
|
|
||||||
*
|
|
||||||
* **门控**:仅 token 登录(``authToken`` 存在)才写入。非 token 登录不写 token1 → 跳转按钮
|
|
||||||
* 的「追加登录态」开关此时读不到 token,自然不追加(符合「必须用 login/token 登录才能带
|
|
||||||
* token 跳转」)。
|
|
||||||
*/
|
|
||||||
|
|
||||||
import {
|
|
||||||
authStorageGet,
|
|
||||||
authStorageRemove,
|
|
||||||
authStorageSet,
|
|
||||||
} from "@/core/auth/scoped-storage";
|
|
||||||
import { getAccountDisplayName, type LoginByUsernameResponse } from "@/core/auth";
|
|
||||||
|
|
||||||
const LOGIN_TOKEN_KEY = "login.token1";
|
|
||||||
const LOGIN_USERNAME_KEY = "login.username";
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 持久化 token 登录的 token1 + 用户名(token 登录成功后调用)。
|
|
||||||
* ``authToken`` 为空则整次忽略(非 token 登录不留痕)。
|
|
||||||
*/
|
|
||||||
export function persistLoginCredentials(
|
|
||||||
authToken: string | null | undefined,
|
|
||||||
auth: LoginByUsernameResponse | null,
|
|
||||||
): void {
|
|
||||||
const token = authToken?.trim();
|
|
||||||
if (!token) return;
|
|
||||||
authStorageSet(LOGIN_TOKEN_KEY, token);
|
|
||||||
// 优先用后端回传的原始登录名(getTokenInfo 解析值);旧后端无该字段时退回账号显示名
|
|
||||||
// (邮箱 @ 前缀)兜底,保证总有个值可用。
|
|
||||||
const username = auth?.username?.trim() || getAccountDisplayName(auth);
|
|
||||||
if (username) authStorageSet(LOGIN_USERNAME_KEY, username);
|
|
||||||
}
|
|
||||||
|
|
||||||
/** 读 token1(无则 ``null`` → 跳转不追加登录态)。 */
|
|
||||||
export function readLoginToken(): string | null {
|
|
||||||
return authStorageGet(LOGIN_TOKEN_KEY);
|
|
||||||
}
|
|
||||||
|
|
||||||
/** 读登录用户名(无则 ``null``)。 */
|
|
||||||
export function readLoginUsername(): string | null {
|
|
||||||
return authStorageGet(LOGIN_USERNAME_KEY);
|
|
||||||
}
|
|
||||||
|
|
||||||
/** 清除登录态凭据(登出时调用)。 */
|
|
||||||
export function clearLoginCredentials(): void {
|
|
||||||
authStorageRemove(LOGIN_TOKEN_KEY);
|
|
||||||
authStorageRemove(LOGIN_USERNAME_KEY);
|
|
||||||
}
|
|
||||||
@@ -1,94 +0,0 @@
|
|||||||
/**
|
|
||||||
* 鉴权 / 身份存储的「按登录态隔离」选择器。
|
|
||||||
*
|
|
||||||
* 诉求:外部系统用 iframe 套用咱们的深链问答时,**iframe 里登录的用户**要和**同浏览器正常登录
|
|
||||||
* 的用户**完全隔离——不然 iframe 里随便登一个用户,会覆盖正常标签页的登录态(甚至触发跨标签
|
|
||||||
* 账号变更提示)。
|
|
||||||
*
|
|
||||||
* 根因:同源下 `localStorage` 跨所有标签页共享,鉴权 token(`deerflow.auth`)/ 身份(`userInfo`)/
|
|
||||||
* 外部登录参数(`login.*` / `tools_token`)都存在那里,iframe 一写就污染正常页。
|
|
||||||
*
|
|
||||||
* 方案:嵌入态(`isEmbedActive()`,见 [[embed-session]])下,这些键改走 **sessionStorage**——它按
|
|
||||||
* **标签页/浏览上下文**隔离,iframe(即便同源)有自己独立的一份,写它绝不动正常标签页的
|
|
||||||
* localStorage,也不会触发正常页的 `storage` 事件(见 sync.tsx 的跨标签账号监听)。正常态仍走
|
|
||||||
* localStorage,行为零变化。
|
|
||||||
*
|
|
||||||
* 把所有受保护键的读写都收口到 `authStorage()`,保证同一标签页内读写落到同一处(嵌入态恒为
|
|
||||||
* sessionStorage、正常态恒为 localStorage;嵌入标志一进程内不翻转,故一致)。
|
|
||||||
*/
|
|
||||||
|
|
||||||
import { isEmbedActive, isIsolatedSession } from "@/core/embed/embed-session";
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 返回当前应使用的鉴权存储:嵌入态(iframe)**或**独立会话态(`?isolate=1`)→ sessionStorage
|
|
||||||
* (按标签页隔离);否则 → localStorage(跨标签共享、持久)。非浏览器环境返回 null(调用方各自
|
|
||||||
* 有 SSR 守卫)。两种隔离态等价于「本标签页鉴权独立、绝不污染其它标签页登录态」,区别仅在于嵌入态
|
|
||||||
* 还会去 chrome / 强制主题,独立会话态只切换存储。
|
|
||||||
*/
|
|
||||||
export function authStorage(): Storage | null {
|
|
||||||
if (typeof window === "undefined") return null;
|
|
||||||
return isEmbedActive() || isIsolatedSession() ? window.sessionStorage : window.localStorage;
|
|
||||||
}
|
|
||||||
|
|
||||||
/** 读受保护键(嵌入态 sessionStorage / 正常态 localStorage)。 */
|
|
||||||
export function authStorageGet(key: string): string | null {
|
|
||||||
try {
|
|
||||||
return authStorage()?.getItem(key) ?? null;
|
|
||||||
} catch {
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/** 写受保护键。隐私模式 / quota 异常静默失败。 */
|
|
||||||
export function authStorageSet(key: string, value: string): void {
|
|
||||||
try {
|
|
||||||
authStorage()?.setItem(key, value);
|
|
||||||
} catch {
|
|
||||||
/* noop */
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/** 删受保护键。 */
|
|
||||||
export function authStorageRemove(key: string): void {
|
|
||||||
try {
|
|
||||||
authStorage()?.removeItem(key);
|
|
||||||
} catch {
|
|
||||||
/* noop */
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 受 `authStorage()` 收口管理的鉴权 / 身份键:四个精确键 + `login.` 前缀(外部登录参数族
|
|
||||||
* ticket/userId/env/maxkeyOnlineToken/userDetailToken)。用于「开启独立会话」时把当前登录态从
|
|
||||||
* localStorage 快照搬进 sessionStorage,避免切换存储后被登出。
|
|
||||||
*/
|
|
||||||
const PROTECTED_AUTH_EXACT_KEYS = ["deerflow.auth", "userInfo", "userId", "tools_token"];
|
|
||||||
const PROTECTED_AUTH_PREFIX = "login.";
|
|
||||||
|
|
||||||
function isProtectedAuthKey(key: string): boolean {
|
|
||||||
return PROTECTED_AUTH_EXACT_KEYS.includes(key) || key.startsWith(PROTECTED_AUTH_PREFIX);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 把 localStorage 里的鉴权 / 身份键**快照复制**进 sessionStorage(覆盖式)。
|
|
||||||
*
|
|
||||||
* 「外观」设置开启独立会话时调用:此后 `authStorage()` 改读 sessionStorage,若不先搬一份当前账号
|
|
||||||
* 过去就会瞬间「未登录」。每次开启都重新快照(覆盖旧值),确保拿到的是当前 localStorage 的最新账号。
|
|
||||||
* 仅搬受保护键,不动 sessionStorage 里既有的本标签页专属态(embed.session / 任务上下文等)。
|
|
||||||
*/
|
|
||||||
export function migrateAuthToSession(): void {
|
|
||||||
if (typeof window === "undefined") return;
|
|
||||||
try {
|
|
||||||
const ls = window.localStorage;
|
|
||||||
const ss = window.sessionStorage;
|
|
||||||
for (let i = 0; i < ls.length; i++) {
|
|
||||||
const key = ls.key(i);
|
|
||||||
if (key && isProtectedAuthKey(key)) {
|
|
||||||
const value = ls.getItem(key);
|
|
||||||
if (value !== null) ss.setItem(key, value);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
} catch {
|
|
||||||
/* noop */
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -4,7 +4,6 @@ import { useEffect, useRef } from "react";
|
|||||||
import { toast } from "sonner";
|
import { toast } from "sonner";
|
||||||
|
|
||||||
import { getStoredAuth } from "@/core/auth";
|
import { getStoredAuth } from "@/core/auth";
|
||||||
import { isEmbedActive, isIsolatedSession } from "@/core/embed/embed-session";
|
|
||||||
|
|
||||||
const AUTH_STORAGE_KEY = "deerflow.auth";
|
const AUTH_STORAGE_KEY = "deerflow.auth";
|
||||||
const SETTLE_DELAY_MS = 1200;
|
const SETTLE_DELAY_MS = 1200;
|
||||||
@@ -22,10 +21,6 @@ export function AuthSyncWatcher() {
|
|||||||
const lastUserIdRef = useRef<string | null>(readUserId());
|
const lastUserIdRef = useRef<string | null>(readUserId());
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
// 嵌入(iframe)态 / 独立会话态(?isolate=1):鉴权走按标签页的 sessionStorage,本就不与其它标签页
|
|
||||||
// 共享,且不应被其它标签页的 localStorage 账号变更打扰 —— 直接不挂跨标签监听。
|
|
||||||
if (isEmbedActive() || isIsolatedSession()) return;
|
|
||||||
|
|
||||||
let settleTimer: ReturnType<typeof setTimeout> | null = null;
|
let settleTimer: ReturnType<typeof setTimeout> | null = null;
|
||||||
|
|
||||||
function evaluateSettledIdentity() {
|
function evaluateSettledIdentity() {
|
||||||
@@ -52,11 +47,6 @@ export function AuthSyncWatcher() {
|
|||||||
}
|
}
|
||||||
|
|
||||||
function handleStorage(event: StorageEvent) {
|
function handleStorage(event: StorageEvent) {
|
||||||
// 运行时若已切到独立会话(「外观」开关在挂载后才开启):鉴权改读本标签页 sessionStorage,
|
|
||||||
// 不应再被其它标签页的 localStorage 账号变更打扰 —— 即时忽略,无需刷新页面。
|
|
||||||
if (isEmbedActive() || isIsolatedSession()) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
// Ignore unrelated keys and localStorage.clear(). Backend session loss is
|
// Ignore unrelated keys and localStorage.clear(). Backend session loss is
|
||||||
// handled centrally through 401 responses.
|
// handled centrally through 401 responses.
|
||||||
if (event.key !== AUTH_STORAGE_KEY) {
|
if (event.key !== AUTH_STORAGE_KEY) {
|
||||||
|
|||||||
@@ -1,395 +0,0 @@
|
|||||||
/**
|
|
||||||
* 任务工作区(任务深链 rwfx / 3qfx / xdfx,见 ``TaskFxWorkspace``)左侧栏的
|
|
||||||
* **可配置跳转按钮**。
|
|
||||||
*
|
|
||||||
* 数据源优先级:后端 ``/api/task-buttons``(全局共享、admin 整体替换)。**仅当整张表
|
|
||||||
* 为空(全新部署、从未保存过)**时回退到代码种子默认(``defaultTaskButtons``,从实时
|
|
||||||
* 任务深链配置读出 rwfx 的 4 个历史按钮,3qfx/xdfx 为空)——这样真实跳转地址通过实时
|
|
||||||
* config 进种子,避免写死;一旦保存过,后端即唯一数据源。
|
|
||||||
*
|
|
||||||
* 按钮两类(``linkType``):``url``(外链 ``window.open``;**或应用内路由**——target 以 ``/`` 开头
|
|
||||||
* 时按内部路由处理:``self`` 走 react-router 同窗导航、``blank`` 拼 hash 路由新标签;可选追加 ``?{idParam}=id``)/
|
|
||||||
* ``business`` 内部切换到另一业务(复用 [[task-deeplink]] 的 ``resolveTaskDeeplinkTarget``)。
|
|
||||||
*/
|
|
||||||
|
|
||||||
import {
|
|
||||||
appendQueryParam,
|
|
||||||
type TaskDeeplinkConfig,
|
|
||||||
} from "@/core/auth/task-deeplink-config";
|
|
||||||
import {
|
|
||||||
readCopTaskDetail,
|
|
||||||
resolveTaskDeeplinkTarget,
|
|
||||||
} from "@/core/auth/task-deeplink";
|
|
||||||
import { readUserInfo, resolveRouteParamValue } from "@/strategy-components/lib/light-app";
|
|
||||||
import {
|
|
||||||
readLoginToken,
|
|
||||||
readLoginUsername,
|
|
||||||
} from "@/core/auth/login-credentials";
|
|
||||||
|
|
||||||
/** 「大屏绘制」独立页应用内路由(深链「上一步」默认指向它,跳转追加 ?taskId=)。 */
|
|
||||||
export const DASHBOARD_AGENT_ROUTE = "/page/strategy/dashboard-agent";
|
|
||||||
|
|
||||||
/** 任务工作区业务码(与路由 taskBase 一一对应)。 */
|
|
||||||
export type TaskBusiness = "rwfx" | "3qfx" | "xdfx";
|
|
||||||
|
|
||||||
/** 业务元数据:每个 = 一个任务深链页面。``goPath`` 为深链 ``?goPath=`` 值;``desc`` 给管理页说明。 */
|
|
||||||
export const TASK_BUSINESSES: {
|
|
||||||
code: TaskBusiness;
|
|
||||||
/** 页面名(tab 主标题)。 */
|
|
||||||
name: string;
|
|
||||||
/** 深链 goPath 值。 */
|
|
||||||
goPath: string;
|
|
||||||
/** 页面说明。 */
|
|
||||||
desc: string;
|
|
||||||
}[] = [
|
|
||||||
{
|
|
||||||
code: "rwfx",
|
|
||||||
name: "任务分析",
|
|
||||||
goPath: "rwfx",
|
|
||||||
desc: "完整版任务工作区(带目的树闸门),通过 ?goPath=rwfx 进入。",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
code: "3qfx",
|
|
||||||
name: "三情分析",
|
|
||||||
goPath: "3qfx",
|
|
||||||
desc: "精简版工作区(无目的树闸门),通过 ?goPath=3qfx 进入。",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
code: "xdfx",
|
|
||||||
name: "行动分析",
|
|
||||||
goPath: "xdfx",
|
|
||||||
desc: "精简版工作区,通过 ?goPath=xdfx 进入(深链 taskId 实为行动id)。",
|
|
||||||
},
|
|
||||||
];
|
|
||||||
|
|
||||||
/** ``url``=外链 / ``business``=切换业务 / ``purpose``=弹出任务目的树表格(无需 target)。 */
|
|
||||||
export type TaskButtonLinkType = "url" | "business" | "purpose";
|
|
||||||
|
|
||||||
/** 追加的 id 取哪种:``task``=任务id(默认)/ ``action``=行动id(仅 xdfx 二者不同)。 */
|
|
||||||
export type TaskButtonIdKind = "task" | "action";
|
|
||||||
|
|
||||||
/** ``url`` 外链打开方式:``blank``=新窗口(默认)/ ``self``=当前窗口(嵌入态即当前 iframe)。 */
|
|
||||||
export type TaskButtonOpenMode = "blank" | "self";
|
|
||||||
|
|
||||||
/**
|
|
||||||
* ``url`` 外链追加的**登录参数**(与「应用管理」一致):在拼好的跳转地址后再依次
|
|
||||||
* 追加 ``?{key}={value}``,``value`` 运行时从 ``userInfo`` 按 ``source`` 解析
|
|
||||||
* (``other`` 时取 ``customValue`` 字面值)。复用 [[light-app-center]] 的取值来源。
|
|
||||||
*/
|
|
||||||
export interface TaskButtonLoginParam {
|
|
||||||
/** 拼到 URL 的查询参数名。 */
|
|
||||||
key: string;
|
|
||||||
/** 取值来源:``userInfo`` 字段名(如 ``accessToken`` / ``yUserId``)或 ``other``(自填)。 */
|
|
||||||
source: string;
|
|
||||||
/** ``source==="other"`` 时的自定义字面值。 */
|
|
||||||
customValue: string;
|
|
||||||
}
|
|
||||||
|
|
||||||
/** 一个可配置跳转按钮。 */
|
|
||||||
export interface TaskButton {
|
|
||||||
id: string;
|
|
||||||
business: TaskBusiness;
|
|
||||||
label: string;
|
|
||||||
linkType: TaskButtonLinkType;
|
|
||||||
/** ``url``=完整地址;``business``=目标业务码(如 ``3qfx``)。 */
|
|
||||||
target: string;
|
|
||||||
/** ``url`` 类型是否追加 id 查询参数。 */
|
|
||||||
appendTaskId: boolean;
|
|
||||||
/** 追加的查询参数名(如 ``id`` / ``task_id``);空则用 ``id``。 */
|
|
||||||
idParam: string;
|
|
||||||
/**
|
|
||||||
* ``url`` 追加 id 时取任务id 还是行动id。仅 xdfx(行动分析)二者不同:深链原始 ``?taskId=``
|
|
||||||
* 实为行动id,任务id 由 action 接口解析。其它业务两者相同。
|
|
||||||
*/
|
|
||||||
idKind: TaskButtonIdKind;
|
|
||||||
/** ``url`` 外链打开方式:``blank``=新窗口(默认)/ ``self``=当前窗口。仅 ``url`` 类型有意义。 */
|
|
||||||
openMode: TaskButtonOpenMode;
|
|
||||||
/** ``url`` 外链追加的登录参数列表(仅 ``url`` 类型有意义;为空则不追加,行为同旧版)。 */
|
|
||||||
loginParams: TaskButtonLoginParam[];
|
|
||||||
/**
|
|
||||||
* ``url`` 跳转是否追加登录态:token1(token 登录的上游 token)+ 登录用户名,供外链所在的
|
|
||||||
* 外部系统识别当前登录用户。**仅 token 登录**(前端存有 token1,见 [[login-credentials]])时
|
|
||||||
* 实际拼上;非 token 登录读不到 token1,自动跳过(按钮照常跳,只是不带这两个参数)。
|
|
||||||
*/
|
|
||||||
appendAuth: boolean;
|
|
||||||
/** 追加 token 的查询参数名(空则用 ``token``)。 */
|
|
||||||
authTokenParam: string;
|
|
||||||
/** 追加用户名的查询参数名(空则用 ``username``)。 */
|
|
||||||
authNameParam: string;
|
|
||||||
enabled: boolean;
|
|
||||||
sortOrder: number;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 运行时解析单个登录参数的值——**与「应用管理」完全一致**:直接复用 light-app 的
|
|
||||||
* ``resolveRouteParamValue``(把本按钮的登录参数适配成 ``login`` 类型的路由参数),
|
|
||||||
* 保证取值来源/逻辑跟轻应用一模一样(``other`` 取字面 ``customValue``,否则从
|
|
||||||
* ``userInfo`` 取 ``source`` 字段)。
|
|
||||||
*/
|
|
||||||
function resolveLoginParamValue(
|
|
||||||
p: TaskButtonLoginParam,
|
|
||||||
userInfo: Record<string, unknown>,
|
|
||||||
): string {
|
|
||||||
return resolveRouteParamValue(
|
|
||||||
{ key: p.key, paramType: "login", source: p.source, customValue: p.customValue },
|
|
||||||
userInfo,
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
/** 内部切换可选的目标业务(``business`` 类型按钮的下拉项)。 */
|
|
||||||
export const TASK_BUSINESS_TARGETS: { code: TaskBusiness; label: string }[] = [
|
|
||||||
{ code: "3qfx", label: "三情分析" },
|
|
||||||
{ code: "rwfx", label: "任务分析" },
|
|
||||||
{ code: "xdfx", label: "行动分析" },
|
|
||||||
];
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 代码种子默认按钮(仅在后端整张表为空时使用):
|
|
||||||
* - rwfx:历史按钮(编辑/下一步/3q详情,地址取自实时任务深链配置)+「上一步」+ 切换到三情/行动分析;
|
|
||||||
* 「上一步」紧邻「下一步」左侧(底部栏 prev 组在 next 组前),默认指向应用内大屏绘制页(?taskId=任务id);
|
|
||||||
* - 3qfx / xdfx:互相切换到另外两个业务。
|
|
||||||
* 即「三个业务都带切换按钮」。已保存过则用页面「导入默认」把缺失项补进来。
|
|
||||||
*/
|
|
||||||
export function defaultTaskButtons(cfg: TaskDeeplinkConfig): TaskButton[] {
|
|
||||||
const sw = (
|
|
||||||
id: string,
|
|
||||||
business: TaskBusiness,
|
|
||||||
label: string,
|
|
||||||
target: TaskBusiness,
|
|
||||||
sortOrder: number,
|
|
||||||
): TaskButton => ({
|
|
||||||
id,
|
|
||||||
business,
|
|
||||||
label,
|
|
||||||
linkType: "business",
|
|
||||||
target,
|
|
||||||
appendTaskId: false,
|
|
||||||
idParam: "id",
|
|
||||||
idKind: "task",
|
|
||||||
openMode: "blank",
|
|
||||||
loginParams: [],
|
|
||||||
appendAuth: false,
|
|
||||||
authTokenParam: "token",
|
|
||||||
authNameParam: "username",
|
|
||||||
enabled: true,
|
|
||||||
sortOrder,
|
|
||||||
});
|
|
||||||
// 目的树弹框按钮(无需 target)。
|
|
||||||
const pz = (id: string, business: TaskBusiness, sortOrder: number): TaskButton => ({
|
|
||||||
id,
|
|
||||||
business,
|
|
||||||
label: "弹框查看",
|
|
||||||
linkType: "purpose",
|
|
||||||
target: "",
|
|
||||||
appendTaskId: false,
|
|
||||||
idParam: "id",
|
|
||||||
idKind: "task",
|
|
||||||
openMode: "blank",
|
|
||||||
loginParams: [],
|
|
||||||
appendAuth: false,
|
|
||||||
authTokenParam: "token",
|
|
||||||
authNameParam: "username",
|
|
||||||
enabled: true,
|
|
||||||
sortOrder,
|
|
||||||
});
|
|
||||||
return [
|
|
||||||
// rwfx(任务分析):外链 + 切换
|
|
||||||
{
|
|
||||||
id: "rwfx-edit",
|
|
||||||
business: "rwfx",
|
|
||||||
label: "编辑",
|
|
||||||
linkType: "url",
|
|
||||||
target: cfg.treemapEditUrl,
|
|
||||||
appendTaskId: true,
|
|
||||||
idParam: "id",
|
|
||||||
idKind: "task",
|
|
||||||
openMode: "blank",
|
|
||||||
loginParams: [],
|
|
||||||
appendAuth: false,
|
|
||||||
authTokenParam: "token",
|
|
||||||
authNameParam: "username",
|
|
||||||
enabled: true,
|
|
||||||
sortOrder: 0,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
// 上一步:放在「下一步」左边(底部快捷跳转栏,prev 组渲染在 next 组之前)。
|
|
||||||
// 默认指向**应用内**「大屏绘制」页 /page/strategy/dashboard-agent(内部路由,以 / 开头),
|
|
||||||
// 携带 ?taskId=任务id(大屏页按 taskId 取数)。openMode=self → 同窗 react-router 导航;
|
|
||||||
// 大屏页路由在 PageLayout 里被**强制显示全局 chrome**(见 PageRoutes 的 forceChromeForDashboardAgent),
|
|
||||||
// 故即便从去 chrome 的工作区进来也带回顶部导航栏 + 侧边栏(embed=1 外部嵌入态仍隐藏)。
|
|
||||||
id: "rwfx-prev",
|
|
||||||
business: "rwfx",
|
|
||||||
label: "上一步",
|
|
||||||
linkType: "url",
|
|
||||||
target: DASHBOARD_AGENT_ROUTE,
|
|
||||||
appendTaskId: true,
|
|
||||||
idParam: "taskId",
|
|
||||||
idKind: "task",
|
|
||||||
openMode: "self",
|
|
||||||
loginParams: [],
|
|
||||||
appendAuth: false,
|
|
||||||
authTokenParam: "token",
|
|
||||||
authNameParam: "username",
|
|
||||||
enabled: true,
|
|
||||||
sortOrder: 1,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "rwfx-next",
|
|
||||||
business: "rwfx",
|
|
||||||
label: "下一步",
|
|
||||||
linkType: "url",
|
|
||||||
target: cfg.treemapNextUrl,
|
|
||||||
appendTaskId: true,
|
|
||||||
idParam: "id",
|
|
||||||
idKind: "task",
|
|
||||||
openMode: "blank",
|
|
||||||
loginParams: [],
|
|
||||||
appendAuth: false,
|
|
||||||
authTokenParam: "token",
|
|
||||||
authNameParam: "username",
|
|
||||||
enabled: true,
|
|
||||||
sortOrder: 2,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "rwfx-detail3q",
|
|
||||||
business: "rwfx",
|
|
||||||
label: "3q详情",
|
|
||||||
linkType: "url",
|
|
||||||
target: cfg.detail3qUrl,
|
|
||||||
appendTaskId: true,
|
|
||||||
idParam: "id",
|
|
||||||
idKind: "task",
|
|
||||||
openMode: "blank",
|
|
||||||
loginParams: [],
|
|
||||||
appendAuth: false,
|
|
||||||
authTokenParam: "token",
|
|
||||||
authNameParam: "username",
|
|
||||||
enabled: true,
|
|
||||||
sortOrder: 3,
|
|
||||||
},
|
|
||||||
sw("rwfx-switch3q", "rwfx", "切换到三情分析", "3qfx", 4),
|
|
||||||
sw("rwfx-switchxd", "rwfx", "切换到行动分析", "xdfx", 5),
|
|
||||||
pz("rwfx-purpose", "rwfx", 6),
|
|
||||||
// 3qfx(三情分析):切换到任务/行动分析
|
|
||||||
sw("3qfx-switchrw", "3qfx", "切换到任务分析", "rwfx", 0),
|
|
||||||
sw("3qfx-switchxd", "3qfx", "切换到行动分析", "xdfx", 1),
|
|
||||||
// xdfx(行动分析):切换到任务/三情分析 + 弹框查看
|
|
||||||
sw("xdfx-switchrw", "xdfx", "切换到任务分析", "rwfx", 0),
|
|
||||||
sw("xdfx-switch3q", "xdfx", "切换到三情分析", "3qfx", 1),
|
|
||||||
pz("xdfx-purpose", "xdfx", 2),
|
|
||||||
];
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 实际生效的按钮列表:后端有任意一条记录时即以后端为准;整张表为空才回退种子默认。
|
|
||||||
* (与 [[敏感词管理]] 的种子语义一致:空=从未配置→用种子;非空=已配置→后端说了算,
|
|
||||||
* 哪怕某业务被清空也不回退。)
|
|
||||||
*/
|
|
||||||
export function resolveTaskButtons(
|
|
||||||
stored: TaskButton[],
|
|
||||||
cfg: TaskDeeplinkConfig,
|
|
||||||
): TaskButton[] {
|
|
||||||
return stored.length > 0 ? stored : defaultTaskButtons(cfg);
|
|
||||||
}
|
|
||||||
|
|
||||||
/** 取某业务下、启用的按钮,按 sortOrder 升序。 */
|
|
||||||
export function buttonsForBusiness(
|
|
||||||
buttons: TaskButton[],
|
|
||||||
business: TaskBusiness,
|
|
||||||
): TaskButton[] {
|
|
||||||
return buttons
|
|
||||||
.filter((b) => b.business === business && b.enabled)
|
|
||||||
.sort((a, b) => a.sortOrder - b.sortOrder);
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface RunTaskButtonCtx {
|
|
||||||
/** 任务id(xdfx 为 action 接口解析后的真实任务id;其它业务即深链原始 id)。 */
|
|
||||||
taskId: string;
|
|
||||||
/** 行动id(xdfx 深链原始 ?taskId=;其它业务通常等于 taskId)。 */
|
|
||||||
actionId?: string;
|
|
||||||
navigate: (path: string, opts?: { state?: Record<string, unknown> }) => void;
|
|
||||||
/** 跳转/打开失败时的提示回调(默认 noop)。 */
|
|
||||||
onError?: (message: string) => void;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 执行一个跳转按钮:
|
|
||||||
* - ``url``:拼地址(可选追加 ``?id=``,取任务id 或行动id 视 ``idKind``)新标签打开;地址为空提示未配置。
|
|
||||||
* - ``business``:复用深链解析(会按目标业务重绑任务上下文)后 ``navigate``(始终用任务id)。
|
|
||||||
*/
|
|
||||||
export async function runTaskButton(btn: TaskButton, ctx: RunTaskButtonCtx): Promise<void> {
|
|
||||||
const fail = (m: string) => ctx.onError?.(m);
|
|
||||||
// purpose(目的树弹框)由组件层处理(需打开 React 弹框),此处不动作。
|
|
||||||
if (btn.linkType === "purpose") return;
|
|
||||||
if (btn.linkType === "url") {
|
|
||||||
const base = btn.target.trim();
|
|
||||||
if (!base) {
|
|
||||||
fail(`未配置「${btn.label}」的跳转地址`);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
// 行动分析(xdfx)可选追加行动id;否则用任务id。行动id 缺失时回退任务id。
|
|
||||||
const id = btn.idKind === "action" ? ctx.actionId || ctx.taskId : ctx.taskId;
|
|
||||||
const param = (btn.idParam || "id").trim() || "id";
|
|
||||||
let url = btn.appendTaskId && id ? appendQueryParam(base, param, id) : base;
|
|
||||||
// 追加登录参数(与应用管理一致):运行时从 userInfo 解析每项的值后拼到地址尾部。
|
|
||||||
const loginParams = btn.loginParams ?? [];
|
|
||||||
if (loginParams.length > 0) {
|
|
||||||
const userInfo = readUserInfo();
|
|
||||||
for (const lp of loginParams) {
|
|
||||||
const key = (lp.key || "").trim();
|
|
||||||
if (!key) continue;
|
|
||||||
url = appendQueryParam(url, key, resolveLoginParamValue(lp, userInfo));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// 追加登录态:仅 token 登录(存在 token1)才拼 token + 用户名,供外链所在的外部系统识别
|
|
||||||
// 当前登录用户。非 token 登录读不到 token1 → 整段跳过(不影响跳转本身)。
|
|
||||||
if (btn.appendAuth) {
|
|
||||||
const token1 = readLoginToken();
|
|
||||||
if (token1) {
|
|
||||||
url = appendQueryParam(url, (btn.authTokenParam || "token").trim() || "token", token1);
|
|
||||||
const name = readLoginUsername();
|
|
||||||
if (name) {
|
|
||||||
url = appendQueryParam(url, (btn.authNameParam || "username").trim() || "username", name);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// 应用内部路由(以单个 / 开头,如「上一步」→ 大屏绘制页):
|
|
||||||
// self → 走 react-router 同窗导航(不刷新、保留 SPA);blank → 拼成当前源的 hash 路由新标签打开。
|
|
||||||
if (base.startsWith("/") && !base.startsWith("//")) {
|
|
||||||
if (btn.openMode === "blank") {
|
|
||||||
const full = `${window.location.origin}${window.location.pathname}#${url}`;
|
|
||||||
// 打印实际打开地址,便于排查登录参数/拼接问题。
|
|
||||||
console.info(`[task-button] 「${btn.label}」内部路由(新标签) → ${full}`);
|
|
||||||
window.open(full, "_blank", "noopener,noreferrer");
|
|
||||||
} else {
|
|
||||||
console.info(`[task-button] 「${btn.label}」内部路由(同窗) → ${url}`);
|
|
||||||
ctx.navigate(url);
|
|
||||||
}
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
// 外链:self=当前窗口(嵌入态即当前 iframe);否则 blank=新窗口(默认)。
|
|
||||||
// 打印最终跳转地址(含追加的 id / 登录参数),便于排查问题。
|
|
||||||
console.info(
|
|
||||||
`[task-button] 「${btn.label}」外链(${btn.openMode === "self" ? "当前窗口" : "新窗口"}) → ${url}`,
|
|
||||||
);
|
|
||||||
if (btn.openMode === "self") {
|
|
||||||
window.location.assign(url);
|
|
||||||
} else {
|
|
||||||
window.open(url, "_blank", "noopener,noreferrer");
|
|
||||||
}
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
// business:内部切换到另一业务
|
|
||||||
const detail = readCopTaskDetail();
|
|
||||||
if (!detail || !ctx.taskId) {
|
|
||||||
fail("缺少任务信息,无法跳转");
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
try {
|
|
||||||
const target = await resolveTaskDeeplinkTarget(btn.target, detail, ctx.taskId);
|
|
||||||
if (target) ctx.navigate(target.path, { state: target.state });
|
|
||||||
else fail(`未配置「${btn.label}」对应的业务智能体`);
|
|
||||||
} catch {
|
|
||||||
fail("跳转失败,请稍后再试");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,129 +0,0 @@
|
|||||||
/**
|
|
||||||
* 任务深链(``goPath=rwfx``)的运行时配置:从后端公开只读接口
|
|
||||||
* ``GET /api/public/config/task-deeplink`` 读取(地址、测试开关、测试假数据全在后端
|
|
||||||
* ``config.yaml`` 的 ``task_deeplink`` 段,改完即时生效,前端无需重建)。
|
|
||||||
*
|
|
||||||
* 两种用法:
|
|
||||||
* - 命令式(登录深链流程,非 React 环境):``fetchTaskDeeplinkConfig()`` 拉取并模块级缓存;
|
|
||||||
* ``getCachedTaskDeeplinkConfig()`` 同步读缓存(拼跳转地址用)。
|
|
||||||
* - React 组件:``useTaskDeeplinkConfig()``(见 [[task-purpose]] 的面板/列表)。
|
|
||||||
*
|
|
||||||
* 拉取失败 → 用内置默认值(``test=false`` + 真实 URL)兜底,功能不整体挂掉。
|
|
||||||
*/
|
|
||||||
|
|
||||||
import { apiFetch } from "@/core/api/fetch-client";
|
|
||||||
import { getBackendBaseURL } from "@/core/config";
|
|
||||||
|
|
||||||
export interface TaskDeeplinkConfig {
|
|
||||||
/** 目的树查询走假数据。 */
|
|
||||||
test: boolean;
|
|
||||||
/** 删除接口走假数据(该接口未开发完时打开)。 */
|
|
||||||
deleteTest: boolean;
|
|
||||||
/** 行动→任务解析走假数据(xdfx 行动id→任务id)。 */
|
|
||||||
actionTest: boolean;
|
|
||||||
/** 目的树查询完整 URL(调用追加 ?taskId=)。 */
|
|
||||||
purposeDetailUrl: string;
|
|
||||||
/** 删除完整 URL(rwfx 与 xdfx 共用同一接口):rwfx 追加 ?taskId=、xdfx 追加 ?actionId=(另一参数不传)。 */
|
|
||||||
deleteUrl: string;
|
|
||||||
/** xdfx「行动历史是否存在」查询完整 URL(调用追加 ?actionId=);留空 → 前端视作无历史、不阻断删除(地址待提供)。 */
|
|
||||||
actionHistoryUrl: string;
|
|
||||||
/** B 系统树形完整编辑页 URL(跳转追加 ?id=)。 */
|
|
||||||
treemapEditUrl: string;
|
|
||||||
/** B 系统树形下一步页 URL(跳转追加 ?id=)。 */
|
|
||||||
treemapNextUrl: string;
|
|
||||||
/** 行动详情接口基址(xdfx 行动→任务):调用追加 /{actionId},返回 data.taskId 为真正任务id。 */
|
|
||||||
actionDetailUrl: string;
|
|
||||||
/** 「3q详情」详情页 URL(rwfx 目的树面板链接,跳转追加 ?id= 任务id);留空则前端提示未配置。 */
|
|
||||||
detail3qUrl: string;
|
|
||||||
/** 测试假数据:purposeDetail = 原始 {state,msg,data};delete = {message,success};
|
|
||||||
* actionDetail = 原始 {state,msg,data:{taskId,...}};sqReport = 原始 {state,msg,data:[...]}
|
|
||||||
* (rwfx 3q 预检用,test 为真时生效)。 */
|
|
||||||
mock: {
|
|
||||||
purposeDetail?: unknown;
|
|
||||||
delete?: { message?: string; success?: boolean };
|
|
||||||
actionDetail?: unknown;
|
|
||||||
sqReport?: unknown;
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
/** 内置默认值(后端拿不到时兜底;真实 URL + 关闭测试)。 */
|
|
||||||
export const DEFAULT_TASK_DEEPLINK_CONFIG: TaskDeeplinkConfig = {
|
|
||||||
test: false,
|
|
||||||
deleteTest: false,
|
|
||||||
actionTest: false,
|
|
||||||
purposeDetailUrl: "https://ch1.b.uat.4.cn/consumer/taskAnalyseSearch/getTaskPurposeDetail",
|
|
||||||
deleteUrl: "https://ch1.b.uat.4.cn/bwjt/dropSixOrSevenData",
|
|
||||||
treemapEditUrl: "https://ch1.b.uat.4.cn/web/#/task/item-aicoh/step-mode-treemap-full-edit",
|
|
||||||
treemapNextUrl: "https://ch1.b.uat.4.cn/web/#/task/item-aicoh/step-mode-treemap-full-next",
|
|
||||||
actionDetailUrl: "https://ch1.b.uat.4.cn/consumer/plan/action",
|
|
||||||
// 行动历史查询地址待提供:空字符串 → 前端不查询、视作无历史(不阻断删除)。
|
|
||||||
actionHistoryUrl: "",
|
|
||||||
detail3qUrl: "",
|
|
||||||
mock: {},
|
|
||||||
};
|
|
||||||
|
|
||||||
/** 后端 snake_case 响应 → 前端 camelCase;缺字段回退默认值。 */
|
|
||||||
function normalize(body: unknown): TaskDeeplinkConfig {
|
|
||||||
const o = body && typeof body === "object" ? (body as Record<string, unknown>) : {};
|
|
||||||
const d = DEFAULT_TASK_DEEPLINK_CONFIG;
|
|
||||||
const str = (v: unknown, fallback: string) =>
|
|
||||||
typeof v === "string" && v.trim() ? v : fallback;
|
|
||||||
const mock = o.mock && typeof o.mock === "object" ? (o.mock as Record<string, unknown>) : {};
|
|
||||||
return {
|
|
||||||
test: o.test === true,
|
|
||||||
deleteTest: o.delete_test === true,
|
|
||||||
actionTest: o.action_test === true,
|
|
||||||
purposeDetailUrl: str(o.purpose_detail_url, d.purposeDetailUrl),
|
|
||||||
deleteUrl: str(o.delete_url, d.deleteUrl),
|
|
||||||
treemapEditUrl: str(o.treemap_edit_url, d.treemapEditUrl),
|
|
||||||
treemapNextUrl: str(o.treemap_next_url, d.treemapNextUrl),
|
|
||||||
actionDetailUrl: str(o.action_detail_url, d.actionDetailUrl),
|
|
||||||
// action_history_url 允许为空(地址待提供):空 → 前端不查询、视作无历史。不回退默认。
|
|
||||||
actionHistoryUrl: typeof o.action_history_url === "string" ? o.action_history_url : d.actionHistoryUrl,
|
|
||||||
// detail_3q_url 允许为空(地址待定),不回退默认;只在配了非空时才生效。
|
|
||||||
detail3qUrl: typeof o.detail_3q_url === "string" ? o.detail_3q_url : d.detail3qUrl,
|
|
||||||
mock: {
|
|
||||||
purposeDetail: mock.purpose_detail,
|
|
||||||
delete:
|
|
||||||
mock.delete && typeof mock.delete === "object"
|
|
||||||
? (mock.delete as { message?: string; success?: boolean })
|
|
||||||
: undefined,
|
|
||||||
actionDetail: mock.action_detail,
|
|
||||||
sqReport: mock.sq_report,
|
|
||||||
},
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
let cached: TaskDeeplinkConfig | null = null;
|
|
||||||
let inflight: Promise<TaskDeeplinkConfig> | null = null;
|
|
||||||
|
|
||||||
/** 拉取(带模块级缓存 + 去重);失败回退默认值。 */
|
|
||||||
export async function fetchTaskDeeplinkConfig(): Promise<TaskDeeplinkConfig> {
|
|
||||||
if (cached) return cached;
|
|
||||||
if (inflight) return inflight;
|
|
||||||
inflight = (async () => {
|
|
||||||
try {
|
|
||||||
const res = await apiFetch(`${getBackendBaseURL()}/api/public/config/task-deeplink`);
|
|
||||||
if (!res.ok) throw new Error(`task-deeplink config ${res.status}`);
|
|
||||||
cached = normalize(await res.json());
|
|
||||||
} catch {
|
|
||||||
cached = { ...DEFAULT_TASK_DEEPLINK_CONFIG };
|
|
||||||
} finally {
|
|
||||||
inflight = null;
|
|
||||||
}
|
|
||||||
return cached;
|
|
||||||
})();
|
|
||||||
return inflight;
|
|
||||||
}
|
|
||||||
|
|
||||||
/** 同步读缓存(未拉取过则返回默认值)。 */
|
|
||||||
export function getCachedTaskDeeplinkConfig(): TaskDeeplinkConfig {
|
|
||||||
return cached ?? DEFAULT_TASK_DEEPLINK_CONFIG;
|
|
||||||
}
|
|
||||||
|
|
||||||
/** 在完整 URL(可能含 `#` 片段)后追加查询参数,供跳转/调用拼 id/taskId。 */
|
|
||||||
export function appendQueryParam(url: string, key: string, value: string): string {
|
|
||||||
if (!url) return "";
|
|
||||||
const sep = url.includes("?") ? "&" : "?";
|
|
||||||
return `${url}${sep}${key}=${encodeURIComponent(value)}`;
|
|
||||||
}
|
|
||||||
@@ -16,13 +16,8 @@
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
import { requestCrudService } from "@/service/request-axios-service";
|
import { requestCrudService } from "@/service/request-axios-service";
|
||||||
import { clearTaskContext, persistTaskContext } from "@/core/auth/task-purpose";
|
|
||||||
import { fetchTaskDeeplinkConfig } from "@/core/auth/task-deeplink-config";
|
|
||||||
import { listBusinessMappings } from "@/strategy-components/api/business-mapping";
|
import { listBusinessMappings } from "@/strategy-components/api/business-mapping";
|
||||||
|
|
||||||
/** xdfx 业务码:深链传入的是「行动id」,需先调 action 接口解析出真正的「任务id」。 */
|
|
||||||
const XDFX_BUSINESS_CODE = "7BF";
|
|
||||||
|
|
||||||
/** consumer 接口返回的任务详情(data 字段)。 */
|
/** consumer 接口返回的任务详情(data 字段)。 */
|
||||||
export interface CopTaskDetail {
|
export interface CopTaskDetail {
|
||||||
id: string | number | null;
|
id: string | number | null;
|
||||||
@@ -35,9 +30,6 @@ export interface CopTaskDetail {
|
|||||||
/** 任务详情整包暂存的 sessionStorage key(目标页/后续可读取)。 */
|
/** 任务详情整包暂存的 sessionStorage key(目标页/后续可读取)。 */
|
||||||
export const COP_TASK_DETAIL_STORAGE_KEY = "login.copTaskDetail";
|
export const COP_TASK_DETAIL_STORAGE_KEY = "login.copTaskDetail";
|
||||||
|
|
||||||
/** 行动详情整包暂存的 sessionStorage key(xdfx 行动分析:会商/单智能体读取行动名称/叙事)。 */
|
|
||||||
export const ACTION_DETAIL_STORAGE_KEY = "login.actionDetail";
|
|
||||||
|
|
||||||
/** goPath 基础码 → 业务码(配置管理 businessCode)。 */
|
/** goPath 基础码 → 业务码(配置管理 businessCode)。 */
|
||||||
const GOPATH_BUSINESS_CODE: Record<string, string> = {
|
const GOPATH_BUSINESS_CODE: Record<string, string> = {
|
||||||
"3qfx": "3Q", // 三情分析
|
"3qfx": "3Q", // 三情分析
|
||||||
@@ -77,28 +69,8 @@ function consumerBaseUrl(): string {
|
|||||||
return typeof value === "string" ? value.replace(/\/+$/, "") : "";
|
return typeof value === "string" ? value.replace(/\/+$/, "") : "";
|
||||||
}
|
}
|
||||||
|
|
||||||
/** cop-task-detail 是否走本地假数据:开关 `VITE_MOCK_COP_TASK_DETAIL=true`(真实接口未就绪时调试用)。 */
|
/** 拉取任务详情;缺少 consumer 地址 / 返回不合法时返回 null。 */
|
||||||
function copTaskDetailMockEnabled(): boolean {
|
|
||||||
return (import.meta.env as Record<string, unknown>).VITE_MOCK_COP_TASK_DETAIL === "true";
|
|
||||||
}
|
|
||||||
|
|
||||||
/** cop-task-detail 本地假数据(与真实 data 字段同构;mock 开关开启时返回)。 */
|
|
||||||
function mockCopTaskDetail(taskId: string): CopTaskDetail {
|
|
||||||
return {
|
|
||||||
id: taskId || "2055",
|
|
||||||
overview: "暑期文旅消费高峰期间的舆情态势综合研判与引导任务(本地假数据)。",
|
|
||||||
taskDirection: "正向引导 + 风险预警",
|
|
||||||
taskName: "任务01:暑期文旅舆情综合研判",
|
|
||||||
taskContent:
|
|
||||||
"围绕暑期文旅消费高峰,对重点城市、重点景区的公众情绪与舆情态势做综合研判,识别情绪拐点与潜在风险,提出正向引导与处置建议。",
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
/** 拉取任务详情;``VITE_MOCK_COP_TASK_DETAIL=true`` 走假数据;缺少 consumer 地址 / 返回不合法时返回 null。 */
|
|
||||||
export async function fetchCopTaskDetail(taskId: string): Promise<CopTaskDetail | null> {
|
export async function fetchCopTaskDetail(taskId: string): Promise<CopTaskDetail | null> {
|
||||||
if (copTaskDetailMockEnabled()) {
|
|
||||||
return mockCopTaskDetail(taskId);
|
|
||||||
}
|
|
||||||
const base = consumerBaseUrl();
|
const base = consumerBaseUrl();
|
||||||
if (!base || !taskId) return null;
|
if (!base || !taskId) return null;
|
||||||
// service 拦截器已统一注入 `Authorization: Bearer admin` 并返回 response.data(整包 body)。
|
// service 拦截器已统一注入 `Authorization: Bearer admin` 并返回 response.data(整包 body)。
|
||||||
@@ -134,179 +106,40 @@ export function readCopTaskDetail(): CopTaskDetail | null {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/** 把行动详情整包暂存到 sessionStorage(xdfx 行动分析用;隐私模式/quota 异常时静默失败)。 */
|
|
||||||
export function persistActionDetail(detail: ActionDetail): void {
|
|
||||||
try {
|
|
||||||
sessionStorage.setItem(ACTION_DETAIL_STORAGE_KEY, JSON.stringify(detail));
|
|
||||||
} catch {
|
|
||||||
/* noop */
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/** 读取暂存的行动详情(会商左上角「当前行动」、单智能体行动详情卡都可读)。 */
|
|
||||||
export function readActionDetail(): ActionDetail | null {
|
|
||||||
try {
|
|
||||||
const raw = sessionStorage.getItem(ACTION_DETAIL_STORAGE_KEY);
|
|
||||||
return raw ? (JSON.parse(raw) as ActionDetail) : null;
|
|
||||||
} catch {
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/** 行动详情接口 ``{action_detail_url}/{actionId}`` 返回的 ``data`` 字段(xdfx 行动分析用)。 */
|
|
||||||
export interface ActionDetail {
|
|
||||||
/** 行动id(深链 ?taskId= 传入的就是它)。 */
|
|
||||||
id: string;
|
|
||||||
/** 该行动归属的真正「任务id」。 */
|
|
||||||
taskId: string;
|
|
||||||
/** 所属目的id。 */
|
|
||||||
purposeId: string;
|
|
||||||
/** 行动名称。 */
|
|
||||||
actionName: string;
|
|
||||||
/** 行动状态码。 */
|
|
||||||
actionStatus: number | string;
|
|
||||||
/** 行动叙事 / 描述。 */
|
|
||||||
narration: string;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* xdfx 深链:用「行动id」调行动详情接口 ``{action_detail_url}/{actionId}``,取出整包行动详情。
|
|
||||||
* ``action_test=true`` 时直接用后端配置里的假数据(接口未通时用)。
|
|
||||||
* 缺地址 / 返回不合法 → 返回 null。
|
|
||||||
*/
|
|
||||||
export async function fetchActionDetail(actionId: string): Promise<ActionDetail | null> {
|
|
||||||
if (!actionId) return null;
|
|
||||||
const cfg = await fetchTaskDeeplinkConfig();
|
|
||||||
let body: unknown;
|
|
||||||
if (cfg.actionTest) {
|
|
||||||
body = cfg.mock.actionDetail;
|
|
||||||
} else if (cfg.actionDetailUrl) {
|
|
||||||
const base = cfg.actionDetailUrl.replace(/\/+$/, "");
|
|
||||||
// service 拦截器已统一注入 Authorization: Bearer admin 并返回整包 body;行动id 走路径段。
|
|
||||||
body = await requestCrudService.get(`${base}/${encodeURIComponent(actionId)}`);
|
|
||||||
} else {
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
const data = body && typeof body === "object" ? (body as { data?: unknown }).data : null;
|
|
||||||
if (!data || typeof data !== "object") return null;
|
|
||||||
const d = data as Record<string, unknown>;
|
|
||||||
const detail: ActionDetail = {
|
|
||||||
id: d.id != null ? String(d.id) : "",
|
|
||||||
taskId: d.taskId != null ? String(d.taskId) : "",
|
|
||||||
purposeId: d.purposeId != null ? String(d.purposeId) : "",
|
|
||||||
actionName: typeof d.actionName === "string" ? d.actionName : "",
|
|
||||||
actionStatus:
|
|
||||||
typeof d.actionStatus === "number" || typeof d.actionStatus === "string" ? d.actionStatus : "",
|
|
||||||
narration: typeof d.narration === "string" ? d.narration : "",
|
|
||||||
};
|
|
||||||
// 取到即整包暂存:登录解析任务id 时(resolveDeeplinkTaskId→fetchTaskIdFromAction)就会缓存它,
|
|
||||||
// 之后会商左上角「当前行动」、单智能体行动详情卡都能直接 readActionDetail(),避免重复请求。
|
|
||||||
persistActionDetail(detail);
|
|
||||||
return detail;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* xdfx 深链:用「行动id」解析出真正的「任务id」(取行动详情的 ``data.taskId``)。
|
|
||||||
* 缺地址 / 返回不合法 → 返回 ""(调用方据此回退)。
|
|
||||||
*/
|
|
||||||
export async function fetchTaskIdFromAction(actionId: string): Promise<string> {
|
|
||||||
return (await fetchActionDetail(actionId))?.taskId ?? "";
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 据 goPath 把深链 URL 里的原始 id 解析成真正的「任务id」:
|
|
||||||
* - xdfx(行动分析):URL 传入的是「行动id」,调 action 接口换成 ``data.taskId``;
|
|
||||||
* 解析失败返回 ""(让调用方回退默认首页,避免拿行动id当任务id污染后续查询/绑定)。
|
|
||||||
* - 其它业务:URL 传入的本就是任务id,原样返回。
|
|
||||||
*/
|
|
||||||
export async function resolveDeeplinkTaskId(goPath: string, rawId: string): Promise<string> {
|
|
||||||
const parsed = parseGoPath(goPath);
|
|
||||||
if (parsed?.businessCode === XDFX_BUSINESS_CODE) {
|
|
||||||
return fetchTaskIdFromAction(rawId);
|
|
||||||
}
|
|
||||||
return rawId;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface TaskDeeplinkTarget {
|
export interface TaskDeeplinkTarget {
|
||||||
path: string;
|
path: string;
|
||||||
/** react-router navigate 的 state(多智能体会商用 roundtablePrefill)。 */
|
/** react-router navigate 的 state(多智能体会商用 roundtablePrefill)。 */
|
||||||
state?: Record<string, unknown>;
|
state?: Record<string, unknown>;
|
||||||
}
|
}
|
||||||
|
|
||||||
/** xdfx(行动分析)开场信息里要追加的行动信息:行动标题 + 行动内容 + 行动id。 */
|
/** 用 taskName / taskContent 拼出开场信息文本。 */
|
||||||
interface ActionOpeningInfo {
|
function buildOpeningText(detail: CopTaskDetail): string {
|
||||||
/** 行动id(action_id)。 */
|
|
||||||
actionId?: string;
|
|
||||||
/** 行动标题(行动名称 actionName)。 */
|
|
||||||
actionName?: string;
|
|
||||||
/** 行动内容(行动叙事 narration)。 */
|
|
||||||
narration?: string;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 用 taskName / taskContent 拼出开场信息文本;末尾附上任务 id(task_id),供后端识别任务。
|
|
||||||
* xdfx(行动分析)额外附上「行动标题 / 行动内容 / 行动id(action_id)」——传入 action 时追加这几行。
|
|
||||||
*/
|
|
||||||
function buildOpeningText(detail: CopTaskDetail, taskId: string, action?: ActionOpeningInfo): string {
|
|
||||||
return [
|
return [
|
||||||
detail.taskName ? `任务名称:${detail.taskName}` : "",
|
detail.taskName ? `任务名称:${detail.taskName}` : "",
|
||||||
detail.taskContent ? `任务内容:${detail.taskContent}` : "",
|
detail.taskContent ? `任务内容:${detail.taskContent}` : "",
|
||||||
taskId ? `任务id(task_id)为${taskId}` : "",
|
|
||||||
action?.actionName ? `行动标题:${action.actionName}` : "",
|
|
||||||
action?.narration ? `行动内容:${action.narration}` : "",
|
|
||||||
action?.actionId ? `行动id(action_id)为${action.actionId}` : "",
|
|
||||||
]
|
]
|
||||||
.filter(Boolean)
|
.filter(Boolean)
|
||||||
.join("\n");
|
.join("\n");
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* 3qfx/rwfx 这类“按任务id 直接问答”的任务工作区,在 ``TaskContext`` 丢失但
|
|
||||||
* ``login.copTaskDetail`` 仍存在时,可用它重新拼出开场词做前端自恢复。
|
|
||||||
*/
|
|
||||||
export function buildTaskOpeningText(detail: CopTaskDetail, taskId: string): string {
|
|
||||||
return buildOpeningText(detail, taskId);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 据 goPath + 任务详情解析跳转目标。
|
* 据 goPath + 任务详情解析跳转目标。
|
||||||
* - 多智能体会商:返回带 ``roundtablePrefill``(businessCode 让会商页自动选用配置的业务链条;
|
* - 多智能体会商:返回带 ``roundtablePrefill``(businessCode 让会商页自动选用配置的业务链条)的 state。
|
||||||
* taskId 让会商页按任务隔离存取草稿/聊天记录)的 state。
|
|
||||||
* - 单智能体问答:解析「配置管理」里该业务配置的智能体;把开场信息写入
|
* - 单智能体问答:解析「配置管理」里该业务配置的智能体;把开场信息写入
|
||||||
* ``sessionStorage.pendingAgentMessage``(AgentChatPage 自动发出)。
|
* ``sessionStorage.pendingAgentMessage``(AgentChatPage 自动发出)。
|
||||||
* 无法识别 goPath / 未配置智能体时返回 null(调用方回退到默认首页)。
|
* 无法识别 goPath / 未配置智能体时返回 null(调用方回退到默认首页)。
|
||||||
*
|
|
||||||
* @param taskId 真实任务 id(xdfx 已由 action 接口解析;其它业务即深链原始 ?taskId=)。
|
|
||||||
* 用于按任务隔离草稿/对话;与 consumer 返回的 detail.id 区分。
|
|
||||||
* @param rawId 深链 URL 的原始 ``?taskId=``(xdfx 为「行动id」)。供需追加行动id 的按钮用;
|
|
||||||
* 省略时回退 taskId。
|
|
||||||
*/
|
*/
|
||||||
export async function resolveTaskDeeplinkTarget(
|
export async function resolveTaskDeeplinkTarget(
|
||||||
goPath: string,
|
goPath: string,
|
||||||
detail: CopTaskDetail,
|
detail: CopTaskDetail,
|
||||||
taskId: string,
|
|
||||||
rawId?: string,
|
|
||||||
): Promise<TaskDeeplinkTarget | null> {
|
): Promise<TaskDeeplinkTarget | null> {
|
||||||
const parsed = parseGoPath(goPath);
|
const parsed = parseGoPath(goPath);
|
||||||
if (!parsed) return null;
|
if (!parsed) return null;
|
||||||
const taskBase = BUSINESS_TASK_BASE[parsed.businessCode];
|
const taskBase = BUSINESS_TASK_BASE[parsed.businessCode];
|
||||||
if (!taskBase) return null;
|
if (!taskBase) return null;
|
||||||
|
|
||||||
// 清掉上一次深链可能残留的任务上下文(单智能体分支会用本次任务重新写入)。
|
|
||||||
clearTaskContext();
|
|
||||||
|
|
||||||
if (parsed.roundtable) {
|
if (parsed.roundtable) {
|
||||||
// 多智能体会商:嵌进对应业务的「任务管理」布局;businessCode 让会商页自动选用配置的业务链条;
|
// 多智能体会商:嵌进对应业务的「任务管理」布局;businessCode 让会商页自动选用配置的业务链条。
|
||||||
// taskId 让会商页按任务隔离存取草稿(一个 taskId 多条记录),并触发第三步自动结构化输出。
|
|
||||||
// xdfx(行动分析):根是「行动」——把行动名称随首条消息交给任务理解,左上角展示「当前行动」。
|
|
||||||
// 行动详情登录解析任务id 时已缓存(fetchActionDetail 内 persistActionDetail);这里优先读缓存。
|
|
||||||
let actionName = "";
|
|
||||||
let actionId = "";
|
|
||||||
if (parsed.businessCode === XDFX_BUSINESS_CODE && rawId) {
|
|
||||||
actionId = rawId;
|
|
||||||
const ad = readActionDetail() ?? (await fetchActionDetail(rawId));
|
|
||||||
actionName = ad?.actionName ?? "";
|
|
||||||
}
|
|
||||||
return {
|
return {
|
||||||
path: `${taskBase}/roundtable`,
|
path: `${taskBase}/roundtable`,
|
||||||
state: {
|
state: {
|
||||||
@@ -314,9 +147,6 @@ export async function resolveTaskDeeplinkTarget(
|
|||||||
taskTitle: detail.taskName,
|
taskTitle: detail.taskName,
|
||||||
taskGoal: detail.taskContent,
|
taskGoal: detail.taskContent,
|
||||||
businessCode: parsed.businessCode,
|
businessCode: parsed.businessCode,
|
||||||
taskId: taskId || undefined,
|
|
||||||
...(actionId ? { actionId } : {}),
|
|
||||||
...(actionName ? { actionName } : {}),
|
|
||||||
autoStart: true,
|
autoStart: true,
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
@@ -332,25 +162,14 @@ export async function resolveTaskDeeplinkTarget(
|
|||||||
}
|
}
|
||||||
if (!agentId) return null;
|
if (!agentId) return null;
|
||||||
|
|
||||||
// 单智能体问答统一走「任务工作区」(任务↔对话 1:N,按 taskId + agentId 隔离不同业务的对话列表):
|
try {
|
||||||
// 暂存任务上下文(taskId + agentId + 开场信息),跳到 chats 索引,由工作区按 taskId 决定
|
sessionStorage.setItem(
|
||||||
// 开最新历史对话 / 新建。rwfx 在工作区里额外过「目的树闸门」;3qfx/xdfx 仅 1:N 列表,
|
"pendingAgentMessage",
|
||||||
// 新建对话直接带开场信息自动发出(见 task-purpose / AgentChatPage 的 taskGate / taskBind)。
|
JSON.stringify({ agentId, text: buildOpeningText(detail) }),
|
||||||
// xdfx(行动分析):聊天记录按「行动id」划分(partitionByAction),且开场信息追加
|
);
|
||||||
// 行动标题 / 行动内容 / action_id(行动详情登录解析任务id 时已缓存,优先读缓存避免重复请求)。
|
} catch {
|
||||||
const isXdfx = parsed.businessCode === XDFX_BUSINESS_CODE;
|
/* noop */
|
||||||
const actionId = rawId || taskId;
|
|
||||||
let actionInfo: ActionOpeningInfo | undefined;
|
|
||||||
if (isXdfx) {
|
|
||||||
const ad = rawId ? (readActionDetail() ?? (await fetchActionDetail(rawId))) : null;
|
|
||||||
actionInfo = { actionId, actionName: ad?.actionName, narration: ad?.narration };
|
|
||||||
}
|
}
|
||||||
persistTaskContext({
|
// 单智能体问答:同样嵌进对应业务的「任务管理」布局。
|
||||||
taskId,
|
return { path: `${taskBase}/agent/${agentId}/chats/new` };
|
||||||
agentId,
|
|
||||||
openingText: buildOpeningText(detail, taskId, actionInfo),
|
|
||||||
actionId,
|
|
||||||
partitionByAction: isXdfx,
|
|
||||||
});
|
|
||||||
return { path: `${taskBase}/agent/${agentId}/chats` };
|
|
||||||
}
|
}
|
||||||
@@ -1,396 +0,0 @@
|
|||||||
/**
|
|
||||||
* 任务深链(``goPath=rwfx``)的「目的树闸门 + 任务↔对话绑定」支持。
|
|
||||||
*
|
|
||||||
* 角色区分:
|
|
||||||
* - **目的树数据**:B 系统里的策划结果,走 ``getTaskPurposeDetail`` / ``delete``(地址、测试
|
|
||||||
* 开关、测试假数据都来自 [[task-deeplink-config]] / 后端 config.yaml),与聊天对话无关。
|
|
||||||
* 新建对话(含首次进入)前用它做「已有数据→覆盖确认」闸门。
|
|
||||||
* - **对话(thread)**:聊天会话;通过 thread 的 ``metadata.taskId`` 标签把多个对话挂到同一个
|
|
||||||
* 任务下(1:N),列表用 useThreadsPage({ metadata:{ taskId } }) 过滤。详见 [[task-deeplink]]。
|
|
||||||
*/
|
|
||||||
|
|
||||||
import {
|
|
||||||
appendQueryParam,
|
|
||||||
fetchTaskDeeplinkConfig,
|
|
||||||
getCachedTaskDeeplinkConfig,
|
|
||||||
} from "@/core/auth/task-deeplink-config";
|
|
||||||
import { requestCrudService } from "@/service/request-axios-service";
|
|
||||||
import type {
|
|
||||||
FlowGraphData,
|
|
||||||
FlowGraphEdge,
|
|
||||||
FlowGraphNode,
|
|
||||||
FlowNodeType,
|
|
||||||
} from "@/roundtable-planning/lib/flow-graph";
|
|
||||||
|
|
||||||
/** 归一化后的目的树节点(用于展示,逐层:目的→行为体→预期行为→驱动因素→叙事)。 */
|
|
||||||
export interface PurposeTreeNode {
|
|
||||||
/** 节点类型中文标签。 */
|
|
||||||
label: string;
|
|
||||||
/** 节点主文本(目的/行为体名/预期/因素/叙事内容)。 */
|
|
||||||
text: string;
|
|
||||||
/** 推荐理由(若有)。 */
|
|
||||||
reason?: string;
|
|
||||||
children: PurposeTreeNode[];
|
|
||||||
}
|
|
||||||
|
|
||||||
/** 当前 rwfx 任务上下文(深链进入或「新建对话」时暂存,供闸门面板与绑定使用)。 */
|
|
||||||
export interface TaskContext {
|
|
||||||
taskId: string;
|
|
||||||
agentId: string;
|
|
||||||
/** 自动发出的开场信息(任务名称/内容)。 */
|
|
||||||
openingText: string;
|
|
||||||
/** 深链原始 id(xdfx 为「行动id」,需追加行动id 的按钮用;其它业务等于 taskId)。 */
|
|
||||||
actionId?: string;
|
|
||||||
/**
|
|
||||||
* xdfx(行动分析)专属:聊天记录按「行动id」(actionId) 而非「任务id」划分。
|
|
||||||
* 为 true 时,新建对话额外打 `metadata.actionId` 标签、对话列表按 actionId 过滤
|
|
||||||
* (仍保留 taskId 标签以维持任务深链对话「全局共享、不分用户」的后端语义)。
|
|
||||||
*/
|
|
||||||
partitionByAction?: boolean;
|
|
||||||
}
|
|
||||||
|
|
||||||
const TASK_CONTEXT_STORAGE_KEY = "task.rwfxContext";
|
|
||||||
|
|
||||||
/* --------------------------- 目的树查询/删除 --------------------------- */
|
|
||||||
|
|
||||||
/** 逐层 dto 字段映射:key=childrenList 里出现的 *Dto 字段名。 */
|
|
||||||
const DTO_FIELD_MAP: Record<string, { label: string; textKey: string }> = {
|
|
||||||
purposeDto: { label: "目的", textKey: "zzPurpose" },
|
|
||||||
actorDto: { label: "行为体", textKey: "actorName" },
|
|
||||||
expectedBehaviorDto: { label: "预期行为", textKey: "behavior" },
|
|
||||||
drivingFactorDto: { label: "驱动因素", textKey: "drivingFactor" },
|
|
||||||
narrationDto: { label: "叙事", textKey: "narration" },
|
|
||||||
};
|
|
||||||
|
|
||||||
// 取节点主文本时跳过的字段(id/时间/标记/理由等非展示文本),保证容错。
|
|
||||||
const SKIP_TEXT_KEY = /(^id$|Id$|Time$|Flag$|Type$|Level$|recReason|createBy|updateBy|^mid$)/i;
|
|
||||||
|
|
||||||
/** 从一个 dto 里取展示文本:优先 preferredKey,否则取第一个像「内容」的字符串字段。 */
|
|
||||||
function pickDtoText(dto: Record<string, unknown>, preferredKey?: string): string {
|
|
||||||
if (preferredKey && typeof dto[preferredKey] === "string" && (dto[preferredKey] as string).trim()) {
|
|
||||||
return dto[preferredKey] as string;
|
|
||||||
}
|
|
||||||
for (const [k, v] of Object.entries(dto)) {
|
|
||||||
if (typeof v === "string" && v.trim() && !SKIP_TEXT_KEY.test(k)) return v;
|
|
||||||
}
|
|
||||||
return "";
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 把一层节点归一化为 {label,text,reason,children}。**容错**:
|
|
||||||
* - 优先匹配已知 dto(目的/行为体/...);未知 ``*Dto`` 字段也兜底(标签取字段名去 Dto);
|
|
||||||
* - 文本字段改名也能取到(pickDtoText 兜底);
|
|
||||||
* - 完全不认识的结构仍递归 childrenList,避免整棵树丢失。
|
|
||||||
*/
|
|
||||||
function normalizeNode(raw: unknown): PurposeTreeNode | null {
|
|
||||||
if (!raw || typeof raw !== "object") return null;
|
|
||||||
const obj = raw as Record<string, unknown>;
|
|
||||||
const isObj = (k: string) => obj[k] && typeof obj[k] === "object" && !Array.isArray(obj[k]);
|
|
||||||
// 先找已知 dto,再兜底任意 `*Dto` 字段。
|
|
||||||
let dtoKey = Object.keys(DTO_FIELD_MAP).find(isObj);
|
|
||||||
if (!dtoKey) dtoKey = Object.keys(obj).find((k) => /Dto$/.test(k) && isObj(k));
|
|
||||||
|
|
||||||
const childrenRaw = Array.isArray(obj.childrenList) ? obj.childrenList : [];
|
|
||||||
const children = childrenRaw
|
|
||||||
.map(normalizeNode)
|
|
||||||
.filter((n): n is PurposeTreeNode => n !== null);
|
|
||||||
|
|
||||||
if (!dtoKey) {
|
|
||||||
// 不认识的结构:仅当有子节点时保留为占位节点,否则丢弃。
|
|
||||||
return children.length ? { label: "节点", text: "", children } : null;
|
|
||||||
}
|
|
||||||
|
|
||||||
const mapped = DTO_FIELD_MAP[dtoKey];
|
|
||||||
const dto = obj[dtoKey] as Record<string, unknown>;
|
|
||||||
const label = mapped?.label ?? dtoKey.replace(/Dto$/, "");
|
|
||||||
const text = pickDtoText(dto, mapped?.textKey);
|
|
||||||
const reason =
|
|
||||||
typeof dto.recReason === "string" && (dto.recReason as string).trim()
|
|
||||||
? (dto.recReason as string)
|
|
||||||
: undefined;
|
|
||||||
return { label, text, reason, children };
|
|
||||||
}
|
|
||||||
|
|
||||||
/** 表格行:根→叶一条路径上的各层单元格(层级数可变,做了容错)。 */
|
|
||||||
export type PurposeFlatCell = { label: string; text: string; reason?: string };
|
|
||||||
|
|
||||||
/** 把目的树拍平成「一行一条叶子路径」,供表格展示(层级缺失/变动都不崩)。 */
|
|
||||||
export function flattenPurposeTree(nodes: PurposeTreeNode[]): PurposeFlatCell[][] {
|
|
||||||
const rows: PurposeFlatCell[][] = [];
|
|
||||||
const walk = (node: PurposeTreeNode, trail: PurposeFlatCell[]) => {
|
|
||||||
const next = [...trail, { label: node.label, text: node.text, reason: node.reason }];
|
|
||||||
if (!node.children || node.children.length === 0) rows.push(next);
|
|
||||||
else node.children.forEach((c) => walk(c, next));
|
|
||||||
};
|
|
||||||
nodes.forEach((n) => walk(n, []));
|
|
||||||
return rows;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* --------------------- 目的树 → 流程图(flow-graph) --------------------- */
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 目的树各层级标签 → 流程图节点类型(仅决定配色,见 FLOW_NODE_TYPE_META)。
|
|
||||||
* 未知层级回退 task。层级名本身仍原样写进节点 group,画布上当小标签显示。
|
|
||||||
*/
|
|
||||||
const PURPOSE_LABEL_TO_FLOW_TYPE: Record<string, FlowNodeType> = {
|
|
||||||
目的: "stage",
|
|
||||||
行为体: "role",
|
|
||||||
预期行为: "task",
|
|
||||||
驱动因素: "decision",
|
|
||||||
叙事: "deliverable",
|
|
||||||
};
|
|
||||||
|
|
||||||
/** 目的树的一个层级(深度):层级中文名 + 对应流程图节点类型(决定配色)。 */
|
|
||||||
export interface PurposeLevel {
|
|
||||||
/** 层级中文名(目的 / 行为体 / 预期行为 / 驱动因素 / 叙事…)。 */
|
|
||||||
label: string;
|
|
||||||
/** 流程图节点类型(用于取 FLOW_NODE_TYPE_META 配色,与画布节点一致)。 */
|
|
||||||
type: FlowNodeType;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 按**深度**抽出目的树的有序层级(每层取该深度第一个非空层级名作代表)。
|
|
||||||
*
|
|
||||||
* 目的树每一深度的层级是一致的(深度 0 = 目的、1 = 行为体、… 直到叶子叙事),
|
|
||||||
* 故逐层 BFS、每层取一个代表标签即可得到「任务策划共几级、分别是什么」,
|
|
||||||
* 供消息列表上方的「流程示例图」按层级画彩色小图标。
|
|
||||||
*/
|
|
||||||
export function derivePurposeLevels(tree: PurposeTreeNode[]): PurposeLevel[] {
|
|
||||||
const levels: PurposeLevel[] = [];
|
|
||||||
let frontier = tree;
|
|
||||||
let depth = 0;
|
|
||||||
while (frontier.length > 0 && depth < 12) {
|
|
||||||
const label = frontier.find((n) => n.label?.trim())?.label?.trim() || `层级 ${depth + 1}`;
|
|
||||||
levels.push({ label, type: PURPOSE_LABEL_TO_FLOW_TYPE[label] ?? "task" });
|
|
||||||
frontier = frontier.flatMap((n) => n.children ?? []);
|
|
||||||
depth += 1;
|
|
||||||
}
|
|
||||||
return levels;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 把归一化后的目的树转换成 Step 3 流程图组件(FlowGraphPanel)认识的 FlowGraphData。
|
|
||||||
*
|
|
||||||
* - 逐层深度优先遍历,给每个节点分配稳定 id(`p1/p2/…`,按遍历顺序);
|
|
||||||
* - 父→子建一条边(from=父 id);
|
|
||||||
* - 节点主文本(`text`)作 label,层级名(`label`)作 group(画布顶部小标签),
|
|
||||||
* 推荐理由并进 detail(点节点弹窗里看)。
|
|
||||||
* - 传入 ``rootLabel`` 时,在最顶层加一个「任务」根节点,所有「目的」挂到它下面
|
|
||||||
* (与 B 系统给的「任务 → 目的 → 行为体 → …」流程一致,单一根节点);不传则保持
|
|
||||||
* 旧的「多个目的各自成根」森林(向后兼容)。
|
|
||||||
* 容错沿用 PurposeTreeNode(normalizeNode 已兜底字段/层级变动),这里不再二次判断。
|
|
||||||
*/
|
|
||||||
export function purposeTreeToFlowGraph(
|
|
||||||
tree: PurposeTreeNode[],
|
|
||||||
taskId?: string,
|
|
||||||
rootLabel?: string,
|
|
||||||
): FlowGraphData {
|
|
||||||
const nodes: FlowGraphNode[] = [];
|
|
||||||
const edges: FlowGraphEdge[] = [];
|
|
||||||
let counter = 0;
|
|
||||||
const walk = (node: PurposeTreeNode, parentId: string | null) => {
|
|
||||||
const id = `p${++counter}`;
|
|
||||||
const type = PURPOSE_LABEL_TO_FLOW_TYPE[node.label] ?? "task";
|
|
||||||
const text = node.text?.trim() || node.label || "(空)";
|
|
||||||
const detail = node.reason?.trim()
|
|
||||||
? `${text}\n理由:${node.reason.trim()}`
|
|
||||||
: node.text?.trim() || undefined;
|
|
||||||
nodes.push({ id, label: text, type, group: node.label || undefined, detail });
|
|
||||||
if (parentId) edges.push({ from: parentId, to: id });
|
|
||||||
node.children?.forEach((child) => walk(child, id));
|
|
||||||
};
|
|
||||||
// 任务为单一根节点(仅在有目的数据且传入 rootLabel 时):每个「目的」根挂到它下面。
|
|
||||||
const rootId = rootLabel && rootLabel.trim() && tree.length > 0 ? "task-root" : null;
|
|
||||||
if (rootId) {
|
|
||||||
nodes.push({ id: rootId, label: rootLabel!.trim(), type: "start", group: "任务" });
|
|
||||||
}
|
|
||||||
tree.forEach((root) => walk(root, rootId));
|
|
||||||
return {
|
|
||||||
title: taskId ? `任务目的(任务 ${taskId})` : "任务目的",
|
|
||||||
nodes,
|
|
||||||
edges,
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
/** 从接口/假数据的整包 body 里取出 data 数组并归一化成树。 */
|
|
||||||
function bodyToTree(body: unknown): PurposeTreeNode[] {
|
|
||||||
const data =
|
|
||||||
body && typeof body === "object" ? (body as { data?: unknown }).data : null;
|
|
||||||
const arr = Array.isArray(data) ? data : [];
|
|
||||||
return arr.map(normalizeNode).filter((n): n is PurposeTreeNode => n !== null);
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface TaskPurposeResult {
|
|
||||||
tree: PurposeTreeNode[];
|
|
||||||
/** data 数组里有有效目的节点 = 已有策划数据。 */
|
|
||||||
hasData: boolean;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 查询任务目的树。``test=true`` 时直接用后端配置里的假数据;否则打真实接口
|
|
||||||
* (地址来自配置,``Authorization: Bearer admin`` 由 axios 拦截器统一注入)。
|
|
||||||
* 缺地址 / 返回不合法 → ``{ tree: [], hasData: false }``。
|
|
||||||
*/
|
|
||||||
export async function fetchTaskPurposeDetail(
|
|
||||||
taskId: string,
|
|
||||||
): Promise<TaskPurposeResult> {
|
|
||||||
if (!taskId) return { tree: [], hasData: false };
|
|
||||||
const cfg = await fetchTaskDeeplinkConfig();
|
|
||||||
let body: unknown;
|
|
||||||
if (cfg.test) {
|
|
||||||
body = cfg.mock.purposeDetail;
|
|
||||||
} else if (cfg.purposeDetailUrl) {
|
|
||||||
body = await requestCrudService.get(cfg.purposeDetailUrl, { taskId });
|
|
||||||
} else {
|
|
||||||
return { tree: [], hasData: false };
|
|
||||||
}
|
|
||||||
const tree = bodyToTree(body);
|
|
||||||
return { tree, hasData: tree.length > 0 };
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface DeleteTaskPurposeResult {
|
|
||||||
message: string;
|
|
||||||
success: boolean;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 删除记录的「按哪种 id 删」:
|
|
||||||
* - ``task``(默认,rwfx):传 ``?taskId=``,不传 actionId;
|
|
||||||
* - ``action``(xdfx 行动分析):传 ``?actionId=``,不传 taskId。
|
|
||||||
* rwfx 与 xdfx 共用同一个删除接口(``delete_url`` = dropSixOrSevenData);
|
|
||||||
* 「不传」= 该参数**根本不出现在 URL 里**(只把要传的那个 key 放进 params,axios 自然省略另一个),
|
|
||||||
* 不是传空值/None。
|
|
||||||
*/
|
|
||||||
export type DeleteIdKind = "task" | "action";
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 删除任务/行动记录(rwfx 覆盖前清空 / 手动清除 / xdfx 清除行动记录都走这里)。
|
|
||||||
* ``delete_test=true`` 时用后端配置里的假数据(接口未开发完时用);否则打真实接口
|
|
||||||
* (rwfx 传 ``taskId``、xdfx 传 ``actionId``,见 ``DeleteIdKind``)。
|
|
||||||
*/
|
|
||||||
export async function deleteTaskPurpose(
|
|
||||||
id: string,
|
|
||||||
opts?: { idKind?: DeleteIdKind },
|
|
||||||
): Promise<DeleteTaskPurposeResult> {
|
|
||||||
const idKind = opts?.idKind ?? "task";
|
|
||||||
if (!id) return { message: idKind === "action" ? "缺少 actionId" : "缺少 taskId", success: false };
|
|
||||||
const cfg = await fetchTaskDeeplinkConfig();
|
|
||||||
if (cfg.deleteTest) {
|
|
||||||
const m = cfg.mock.delete ?? {};
|
|
||||||
return { message: typeof m.message === "string" ? m.message : "", success: m.success === true };
|
|
||||||
}
|
|
||||||
if (!cfg.deleteUrl) return { message: "缺少删除接口地址", success: false };
|
|
||||||
// 只放要传的那个 id key:另一参数直接不出现在 URL(axios 不会序列化缺省 key)。
|
|
||||||
const params = idKind === "action" ? { actionId: id } : { taskId: id };
|
|
||||||
// 该删除接口(dropSixOrSevenData)成功时**什么都不返回**(空响应体),所以只要请求没抛错
|
|
||||||
// (HTTP 成功)就直接判定为成功;仅当后端偶尔回了 {success:false} 这类显式失败标记才算失败。
|
|
||||||
const body = await requestCrudService.get(cfg.deleteUrl, params);
|
|
||||||
const obj =
|
|
||||||
body && typeof body === "object" ? (body as unknown as Record<string, unknown>) : {};
|
|
||||||
return {
|
|
||||||
message: typeof obj.message === "string" ? obj.message : "",
|
|
||||||
success: obj.success !== false,
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface ActionHistoryResult {
|
|
||||||
/** 是否存在可删除的「行动历史」记录。 */
|
|
||||||
exists: boolean;
|
|
||||||
/** 是否成功判定。接口未配置 / 请求失败 → false(调用方据此**不**做「无历史」拦截,仍允许删除)。 */
|
|
||||||
known: boolean;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 查询 xdfx「行动历史是否存在」(清除行动记录前的预检),按「行动id」调用。
|
|
||||||
*
|
|
||||||
* 查询接口(``action_history_url``)地址**目前待提供**:为空时直接返回
|
|
||||||
* ``{ exists: false, known: false }``——视作空白、不查询,也不阻断删除;后端配上真实地址后自动生效。
|
|
||||||
*
|
|
||||||
* ⚠️ 真实返回结构待定:拿到接口后按实际字段调整「是否存在」的判定(当前暂按 ``data`` 非空兜底)。
|
|
||||||
*/
|
|
||||||
export async function fetchActionHistoryExists(actionId: string): Promise<ActionHistoryResult> {
|
|
||||||
if (!actionId) return { exists: false, known: false };
|
|
||||||
const cfg = await fetchTaskDeeplinkConfig();
|
|
||||||
if (!cfg.actionHistoryUrl) return { exists: false, known: false };
|
|
||||||
try {
|
|
||||||
const body = await requestCrudService.get(cfg.actionHistoryUrl, { actionId });
|
|
||||||
// TODO(接口就绪):按真实返回结构判定。暂按整包 body.data 非空作「存在历史」。
|
|
||||||
const data = body && typeof body === "object" ? (body as { data?: unknown }).data : null;
|
|
||||||
const exists = Array.isArray(data) ? data.length > 0 : data != null && data !== "";
|
|
||||||
return { exists, known: true };
|
|
||||||
} catch {
|
|
||||||
return { exists: false, known: false };
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ----------------------------- 跳转地址 ----------------------------- */
|
|
||||||
|
|
||||||
/** B 系统「树形完整编辑」页地址(问答后「编辑」按钮,新标签打开)。用同步缓存配置。 */
|
|
||||||
export function buildTreemapEditUrl(taskId: string): string {
|
|
||||||
const url = getCachedTaskDeeplinkConfig().treemapEditUrl;
|
|
||||||
return url && taskId ? appendQueryParam(url, "id", taskId) : "";
|
|
||||||
}
|
|
||||||
|
|
||||||
/** B 系统「树形下一步」页地址(问答后「下一步」按钮,新标签打开)。 */
|
|
||||||
export function buildTreemapNextUrl(taskId: string): string {
|
|
||||||
const url = getCachedTaskDeeplinkConfig().treemapNextUrl;
|
|
||||||
return url && taskId ? appendQueryParam(url, "id", taskId) : "";
|
|
||||||
}
|
|
||||||
|
|
||||||
/** 「3q详情」详情页地址(目的树面板链接,新标签打开);追加 ?id=任务id。地址未配置时返回 ""。 */
|
|
||||||
export function buildDetail3qUrl(taskId: string): string {
|
|
||||||
const url = getCachedTaskDeeplinkConfig().detail3qUrl;
|
|
||||||
return url && taskId ? appendQueryParam(url, "id", taskId) : "";
|
|
||||||
}
|
|
||||||
|
|
||||||
/* --------------------------- 任务上下文暂存 --------------------------- */
|
|
||||||
|
|
||||||
export function persistTaskContext(ctx: TaskContext): void {
|
|
||||||
try {
|
|
||||||
sessionStorage.setItem(TASK_CONTEXT_STORAGE_KEY, JSON.stringify(ctx));
|
|
||||||
} catch {
|
|
||||||
/* noop */
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
export function readTaskContext(): TaskContext | null {
|
|
||||||
try {
|
|
||||||
const raw = sessionStorage.getItem(TASK_CONTEXT_STORAGE_KEY);
|
|
||||||
if (!raw) return null;
|
|
||||||
const parsed = JSON.parse(raw) as Partial<TaskContext>;
|
|
||||||
if (!parsed?.taskId || !parsed?.agentId) return null;
|
|
||||||
return {
|
|
||||||
taskId: String(parsed.taskId),
|
|
||||||
agentId: String(parsed.agentId),
|
|
||||||
openingText: typeof parsed.openingText === "string" ? parsed.openingText : "",
|
|
||||||
actionId: typeof parsed.actionId === "string" ? parsed.actionId : undefined,
|
|
||||||
partitionByAction: parsed.partitionByAction === true,
|
|
||||||
};
|
|
||||||
} catch {
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 任务深链对话的 thread metadata 标签(既用于「新建对话」打标签,也用于对话列表过滤)。
|
|
||||||
* - 普通业务(rwfx/3qfx):`{ taskId }` —— 按任务划分(1:N)。
|
|
||||||
* - xdfx(partitionByAction):`{ taskId, actionId }` —— 额外按「行动id」划分聊天记录;
|
|
||||||
* 仍带 taskId 以保留后端「任务深链对话全局共享」的语义(后端据 metadata.taskId 跳过分用户过滤)。
|
|
||||||
* 无有效 taskId 时返回 undefined(调用方据此不打标签)。
|
|
||||||
*/
|
|
||||||
export function taskThreadMetadata(
|
|
||||||
ctx: TaskContext | null | undefined,
|
|
||||||
): Record<string, unknown> | undefined {
|
|
||||||
if (!ctx?.taskId) return undefined;
|
|
||||||
return ctx.partitionByAction && ctx.actionId
|
|
||||||
? { taskId: ctx.taskId, actionId: ctx.actionId }
|
|
||||||
: { taskId: ctx.taskId };
|
|
||||||
}
|
|
||||||
|
|
||||||
export function clearTaskContext(): void {
|
|
||||||
try {
|
|
||||||
sessionStorage.removeItem(TASK_CONTEXT_STORAGE_KEY);
|
|
||||||
} catch {
|
|
||||||
/* noop */
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,82 +0,0 @@
|
|||||||
"use client";
|
|
||||||
|
|
||||||
import { useEffect, useRef, useState } from "react";
|
|
||||||
|
|
||||||
import { getAccountDisplayName, getStoredAuth } from "@/core/auth";
|
|
||||||
import { isEmbedActive } from "@/core/embed/embed-session";
|
|
||||||
|
|
||||||
const AUTH_STORAGE_KEY = "deerflow.auth";
|
|
||||||
|
|
||||||
export interface LiveAccount {
|
|
||||||
/** 实时登录用户 id(随 storage/focus 刷新)。null = 未登录。 */
|
|
||||||
userId: string | null;
|
|
||||||
/** 实时显示名(邮箱 @ 前缀,否则 user_id)。 */
|
|
||||||
displayName: string;
|
|
||||||
/** 组件首次挂载时捕获的用户 id。 */
|
|
||||||
mountUserId: string | null;
|
|
||||||
/** 组件首次挂载时捕获的显示名。 */
|
|
||||||
mountDisplayName: string;
|
|
||||||
/**
|
|
||||||
* 当前登录账号与挂载时不一致 —— 即本视图加载后登录被切换过(通常是在另一个
|
|
||||||
* 标签页登录了别的账号)。归属/发布类操作必须据此提醒,避免误归属。
|
|
||||||
*/
|
|
||||||
switched: boolean;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 跟踪「实时」登录账号,而不是挂载时缓存的值。
|
|
||||||
*
|
|
||||||
* 鉴权 token 存在 localStorage(非嵌入态下被同浏览器所有标签页共享),所以在
|
|
||||||
* 另一个标签页登录会**静默替换**本标签页 API 调用所用的 token。任何会决定归属的
|
|
||||||
* 界面(创建/发布智能体)都必须显示请求实际将以哪个账号执行,并在会话中途被切换
|
|
||||||
* 账号时给出提示 —— 否则会出现「用 A 账号创建却归到 B 账号名下」。
|
|
||||||
*/
|
|
||||||
export function useLiveAccount(): LiveAccount {
|
|
||||||
const mountRef = useRef<{ id: string | null; name: string } | null>(null);
|
|
||||||
if (mountRef.current === null) {
|
|
||||||
const auth = getStoredAuth();
|
|
||||||
mountRef.current = {
|
|
||||||
id: auth?.user_id ?? null,
|
|
||||||
name: getAccountDisplayName(auth),
|
|
||||||
};
|
|
||||||
}
|
|
||||||
const [live, setLive] = useState(() => mountRef.current!);
|
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
function refresh() {
|
|
||||||
const auth = getStoredAuth();
|
|
||||||
const id = auth?.user_id ?? null;
|
|
||||||
const name = getAccountDisplayName(auth);
|
|
||||||
setLive((prev) =>
|
|
||||||
prev.id === id && prev.name === name ? prev : { id, name },
|
|
||||||
);
|
|
||||||
}
|
|
||||||
// 嵌入(iframe)态鉴权走按标签页的 sessionStorage、不跨标签,收不到 storage 事件
|
|
||||||
// —— 只挂在正常态;focus/visibilitychange 兜底刷新两种形态都有效。
|
|
||||||
function onStorage(e: StorageEvent) {
|
|
||||||
if (e.key === AUTH_STORAGE_KEY) {
|
|
||||||
refresh();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if (!isEmbedActive()) {
|
|
||||||
window.addEventListener("storage", onStorage);
|
|
||||||
}
|
|
||||||
window.addEventListener("focus", refresh);
|
|
||||||
document.addEventListener("visibilitychange", refresh);
|
|
||||||
refresh();
|
|
||||||
return () => {
|
|
||||||
window.removeEventListener("storage", onStorage);
|
|
||||||
window.removeEventListener("focus", refresh);
|
|
||||||
document.removeEventListener("visibilitychange", refresh);
|
|
||||||
};
|
|
||||||
}, []);
|
|
||||||
|
|
||||||
const mount = mountRef.current!;
|
|
||||||
return {
|
|
||||||
userId: live.id,
|
|
||||||
displayName: live.name,
|
|
||||||
mountUserId: mount.id,
|
|
||||||
mountDisplayName: mount.name,
|
|
||||||
switched: live.id !== null && mount.id !== null && live.id !== mount.id,
|
|
||||||
};
|
|
||||||
}
|
|
||||||
@@ -4,7 +4,6 @@ import {
|
|||||||
EXTERNAL_LOGIN_STORAGE_KEYS,
|
EXTERNAL_LOGIN_STORAGE_KEYS,
|
||||||
persistExternalLoginParams,
|
persistExternalLoginParams,
|
||||||
} from "./external-login";
|
} from "./external-login";
|
||||||
import { authStorageSet } from "@/core/auth/scoped-storage";
|
|
||||||
|
|
||||||
const AUTH_BASE_URL = (import.meta.env.VITE_AUTH_BASE_URL || "").replace(
|
const AUTH_BASE_URL = (import.meta.env.VITE_AUTH_BASE_URL || "").replace(
|
||||||
/\/$/,
|
/\/$/,
|
||||||
@@ -50,14 +49,21 @@ type UserDetailTokenResponse = {
|
|||||||
};
|
};
|
||||||
|
|
||||||
function persistMaxkeyOnlineToken(token: string): void {
|
function persistMaxkeyOnlineToken(token: string): void {
|
||||||
// 嵌入(iframe)态走 sessionStorage(按标签页隔离),正常态走 localStorage。
|
try {
|
||||||
authStorageSet(MAXKEY_ONLINE_TOKEN_STORAGE_KEY, token);
|
localStorage.setItem(MAXKEY_ONLINE_TOKEN_STORAGE_KEY, token);
|
||||||
|
} catch {
|
||||||
|
// 静默失败,不阻断登录
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
function persistUserDetailToken(data: UserDetailTokenPayload): void {
|
function persistUserDetailToken(data: UserDetailTokenPayload): void {
|
||||||
authStorageSet(USER_DETAIL_TOKEN_STORAGE_KEY, JSON.stringify(data));
|
try {
|
||||||
if (data.user_id) {
|
localStorage.setItem(USER_DETAIL_TOKEN_STORAGE_KEY, JSON.stringify(data));
|
||||||
authStorageSet(EXTERNAL_LOGIN_STORAGE_KEYS.userId, String(data.user_id));
|
if (data.user_id) {
|
||||||
|
localStorage.setItem(EXTERNAL_LOGIN_STORAGE_KEYS.userId, String(data.user_id));
|
||||||
|
}
|
||||||
|
} catch {
|
||||||
|
// 静默失败
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -1,6 +1,4 @@
|
|||||||
import { requestCrudService } from "@/service/request-axios-service";
|
import { requestCrudService } from "@/service/request-axios-service";
|
||||||
import { authStorageGet, authStorageSet } from "@/core/auth/scoped-storage";
|
|
||||||
import { normalizeExternalAccessToken } from "@/core/auth/external-access-token";
|
|
||||||
|
|
||||||
const CONSUMER_URL = import.meta.env.VITE_AIPI_CONSUMER_URL || "";
|
const CONSUMER_URL = import.meta.env.VITE_AIPI_CONSUMER_URL || "";
|
||||||
|
|
||||||
@@ -9,8 +7,6 @@ export const EXTERNAL_USER_ID_STORAGE_KEY = "userId";
|
|||||||
export const EXTERNAL_USER_INFO_STORAGE_KEY = "userInfo";
|
export const EXTERNAL_USER_INFO_STORAGE_KEY = "userInfo";
|
||||||
export const GENERAL_QA_ROUTE = "/page/workspace/chats/new";
|
export const GENERAL_QA_ROUTE = "/page/workspace/chats/new";
|
||||||
|
|
||||||
const YUSER_INFO_CACHE_KEY = "deerflow.yuserInfoByYUserId";
|
|
||||||
|
|
||||||
type UserDetailResponse = {
|
type UserDetailResponse = {
|
||||||
data?: {
|
data?: {
|
||||||
id?: string;
|
id?: string;
|
||||||
@@ -18,102 +14,6 @@ type UserDetailResponse = {
|
|||||||
};
|
};
|
||||||
};
|
};
|
||||||
|
|
||||||
function readExternalUserInfo(): Record<string, unknown> {
|
|
||||||
try {
|
|
||||||
const raw = authStorageGet(EXTERNAL_USER_INFO_STORAGE_KEY);
|
|
||||||
if (!raw) return {};
|
|
||||||
const parsed = JSON.parse(raw);
|
|
||||||
return parsed && typeof parsed === "object" && !Array.isArray(parsed)
|
|
||||||
? (parsed as Record<string, unknown>)
|
|
||||||
: {};
|
|
||||||
} catch {
|
|
||||||
return {};
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function readStoredYUserId(info: Record<string, unknown>): string {
|
|
||||||
const value = info.yUserId;
|
|
||||||
return value == null ? "" : String(value).trim();
|
|
||||||
}
|
|
||||||
|
|
||||||
function isPlainObject(value: unknown): value is Record<string, unknown> {
|
|
||||||
return Boolean(value) && typeof value === "object" && !Array.isArray(value);
|
|
||||||
}
|
|
||||||
|
|
||||||
function isUsableExternalValue(value: unknown): boolean {
|
|
||||||
if (value == null) return false;
|
|
||||||
if (typeof value !== "string") return true;
|
|
||||||
const trimmed = value.trim();
|
|
||||||
if (!trimmed) return false;
|
|
||||||
const lowered = trimmed.toLowerCase();
|
|
||||||
return lowered !== "null" && lowered !== "undefined";
|
|
||||||
}
|
|
||||||
|
|
||||||
function readYUserInfoCache(): Record<string, Record<string, unknown>> {
|
|
||||||
if (typeof window === "undefined") return {};
|
|
||||||
try {
|
|
||||||
const raw = window.localStorage.getItem(YUSER_INFO_CACHE_KEY);
|
|
||||||
if (!raw) return {};
|
|
||||||
const parsed = JSON.parse(raw);
|
|
||||||
if (!isPlainObject(parsed)) return {};
|
|
||||||
const cache: Record<string, Record<string, unknown>> = {};
|
|
||||||
for (const [key, value] of Object.entries(parsed)) {
|
|
||||||
if (isPlainObject(value)) cache[key] = value;
|
|
||||||
}
|
|
||||||
return cache;
|
|
||||||
} catch {
|
|
||||||
return {};
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function readCachedYUserInfo(yUserId: string): Record<string, unknown> {
|
|
||||||
return readYUserInfoCache()[yUserId] ?? {};
|
|
||||||
}
|
|
||||||
|
|
||||||
function writeCachedYUserInfo(yUserId: string, info: Record<string, unknown>): void {
|
|
||||||
if (typeof window === "undefined") return;
|
|
||||||
try {
|
|
||||||
const cache = readYUserInfoCache();
|
|
||||||
cache[yUserId] = info;
|
|
||||||
window.localStorage.setItem(YUSER_INFO_CACHE_KEY, JSON.stringify(cache));
|
|
||||||
} catch {
|
|
||||||
/* noop */
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function buildExternalUserInfo(
|
|
||||||
yUserId: string,
|
|
||||||
result: Record<string, unknown>,
|
|
||||||
previous: Record<string, unknown>,
|
|
||||||
cached: Record<string, unknown>,
|
|
||||||
): Record<string, unknown> {
|
|
||||||
const next: Record<string, unknown> = { ...cached };
|
|
||||||
for (const [key, value] of Object.entries(result)) {
|
|
||||||
if (isUsableExternalValue(value)) {
|
|
||||||
next[key] = value;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
next.yUserId = yUserId;
|
|
||||||
|
|
||||||
const incomingAccessToken = normalizeExternalAccessToken(result.accessToken);
|
|
||||||
if (incomingAccessToken) {
|
|
||||||
next.accessToken = incomingAccessToken;
|
|
||||||
return next;
|
|
||||||
}
|
|
||||||
|
|
||||||
const previousYUserId = readStoredYUserId(previous);
|
|
||||||
const previousAccessToken =
|
|
||||||
previousYUserId === yUserId ? normalizeExternalAccessToken(previous.accessToken) : "";
|
|
||||||
const cachedAccessToken = normalizeExternalAccessToken(cached.accessToken);
|
|
||||||
const fallbackAccessToken = previousAccessToken || cachedAccessToken;
|
|
||||||
if (fallbackAccessToken) {
|
|
||||||
next.accessToken = fallbackAccessToken;
|
|
||||||
} else {
|
|
||||||
delete next.accessToken;
|
|
||||||
}
|
|
||||||
return next;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* External login via yUserId + optional token (same flow as web-code Login.tsx):
|
* External login via yUserId + optional token (same flow as web-code Login.tsx):
|
||||||
* persist tools_token, resolve user via consumer API, store userId/userInfo.
|
* persist tools_token, resolve user via consumer API, store userId/userInfo.
|
||||||
@@ -123,7 +23,7 @@ export async function loginByYUserId(
|
|||||||
token?: string | null,
|
token?: string | null,
|
||||||
): Promise<void> {
|
): Promise<void> {
|
||||||
if (token) {
|
if (token) {
|
||||||
authStorageSet(TOOLS_TOKEN_STORAGE_KEY, token);
|
localStorage.setItem(TOOLS_TOKEN_STORAGE_KEY, token);
|
||||||
}
|
}
|
||||||
|
|
||||||
const res = (await requestCrudService.get(
|
const res = (await requestCrudService.get(
|
||||||
@@ -137,15 +37,14 @@ export async function loginByYUserId(
|
|||||||
// 注意:接口也会返回 accessToken,但 XK/PG 及 source=accessToken 要用路由透传的
|
// 注意:接口也会返回 accessToken,但 XK/PG 及 source=accessToken 要用路由透传的
|
||||||
// access_token,故登录流程随后会用 persistAccessToken 覆盖 userInfo.accessToken。
|
// access_token,故登录流程随后会用 persistAccessToken 覆盖 userInfo.accessToken。
|
||||||
const result = res.data ?? {};
|
const result = res.data ?? {};
|
||||||
const previous = readExternalUserInfo();
|
localStorage.setItem(
|
||||||
const cached = readCachedYUserInfo(yUserId);
|
EXTERNAL_USER_INFO_STORAGE_KEY,
|
||||||
const next = buildExternalUserInfo(yUserId, result, previous, cached);
|
JSON.stringify({ ...result, yUserId }),
|
||||||
authStorageSet(EXTERNAL_USER_INFO_STORAGE_KEY, JSON.stringify(next));
|
);
|
||||||
writeCachedYUserInfo(yUserId, next);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export function persistToolsToken(token: string): void {
|
export function persistToolsToken(token: string): void {
|
||||||
authStorageSet(TOOLS_TOKEN_STORAGE_KEY, token);
|
localStorage.setItem(TOOLS_TOKEN_STORAGE_KEY, token);
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@@ -156,13 +55,20 @@ export function persistToolsToken(token: string): void {
|
|||||||
* 用合并而非覆盖整对象,避免抹掉 loginByYUserId 从 consumer 拿到的用户信息。
|
* 用合并而非覆盖整对象,避免抹掉 loginByYUserId 从 consumer 拿到的用户信息。
|
||||||
*/
|
*/
|
||||||
export function persistAccessToken(token: string): void {
|
export function persistAccessToken(token: string): void {
|
||||||
const trimmed = normalizeExternalAccessToken(token);
|
const trimmed = token?.trim();
|
||||||
if (!trimmed) return;
|
if (!trimmed) return;
|
||||||
const info = readExternalUserInfo();
|
let info: Record<string, unknown> = {};
|
||||||
info.accessToken = trimmed;
|
try {
|
||||||
authStorageSet(EXTERNAL_USER_INFO_STORAGE_KEY, JSON.stringify(info));
|
const raw = localStorage.getItem(EXTERNAL_USER_INFO_STORAGE_KEY);
|
||||||
const yUserId = readStoredYUserId(info);
|
if (raw) {
|
||||||
if (yUserId) {
|
const parsed = JSON.parse(raw);
|
||||||
writeCachedYUserInfo(yUserId, info);
|
if (parsed && typeof parsed === "object") {
|
||||||
|
info = parsed as Record<string, unknown>;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
} catch {
|
||||||
|
info = {};
|
||||||
}
|
}
|
||||||
|
info.accessToken = trimmed;
|
||||||
|
localStorage.setItem(EXTERNAL_USER_INFO_STORAGE_KEY, JSON.stringify(info));
|
||||||
}
|
}
|
||||||
@@ -1,6 +1,5 @@
|
|||||||
import { apiFetch } from "@/core/api";
|
import { apiFetch } from "@/core/api";
|
||||||
import { getBackendBaseURL } from "@/core/config";
|
import { getBackendBaseURL } from "@/core/config";
|
||||||
import { OptType, writeYLog } from "@/core/log/y-log";
|
|
||||||
|
|
||||||
import type {
|
import type {
|
||||||
CuratorConfig,
|
CuratorConfig,
|
||||||
@@ -28,21 +27,12 @@ export interface CuratorConfigUpdatePayload {
|
|||||||
export async function updateCuratorConfig(
|
export async function updateCuratorConfig(
|
||||||
payload: CuratorConfigUpdatePayload,
|
payload: CuratorConfigUpdatePayload,
|
||||||
): Promise<CuratorConfig> {
|
): Promise<CuratorConfig> {
|
||||||
const url = `${getBackendBaseURL()}/api/curator/config`;
|
const response = await apiFetch(`${getBackendBaseURL()}/api/curator/config`, {
|
||||||
const response = await apiFetch(url, {
|
|
||||||
method: "PUT",
|
method: "PUT",
|
||||||
headers: { "Content-Type": "application/json" },
|
headers: { "Content-Type": "application/json" },
|
||||||
body: JSON.stringify(payload),
|
body: JSON.stringify(payload),
|
||||||
});
|
});
|
||||||
const result = (await response.json()) as CuratorConfig;
|
return response.json() as Promise<CuratorConfig>;
|
||||||
writeYLog({
|
|
||||||
optType: OptType.edit,
|
|
||||||
optDetail: "CM助手-全量-策展-更新配置",
|
|
||||||
url,
|
|
||||||
reqParam: payload,
|
|
||||||
returnParam: result,
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export interface RunCuratorResult {
|
export interface RunCuratorResult {
|
||||||
@@ -52,26 +42,13 @@ export interface RunCuratorResult {
|
|||||||
}
|
}
|
||||||
|
|
||||||
export async function runCurator(): Promise<RunCuratorResult> {
|
export async function runCurator(): Promise<RunCuratorResult> {
|
||||||
const url = `${getBackendBaseURL()}/api/curator/run`;
|
const response = await apiFetch(`${getBackendBaseURL()}/api/curator/run`, {
|
||||||
const response = await apiFetch(url, { method: "POST" });
|
method: "POST",
|
||||||
const result = (await response.json()) as RunCuratorResult;
|
|
||||||
writeYLog({
|
|
||||||
optType: OptType.other,
|
|
||||||
optDetail: "CM助手-全量-策展-手动触发策展",
|
|
||||||
url,
|
|
||||||
returnParam: result,
|
|
||||||
});
|
});
|
||||||
return result;
|
return response.json() as Promise<RunCuratorResult>;
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function getCuratorLogs(): Promise<CuratorLogs> {
|
export async function getCuratorLogs(): Promise<CuratorLogs> {
|
||||||
const url = `${getBackendBaseURL()}/api/curator/logs`;
|
const response = await apiFetch(`${getBackendBaseURL()}/api/curator/logs`);
|
||||||
const response = await apiFetch(url);
|
return response.json() as Promise<CuratorLogs>;
|
||||||
const result = (await response.json()) as CuratorLogs;
|
|
||||||
writeYLog({
|
|
||||||
optType: OptType.view,
|
|
||||||
optDetail: "CM助手-全量-策展-查看运行日志",
|
|
||||||
url,
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
@@ -2,7 +2,6 @@ import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
|
|||||||
|
|
||||||
import { apiFetch } from "@/core/api";
|
import { apiFetch } from "@/core/api";
|
||||||
import { getBackendBaseURL } from "@/core/config";
|
import { getBackendBaseURL } from "@/core/config";
|
||||||
import { OptType, writeYLog } from "@/core/log/y-log";
|
|
||||||
|
|
||||||
/** A user-defined reusable prompt, bound to the account (stored server-side). */
|
/** A user-defined reusable prompt, bound to the account (stored server-side). */
|
||||||
export interface CustomPrompt {
|
export interface CustomPrompt {
|
||||||
@@ -28,12 +27,6 @@ async function listUserPrompts(): Promise<CustomPrompt[]> {
|
|||||||
const res = await apiFetch(baseUrl());
|
const res = await apiFetch(baseUrl());
|
||||||
if (!res.ok) throw new Error(`Failed to load prompts: ${res.statusText}`);
|
if (!res.ok) throw new Error(`Failed to load prompts: ${res.statusText}`);
|
||||||
const data = (await res.json()) as { prompts: CustomPrompt[] };
|
const data = (await res.json()) as { prompts: CustomPrompt[] };
|
||||||
writeYLog({
|
|
||||||
optType: OptType.search,
|
|
||||||
optDetail: "CM助手-全量-自定义提示词-查询",
|
|
||||||
url: "/api/user-prompts",
|
|
||||||
returnParam: data.prompts,
|
|
||||||
});
|
|
||||||
return data.prompts;
|
return data.prompts;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -51,15 +44,7 @@ async function createUserPrompt(input: {
|
|||||||
const err = (await res.json().catch(() => ({}))) as { detail?: string };
|
const err = (await res.json().catch(() => ({}))) as { detail?: string };
|
||||||
throw new Error(err.detail ?? `Failed to create prompt: ${res.statusText}`);
|
throw new Error(err.detail ?? `Failed to create prompt: ${res.statusText}`);
|
||||||
}
|
}
|
||||||
const created = (await res.json()) as CustomPrompt;
|
return res.json() as Promise<CustomPrompt>;
|
||||||
writeYLog({
|
|
||||||
optType: OptType.create,
|
|
||||||
optDetail: "CM助手-全量-自定义提示词-新增",
|
|
||||||
url: "/api/user-prompts",
|
|
||||||
reqParam: input,
|
|
||||||
returnParam: created,
|
|
||||||
});
|
|
||||||
return created;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
async function updateUserPrompt(
|
async function updateUserPrompt(
|
||||||
@@ -75,15 +60,7 @@ async function updateUserPrompt(
|
|||||||
const err = (await res.json().catch(() => ({}))) as { detail?: string };
|
const err = (await res.json().catch(() => ({}))) as { detail?: string };
|
||||||
throw new Error(err.detail ?? `Failed to update prompt: ${res.statusText}`);
|
throw new Error(err.detail ?? `Failed to update prompt: ${res.statusText}`);
|
||||||
}
|
}
|
||||||
const updated = (await res.json()) as CustomPrompt;
|
return res.json() as Promise<CustomPrompt>;
|
||||||
writeYLog({
|
|
||||||
optType: OptType.edit,
|
|
||||||
optDetail: "CM助手-全量-自定义提示词-编辑",
|
|
||||||
url: `/api/user-prompts/${id}`,
|
|
||||||
reqParam: input,
|
|
||||||
returnParam: updated,
|
|
||||||
});
|
|
||||||
return updated;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
async function deleteUserPrompt(id: string): Promise<void> {
|
async function deleteUserPrompt(id: string): Promise<void> {
|
||||||
@@ -94,12 +71,6 @@ async function deleteUserPrompt(id: string): Promise<void> {
|
|||||||
const err = (await res.json().catch(() => ({}))) as { detail?: string };
|
const err = (await res.json().catch(() => ({}))) as { detail?: string };
|
||||||
throw new Error(err.detail ?? `Failed to delete prompt: ${res.statusText}`);
|
throw new Error(err.detail ?? `Failed to delete prompt: ${res.statusText}`);
|
||||||
}
|
}
|
||||||
writeYLog({
|
|
||||||
optType: OptType.delete,
|
|
||||||
optDetail: "CM助手-全量-自定义提示词-删除",
|
|
||||||
url: `/api/user-prompts/${id}`,
|
|
||||||
reqParam: { id },
|
|
||||||
});
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/** Reactive list of the current user's saved prompts (server-backed). */
|
/** Reactive list of the current user's saved prompts (server-backed). */
|
||||||
|
|||||||
@@ -1,239 +0,0 @@
|
|||||||
/**
|
|
||||||
* 「外部系统 iframe 套用深链」相关的**按标签页**会话开关。承载三个相互独立的能力,多由 URL
|
|
||||||
* 路由参数开启(独立会话 `isolate` 另可由「外观」设置里的开关在运行时切换,见 `setIsolatedSession`),
|
|
||||||
* 存进同一份 sessionStorage 会话、跨登录跳转/刷新/页内导航存活:
|
|
||||||
*
|
|
||||||
* 1. `embed=1`(可带 `&theme=`)—— **嵌入模式**:去掉全局导航栏(Header)+ 侧边栏(PageSidebar),
|
|
||||||
* 并按外部主题色强制系统明/暗(离散切换)。
|
|
||||||
* 2. `hideJump=1` —— **隐藏深链底部「快捷跳转」栏**:去掉 `TaskJumpBar` 的两部分——底部的
|
|
||||||
* 「下一步」等按钮 + 右侧垂直居中的悬浮菜单(单智能体问答 / 多智能体会商深链共用该栏)。
|
|
||||||
* 3. `isolate=1` —— **独立会话登录**:本标签页的鉴权身份按标签页隔离(见 [[scoped-storage]]
|
|
||||||
* `authStorage()`,嵌入态与独立态同走 sessionStorage)。用于同一浏览器里**另开一个标签页登
|
|
||||||
* 录不同账号**而**不覆盖**当前标签页(localStorage)的登录态——`embed` 已隐含此隔离,`isolate`
|
|
||||||
* 则是把同一套隔离单独提供给**普通(带 chrome)标签页**,不去 chrome、不强制主题、不动跳转栏。
|
|
||||||
*
|
|
||||||
* 三者可单独使用,也可叠加:`hideJump` **只**隐藏跳转栏,不动 chrome / 主题;`embed` 不影响跳转栏;
|
|
||||||
* `isolate` 只切换鉴权存储,不影响 chrome / 主题 / 跳转栏。
|
|
||||||
*
|
|
||||||
* 隔离要点(核心诉求:同一浏览器另开咱们正常系统页,**绝不能**被这些开关影响):
|
|
||||||
* - 用 **sessionStorage**(按标签页隔离、绝不跨标签)持有这些 flag,而**不用** localStorage
|
|
||||||
* (跨标签共享 → 会污染正常页)。
|
|
||||||
* - 主题走 next-themes 的 `forcedTheme`(见 App.tsx `AppProviders`)——只在本标签页生效、
|
|
||||||
* 不写 localStorage `strategy-theme`;嵌入侧绝不调 `setTheme`。
|
|
||||||
* - 去 chrome / 去跳转栏均由本模块的 sessionStorage flag 驱动,不碰 `persistSidebarEnabled` 等
|
|
||||||
* localStorage 偏好。
|
|
||||||
*
|
|
||||||
* iframe 的浏览器上下文就是它自己的标签页,sessionStorage 天然「一个 iframe 一份、随关闭消失」;
|
|
||||||
* 正常页标签页里既无这些参数也无这份会话 → 所有 `isXxx()` 恒为 false,完全不受影响。
|
|
||||||
*/
|
|
||||||
|
|
||||||
const EMBED_SESSION_KEY = "embed.session";
|
|
||||||
|
|
||||||
export type EmbedTheme = "light" | "dark";
|
|
||||||
|
|
||||||
/** 本标签页的嵌入会话(按需置位的若干独立开关)。 */
|
|
||||||
export interface EmbedSession {
|
|
||||||
/** 嵌入模式:去全局 chrome + 强制主题。 */
|
|
||||||
embed: boolean;
|
|
||||||
/** 嵌入模式下强制的主题(仅 embed 为真时有意义)。 */
|
|
||||||
theme: EmbedTheme;
|
|
||||||
/** 隐藏深链底部「快捷跳转」栏(TaskJumpBar:底部按钮 + 右侧悬浮菜单)。 */
|
|
||||||
hideJump: boolean;
|
|
||||||
/**
|
|
||||||
* 仅去全局 chrome(Header 导航栏 + PageSidebar 侧边栏),**不**强制主题、**不**隔离鉴权。
|
|
||||||
* 区别于 `embed`:嵌入态会额外强制主题 + 走 sessionStorage 隔离登录身份;`hideChrome` 只想要
|
|
||||||
* 一个干净的全屏页面(如「大屏绘制」`?hideChrome=1`),其余行为与正常标签页完全一致。
|
|
||||||
*/
|
|
||||||
hideChrome: boolean;
|
|
||||||
/** 独立会话:鉴权身份按本标签页隔离(走 sessionStorage),用于同浏览器登录不同账号互不覆盖。 */
|
|
||||||
isolate: boolean;
|
|
||||||
}
|
|
||||||
|
|
||||||
/** URL 布尔参数的三态:显式开 / 显式关 / 未带。 */
|
|
||||||
type FlagParam = "on" | "off" | null;
|
|
||||||
|
|
||||||
function toSearchParams(search: string): URLSearchParams {
|
|
||||||
return new URLSearchParams(search.startsWith("?") ? search : `?${search}`);
|
|
||||||
}
|
|
||||||
|
|
||||||
/** 读某个布尔型 query 参数的三态。`1/true/yes` → on;`0/false/no` → off;缺省/其它 → null。 */
|
|
||||||
function readFlagParam(search: string, key: string): FlagParam {
|
|
||||||
const v = (toSearchParams(search).get(key) ?? "").trim().toLowerCase();
|
|
||||||
if (!v) return null;
|
|
||||||
if (v === "1" || v === "true" || v === "yes") return "on";
|
|
||||||
if (v === "0" || v === "false" || v === "no") return "off";
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
|
|
||||||
/** 读 URL 里的 `embed` 三态。 */
|
|
||||||
export function readEmbedParam(search: string): FlagParam {
|
|
||||||
return readFlagParam(search, "embed");
|
|
||||||
}
|
|
||||||
|
|
||||||
/** 读 URL 里的 `hideJump` 三态。 */
|
|
||||||
export function readHideJumpParam(search: string): FlagParam {
|
|
||||||
return readFlagParam(search, "hideJump");
|
|
||||||
}
|
|
||||||
|
|
||||||
/** 读 URL 里的 `hideChrome` 三态(仅去全局导航栏 + 侧边栏)。 */
|
|
||||||
export function readHideChromeParam(search: string): FlagParam {
|
|
||||||
return readFlagParam(search, "hideChrome");
|
|
||||||
}
|
|
||||||
|
|
||||||
/** 读 URL 里的 `isolate` 三态(独立会话登录)。 */
|
|
||||||
export function readIsolateParam(search: string): FlagParam {
|
|
||||||
return readFlagParam(search, "isolate");
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 把外部传入的主题色映射成离散明/暗。与 `resolveThemeFromQuery` 同源约定(dark-blue → 深色),
|
|
||||||
* 另外宽松接受 `dark` / 中文「深色/深蓝」直传;其余(含空)一律浅色。
|
|
||||||
*/
|
|
||||||
export function resolveEmbedThemeMode(raw: string | null | undefined): EmbedTheme {
|
|
||||||
const v = (raw ?? "").trim().toLowerCase();
|
|
||||||
if (v === "dark" || v === "dark-blue" || v === "深色" || v === "深蓝") return "dark";
|
|
||||||
return "light";
|
|
||||||
}
|
|
||||||
|
|
||||||
/** 取 URL query 里的 `theme` 值(embed 主题来源)。 */
|
|
||||||
export function readEmbedThemeParam(search: string): string {
|
|
||||||
return (toSearchParams(search).get("theme") ?? "").trim();
|
|
||||||
}
|
|
||||||
|
|
||||||
/** 读本标签页的嵌入会话;无 → null。 */
|
|
||||||
export function readEmbedSession(): EmbedSession | null {
|
|
||||||
try {
|
|
||||||
const raw = sessionStorage.getItem(EMBED_SESSION_KEY);
|
|
||||||
if (!raw) return null;
|
|
||||||
const p = JSON.parse(raw) as Partial<EmbedSession>;
|
|
||||||
return {
|
|
||||||
embed: p.embed === true,
|
|
||||||
theme: p.theme === "dark" ? "dark" : "light",
|
|
||||||
hideJump: p.hideJump === true,
|
|
||||||
hideChrome: p.hideChrome === true,
|
|
||||||
isolate: p.isolate === true,
|
|
||||||
};
|
|
||||||
} catch {
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/** 写会话;无任何开关置位时直接清除(保持 sessionStorage 干净)。隐私模式/quota 异常静默失败。 */
|
|
||||||
function writeEmbedSession(next: EmbedSession): void {
|
|
||||||
try {
|
|
||||||
if (!next.embed && !next.hideJump && !next.hideChrome && !next.isolate) {
|
|
||||||
sessionStorage.removeItem(EMBED_SESSION_KEY);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
sessionStorage.setItem(EMBED_SESSION_KEY, JSON.stringify(next));
|
|
||||||
} catch {
|
|
||||||
/* noop */
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/** 本标签页是否处于嵌入模式(驱动去全局 chrome + 强制主题)。 */
|
|
||||||
export function isEmbedActive(): boolean {
|
|
||||||
return readEmbedSession()?.embed === true;
|
|
||||||
}
|
|
||||||
|
|
||||||
/** 本标签页是否要隐藏深链底部「快捷跳转」栏(TaskJumpBar)。 */
|
|
||||||
export function isJumpBarHidden(): boolean {
|
|
||||||
return readEmbedSession()?.hideJump === true;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 本标签页是否要去全局 chrome(Header 导航栏 + PageSidebar 侧边栏)。
|
|
||||||
* `embed` 已隐含去 chrome,故这里取「embed || hideChrome」之并——任一置位都隐藏。
|
|
||||||
* 与 `isEmbedActive()` 的差别:`hideChrome` 不强制主题、不隔离鉴权,只去 chrome。
|
|
||||||
*/
|
|
||||||
export function isChromeHidden(): boolean {
|
|
||||||
const s = readEmbedSession();
|
|
||||||
return s?.embed === true || s?.hideChrome === true;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 本标签页是否处于独立会话态:鉴权身份按标签页隔离(走 sessionStorage)。
|
|
||||||
* `embed` 已隐含同样的隔离,故 `authStorage()` 取「embed || isolate」之并;这里只判 `isolate`,
|
|
||||||
* 供需要区分「纯独立会话(带 chrome)」与「嵌入态(去 chrome)」的场合使用。
|
|
||||||
*/
|
|
||||||
export function isIsolatedSession(): boolean {
|
|
||||||
return readEmbedSession()?.isolate === true;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 按 URL 参数同步 sessionStorage 会话(AppProviders 在每次 search 变化时调用一次)。
|
|
||||||
* **合并语义**:on 置位、off 清位、未带则沿用既有值——这样登录后跳到不带参数的干净路由时,
|
|
||||||
* 之前置位的开关不会被抹掉。
|
|
||||||
*/
|
|
||||||
export function syncEmbedSessionFromSearch(search: string): void {
|
|
||||||
const cur =
|
|
||||||
readEmbedSession() ??
|
|
||||||
{ embed: false, theme: "light" as EmbedTheme, hideJump: false, hideChrome: false, isolate: false };
|
|
||||||
const next: EmbedSession = { ...cur };
|
|
||||||
|
|
||||||
const embedParam = readEmbedParam(search);
|
|
||||||
if (embedParam === "on") {
|
|
||||||
next.embed = true;
|
|
||||||
next.theme = resolveEmbedThemeMode(readEmbedThemeParam(search));
|
|
||||||
} else if (embedParam === "off") {
|
|
||||||
next.embed = false;
|
|
||||||
}
|
|
||||||
|
|
||||||
const hideJumpParam = readHideJumpParam(search);
|
|
||||||
if (hideJumpParam === "on") next.hideJump = true;
|
|
||||||
else if (hideJumpParam === "off") next.hideJump = false;
|
|
||||||
|
|
||||||
const hideChromeParam = readHideChromeParam(search);
|
|
||||||
if (hideChromeParam === "on") next.hideChrome = true;
|
|
||||||
else if (hideChromeParam === "off") next.hideChrome = false;
|
|
||||||
|
|
||||||
const isolateParam = readIsolateParam(search);
|
|
||||||
if (isolateParam === "on") next.isolate = true;
|
|
||||||
else if (isolateParam === "off") next.isolate = false;
|
|
||||||
|
|
||||||
writeEmbedSession(next);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 从当前 HashRouter URL(`#/path?a=b`)取出 query 串。
|
|
||||||
* 供「在 React 渲染之前」同步启用嵌入会话(main.tsx)——必须早于任何鉴权写入,
|
|
||||||
* 否则首帧 LoginPage 的 effect 可能抢在 AppProviders 同步 effect 之前把登录参数写进 localStorage。
|
|
||||||
*/
|
|
||||||
function currentHashSearch(): string {
|
|
||||||
if (typeof window === "undefined") return "";
|
|
||||||
const hash = window.location.hash || "";
|
|
||||||
const i = hash.indexOf("?");
|
|
||||||
return i >= 0 ? hash.slice(i) : "";
|
|
||||||
}
|
|
||||||
|
|
||||||
/** main.tsx 在渲染前同步调用一次:据当前 URL 启用/关闭本标签页嵌入会话。 */
|
|
||||||
export function syncEmbedSessionFromCurrentUrl(): void {
|
|
||||||
syncEmbedSessionFromSearch(currentHashSearch());
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 解析「应当强制的嵌入主题」供 `AppProviders` 的 `forcedTheme` 用:
|
|
||||||
* - URL 显式 `embed=1` → 用 URL `theme`(首帧即生效,登录页转场不闪烁);
|
|
||||||
* - URL 显式 `embed=0` → 不强制(undefined);
|
|
||||||
* - URL 未带 → 回退本标签页嵌入会话主题(仅 embed 置位时)。
|
|
||||||
* 非嵌入标签页恒返回 undefined → 完全不影响正常系统页的主题。
|
|
||||||
*/
|
|
||||||
export function resolveForcedEmbedTheme(search: string): EmbedTheme | undefined {
|
|
||||||
const param = readEmbedParam(search);
|
|
||||||
if (param === "on") return resolveEmbedThemeMode(readEmbedThemeParam(search));
|
|
||||||
if (param === "off") return undefined;
|
|
||||||
const session = readEmbedSession();
|
|
||||||
return session?.embed ? session.theme : undefined;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 运行时直接置位/清除本标签页的独立会话标志(供「外观」设置里的开关用,区别于 URL 参数驱动)。
|
|
||||||
* 仅切换标志;登录态的「localStorage 快照搬进 sessionStorage」由 [[scoped-storage]]
|
|
||||||
* `migrateAuthToSession()` 负责,调用顺序见 appearance 设置页。
|
|
||||||
*/
|
|
||||||
export function setIsolatedSession(on: boolean): void {
|
|
||||||
const cur =
|
|
||||||
readEmbedSession() ??
|
|
||||||
{ embed: false, theme: "light" as EmbedTheme, hideJump: false, hideChrome: false, isolate: false };
|
|
||||||
writeEmbedSession({ ...cur, isolate: on });
|
|
||||||
}
|
|
||||||
@@ -1,6 +1,5 @@
|
|||||||
import { apiFetch } from "@/core/api";
|
import { apiFetch } from "@/core/api";
|
||||||
import { getBackendBaseURL } from "@/core/config";
|
import { getBackendBaseURL } from "@/core/config";
|
||||||
import { OptType, writeYLog } from "@/core/log/y-log";
|
|
||||||
|
|
||||||
import type {
|
import type {
|
||||||
BatchIngestPayload,
|
BatchIngestPayload,
|
||||||
@@ -42,31 +41,15 @@ export async function listKnowledgeNotes(params: KnowledgeListParams = {}) {
|
|||||||
if (params.folder !== undefined) qs.set("folder", params.folder);
|
if (params.folder !== undefined) qs.set("folder", params.folder);
|
||||||
qs.set("limit", String(params.limit ?? 20));
|
qs.set("limit", String(params.limit ?? 20));
|
||||||
qs.set("offset", String(params.offset ?? 0));
|
qs.set("offset", String(params.offset ?? 0));
|
||||||
const result = await parseResponse<KnowledgeListResponse>(
|
return parseResponse<KnowledgeListResponse>(
|
||||||
await apiFetch(`${baseUrl()}/notes?${qs.toString()}`),
|
await apiFetch(`${baseUrl()}/notes?${qs.toString()}`),
|
||||||
);
|
);
|
||||||
writeYLog({
|
|
||||||
optType: OptType.search,
|
|
||||||
optDetail: "CM助手-全量-知识库-检索",
|
|
||||||
url: `${baseUrl()}/notes?${qs.toString()}`,
|
|
||||||
reqParam: params,
|
|
||||||
returnParam: result,
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function getKnowledgeNote(noteId: string) {
|
export async function getKnowledgeNote(noteId: string) {
|
||||||
const result = await parseResponse<KnowledgeNote>(
|
return parseResponse<KnowledgeNote>(
|
||||||
await apiFetch(`${baseUrl()}/notes/${encodeURIComponent(noteId)}`),
|
await apiFetch(`${baseUrl()}/notes/${encodeURIComponent(noteId)}`),
|
||||||
);
|
);
|
||||||
writeYLog({
|
|
||||||
optType: OptType.view,
|
|
||||||
optDetail: "CM助手-全量-知识库-查看",
|
|
||||||
url: `${baseUrl()}/notes/${encodeURIComponent(noteId)}`,
|
|
||||||
reqParam: { noteId },
|
|
||||||
returnParam: result,
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function createKnowledgeNote(data: {
|
export async function createKnowledgeNote(data: {
|
||||||
@@ -84,13 +67,6 @@ export async function createKnowledgeNote(data: {
|
|||||||
body: JSON.stringify(data),
|
body: JSON.stringify(data),
|
||||||
}),
|
}),
|
||||||
);
|
);
|
||||||
writeYLog({
|
|
||||||
optType: OptType.create,
|
|
||||||
optDetail: "CM助手-全量-知识库-新建",
|
|
||||||
url: `${baseUrl()}/notes`,
|
|
||||||
reqParam: data,
|
|
||||||
returnParam: res.note,
|
|
||||||
});
|
|
||||||
return res.note;
|
return res.note;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -105,38 +81,22 @@ export async function updateKnowledgeNote(
|
|||||||
folder: string | null;
|
folder: string | null;
|
||||||
}>,
|
}>,
|
||||||
) {
|
) {
|
||||||
const result = await parseResponse<KnowledgeNote>(
|
return parseResponse<KnowledgeNote>(
|
||||||
await apiFetch(`${baseUrl()}/notes/${encodeURIComponent(noteId)}`, {
|
await apiFetch(`${baseUrl()}/notes/${encodeURIComponent(noteId)}`, {
|
||||||
method: "PUT",
|
method: "PUT",
|
||||||
headers: { "Content-Type": "application/json" },
|
headers: { "Content-Type": "application/json" },
|
||||||
body: JSON.stringify(data),
|
body: JSON.stringify(data),
|
||||||
}),
|
}),
|
||||||
);
|
);
|
||||||
writeYLog({
|
|
||||||
optType: OptType.edit,
|
|
||||||
optDetail: "CM助手-全量-知识库-修改",
|
|
||||||
url: `${baseUrl()}/notes/${encodeURIComponent(noteId)}`,
|
|
||||||
reqParam: { noteId, data },
|
|
||||||
returnParam: result,
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function deleteKnowledgeNote(noteId: string, hard = false) {
|
export async function deleteKnowledgeNote(noteId: string, hard = false) {
|
||||||
const result = await parseResponse<{ ok: boolean; note_id: string }>(
|
return parseResponse<{ ok: boolean; note_id: string }>(
|
||||||
await apiFetch(
|
await apiFetch(
|
||||||
`${baseUrl()}/notes/${encodeURIComponent(noteId)}${hard ? "?hard=true" : ""}`,
|
`${baseUrl()}/notes/${encodeURIComponent(noteId)}${hard ? "?hard=true" : ""}`,
|
||||||
{ method: "DELETE" },
|
{ method: "DELETE" },
|
||||||
),
|
),
|
||||||
);
|
);
|
||||||
writeYLog({
|
|
||||||
optType: OptType.delete,
|
|
||||||
optDetail: "CM助手-全量-知识库-删除",
|
|
||||||
url: `${baseUrl()}/notes/${encodeURIComponent(noteId)}${hard ? "?hard=true" : ""}`,
|
|
||||||
reqParam: { noteId, hard },
|
|
||||||
returnParam: result,
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function searchKnowledge(query: string, limit = 8) {
|
export async function searchKnowledge(query: string, limit = 8) {
|
||||||
@@ -147,18 +107,11 @@ export async function searchKnowledge(query: string, limit = 8) {
|
|||||||
body: JSON.stringify({ query, mode: "keyword", limit }),
|
body: JSON.stringify({ query, mode: "keyword", limit }),
|
||||||
}),
|
}),
|
||||||
);
|
);
|
||||||
writeYLog({
|
|
||||||
optType: OptType.search,
|
|
||||||
optDetail: "CM助手-全量-知识库-检索",
|
|
||||||
url: `${baseUrl()}/search`,
|
|
||||||
reqParam: { query, mode: "keyword", limit },
|
|
||||||
returnParam: res.items,
|
|
||||||
});
|
|
||||||
return res.items;
|
return res.items;
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function ingestThread(threadId: string, payload: IngestThreadPayload = {}) {
|
export async function ingestThread(threadId: string, payload: IngestThreadPayload = {}) {
|
||||||
const result = await parseResponse<{
|
return parseResponse<{
|
||||||
note?: KnowledgeNote;
|
note?: KnowledgeNote;
|
||||||
created?: boolean;
|
created?: boolean;
|
||||||
queued?: boolean;
|
queued?: boolean;
|
||||||
@@ -169,32 +122,16 @@ export async function ingestThread(threadId: string, payload: IngestThreadPayloa
|
|||||||
body: JSON.stringify(payload),
|
body: JSON.stringify(payload),
|
||||||
}),
|
}),
|
||||||
);
|
);
|
||||||
writeYLog({
|
|
||||||
optType: OptType.import,
|
|
||||||
optDetail: "CM助手-全量-知识库-导入",
|
|
||||||
url: `${baseUrl()}/ingest/thread/${encodeURIComponent(threadId)}`,
|
|
||||||
reqParam: { threadId, payload },
|
|
||||||
returnParam: result,
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function ingestThreadsBatch(payload: BatchIngestPayload = {}) {
|
export async function ingestThreadsBatch(payload: BatchIngestPayload = {}) {
|
||||||
const result = await parseResponse<BatchIngestResult>(
|
return parseResponse<BatchIngestResult>(
|
||||||
await apiFetch(`${baseUrl()}/ingest/threads/batch`, {
|
await apiFetch(`${baseUrl()}/ingest/threads/batch`, {
|
||||||
method: "POST",
|
method: "POST",
|
||||||
headers: { "Content-Type": "application/json" },
|
headers: { "Content-Type": "application/json" },
|
||||||
body: JSON.stringify(payload),
|
body: JSON.stringify(payload),
|
||||||
}),
|
}),
|
||||||
);
|
);
|
||||||
writeYLog({
|
|
||||||
optType: OptType.import,
|
|
||||||
optDetail: "CM助手-全量-知识库-导入",
|
|
||||||
url: `${baseUrl()}/ingest/threads/batch`,
|
|
||||||
reqParam: payload,
|
|
||||||
returnParam: result,
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export interface IngestFileResult {
|
export interface IngestFileResult {
|
||||||
@@ -225,17 +162,9 @@ export async function ingestKnowledgeFile(
|
|||||||
if (opts.template_id) form.append("template_id", opts.template_id);
|
if (opts.template_id) form.append("template_id", opts.template_id);
|
||||||
if (opts.folder) form.append("folder", opts.folder);
|
if (opts.folder) form.append("folder", opts.folder);
|
||||||
// No Content-Type header — the browser sets the multipart boundary itself.
|
// No Content-Type header — the browser sets the multipart boundary itself.
|
||||||
const result = await parseResponse<IngestFileResult>(
|
return parseResponse<IngestFileResult>(
|
||||||
await apiFetch(`${baseUrl()}/ingest/file`, { method: "POST", body: form }),
|
await apiFetch(`${baseUrl()}/ingest/file`, { method: "POST", body: form }),
|
||||||
);
|
);
|
||||||
writeYLog({
|
|
||||||
optType: OptType.import,
|
|
||||||
optDetail: "CM助手-全量-知识库-导入",
|
|
||||||
url: `${baseUrl()}/ingest/file`,
|
|
||||||
reqParam: { fileName: file.name, ...opts },
|
|
||||||
returnParam: result,
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/** Resolve `[[wikilink]]` targets to note ids / vault pages. */
|
/** Resolve `[[wikilink]]` targets to note ids / vault pages. */
|
||||||
@@ -262,30 +191,15 @@ export async function resolveNoteWikilinks(noteId: string) {
|
|||||||
|
|
||||||
/** Fetch a raw vault meta/hub Markdown page (no DB note) by its path. */
|
/** Fetch a raw vault meta/hub Markdown page (no DB note) by its path. */
|
||||||
export async function fetchVaultPage(path: string) {
|
export async function fetchVaultPage(path: string) {
|
||||||
const result = await parseResponse<VaultPage>(
|
return parseResponse<VaultPage>(
|
||||||
await apiFetch(`${baseUrl()}/vault-page?path=${encodeURIComponent(path)}`),
|
await apiFetch(`${baseUrl()}/vault-page?path=${encodeURIComponent(path)}`),
|
||||||
);
|
);
|
||||||
writeYLog({
|
|
||||||
optType: OptType.view,
|
|
||||||
optDetail: "CM助手-全量-知识库-Vault页面查看",
|
|
||||||
url: `${baseUrl()}/vault-page?path=${encodeURIComponent(path)}`,
|
|
||||||
reqParam: { path },
|
|
||||||
returnParam: result,
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function exportKnowledgeGraph() {
|
export async function exportKnowledgeGraph() {
|
||||||
const result = await parseResponse<GraphExportResult>(
|
return parseResponse<GraphExportResult>(
|
||||||
await apiFetch(`${baseUrl()}/export/graph`, { method: "POST" }),
|
await apiFetch(`${baseUrl()}/export/graph`, { method: "POST" }),
|
||||||
);
|
);
|
||||||
writeYLog({
|
|
||||||
optType: OptType.export,
|
|
||||||
optDetail: "CM助手-全量-知识库-导出",
|
|
||||||
url: `${baseUrl()}/export/graph`,
|
|
||||||
returnParam: result,
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/** Absolute URL of a served wiki-export file (for iframe / download). */
|
/** Absolute URL of a served wiki-export file (for iframe / download). */
|
||||||
@@ -311,13 +225,6 @@ export async function listNoteVersions(noteId: string) {
|
|||||||
const res = await parseResponse<{ items: KnowledgeVersion[] }>(
|
const res = await parseResponse<{ items: KnowledgeVersion[] }>(
|
||||||
await apiFetch(`${baseUrl()}/notes/${encodeURIComponent(noteId)}/versions`),
|
await apiFetch(`${baseUrl()}/notes/${encodeURIComponent(noteId)}/versions`),
|
||||||
);
|
);
|
||||||
writeYLog({
|
|
||||||
optType: OptType.search,
|
|
||||||
optDetail: "CM助手-全量-知识库-历史版本列表",
|
|
||||||
url: `${baseUrl()}/notes/${encodeURIComponent(noteId)}/versions`,
|
|
||||||
reqParam: { noteId },
|
|
||||||
returnParam: res.items,
|
|
||||||
});
|
|
||||||
return res.items;
|
return res.items;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -330,44 +237,23 @@ export async function listDuplicates() {
|
|||||||
const res = await parseResponse<{ groups: DuplicateGroup[] }>(
|
const res = await parseResponse<{ groups: DuplicateGroup[] }>(
|
||||||
await apiFetch(`${baseUrl()}/duplicates`),
|
await apiFetch(`${baseUrl()}/duplicates`),
|
||||||
);
|
);
|
||||||
writeYLog({
|
|
||||||
optType: OptType.search,
|
|
||||||
optDetail: "CM助手-全量-知识库-重复项列表",
|
|
||||||
url: `${baseUrl()}/duplicates`,
|
|
||||||
returnParam: res.groups,
|
|
||||||
});
|
|
||||||
return res.groups;
|
return res.groups;
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function mergeKnowledgeNotes(primaryId: string, duplicateIds: string[]) {
|
export async function mergeKnowledgeNotes(primaryId: string, duplicateIds: string[]) {
|
||||||
const result = await parseResponse<{ note: KnowledgeNote }>(
|
return parseResponse<{ note: KnowledgeNote }>(
|
||||||
await apiFetch(`${baseUrl()}/merge`, {
|
await apiFetch(`${baseUrl()}/merge`, {
|
||||||
method: "POST",
|
method: "POST",
|
||||||
headers: { "Content-Type": "application/json" },
|
headers: { "Content-Type": "application/json" },
|
||||||
body: JSON.stringify({ primary_id: primaryId, duplicate_ids: duplicateIds }),
|
body: JSON.stringify({ primary_id: primaryId, duplicate_ids: duplicateIds }),
|
||||||
}),
|
}),
|
||||||
);
|
);
|
||||||
writeYLog({
|
|
||||||
optType: OptType.edit,
|
|
||||||
optDetail: "CM助手-全量-知识库-合并",
|
|
||||||
url: `${baseUrl()}/merge`,
|
|
||||||
reqParam: { primary_id: primaryId, duplicate_ids: duplicateIds },
|
|
||||||
returnParam: result,
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function reindexKnowledge() {
|
export async function reindexKnowledge() {
|
||||||
const result = await parseResponse<{ reindexed: number; embedding_enabled: number }>(
|
return parseResponse<{ reindexed: number; embedding_enabled: number }>(
|
||||||
await apiFetch(`${baseUrl()}/reindex`, { method: "POST" }),
|
await apiFetch(`${baseUrl()}/reindex`, { method: "POST" }),
|
||||||
);
|
);
|
||||||
writeYLog({
|
|
||||||
optType: OptType.other,
|
|
||||||
optDetail: "CM助手-全量-知识库-重建索引",
|
|
||||||
url: `${baseUrl()}/reindex`,
|
|
||||||
returnParam: result,
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export interface KnowledgeGraph {
|
export interface KnowledgeGraph {
|
||||||
@@ -376,14 +262,7 @@ export interface KnowledgeGraph {
|
|||||||
}
|
}
|
||||||
|
|
||||||
export async function getKnowledgeGraph() {
|
export async function getKnowledgeGraph() {
|
||||||
const result = await parseResponse<KnowledgeGraph>(await apiFetch(`${baseUrl()}/graph`));
|
return parseResponse<KnowledgeGraph>(await apiFetch(`${baseUrl()}/graph`));
|
||||||
writeYLog({
|
|
||||||
optType: OptType.search,
|
|
||||||
optDetail: "CM助手-全量-知识库-图谱查看",
|
|
||||||
url: `${baseUrl()}/graph`,
|
|
||||||
returnParam: result,
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// --- graph blacklist ---
|
// --- graph blacklist ---
|
||||||
@@ -399,48 +278,26 @@ export async function getGraphBlacklist() {
|
|||||||
const res = await parseResponse<{ items: GraphBlacklistItem[] }>(
|
const res = await parseResponse<{ items: GraphBlacklistItem[] }>(
|
||||||
await apiFetch(`${baseUrl()}/graph/blacklist`),
|
await apiFetch(`${baseUrl()}/graph/blacklist`),
|
||||||
);
|
);
|
||||||
writeYLog({
|
|
||||||
optType: OptType.search,
|
|
||||||
optDetail: "CM助手-全量-知识库-图谱黑名单列表",
|
|
||||||
url: `${baseUrl()}/graph/blacklist`,
|
|
||||||
returnParam: res.items,
|
|
||||||
});
|
|
||||||
return res.items;
|
return res.items;
|
||||||
}
|
}
|
||||||
|
|
||||||
/** Blacklist node labels (entity names / note titles); they disappear from the graph. */
|
/** Blacklist node labels (entity names / note titles); they disappear from the graph. */
|
||||||
export async function addGraphBlacklist(labels: string[]) {
|
export async function addGraphBlacklist(labels: string[]) {
|
||||||
const result = await parseResponse<{ added: number; items: GraphBlacklistItem[] }>(
|
return parseResponse<{ added: number; items: GraphBlacklistItem[] }>(
|
||||||
await apiFetch(`${baseUrl()}/graph/blacklist`, {
|
await apiFetch(`${baseUrl()}/graph/blacklist`, {
|
||||||
method: "POST",
|
method: "POST",
|
||||||
headers: { "Content-Type": "application/json" },
|
headers: { "Content-Type": "application/json" },
|
||||||
body: JSON.stringify({ labels }),
|
body: JSON.stringify({ labels }),
|
||||||
}),
|
}),
|
||||||
);
|
);
|
||||||
writeYLog({
|
|
||||||
optType: OptType.create,
|
|
||||||
optDetail: "CM助手-全量-知识库-图谱黑名单新增",
|
|
||||||
url: `${baseUrl()}/graph/blacklist`,
|
|
||||||
reqParam: { labels },
|
|
||||||
returnParam: result,
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function removeGraphBlacklist(entryId: string) {
|
export async function removeGraphBlacklist(entryId: string) {
|
||||||
const result = await parseResponse<{ ok: boolean }>(
|
return parseResponse<{ ok: boolean }>(
|
||||||
await apiFetch(`${baseUrl()}/graph/blacklist/${encodeURIComponent(entryId)}`, {
|
await apiFetch(`${baseUrl()}/graph/blacklist/${encodeURIComponent(entryId)}`, {
|
||||||
method: "DELETE",
|
method: "DELETE",
|
||||||
}),
|
}),
|
||||||
);
|
);
|
||||||
writeYLog({
|
|
||||||
optType: OptType.delete,
|
|
||||||
optDetail: "CM助手-全量-知识库-图谱黑名单删除",
|
|
||||||
url: `${baseUrl()}/graph/blacklist/${encodeURIComponent(entryId)}`,
|
|
||||||
reqParam: { entryId },
|
|
||||||
returnParam: result,
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// --- folders (user-managed directories) ---
|
// --- folders (user-managed directories) ---
|
||||||
@@ -449,12 +306,6 @@ export async function listKnowledgeFolders() {
|
|||||||
const res = await parseResponse<{ items: KnowledgeFolder[] }>(
|
const res = await parseResponse<{ items: KnowledgeFolder[] }>(
|
||||||
await apiFetch(`${baseUrl()}/folders`),
|
await apiFetch(`${baseUrl()}/folders`),
|
||||||
);
|
);
|
||||||
writeYLog({
|
|
||||||
optType: OptType.search,
|
|
||||||
optDetail: "CM助手-全量-知识库-目录列表",
|
|
||||||
url: `${baseUrl()}/folders`,
|
|
||||||
returnParam: res.items,
|
|
||||||
});
|
|
||||||
return res.items;
|
return res.items;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -466,13 +317,6 @@ export async function createKnowledgeFolder(path: string) {
|
|||||||
body: JSON.stringify({ path }),
|
body: JSON.stringify({ path }),
|
||||||
}),
|
}),
|
||||||
);
|
);
|
||||||
writeYLog({
|
|
||||||
optType: OptType.create,
|
|
||||||
optDetail: "CM助手-全量-知识库-目录新建",
|
|
||||||
url: `${baseUrl()}/folders`,
|
|
||||||
reqParam: { path },
|
|
||||||
returnParam: res.folder,
|
|
||||||
});
|
|
||||||
return res.folder;
|
return res.folder;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -484,31 +328,16 @@ export async function renameKnowledgeFolder(folderId: string, path: string) {
|
|||||||
body: JSON.stringify({ path }),
|
body: JSON.stringify({ path }),
|
||||||
}),
|
}),
|
||||||
);
|
);
|
||||||
writeYLog({
|
|
||||||
optType: OptType.edit,
|
|
||||||
optDetail: "CM助手-全量-知识库-目录重命名",
|
|
||||||
url: `${baseUrl()}/folders/${encodeURIComponent(folderId)}`,
|
|
||||||
reqParam: { folderId, path },
|
|
||||||
returnParam: res.folder,
|
|
||||||
});
|
|
||||||
return res.folder;
|
return res.folder;
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function deleteKnowledgeFolder(folderId: string, reassignTo?: string) {
|
export async function deleteKnowledgeFolder(folderId: string, reassignTo?: string) {
|
||||||
const qs = reassignTo ? `?reassign_to=${encodeURIComponent(reassignTo)}` : "";
|
const qs = reassignTo ? `?reassign_to=${encodeURIComponent(reassignTo)}` : "";
|
||||||
const result = await parseResponse<{ ok: boolean }>(
|
return parseResponse<{ ok: boolean }>(
|
||||||
await apiFetch(`${baseUrl()}/folders/${encodeURIComponent(folderId)}${qs}`, {
|
await apiFetch(`${baseUrl()}/folders/${encodeURIComponent(folderId)}${qs}`, {
|
||||||
method: "DELETE",
|
method: "DELETE",
|
||||||
}),
|
}),
|
||||||
);
|
);
|
||||||
writeYLog({
|
|
||||||
optType: OptType.delete,
|
|
||||||
optDetail: "CM助手-全量-知识库-目录删除",
|
|
||||||
url: `${baseUrl()}/folders/${encodeURIComponent(folderId)}${qs}`,
|
|
||||||
reqParam: { folderId, reassignTo },
|
|
||||||
returnParam: result,
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// --- extraction prompt templates ---
|
// --- extraction prompt templates ---
|
||||||
@@ -521,13 +350,6 @@ export async function listExtractTemplates(scope?: ExtractTemplateScope, enabled
|
|||||||
const res = await parseResponse<{ items: KnowledgeExtractTemplate[] }>(
|
const res = await parseResponse<{ items: KnowledgeExtractTemplate[] }>(
|
||||||
await apiFetch(`${baseUrl()}/extract-templates${q ? `?${q}` : ""}`),
|
await apiFetch(`${baseUrl()}/extract-templates${q ? `?${q}` : ""}`),
|
||||||
);
|
);
|
||||||
writeYLog({
|
|
||||||
optType: OptType.search,
|
|
||||||
optDetail: "CM助手-全量-知识库-抽取模板列表",
|
|
||||||
url: `${baseUrl()}/extract-templates${q ? `?${q}` : ""}`,
|
|
||||||
reqParam: { scope, enabledOnly },
|
|
||||||
returnParam: res.items,
|
|
||||||
});
|
|
||||||
return res.items;
|
return res.items;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -548,13 +370,6 @@ export async function createExtractTemplate(data: ExtractTemplateInput) {
|
|||||||
body: JSON.stringify(data),
|
body: JSON.stringify(data),
|
||||||
}),
|
}),
|
||||||
);
|
);
|
||||||
writeYLog({
|
|
||||||
optType: OptType.create,
|
|
||||||
optDetail: "CM助手-全量-知识库-抽取模板新建",
|
|
||||||
url: `${baseUrl()}/extract-templates`,
|
|
||||||
reqParam: data,
|
|
||||||
returnParam: res.template,
|
|
||||||
});
|
|
||||||
return res.template;
|
return res.template;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -569,28 +384,13 @@ export async function updateExtractTemplate(
|
|||||||
body: JSON.stringify(data),
|
body: JSON.stringify(data),
|
||||||
}),
|
}),
|
||||||
);
|
);
|
||||||
writeYLog({
|
|
||||||
optType: OptType.edit,
|
|
||||||
optDetail: "CM助手-全量-知识库-抽取模板修改",
|
|
||||||
url: `${baseUrl()}/extract-templates/${encodeURIComponent(templateId)}`,
|
|
||||||
reqParam: { templateId, data },
|
|
||||||
returnParam: res.template,
|
|
||||||
});
|
|
||||||
return res.template;
|
return res.template;
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function deleteExtractTemplate(templateId: string) {
|
export async function deleteExtractTemplate(templateId: string) {
|
||||||
const result = await parseResponse<{ ok: boolean }>(
|
return parseResponse<{ ok: boolean }>(
|
||||||
await apiFetch(`${baseUrl()}/extract-templates/${encodeURIComponent(templateId)}`, {
|
await apiFetch(`${baseUrl()}/extract-templates/${encodeURIComponent(templateId)}`, {
|
||||||
method: "DELETE",
|
method: "DELETE",
|
||||||
}),
|
}),
|
||||||
);
|
);
|
||||||
writeYLog({
|
|
||||||
optType: OptType.delete,
|
|
||||||
optDetail: "CM助手-全量-知识库-抽取模板删除",
|
|
||||||
url: `${baseUrl()}/extract-templates/${encodeURIComponent(templateId)}`,
|
|
||||||
reqParam: { templateId },
|
|
||||||
returnParam: result,
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
@@ -1,6 +1,5 @@
|
|||||||
import { apiFetch } from "@/core/api";
|
import { apiFetch } from "@/core/api";
|
||||||
import { getBackendBaseURL } from "@/core/config";
|
import { getBackendBaseURL } from "@/core/config";
|
||||||
import { OptType, writeYLog } from "@/core/log/y-log";
|
|
||||||
|
|
||||||
export interface LlmMetric {
|
export interface LlmMetric {
|
||||||
id: string;
|
id: string;
|
||||||
@@ -55,21 +54,14 @@ function buildQuery(filters: LlmMetricsListQuery): string {
|
|||||||
export async function loadLlmMetrics(
|
export async function loadLlmMetrics(
|
||||||
query: LlmMetricsListQuery,
|
query: LlmMetricsListQuery,
|
||||||
): Promise<LlmMetricsListResponse> {
|
): Promise<LlmMetricsListResponse> {
|
||||||
const url = `${getBackendBaseURL()}/api/admin/llm-metrics${buildQuery(query)}`;
|
const response = await apiFetch(
|
||||||
const response = await apiFetch(url);
|
`${getBackendBaseURL()}/api/admin/llm-metrics${buildQuery(query)}`,
|
||||||
|
);
|
||||||
if (!response.ok) {
|
if (!response.ok) {
|
||||||
const detail = await response.json().catch(() => ({ detail: response.statusText }));
|
const detail = await response.json().catch(() => ({ detail: response.statusText }));
|
||||||
throw new Error(detail.detail ?? "Failed to load LLM metrics");
|
throw new Error(detail.detail ?? "Failed to load LLM metrics");
|
||||||
}
|
}
|
||||||
const result = (await response.json()) as LlmMetricsListResponse;
|
return (await response.json()) as LlmMetricsListResponse;
|
||||||
writeYLog({
|
|
||||||
optType: OptType.search,
|
|
||||||
optDetail: "CM助手-全量-模型指标-查询调用列表",
|
|
||||||
url,
|
|
||||||
reqParam: query,
|
|
||||||
returnParam: { total: result.total, count: result.items.length },
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@@ -79,18 +71,13 @@ export async function loadLlmMetrics(
|
|||||||
export async function downloadLlmMetricsExcel(
|
export async function downloadLlmMetricsExcel(
|
||||||
filters: LlmMetricsFilters,
|
filters: LlmMetricsFilters,
|
||||||
): Promise<void> {
|
): Promise<void> {
|
||||||
const requestUrl = `${getBackendBaseURL()}/api/admin/llm-metrics/export${buildQuery(filters)}`;
|
const response = await apiFetch(
|
||||||
const response = await apiFetch(requestUrl);
|
`${getBackendBaseURL()}/api/admin/llm-metrics/export${buildQuery(filters)}`,
|
||||||
|
);
|
||||||
if (!response.ok) {
|
if (!response.ok) {
|
||||||
const detail = await response.json().catch(() => ({ detail: response.statusText }));
|
const detail = await response.json().catch(() => ({ detail: response.statusText }));
|
||||||
throw new Error(detail.detail ?? "Failed to export LLM metrics");
|
throw new Error(detail.detail ?? "Failed to export LLM metrics");
|
||||||
}
|
}
|
||||||
writeYLog({
|
|
||||||
optType: OptType.export,
|
|
||||||
optDetail: "CM助手-全量-模型指标-导出Excel",
|
|
||||||
url: requestUrl,
|
|
||||||
reqParam: filters,
|
|
||||||
});
|
|
||||||
const blob = await response.blob();
|
const blob = await response.blob();
|
||||||
const url = URL.createObjectURL(blob);
|
const url = URL.createObjectURL(blob);
|
||||||
const filename = (() => {
|
const filename = (() => {
|
||||||
|
|||||||
@@ -1,68 +0,0 @@
|
|||||||
/**
|
|
||||||
* 操作日志(Y-Log)上报的运行时配置:从后端公开只读接口
|
|
||||||
* ``GET /api/public/config/y-log`` 读取(地址 + 开关在后端 ``config.yaml`` 的
|
|
||||||
* ``y_log`` 段,改完即时生效,前端无需重建)。
|
|
||||||
*
|
|
||||||
* 仿 [[task-deeplink-config]]:
|
|
||||||
* - ``fetchYLogConfig()`` 拉取并模块级缓存(启动早期预热一次即可)。
|
|
||||||
* - ``getCachedYLogConfig()`` 同步读缓存(``writeYLog`` 即发即忘,必须同步可用)。
|
|
||||||
*
|
|
||||||
* 拉取失败 → 用内置默认值兜底(``enabled:false``,但保留默认地址),绝不抛错。
|
|
||||||
*/
|
|
||||||
|
|
||||||
import { apiFetch } from "@/core/api/fetch-client";
|
|
||||||
import { getBackendBaseURL } from "@/core/config";
|
|
||||||
|
|
||||||
export interface YLogConfig {
|
|
||||||
/** 是否启用上报。 */
|
|
||||||
enabled: boolean;
|
|
||||||
/** 上报外部接口完整地址(POST)。 */
|
|
||||||
writeUrl: string;
|
|
||||||
}
|
|
||||||
|
|
||||||
/** 内置默认地址(后端拿不到 / 未配置时的兜底地址;enabled 默认 false 不上报)。 */
|
|
||||||
const DEFAULT_WRITE_URL = "https://ch1.b.uat.4.cn/api/y-log/write";
|
|
||||||
|
|
||||||
/** 内置默认配置(拉取失败兜底;默认不上报)。 */
|
|
||||||
export const DEFAULT_Y_LOG_CONFIG: YLogConfig = {
|
|
||||||
enabled: false,
|
|
||||||
writeUrl: DEFAULT_WRITE_URL,
|
|
||||||
};
|
|
||||||
|
|
||||||
/** 后端 snake_case 响应 → 前端 camelCase;缺字段回退默认值。 */
|
|
||||||
function normalize(body: unknown): YLogConfig {
|
|
||||||
const o = body && typeof body === "object" ? (body as Record<string, unknown>) : {};
|
|
||||||
const writeUrl =
|
|
||||||
typeof o.write_url === "string" && o.write_url.trim() ? o.write_url.trim() : DEFAULT_WRITE_URL;
|
|
||||||
return {
|
|
||||||
enabled: o.enabled === true,
|
|
||||||
writeUrl,
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
let cached: YLogConfig | null = null;
|
|
||||||
let inflight: Promise<YLogConfig> | null = null;
|
|
||||||
|
|
||||||
/** 拉取(带模块级缓存 + 并发去重);失败回退默认值。 */
|
|
||||||
export async function fetchYLogConfig(): Promise<YLogConfig> {
|
|
||||||
if (cached) return cached;
|
|
||||||
if (inflight) return inflight;
|
|
||||||
inflight = (async () => {
|
|
||||||
try {
|
|
||||||
const res = await apiFetch(`${getBackendBaseURL()}/api/public/config/y-log`);
|
|
||||||
if (!res.ok) throw new Error(`y-log config ${res.status}`);
|
|
||||||
cached = normalize(await res.json());
|
|
||||||
} catch {
|
|
||||||
cached = { ...DEFAULT_Y_LOG_CONFIG };
|
|
||||||
} finally {
|
|
||||||
inflight = null;
|
|
||||||
}
|
|
||||||
return cached;
|
|
||||||
})();
|
|
||||||
return inflight;
|
|
||||||
}
|
|
||||||
|
|
||||||
/** 同步读缓存(未拉取过则返回默认值,默认 enabled:false 不上报)。 */
|
|
||||||
export function getCachedYLogConfig(): YLogConfig {
|
|
||||||
return cached ?? DEFAULT_Y_LOG_CONFIG;
|
|
||||||
}
|
|
||||||
@@ -1,34 +0,0 @@
|
|||||||
/**
|
|
||||||
* token1(token 登录用的上游 token,即 URL 参数 ``?authToken=``)的存取。
|
|
||||||
*
|
|
||||||
* 复用 [[scoped-storage]] 的 ``authStorage*``:嵌入(iframe)态自动落 sessionStorage、
|
|
||||||
* 正常态落 localStorage,使 iframe 里登录的用户 token1 与正常标签页**完全隔离**、
|
|
||||||
* 互不污染(与其它鉴权键同一隔离语义)。
|
|
||||||
*
|
|
||||||
* 只有用 token 登录(存在 token1)才上报操作日志;非 token 登录不写 token1,
|
|
||||||
* 该会话从此不上报(见 [[y-log]])。
|
|
||||||
*/
|
|
||||||
|
|
||||||
import {
|
|
||||||
authStorageGet,
|
|
||||||
authStorageRemove,
|
|
||||||
authStorageSet,
|
|
||||||
} from "@/core/auth/scoped-storage";
|
|
||||||
|
|
||||||
const Y_LOG_TOKEN_KEY = "ylog.token1";
|
|
||||||
|
|
||||||
/** 持久化 token1(token 登录成功后调用;空值忽略)。 */
|
|
||||||
export function persistYLogToken(token: string | null | undefined): void {
|
|
||||||
const t = token?.trim();
|
|
||||||
if (t) authStorageSet(Y_LOG_TOKEN_KEY, t);
|
|
||||||
}
|
|
||||||
|
|
||||||
/** 读 token1(无则返回 null → 不上报)。 */
|
|
||||||
export function readYLogToken(): string | null {
|
|
||||||
return authStorageGet(Y_LOG_TOKEN_KEY);
|
|
||||||
}
|
|
||||||
|
|
||||||
/** 清除 token1(登出时调用)。 */
|
|
||||||
export function clearYLogToken(): void {
|
|
||||||
authStorageRemove(Y_LOG_TOKEN_KEY);
|
|
||||||
}
|
|
||||||
@@ -1,109 +0,0 @@
|
|||||||
/**
|
|
||||||
* 操作日志(Y-Log)上报主函数。
|
|
||||||
*
|
|
||||||
* 把用户的关键操作(点击/查询/查看/增删改/启停/导入导出/登录登出/问答等)上报到
|
|
||||||
* 外部日志接口(见 [[y-log-config]] 的 ``writeUrl``)。**前端直连**该接口,不经后端代理。
|
|
||||||
*
|
|
||||||
* 硬性约束(务必满足):
|
|
||||||
* ① **token 门控**:无 token1(非 token 登录)→ 直接 return,不发请求。
|
|
||||||
* ② **配置门控**:``enabled=false`` 或 ``writeUrl`` 为空 → 不发请求。
|
|
||||||
* ③ **异步即发即忘**:``void fetch(...)`` 不被 ``await``,绝不阻塞业务/UI。
|
|
||||||
* ④ **永不抛错**:整体包在 ``try/catch`` 中,任何异常(取 token/读配置/序列化/网络)静默吞掉。
|
|
||||||
* ⑤ **只报成功**:埋点只放在操作成功路径,``optResult`` 恒为 ``0``。
|
|
||||||
* ⑥ **失败静默**:``fetch`` 的 ``.catch`` 吞掉网络/跨域失败。
|
|
||||||
*/
|
|
||||||
|
|
||||||
import { getCachedYLogConfig } from "@/core/log/y-log-config";
|
|
||||||
import { readYLogToken } from "@/core/log/y-log-token";
|
|
||||||
|
|
||||||
/** 操作类型,数值与外部系统约定一致,不可改。 */
|
|
||||||
export enum OptType {
|
|
||||||
login = 0,
|
|
||||||
logout = 1,
|
|
||||||
search = 3,
|
|
||||||
view = 4,
|
|
||||||
edit = 5,
|
|
||||||
delete = 6,
|
|
||||||
import = 7,
|
|
||||||
export = 8,
|
|
||||||
create = 9,
|
|
||||||
disabled = 10,
|
|
||||||
enabled = 11,
|
|
||||||
other = 12,
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface WriteYLogParams {
|
|
||||||
/** 操作类型枚举。 */
|
|
||||||
optType: OptType;
|
|
||||||
/** 操作详情(简短描述),统一「CM助手-全量-xxx」。 */
|
|
||||||
optDetail: string;
|
|
||||||
/** 操作命中的接口地址(完整或相对,内部自动转相对,去 ip/host)。 */
|
|
||||||
url: string;
|
|
||||||
/** 入参(对象自动 JSON 序列化)。 */
|
|
||||||
reqParam?: unknown;
|
|
||||||
/** 返回参数(对象自动 JSON 序列化)。 */
|
|
||||||
returnParam?: unknown;
|
|
||||||
/** 登出 / 页面卸载等场景置 true,保证请求在卸载时仍能发出。 */
|
|
||||||
keepalive?: boolean;
|
|
||||||
}
|
|
||||||
|
|
||||||
/** 入参/返回体积上限,超出裁剪。 */
|
|
||||||
const MAX_PARAM_LEN = 50_000;
|
|
||||||
|
|
||||||
/** 上报一条操作日志(异步即发即忘,永不抛错)。 */
|
|
||||||
export function writeYLog(params: WriteYLogParams): void {
|
|
||||||
try {
|
|
||||||
const token = readYLogToken();
|
|
||||||
if (!token) return; // ① 无 token1 不上报
|
|
||||||
const { enabled, writeUrl } = getCachedYLogConfig();
|
|
||||||
if (!enabled || !writeUrl) return; // ② 配置门控
|
|
||||||
if (typeof fetch === "undefined") return;
|
|
||||||
|
|
||||||
const body = {
|
|
||||||
optType: params.optType,
|
|
||||||
optDetail: params.optDetail ?? "",
|
|
||||||
url: toRelativeUrl(params.url ?? ""), // ③ 去 ip/host
|
|
||||||
reqParam: toParamString(params.reqParam), // ④ 对象→字符串+裁剪
|
|
||||||
returnParam: toParamString(params.returnParam),
|
|
||||||
optResult: 0, // ⑤ 恒为 0(只报成功)
|
|
||||||
};
|
|
||||||
|
|
||||||
void fetch(writeUrl, {
|
|
||||||
method: "POST",
|
|
||||||
headers: {
|
|
||||||
"Content-Type": "application/json",
|
|
||||||
Authorization: `Bearer ${token}`,
|
|
||||||
},
|
|
||||||
body: JSON.stringify(body),
|
|
||||||
keepalive: params.keepalive ?? false,
|
|
||||||
}).catch(() => undefined); // ⑥ 失败静默
|
|
||||||
} catch {
|
|
||||||
/* 绝不影响业务 */
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function toParamString(v: unknown): string {
|
|
||||||
if (v == null) return "";
|
|
||||||
const s = typeof v === "string" ? v : safeStringify(v);
|
|
||||||
return s.length > MAX_PARAM_LEN ? `${s.slice(0, MAX_PARAM_LEN)}…[truncated]` : s;
|
|
||||||
}
|
|
||||||
|
|
||||||
function safeStringify(v: unknown): string {
|
|
||||||
try {
|
|
||||||
return JSON.stringify(v) ?? "";
|
|
||||||
} catch {
|
|
||||||
return String(v);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/** 去掉 ip/host,只留 path + query。 */
|
|
||||||
function toRelativeUrl(url: string): string {
|
|
||||||
if (!url) return "";
|
|
||||||
try {
|
|
||||||
const base = typeof window !== "undefined" ? window.location.origin : "http://localhost";
|
|
||||||
const u = new URL(url, base);
|
|
||||||
return `${u.pathname}${u.search}`;
|
|
||||||
} catch {
|
|
||||||
return url;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,36 +1,20 @@
|
|||||||
import { getBackendBaseURL } from "@/core/config";
|
import { getBackendBaseURL } from "@/core/config";
|
||||||
import { apiFetch } from "@/core/api";
|
import { apiFetch } from "@/core/api";
|
||||||
import { OptType, writeYLog } from "@/core/log/y-log";
|
|
||||||
|
import type { MCPConfig } from "./types";
|
||||||
import type { MCPConfig } from "./types";
|
|
||||||
|
export async function loadMCPConfig() {
|
||||||
export async function loadMCPConfig() {
|
const response = await apiFetch(`${getBackendBaseURL()}/api/mcp/config`);
|
||||||
const response = await apiFetch(`${getBackendBaseURL()}/api/mcp/config`);
|
return response.json() as Promise<MCPConfig>;
|
||||||
const data = (await response.json()) as MCPConfig;
|
}
|
||||||
writeYLog({
|
|
||||||
optType: OptType.view,
|
export async function updateMCPConfig(config: MCPConfig) {
|
||||||
optDetail: "CM助手-全量-MCP服务-配置查看",
|
const response = await apiFetch(`${getBackendBaseURL()}/api/mcp/config`, {
|
||||||
url: "/api/mcp/config",
|
method: "PUT",
|
||||||
returnParam: data,
|
headers: {
|
||||||
});
|
"Content-Type": "application/json",
|
||||||
return data;
|
},
|
||||||
}
|
body: JSON.stringify(config),
|
||||||
|
});
|
||||||
export async function updateMCPConfig(config: MCPConfig) {
|
return response.json();
|
||||||
const response = await apiFetch(`${getBackendBaseURL()}/api/mcp/config`, {
|
}
|
||||||
method: "PUT",
|
|
||||||
headers: {
|
|
||||||
"Content-Type": "application/json",
|
|
||||||
},
|
|
||||||
body: JSON.stringify(config),
|
|
||||||
});
|
|
||||||
const data = await response.json();
|
|
||||||
writeYLog({
|
|
||||||
optType: OptType.edit,
|
|
||||||
optDetail: "CM助手-全量-MCP服务-配置编辑",
|
|
||||||
url: "/api/mcp/config",
|
|
||||||
reqParam: config,
|
|
||||||
returnParam: data,
|
|
||||||
});
|
|
||||||
return data;
|
|
||||||
}
|
|
||||||
@@ -2,7 +2,6 @@
|
|||||||
|
|
||||||
import { apiFetch } from "../api";
|
import { apiFetch } from "../api";
|
||||||
import { getBackendBaseURL } from "../config";
|
import { getBackendBaseURL } from "../config";
|
||||||
import { OptType, writeYLog } from "../log/y-log";
|
|
||||||
|
|
||||||
import type {
|
import type {
|
||||||
MemorySearchMode,
|
MemorySearchMode,
|
||||||
@@ -55,15 +54,7 @@ export async function loadMemoryV2(agent?: string): Promise<MemoryV2Data> {
|
|||||||
const response = await apiFetch(
|
const response = await apiFetch(
|
||||||
`${getBackendBaseURL()}/api/memory/v2${agentQuery(agent)}`,
|
`${getBackendBaseURL()}/api/memory/v2${agentQuery(agent)}`,
|
||||||
);
|
);
|
||||||
const data = await readJson<MemoryV2Data>(response, "Failed to fetch memory");
|
return readJson<MemoryV2Data>(response, "Failed to fetch memory");
|
||||||
writeYLog({
|
|
||||||
optType: OptType.view,
|
|
||||||
optDetail: "CM助手-全量-记忆-查看",
|
|
||||||
url: `/api/memory/v2${agentQuery(agent)}`,
|
|
||||||
reqParam: { agent },
|
|
||||||
returnParam: data,
|
|
||||||
});
|
|
||||||
return data;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function addMemoryEntry(
|
export async function addMemoryEntry(
|
||||||
@@ -79,15 +70,7 @@ export async function addMemoryEntry(
|
|||||||
body: JSON.stringify({ target, content }),
|
body: JSON.stringify({ target, content }),
|
||||||
},
|
},
|
||||||
);
|
);
|
||||||
const data = await readJson<MemoryV2Data>(response, "Failed to add memory entry");
|
return readJson<MemoryV2Data>(response, "Failed to add memory entry");
|
||||||
writeYLog({
|
|
||||||
optType: OptType.create,
|
|
||||||
optDetail: "CM助手-全量-记忆-新增",
|
|
||||||
url: `/api/memory/v2/entries${agentQuery(agent)}`,
|
|
||||||
reqParam: { target, content, agent },
|
|
||||||
returnParam: data,
|
|
||||||
});
|
|
||||||
return data;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function replaceMemoryEntry(
|
export async function replaceMemoryEntry(
|
||||||
@@ -104,15 +87,7 @@ export async function replaceMemoryEntry(
|
|||||||
body: JSON.stringify({ target, old_text: oldText, content }),
|
body: JSON.stringify({ target, old_text: oldText, content }),
|
||||||
},
|
},
|
||||||
);
|
);
|
||||||
const data = await readJson<MemoryV2Data>(response, "Failed to replace memory entry");
|
return readJson<MemoryV2Data>(response, "Failed to replace memory entry");
|
||||||
writeYLog({
|
|
||||||
optType: OptType.edit,
|
|
||||||
optDetail: "CM助手-全量-记忆-编辑",
|
|
||||||
url: `/api/memory/v2/entries${agentQuery(agent)}`,
|
|
||||||
reqParam: { target, old_text: oldText, content, agent },
|
|
||||||
returnParam: data,
|
|
||||||
});
|
|
||||||
return data;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function deleteMemoryEntry(
|
export async function deleteMemoryEntry(
|
||||||
@@ -128,29 +103,14 @@ export async function deleteMemoryEntry(
|
|||||||
`${getBackendBaseURL()}/api/memory/v2/entries?${params.toString()}`,
|
`${getBackendBaseURL()}/api/memory/v2/entries?${params.toString()}`,
|
||||||
{ method: "DELETE" },
|
{ method: "DELETE" },
|
||||||
);
|
);
|
||||||
const data = await readJson<MemoryV2Data>(response, "Failed to delete memory entry");
|
return readJson<MemoryV2Data>(response, "Failed to delete memory entry");
|
||||||
writeYLog({
|
|
||||||
optType: OptType.delete,
|
|
||||||
optDetail: "CM助手-全量-记忆-删除",
|
|
||||||
url: `/api/memory/v2/entries?${params.toString()}`,
|
|
||||||
reqParam: { target, old_text: oldText, agent },
|
|
||||||
returnParam: data,
|
|
||||||
});
|
|
||||||
return data;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// --- 配置 ---
|
// --- 配置 ---
|
||||||
|
|
||||||
export async function loadMemoryConfig(): Promise<MemoryV2ConfigResponse> {
|
export async function loadMemoryConfig(): Promise<MemoryV2ConfigResponse> {
|
||||||
const response = await apiFetch(`${getBackendBaseURL()}/api/memory/v2/config`);
|
const response = await apiFetch(`${getBackendBaseURL()}/api/memory/v2/config`);
|
||||||
const data = await readJson<MemoryV2ConfigResponse>(response, "Failed to fetch memory config");
|
return readJson<MemoryV2ConfigResponse>(response, "Failed to fetch memory config");
|
||||||
writeYLog({
|
|
||||||
optType: OptType.view,
|
|
||||||
optDetail: "CM助手-全量-记忆-配置查看",
|
|
||||||
url: "/api/memory/v2/config",
|
|
||||||
returnParam: data,
|
|
||||||
});
|
|
||||||
return data;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function patchMemoryConfig(
|
export async function patchMemoryConfig(
|
||||||
@@ -161,15 +121,7 @@ export async function patchMemoryConfig(
|
|||||||
headers: { "Content-Type": "application/json" },
|
headers: { "Content-Type": "application/json" },
|
||||||
body: JSON.stringify({ overrides }),
|
body: JSON.stringify({ overrides }),
|
||||||
});
|
});
|
||||||
const data = await readJson<MemoryV2ConfigResponse>(response, "Failed to update memory config");
|
return readJson<MemoryV2ConfigResponse>(response, "Failed to update memory config");
|
||||||
writeYLog({
|
|
||||||
optType: OptType.edit,
|
|
||||||
optDetail: "CM助手-全量-记忆-配置编辑",
|
|
||||||
url: "/api/memory/v2/config",
|
|
||||||
reqParam: { overrides },
|
|
||||||
returnParam: data,
|
|
||||||
});
|
|
||||||
return data;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// --- Hindsight 检索 ---
|
// --- Hindsight 检索 ---
|
||||||
@@ -187,13 +139,5 @@ export async function searchMemory(
|
|||||||
body: JSON.stringify({ query, mode }),
|
body: JSON.stringify({ query, mode }),
|
||||||
},
|
},
|
||||||
);
|
);
|
||||||
const data = await readJson<MemorySearchResult>(response, "Failed to search memory");
|
return readJson<MemorySearchResult>(response, "Failed to search memory");
|
||||||
writeYLog({
|
|
||||||
optType: OptType.search,
|
|
||||||
optDetail: "CM助手-全量-记忆-检索",
|
|
||||||
url: `/api/memory/v2/search${agentQuery(agent)}`,
|
|
||||||
reqParam: { query, mode, agent },
|
|
||||||
returnParam: data,
|
|
||||||
});
|
|
||||||
return data;
|
|
||||||
}
|
}
|
||||||
@@ -212,33 +212,21 @@ export function extractToolResultPayload(
|
|||||||
}
|
}
|
||||||
|
|
||||||
const THINK_TAG_RE = /<think>\s*([\s\S]*?)\s*<\/think>/g;
|
const THINK_TAG_RE = /<think>\s*([\s\S]*?)\s*<\/think>/g;
|
||||||
const THINK_OPEN = "<think>";
|
|
||||||
|
|
||||||
function splitInlineReasoning(content: string) {
|
function splitInlineReasoning(content: string) {
|
||||||
const reasoningParts: string[] = [];
|
const reasoningParts: string[] = [];
|
||||||
// 1) 先抽出所有**已闭合**的 <think>...</think>。
|
const cleaned = content
|
||||||
let working = content.replace(THINK_TAG_RE, (_, reasoning: string) => {
|
.replace(THINK_TAG_RE, (_, reasoning: string) => {
|
||||||
const normalized = reasoning.trim();
|
const normalized = reasoning.trim();
|
||||||
if (normalized) {
|
if (normalized) {
|
||||||
reasoningParts.push(normalized);
|
reasoningParts.push(normalized);
|
||||||
}
|
}
|
||||||
return "";
|
return "";
|
||||||
});
|
})
|
||||||
|
.trim();
|
||||||
// 2) 流式中常见**未闭合**的 <think>(还没等到 </think> 就先到达):把开标签之后的内容
|
|
||||||
// 当作「实时思考」抽到 reasoning、从答案正文里移除。否则模型慢/先思考时,用户既会看到
|
|
||||||
// 字面 "<think>",又会因答案区长时间空白而以为卡死。这样思考内容会实时流进思考区。
|
|
||||||
const openIdx = working.indexOf(THINK_OPEN);
|
|
||||||
if (openIdx !== -1 && !working.slice(openIdx).includes("</think>")) {
|
|
||||||
const partial = working.slice(openIdx + THINK_OPEN.length).trim();
|
|
||||||
if (partial) {
|
|
||||||
reasoningParts.push(partial);
|
|
||||||
}
|
|
||||||
working = working.slice(0, openIdx);
|
|
||||||
}
|
|
||||||
|
|
||||||
return {
|
return {
|
||||||
content: working.trim(),
|
content: cleaned,
|
||||||
reasoning: reasoningParts.length > 0 ? reasoningParts.join("\n\n") : null,
|
reasoning: reasoningParts.length > 0 ? reasoningParts.join("\n\n") : null,
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,21 +1,13 @@
|
|||||||
import { getBackendBaseURL } from "../config";
|
import { getBackendBaseURL } from "../config";
|
||||||
import { apiFetch } from "../api";
|
import { apiFetch } from "../api";
|
||||||
import { OptType, writeYLog } from "../log/y-log";
|
|
||||||
|
import type { ModelsResponse } from "./types";
|
||||||
import type { ModelsResponse } from "./types";
|
|
||||||
|
export async function loadModels(): Promise<ModelsResponse> {
|
||||||
export async function loadModels(): Promise<ModelsResponse> {
|
const res = await apiFetch(`${getBackendBaseURL()}/api/models`);
|
||||||
const res = await apiFetch(`${getBackendBaseURL()}/api/models`);
|
const data = (await res.json()) as Partial<ModelsResponse>;
|
||||||
const data = (await res.json()) as Partial<ModelsResponse>;
|
return {
|
||||||
const result: ModelsResponse = {
|
models: data.models ?? [],
|
||||||
models: data.models ?? [],
|
token_usage: data.token_usage ?? { enabled: false },
|
||||||
token_usage: data.token_usage ?? { enabled: false },
|
};
|
||||||
};
|
}
|
||||||
writeYLog({
|
|
||||||
optType: OptType.search,
|
|
||||||
optDetail: "CM助手-全量-模型-查询",
|
|
||||||
url: "/api/models",
|
|
||||||
returnParam: result,
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
|
||||||
@@ -1,5 +1,4 @@
|
|||||||
import { getNoteApiBaseURL } from "@/core/config";
|
import { getNoteApiBaseURL } from "@/core/config";
|
||||||
import { OptType, writeYLog } from "@/core/log/y-log";
|
|
||||||
|
|
||||||
import {
|
import {
|
||||||
ensureNoteAuth,
|
ensureNoteAuth,
|
||||||
@@ -77,15 +76,7 @@ export async function createSearchSpace(
|
|||||||
throw new Error(`创建笔记失败: ${response.status} ${response.statusText}`);
|
throw new Error(`创建笔记失败: ${response.status} ${response.statusText}`);
|
||||||
}
|
}
|
||||||
|
|
||||||
const result = (await response.json()) as SearchSpace;
|
return (await response.json()) as SearchSpace;
|
||||||
writeYLog({
|
|
||||||
optType: OptType.create,
|
|
||||||
optDetail: "CM助手-全量-笔记-新建笔记空间",
|
|
||||||
url: "/api/v1/searchspaces",
|
|
||||||
reqParam: { name: input.name, description: input.description ?? "" },
|
|
||||||
returnParam: { id: result.id, name: result.name },
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function listSearchSpaces(
|
export async function listSearchSpaces(
|
||||||
@@ -99,21 +90,14 @@ export async function listSearchSpaces(
|
|||||||
order_by: query.order_by ?? "created_at",
|
order_by: query.order_by ?? "created_at",
|
||||||
});
|
});
|
||||||
|
|
||||||
const path = `/api/v1/searchspaces?${params.toString()}`;
|
const response = await noteApiFetch(`/api/v1/searchspaces?${params.toString()}`, {
|
||||||
const response = await noteApiFetch(path, { method: "GET" });
|
method: "GET",
|
||||||
|
});
|
||||||
|
|
||||||
if (!response.ok) {
|
if (!response.ok) {
|
||||||
throw new Error(`获取笔记列表失败: ${response.status} ${response.statusText}`);
|
throw new Error(`获取笔记列表失败: ${response.status} ${response.statusText}`);
|
||||||
}
|
}
|
||||||
|
|
||||||
const data: unknown = await response.json();
|
const data: unknown = await response.json();
|
||||||
const list = Array.isArray(data) ? (data as SearchSpace[]) : [];
|
return Array.isArray(data) ? (data as SearchSpace[]) : [];
|
||||||
writeYLog({
|
|
||||||
optType: OptType.search,
|
|
||||||
optDetail: "CM助手-全量-笔记-查询笔记空间列表",
|
|
||||||
url: path,
|
|
||||||
reqParam: query,
|
|
||||||
returnParam: { count: list.length },
|
|
||||||
});
|
|
||||||
return list;
|
|
||||||
}
|
}
|
||||||
@@ -1,6 +1,5 @@
|
|||||||
import { apiFetch } from "@/core/api";
|
import { apiFetch } from "@/core/api";
|
||||||
import { getBackendBaseURL } from "@/core/config";
|
import { getBackendBaseURL } from "@/core/config";
|
||||||
import { OptType, writeYLog } from "@/core/log/y-log";
|
|
||||||
|
|
||||||
import type {
|
import type {
|
||||||
NotificationItem,
|
NotificationItem,
|
||||||
@@ -25,13 +24,6 @@ export async function listNotifications(
|
|||||||
const res = await apiFetch(url);
|
const res = await apiFetch(url);
|
||||||
if (!res.ok) throw await parseDetail(res, "Failed to list notifications");
|
if (!res.ok) throw await parseDetail(res, "Failed to list notifications");
|
||||||
const data = (await res.json()) as NotificationListResponse;
|
const data = (await res.json()) as NotificationListResponse;
|
||||||
writeYLog({
|
|
||||||
optType: OptType.search,
|
|
||||||
optDetail: "CM助手-全量-通知-查询通知列表",
|
|
||||||
url,
|
|
||||||
reqParam: options,
|
|
||||||
returnParam: { count: data.items.length },
|
|
||||||
});
|
|
||||||
return data.items;
|
return data.items;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -43,39 +35,26 @@ export async function getUnreadCount(): Promise<number> {
|
|||||||
}
|
}
|
||||||
|
|
||||||
export async function markNotificationRead(id: string): Promise<void> {
|
export async function markNotificationRead(id: string): Promise<void> {
|
||||||
const url = `${getBackendBaseURL()}/api/notifications/${encodeURIComponent(id)}/read`;
|
const res = await apiFetch(
|
||||||
const res = await apiFetch(url, { method: "POST" });
|
`${getBackendBaseURL()}/api/notifications/${encodeURIComponent(id)}/read`,
|
||||||
|
{ method: "POST" },
|
||||||
|
);
|
||||||
if (!res.ok) throw await parseDetail(res, "Failed to mark notification read");
|
if (!res.ok) throw await parseDetail(res, "Failed to mark notification read");
|
||||||
writeYLog({
|
|
||||||
optType: OptType.edit,
|
|
||||||
optDetail: "CM助手-全量-通知-标记已读",
|
|
||||||
url,
|
|
||||||
reqParam: { id },
|
|
||||||
});
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function markAllNotificationsRead(): Promise<number> {
|
export async function markAllNotificationsRead(): Promise<number> {
|
||||||
const url = `${getBackendBaseURL()}/api/notifications/read_all`;
|
const res = await apiFetch(`${getBackendBaseURL()}/api/notifications/read_all`, {
|
||||||
const res = await apiFetch(url, { method: "POST" });
|
method: "POST",
|
||||||
|
});
|
||||||
if (!res.ok) throw await parseDetail(res, "Failed to mark all read");
|
if (!res.ok) throw await parseDetail(res, "Failed to mark all read");
|
||||||
const data = (await res.json()) as { updated: number };
|
const data = (await res.json()) as { updated: number };
|
||||||
writeYLog({
|
|
||||||
optType: OptType.edit,
|
|
||||||
optDetail: "CM助手-全量-通知-全部标记已读",
|
|
||||||
url,
|
|
||||||
returnParam: data,
|
|
||||||
});
|
|
||||||
return data.updated;
|
return data.updated;
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function deleteNotification(id: string): Promise<void> {
|
export async function deleteNotification(id: string): Promise<void> {
|
||||||
const url = `${getBackendBaseURL()}/api/notifications/${encodeURIComponent(id)}`;
|
const res = await apiFetch(
|
||||||
const res = await apiFetch(url, { method: "DELETE" });
|
`${getBackendBaseURL()}/api/notifications/${encodeURIComponent(id)}`,
|
||||||
|
{ method: "DELETE" },
|
||||||
|
);
|
||||||
if (!res.ok) throw await parseDetail(res, "Failed to delete notification");
|
if (!res.ok) throw await parseDetail(res, "Failed to delete notification");
|
||||||
writeYLog({
|
|
||||||
optType: OptType.delete,
|
|
||||||
optDetail: "CM助手-全量-通知-删除通知",
|
|
||||||
url,
|
|
||||||
reqParam: { id },
|
|
||||||
});
|
|
||||||
}
|
}
|
||||||
@@ -1,119 +0,0 @@
|
|||||||
import assert from "node:assert/strict";
|
|
||||||
import test from "node:test";
|
|
||||||
|
|
||||||
import {
|
|
||||||
applyMenuOverrides,
|
|
||||||
buildTreeFromMerged,
|
|
||||||
diffOverrides,
|
|
||||||
flattenMenu,
|
|
||||||
isDescendant,
|
|
||||||
mergeFlatNodes,
|
|
||||||
wouldExceedDepth,
|
|
||||||
type MenuOverride,
|
|
||||||
} from "./menu-overrides";
|
|
||||||
import type { MenuItem } from "./sidebar-menu";
|
|
||||||
|
|
||||||
// 极简图标占位(合并逻辑不关心图标本身)。
|
|
||||||
const I = (() => null) as unknown as MenuItem["icon"];
|
|
||||||
|
|
||||||
function sampleTree(): MenuItem[] {
|
|
||||||
return [
|
|
||||||
{
|
|
||||||
id: "a",
|
|
||||||
label: "A",
|
|
||||||
icon: I,
|
|
||||||
children: [
|
|
||||||
{ id: "a1", label: "A1", icon: I, path: "/a1" },
|
|
||||||
{
|
|
||||||
id: "a2",
|
|
||||||
label: "A2",
|
|
||||||
icon: I,
|
|
||||||
children: [{ id: "a2x", label: "A2X", icon: I, path: "/a2x" }],
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{ id: "b", label: "B", icon: I, path: "/b" },
|
|
||||||
];
|
|
||||||
}
|
|
||||||
|
|
||||||
const ids = (items: MenuItem[]): string[] =>
|
|
||||||
items.flatMap((i) => [i.id, ...(i.children ? ids(i.children) : [])]);
|
|
||||||
|
|
||||||
test("无覆盖时原样返回", () => {
|
|
||||||
const tree = sampleTree();
|
|
||||||
assert.equal(applyMenuOverrides(tree, []), tree);
|
|
||||||
});
|
|
||||||
|
|
||||||
test("改名只改 label,不动结构", () => {
|
|
||||||
const out = applyMenuOverrides(sampleTree(), [
|
|
||||||
{ nodeId: "a1", parentId: "a", sortOrder: 0, label: "改名了", disabled: false },
|
|
||||||
]);
|
|
||||||
const a = out.find((n) => n.id === "a")!;
|
|
||||||
assert.equal(a.children![0].label, "改名了");
|
|
||||||
assert.deepEqual(ids(out), ["a", "a1", "a2", "a2x", "b"]);
|
|
||||||
});
|
|
||||||
|
|
||||||
test("停用一级菜单隐藏其整棵子树", () => {
|
|
||||||
const out = applyMenuOverrides(sampleTree(), [
|
|
||||||
{ nodeId: "a", parentId: null, sortOrder: 0, label: null, disabled: true },
|
|
||||||
]);
|
|
||||||
assert.deepEqual(ids(out), ["b"]); // a / a1 / a2 / a2x 全部隐藏
|
|
||||||
});
|
|
||||||
|
|
||||||
test("管理页 includeDisabled=true 保留停用节点", () => {
|
|
||||||
const merged = mergeFlatNodes(flattenMenu(sampleTree()), [
|
|
||||||
{ nodeId: "a2", parentId: "a", sortOrder: 1, label: null, disabled: true },
|
|
||||||
]);
|
|
||||||
const all = buildTreeFromMerged(merged, true);
|
|
||||||
assert.ok(ids(all).includes("a2"));
|
|
||||||
const sidebar = buildTreeFromMerged(merged, false);
|
|
||||||
assert.ok(!ids(sidebar).includes("a2"));
|
|
||||||
assert.ok(!ids(sidebar).includes("a2x")); // 子树同隐藏
|
|
||||||
});
|
|
||||||
|
|
||||||
test("改父级把子树一起搬走", () => {
|
|
||||||
// 把 a2(带子 a2x)移到一级 B 之后 → a2 成为一级。
|
|
||||||
const out = applyMenuOverrides(sampleTree(), [
|
|
||||||
{ nodeId: "a2", parentId: null, sortOrder: 5, label: null, disabled: false },
|
|
||||||
]);
|
|
||||||
const top = out.map((n) => n.id);
|
|
||||||
assert.ok(top.includes("a2"));
|
|
||||||
const a2 = out.find((n) => n.id === "a2")!;
|
|
||||||
assert.deepEqual(a2.children!.map((c) => c.id), ["a2x"]); // 子树跟随
|
|
||||||
});
|
|
||||||
|
|
||||||
test("wouldExceedDepth 阻止四级", () => {
|
|
||||||
const merged = mergeFlatNodes(flattenMenu(sampleTree()), []);
|
|
||||||
// a2x 是三级;把 a(高度3)移到 a2x 下 → 6 级,必拒。
|
|
||||||
assert.equal(wouldExceedDepth("a", "a2x", merged), true);
|
|
||||||
// a1(叶子,高度1)移到 a2 下 → a2 是二级,结果三级,允许。
|
|
||||||
assert.equal(wouldExceedDepth("a1", "a2", merged), false);
|
|
||||||
});
|
|
||||||
|
|
||||||
test("isDescendant 识别子树", () => {
|
|
||||||
const merged = mergeFlatNodes(flattenMenu(sampleTree()), []);
|
|
||||||
assert.equal(isDescendant("a", "a2x", merged), true);
|
|
||||||
assert.equal(isDescendant("a", "b", merged), false);
|
|
||||||
});
|
|
||||||
|
|
||||||
test("diffOverrides 只输出有变化的节点", () => {
|
|
||||||
const merged = mergeFlatNodes(flattenMenu(sampleTree()), []);
|
|
||||||
// 原样 → 无 diff
|
|
||||||
assert.deepEqual(diffOverrides(merged), []);
|
|
||||||
// 改一个 label
|
|
||||||
const renamed = merged.map((n) => (n.id === "b" ? { ...n, label: "B改" } : n));
|
|
||||||
const diff = diffOverrides(renamed);
|
|
||||||
assert.equal(diff.length, 1);
|
|
||||||
assert.equal(diff[0]!.nodeId, "b");
|
|
||||||
assert.equal(diff[0]!.label, "B改");
|
|
||||||
});
|
|
||||||
|
|
||||||
test("套覆盖再 diff 可往返", () => {
|
|
||||||
const overrides: MenuOverride[] = [
|
|
||||||
{ nodeId: "a1", parentId: "a", sortOrder: 0, label: "X", disabled: false },
|
|
||||||
];
|
|
||||||
const merged = mergeFlatNodes(flattenMenu(sampleTree()), overrides);
|
|
||||||
const diff = diffOverrides(merged);
|
|
||||||
assert.equal(diff.length, 1);
|
|
||||||
assert.equal(diff[0]!.label, "X");
|
|
||||||
});
|
|
||||||
@@ -1,263 +0,0 @@
|
|||||||
/**
|
|
||||||
* 菜单覆盖层(overlay)合并逻辑。
|
|
||||||
*
|
|
||||||
* 静态菜单(sidebar-menu.ts)+ 注入的 iframe 轻应用 = 合并树,是结构/图标/路由的
|
|
||||||
* 唯一来源;后端只按节点 id 存「覆盖项」(改名 label / 停用 disabled / 排序
|
|
||||||
* sortOrder / 改父级 parentId)。渲染时把覆盖项套到合并树上重建。
|
|
||||||
*
|
|
||||||
* 图标与路由永不入库 —— 覆盖只动 label/可见性/位置/层级,所以新增的代码菜单、
|
|
||||||
* 新注册的 iframe 应用都会自动出现,且立即可被配置。
|
|
||||||
*
|
|
||||||
* 严格 3 级:一级 → 二级 → 三级,移动导致超过 3 级的非法布局会被
|
|
||||||
* `wouldExceedDepth` 拦截(后端 `_validate_depth` 二次校验)。
|
|
||||||
*/
|
|
||||||
import type { MenuItem } from "./sidebar-menu";
|
|
||||||
|
|
||||||
export const MAX_MENU_DEPTH = 3;
|
|
||||||
export const ROOT_PARENT_ID = "__root__";
|
|
||||||
|
|
||||||
/** 单个节点的覆盖项(与后端 MenuOverride 对应;camelCase 边界)。 */
|
|
||||||
export interface MenuOverride {
|
|
||||||
nodeId: string;
|
|
||||||
/** 生效的父节点 id;null = 一级菜单。 */
|
|
||||||
parentId: string | null;
|
|
||||||
sortOrder: number;
|
|
||||||
/** 改名;null/undefined 保留代码定义的 label。 */
|
|
||||||
label?: string | null;
|
|
||||||
disabled: boolean;
|
|
||||||
}
|
|
||||||
|
|
||||||
/** 拍平后的节点:保留原始定义 + 代码默认的父级/次序。 */
|
|
||||||
export interface FlatMenuNode {
|
|
||||||
id: string;
|
|
||||||
/** 代码默认 label(未改名时显示)。 */
|
|
||||||
defaultLabel: string;
|
|
||||||
defaultParentId: string | null;
|
|
||||||
defaultIndex: number;
|
|
||||||
/** 原始静态节点(含 icon/path/adminOnly/userPath,重建时复用)。 */
|
|
||||||
source: MenuItem;
|
|
||||||
/** 是否为注入的 iframe 轻应用节点(light-app-<appId>)。 */
|
|
||||||
isLightApp: boolean;
|
|
||||||
}
|
|
||||||
|
|
||||||
/** 把合并树拍平成有序节点列表,记录每个节点的代码默认父级与同级次序。 */
|
|
||||||
export function flattenMenu(items: MenuItem[]): FlatMenuNode[] {
|
|
||||||
const out: FlatMenuNode[] = [];
|
|
||||||
const walk = (nodes: MenuItem[], parentId: string | null) => {
|
|
||||||
nodes.forEach((node, index) => {
|
|
||||||
out.push({
|
|
||||||
id: node.id,
|
|
||||||
defaultLabel: node.label,
|
|
||||||
defaultParentId: parentId,
|
|
||||||
defaultIndex: index,
|
|
||||||
source: node,
|
|
||||||
isLightApp: node.id.startsWith("light-app-"),
|
|
||||||
});
|
|
||||||
if (node.children?.length) {
|
|
||||||
walk(node.children, node.id);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
};
|
|
||||||
walk(items, null);
|
|
||||||
return out;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 合并视图节点:拍平节点 + 生效后的 label / parentId / order / disabled。
|
|
||||||
* 菜单管理页直接编辑这份结构(含停用项,用于灰显展示)。
|
|
||||||
*/
|
|
||||||
export interface MergedMenuNode extends FlatMenuNode {
|
|
||||||
label: string;
|
|
||||||
parentId: string | null;
|
|
||||||
order: number;
|
|
||||||
disabled: boolean;
|
|
||||||
/** 该节点是否带显式覆盖项(用于「重置该项」判断)。 */
|
|
||||||
hasOverride: boolean;
|
|
||||||
}
|
|
||||||
|
|
||||||
/** 把覆盖项套到拍平节点上,得到生效后的合并节点(不重建树)。 */
|
|
||||||
export function mergeFlatNodes(
|
|
||||||
flat: FlatMenuNode[],
|
|
||||||
overrides: MenuOverride[],
|
|
||||||
): MergedMenuNode[] {
|
|
||||||
const byId = new Map(overrides.map((o) => [o.nodeId, o]));
|
|
||||||
return flat.map((node) => {
|
|
||||||
const ov = byId.get(node.id);
|
|
||||||
return {
|
|
||||||
...node,
|
|
||||||
label: ov?.label != null && ov.label !== "" ? ov.label : node.defaultLabel,
|
|
||||||
parentId: ov ? ov.parentId : node.defaultParentId,
|
|
||||||
order: ov ? ov.sortOrder : node.defaultIndex,
|
|
||||||
disabled: ov?.disabled ?? false,
|
|
||||||
hasOverride: ov != null,
|
|
||||||
};
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 把合并节点重建成菜单树。
|
|
||||||
* @param includeDisabled 渲染侧边栏时为 false(连同停用节点的整棵子树一并隐藏);
|
|
||||||
* 管理页为 true(全部展示,停用项灰显)。
|
|
||||||
*/
|
|
||||||
export function buildTreeFromMerged(
|
|
||||||
merged: MergedMenuNode[],
|
|
||||||
includeDisabled = false,
|
|
||||||
): MenuItem[] {
|
|
||||||
const parentOf = new Map(merged.map((n) => [n.id, n.parentId ?? null]));
|
|
||||||
const disabledIds = new Set(merged.filter((n) => n.disabled).map((n) => n.id));
|
|
||||||
|
|
||||||
// 停用节点本身或任一祖先被停用 → 整棵子树隐藏(渲染侧边栏时)。
|
|
||||||
const isHidden = (id: string): boolean => {
|
|
||||||
let cursor: string | null = id;
|
|
||||||
const seen = new Set<string>();
|
|
||||||
while (cursor) {
|
|
||||||
if (disabledIds.has(cursor)) return true;
|
|
||||||
if (seen.has(cursor)) break;
|
|
||||||
seen.add(cursor);
|
|
||||||
cursor = parentOf.get(cursor) ?? null;
|
|
||||||
}
|
|
||||||
return false;
|
|
||||||
};
|
|
||||||
|
|
||||||
const visible = includeDisabled ? merged : merged.filter((n) => !isHidden(n.id));
|
|
||||||
const visibleIds = new Set(visible.map((n) => n.id));
|
|
||||||
|
|
||||||
const childrenOf = new Map<string | null, MergedMenuNode[]>();
|
|
||||||
for (const node of visible) {
|
|
||||||
// parentId 指向不存在/已隐藏的节点 → 回落到一级(数据安全网,正常数据不会触发)。
|
|
||||||
const key = node.parentId != null && visibleIds.has(node.parentId) ? node.parentId : null;
|
|
||||||
const list = childrenOf.get(key) ?? [];
|
|
||||||
list.push(node);
|
|
||||||
childrenOf.set(key, list);
|
|
||||||
}
|
|
||||||
|
|
||||||
const assemble = (parentId: string | null): MenuItem[] => {
|
|
||||||
const list = (childrenOf.get(parentId) ?? [])
|
|
||||||
.slice()
|
|
||||||
.sort((a, b) => a.order - b.order || a.id.localeCompare(b.id));
|
|
||||||
return list.map((node) => {
|
|
||||||
const children = assemble(node.id);
|
|
||||||
const base: MenuItem = { ...node.source, label: node.label };
|
|
||||||
if (children.length) {
|
|
||||||
base.children = children;
|
|
||||||
} else if (base.children) {
|
|
||||||
// 原本有 children 但全被过滤/移走:保留空数组以维持「分组」语义。
|
|
||||||
base.children = [];
|
|
||||||
}
|
|
||||||
return base;
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
return assemble(null);
|
|
||||||
}
|
|
||||||
|
|
||||||
/** 应用覆盖层并返回供侧边栏渲染的菜单树(停用项已剔除)。 */
|
|
||||||
export function applyMenuOverrides(items: MenuItem[], overrides: MenuOverride[]): MenuItem[] {
|
|
||||||
if (!overrides.length) return items;
|
|
||||||
const merged = mergeFlatNodes(flattenMenu(items), overrides);
|
|
||||||
return buildTreeFromMerged(merged, false);
|
|
||||||
}
|
|
||||||
|
|
||||||
// ── 管理页编辑辅助 ──────────────────────────────────────────────────────
|
|
||||||
|
|
||||||
/** 计算某节点在「父级映射」下的深度(1=一级)。检测到环时返回 Infinity。 */
|
|
||||||
export function depthOf(nodeId: string, parentOf: Map<string, string | null>): number {
|
|
||||||
let depth = 1;
|
|
||||||
const seen = new Set<string>([nodeId]);
|
|
||||||
let cursor = parentOf.get(nodeId) ?? null;
|
|
||||||
while (cursor) {
|
|
||||||
depth += 1;
|
|
||||||
if (seen.has(cursor)) return Infinity;
|
|
||||||
seen.add(cursor);
|
|
||||||
cursor = parentOf.get(cursor) ?? null;
|
|
||||||
}
|
|
||||||
return depth;
|
|
||||||
}
|
|
||||||
|
|
||||||
/** 某节点子树的最大相对高度(叶子=1)。用于判断移动后是否超 3 级。 */
|
|
||||||
export function subtreeHeight(nodeId: string, childrenMap: Map<string | null, string[]>): number {
|
|
||||||
const kids = childrenMap.get(nodeId) ?? [];
|
|
||||||
if (!kids.length) return 1;
|
|
||||||
return 1 + Math.max(...kids.map((k) => subtreeHeight(k, childrenMap)));
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 把 `nodeId` 移到 `targetParentId`(null=一级)后,是否会超过 3 级。
|
|
||||||
* = 目标父级深度 + 被移动子树的高度 > MAX_MENU_DEPTH。
|
|
||||||
*/
|
|
||||||
export function wouldExceedDepth(
|
|
||||||
nodeId: string,
|
|
||||||
targetParentId: string | null,
|
|
||||||
merged: MergedMenuNode[],
|
|
||||||
): boolean {
|
|
||||||
const parentOf = new Map(merged.map((n) => [n.id, n.parentId]));
|
|
||||||
const childrenMap = new Map<string | null, string[]>();
|
|
||||||
for (const n of merged) {
|
|
||||||
const key = n.parentId ?? null;
|
|
||||||
const list = childrenMap.get(key) ?? [];
|
|
||||||
list.push(n.id);
|
|
||||||
childrenMap.set(key, list);
|
|
||||||
}
|
|
||||||
const parentDepth = targetParentId == null ? 0 : depthOf(targetParentId, parentOf);
|
|
||||||
if (parentDepth === Infinity) return true;
|
|
||||||
const height = subtreeHeight(nodeId, childrenMap);
|
|
||||||
return parentDepth + height > MAX_MENU_DEPTH;
|
|
||||||
}
|
|
||||||
|
|
||||||
/** 目标父级是否落在被移动节点自身的子树内(禁止把节点移进自己的后代)。 */
|
|
||||||
export function isDescendant(
|
|
||||||
nodeId: string,
|
|
||||||
candidateParentId: string | null,
|
|
||||||
merged: MergedMenuNode[],
|
|
||||||
): boolean {
|
|
||||||
if (candidateParentId == null) return false;
|
|
||||||
const parentOf = new Map(merged.map((n) => [n.id, n.parentId]));
|
|
||||||
let cursor: string | null = candidateParentId;
|
|
||||||
const seen = new Set<string>();
|
|
||||||
while (cursor) {
|
|
||||||
if (cursor === nodeId) return true;
|
|
||||||
if (seen.has(cursor)) break;
|
|
||||||
seen.add(cursor);
|
|
||||||
cursor = parentOf.get(cursor) ?? null;
|
|
||||||
}
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 把当前合并节点与代码默认值求差,得到需要持久化的最小覆盖集。
|
|
||||||
* 只有「改名 / 停用 / 父级变化 / 同级次序变化」的节点才入库。
|
|
||||||
*/
|
|
||||||
export function diffOverrides(merged: MergedMenuNode[]): MenuOverride[] {
|
|
||||||
// 同级内按 order 排序后重排为紧凑索引,便于和 defaultIndex 比较。
|
|
||||||
const siblings = new Map<string | null, MergedMenuNode[]>();
|
|
||||||
for (const n of merged) {
|
|
||||||
const key = n.parentId ?? null;
|
|
||||||
const list = siblings.get(key) ?? [];
|
|
||||||
list.push(n);
|
|
||||||
siblings.set(key, list);
|
|
||||||
}
|
|
||||||
const compactIndex = new Map<string, number>();
|
|
||||||
for (const list of siblings.values()) {
|
|
||||||
list
|
|
||||||
.slice()
|
|
||||||
.sort((a, b) => a.order - b.order || a.id.localeCompare(b.id))
|
|
||||||
.forEach((n, i) => compactIndex.set(n.id, i));
|
|
||||||
}
|
|
||||||
|
|
||||||
const out: MenuOverride[] = [];
|
|
||||||
for (const n of merged) {
|
|
||||||
const idx = compactIndex.get(n.id) ?? n.order;
|
|
||||||
const renamed = n.label !== n.defaultLabel;
|
|
||||||
const reparented = (n.parentId ?? null) !== (n.defaultParentId ?? null);
|
|
||||||
const reordered = idx !== n.defaultIndex;
|
|
||||||
if (!renamed && !reparented && !n.disabled && !reordered) continue;
|
|
||||||
out.push({
|
|
||||||
nodeId: n.id,
|
|
||||||
parentId: n.parentId ?? null,
|
|
||||||
sortOrder: idx,
|
|
||||||
label: renamed ? n.label : null,
|
|
||||||
disabled: n.disabled,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
return out;
|
|
||||||
}
|
|
||||||
@@ -1,372 +1,353 @@
|
|||||||
/**
|
/**
|
||||||
* 全局侧边栏菜单数据与权限过滤逻辑。
|
* 全局侧边栏菜单数据与权限过滤逻辑。
|
||||||
*
|
*
|
||||||
* 浅色 ``PageSidebar`` 和深色 ``PageSidebarDark`` 共用这份数据 —— 菜单结构与
|
* 浅色 ``PageSidebar`` 和深色 ``PageSidebarDark`` 共用这份数据 —— 菜单结构与
|
||||||
* adminOnly 权限策略对两种皮肤完全一致;UI 渲染(icon 显示/折叠样式/hover flyout)
|
* adminOnly 权限策略对两种皮肤完全一致;UI 渲染(icon 显示/折叠样式/hover flyout)
|
||||||
* 在各自组件里实现。
|
* 在各自组件里实现。
|
||||||
*
|
*
|
||||||
* 修改菜单只需改这一处,两个 sidebar 自动同步。
|
* 修改菜单只需改这一处,两个 sidebar 自动同步。
|
||||||
*/
|
*/
|
||||||
import type { ElementType } from "react";
|
import type { ElementType } from "react";
|
||||||
import {
|
import {
|
||||||
Activity,
|
Activity,
|
||||||
BookOpen,
|
BookOpen,
|
||||||
Bot,
|
Bot,
|
||||||
Brain,
|
Brain,
|
||||||
Briefcase,
|
Briefcase,
|
||||||
CalendarClock,
|
CalendarClock,
|
||||||
CircleHelp,
|
CircleHelp,
|
||||||
ClipboardList,
|
ClipboardList,
|
||||||
Database,
|
Database,
|
||||||
FileBox,
|
FileBox,
|
||||||
FileText,
|
FileText,
|
||||||
Gauge,
|
Gauge,
|
||||||
Grid3X3,
|
Grid3X3,
|
||||||
HelpCircle,
|
HelpCircle,
|
||||||
History,
|
History,
|
||||||
Layers,
|
Layers,
|
||||||
Layout,
|
Layout,
|
||||||
Library,
|
Library,
|
||||||
List,
|
List,
|
||||||
ListChecks,
|
ListChecks,
|
||||||
ListTodo,
|
ListTodo,
|
||||||
Network,
|
Network,
|
||||||
Radar,
|
Radar,
|
||||||
Settings,
|
Settings,
|
||||||
Sparkles,
|
Sparkles,
|
||||||
Target,
|
Target,
|
||||||
Trophy,
|
Trophy,
|
||||||
Users,
|
Users,
|
||||||
} from "lucide-react";
|
} from "lucide-react";
|
||||||
|
|
||||||
export type MenuItem = {
|
export type MenuItem = {
|
||||||
id: string;
|
id: string;
|
||||||
label: string;
|
label: string;
|
||||||
icon: ElementType;
|
icon: ElementType;
|
||||||
path?: string;
|
path?: string;
|
||||||
/** 额外视为「当前页属于本菜单项」的路由(不在侧栏展示,仅用于高亮)。 */
|
/** 非 admin 用户使用的路由(菜单对普通用户可见时生效,与简洁模式公开排行榜一致) */
|
||||||
aliasPaths?: string[];
|
userPath?: string;
|
||||||
/** 非 admin 用户使用的路由(菜单对普通用户可见时生效,与简洁模式公开排行榜一致) */
|
adminOnly?: boolean;
|
||||||
userPath?: string;
|
children?: MenuItem[];
|
||||||
adminOnly?: boolean;
|
};
|
||||||
children?: MenuItem[];
|
|
||||||
};
|
export const sidebarMenuItems: MenuItem[] = [
|
||||||
|
{
|
||||||
export const sidebarMenuItems: MenuItem[] = [
|
id: "qa-center",
|
||||||
{
|
label: "问答管理",
|
||||||
id: "qa-center",
|
icon: HelpCircle,
|
||||||
label: "问答管理",
|
children: [
|
||||||
icon: HelpCircle,
|
{ id: "general-qa", label: "通用问答", icon: CircleHelp, path: "/page/workspace/chats/new" },
|
||||||
children: [
|
{
|
||||||
{ id: "general-qa", label: "通用问答", icon: CircleHelp, path: "/page/workspace/chats/new" },
|
id: "multi-agent-roundtable",
|
||||||
{
|
label: "多智能体会商",
|
||||||
id: "multi-agent-roundtable",
|
icon: Users,
|
||||||
label: "多智能体会商",
|
path: "/page/strategy/qa/multi-agent-roundtable",
|
||||||
icon: Users,
|
},
|
||||||
path: "/page/strategy/qa/multi-agent-roundtable",
|
// { id: "expert-qa", label: "专家问答", icon: Brain, path: "/page/strategy/qa/expert-qa" },
|
||||||
},
|
{
|
||||||
{
|
id: "qa-zzjc",
|
||||||
id: "dashboard-agent",
|
label: "JC支持",
|
||||||
label: "大屏绘制",
|
icon: Bot,
|
||||||
icon: Gauge,
|
path: "/page/strategy/qa/zzjc",
|
||||||
path: "/page/strategy/dashboard-agent",
|
},
|
||||||
},
|
{ id: "qa-zzxd", label: "XD应用", icon: Layout, path: "/page/strategy/qa/zzxd" },
|
||||||
// { id: "expert-qa", label: "专家问答", icon: Brain, path: "/page/strategy/qa/expert-qa" },
|
{ id: "qa-research", label: "课题研究", icon: FileText, path: "/page/canvas/ai-writing" },
|
||||||
{
|
],
|
||||||
id: "qa-zzjc",
|
},
|
||||||
label: "JC支持",
|
{
|
||||||
icon: Bot,
|
id: "task-management",
|
||||||
path: "/page/strategy/qa/zzjc",
|
label: "任务管理",
|
||||||
},
|
icon: Target,
|
||||||
{ id: "qa-zzxd", label: "XD应用", icon: Layout, path: "/page/strategy/qa/zzxd" },
|
children: [
|
||||||
{ id: "qa-research", label: "课题研究", icon: FileText, path: "/page/canvas/ai-writing" },
|
{
|
||||||
],
|
id: "xk-center-task",
|
||||||
},
|
label: "XK中任务",
|
||||||
{
|
icon: ClipboardList,
|
||||||
id: "task-management",
|
children: [
|
||||||
label: "任务管理",
|
// {
|
||||||
icon: Target,
|
// id: "xk-task-jc",
|
||||||
children: [
|
// label: "任务JC",
|
||||||
{
|
// icon: ListTodo,
|
||||||
id: "xk-center-task",
|
// path: "/page/strategy/task-management/xk-task-jc",
|
||||||
label: "XK中任务",
|
// },
|
||||||
icon: ClipboardList,
|
// {
|
||||||
children: [
|
// id: "xk-task-dispatch",
|
||||||
// {
|
// label: "任务调度",
|
||||||
// id: "xk-task-jc",
|
// icon: ListTodo,
|
||||||
// label: "任务JC",
|
// path: "/page/strategy/task-management/xk-task-dispatch",
|
||||||
// icon: ListTodo,
|
// },
|
||||||
// path: "/page/strategy/task-management/xk-task-jc",
|
],
|
||||||
// },
|
},
|
||||||
// {
|
{
|
||||||
// id: "xk-task-dispatch",
|
id: "coh-center-task",
|
||||||
// label: "任务调度",
|
label: "COH中任务",
|
||||||
// icon: ListTodo,
|
icon: Activity,
|
||||||
// path: "/page/strategy/task-management/xk-task-dispatch",
|
children: [
|
||||||
// },
|
// {
|
||||||
],
|
// id: "coh-task-3qfx",
|
||||||
},
|
// label: "3QFX",
|
||||||
{
|
// icon: ListTodo,
|
||||||
id: "coh-center-task",
|
// path: "/page/strategy/task-management/plan-task-sentiment",
|
||||||
label: "COH中任务",
|
// },
|
||||||
icon: Activity,
|
// {
|
||||||
children: [
|
// id: "coh-task-fx",
|
||||||
// {
|
// label: "任务FX",
|
||||||
// id: "coh-task-3qfx",
|
// icon: ListTodo,
|
||||||
// label: "3QFX",
|
// path: "/page/strategy/task-management/plan-task/plan-task-fx",
|
||||||
// icon: ListTodo,
|
// },
|
||||||
// path: "/page/strategy/task-management/plan-task-sentiment",
|
// {
|
||||||
// },
|
// id: "coh-task-xdfx",
|
||||||
// {
|
// label: "XDFX",
|
||||||
// id: "coh-task-fx",
|
// icon: ListTodo,
|
||||||
// label: "任务FX",
|
// path: "/page/strategy/task-management/plan-task/plan-task-action",
|
||||||
// icon: ListTodo,
|
// },
|
||||||
// path: "/page/strategy/task-management/plan-task/plan-task-fx",
|
],
|
||||||
// },
|
},
|
||||||
// {
|
{
|
||||||
// id: "coh-task-xdfx",
|
id: "pg-center-task",
|
||||||
// label: "XDFX",
|
label: "PG中任务",
|
||||||
// icon: ListTodo,
|
icon: Gauge,
|
||||||
// path: "/page/strategy/task-management/plan-task/plan-task-action",
|
children: [
|
||||||
// },
|
// {
|
||||||
],
|
// id: "pg-task-pg",
|
||||||
},
|
// label: "任务PG",
|
||||||
{
|
// icon: ListTodo,
|
||||||
id: "pg-center-task",
|
// path: "/page/strategy/task-management/effect-task-pg",
|
||||||
label: "PG中任务",
|
// },
|
||||||
icon: Gauge,
|
// {
|
||||||
children: [
|
// id: "pg-task-xdpg",
|
||||||
// {
|
// label: "XDPG",
|
||||||
// id: "pg-task-pg",
|
// icon: ListTodo,
|
||||||
// label: "任务PG",
|
// path: "/page/strategy/task-management/effect-action-pg",
|
||||||
// icon: ListTodo,
|
// },
|
||||||
// path: "/page/strategy/task-management/effect-task-pg",
|
// {
|
||||||
// },
|
// id: "pg-task-info-pg",
|
||||||
// {
|
// label: "信息PG",
|
||||||
// id: "pg-task-xdpg",
|
// icon: ListTodo,
|
||||||
// label: "XDPG",
|
// path: "/page/strategy/task-management/effect-info-pg",
|
||||||
// icon: ListTodo,
|
// },
|
||||||
// path: "/page/strategy/task-management/effect-action-pg",
|
],
|
||||||
// },
|
},
|
||||||
// {
|
{
|
||||||
// id: "pg-task-info-pg",
|
id: "ty-center-task",
|
||||||
// label: "信息PG",
|
label: "TY中任务",
|
||||||
// icon: ListTodo,
|
icon: Radar,
|
||||||
// path: "/page/strategy/task-management/effect-info-pg",
|
children: [
|
||||||
// },
|
// {
|
||||||
],
|
// id: "ty-task-xdty",
|
||||||
},
|
// label: "XDTY任务",
|
||||||
{
|
// icon: ListTodo,
|
||||||
id: "ty-center-task",
|
// path: "/page/strategy/task-management/mnty-task-mechanism",
|
||||||
label: "TY中任务",
|
// },
|
||||||
icon: Radar,
|
// {
|
||||||
children: [
|
// id: "ty-task-plan",
|
||||||
// {
|
// label: "方案TY任务",
|
||||||
// id: "ty-task-xdty",
|
// icon: ListTodo,
|
||||||
// label: "XDTY任务",
|
// path: "/page/strategy/task-management/mnty-task-plan",
|
||||||
// icon: ListTodo,
|
// },
|
||||||
// path: "/page/strategy/task-management/mnty-task-mechanism",
|
// {
|
||||||
// },
|
// id: "ty-task-xxty",
|
||||||
// {
|
// label: "XXTY任务",
|
||||||
// id: "ty-task-plan",
|
// icon: ListTodo,
|
||||||
// label: "方案TY任务",
|
// path: "/page/strategy/task-management/mnty-task-zsty",
|
||||||
// icon: ListTodo,
|
// },
|
||||||
// path: "/page/strategy/task-management/mnty-task-plan",
|
],
|
||||||
// },
|
},
|
||||||
// {
|
],
|
||||||
// id: "ty-task-xxty",
|
},
|
||||||
// label: "XXTY任务",
|
{
|
||||||
// icon: ListTodo,
|
id: "light-app-center",
|
||||||
// path: "/page/strategy/task-management/mnty-task-zsty",
|
label: "应用中心",
|
||||||
// },
|
icon: Grid3X3,
|
||||||
],
|
children: [
|
||||||
},
|
{
|
||||||
],
|
id: "light-app-management",
|
||||||
},
|
label: "应用管理",
|
||||||
{
|
icon: Layout,
|
||||||
id: "light-app-center",
|
path: "/page/strategy/light-app/management",
|
||||||
label: "应用中心",
|
adminOnly: true,
|
||||||
icon: Grid3X3,
|
},
|
||||||
children: [
|
{
|
||||||
{
|
id: "light-app-apps",
|
||||||
id: "light-app-management",
|
label: "应用列表",
|
||||||
label: "应用管理",
|
icon: List,
|
||||||
icon: Layout,
|
path: "/page/strategy/light-app/apps",
|
||||||
path: "/page/strategy/light-app/management",
|
},
|
||||||
adminOnly: true,
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "light-app-apps",
|
id: "comprehensive-management",
|
||||||
label: "应用列表",
|
label: "综合管理",
|
||||||
icon: List,
|
icon: Settings,
|
||||||
path: "/page/strategy/light-app/apps",
|
children: [
|
||||||
},
|
{
|
||||||
],
|
id: "mgmt-user-leaderboard",
|
||||||
},
|
label: "用户排行榜",
|
||||||
{
|
icon: Trophy,
|
||||||
id: "comprehensive-management",
|
path: "/page/strategy/admin/user-leaderboard",
|
||||||
label: "综合管理",
|
userPath: "/page/strategy/user-leaderboard",
|
||||||
icon: Settings,
|
},
|
||||||
children: [
|
{ id: "mgmt-agents", label: "智能体管理", icon: Bot, path: "/page/strategy/agents" },
|
||||||
{
|
{
|
||||||
id: "mgmt-user-leaderboard",
|
id: "mgmt-business-chain-mapping",
|
||||||
label: "用户排行榜",
|
label: "配置管理",
|
||||||
icon: Trophy,
|
icon: Network,
|
||||||
path: "/page/strategy/admin/user-leaderboard",
|
path: "/page/strategy/business-chain-mapping",
|
||||||
userPath: "/page/strategy/user-leaderboard",
|
},
|
||||||
},
|
{
|
||||||
{ id: "mgmt-agents", label: "智能体管理", icon: Bot, path: "/page/strategy/agents" },
|
id: "mgmt-business-chains",
|
||||||
// {
|
label: "业务链条配置",
|
||||||
// id: "mgmt-business-chain-mapping",
|
icon: Layers,
|
||||||
// label: "配置管理",
|
path: "/page/strategy/business-chains",
|
||||||
// icon: Network,
|
},
|
||||||
// path: "/page/strategy/business-chain-mapping",
|
{ id: "mgmt-skills", label: "技能管理", icon: Sparkles, path: "/page/strategy/skills" },
|
||||||
// },
|
{ id: "mgmt-memory", label: "记忆管理", icon: Brain, path: "/page/strategy/memory" },
|
||||||
{
|
{
|
||||||
id: "mgmt-business-chains",
|
id: "mgmt-tasks",
|
||||||
label: "业务链条配置",
|
label: "定时任务",
|
||||||
icon: Layers,
|
icon: ListChecks,
|
||||||
path: "/page/strategy/business-chains",
|
path: "/page/strategy/scheduled/tasks",
|
||||||
aliasPaths: ["/page/strategy/business-chain-mapping"],
|
},
|
||||||
},
|
{
|
||||||
{ id: "mgmt-skills", label: "技能管理", icon: Sparkles, path: "/page/strategy/skills" },
|
id: "mgmt-llm-metrics",
|
||||||
{ id: "mgmt-memory", label: "记忆管理", icon: Brain, path: "/page/strategy/memory" },
|
label: "大模型调用统计",
|
||||||
{
|
icon: Gauge,
|
||||||
id: "mgmt-tasks",
|
path: "/page/strategy/settings/llm-metrics",
|
||||||
label: "定时任务",
|
adminOnly: true,
|
||||||
icon: ListChecks,
|
},
|
||||||
path: "/page/strategy/scheduled/tasks",
|
{
|
||||||
},
|
id: "mgmt-users",
|
||||||
{
|
label: "用户管理",
|
||||||
id: "mgmt-llm-metrics",
|
icon: Users,
|
||||||
label: "大模型调用统计",
|
path: "/page/strategy/admin/users",
|
||||||
icon: Gauge,
|
adminOnly: true,
|
||||||
path: "/page/strategy/settings/llm-metrics",
|
},
|
||||||
adminOnly: true,
|
{
|
||||||
},
|
id: "mgmt-positions",
|
||||||
{
|
label: "岗位管理",
|
||||||
id: "mgmt-users",
|
icon: Briefcase,
|
||||||
label: "用户管理",
|
path: "/page/strategy/admin/positions",
|
||||||
icon: Users,
|
adminOnly: true,
|
||||||
path: "/page/strategy/admin/users",
|
},
|
||||||
adminOnly: true,
|
{
|
||||||
},
|
id: "mgmt-admin-scheduled-tasks",
|
||||||
{
|
label: "定时任务管理",
|
||||||
id: "mgmt-positions",
|
icon: CalendarClock,
|
||||||
label: "岗位管理",
|
path: "/page/strategy/admin/scheduled-tasks",
|
||||||
icon: Briefcase,
|
adminOnly: true,
|
||||||
path: "/page/strategy/admin/positions",
|
},
|
||||||
adminOnly: true,
|
{
|
||||||
},
|
id: "mgmt-user-activity",
|
||||||
{
|
label: "用户活动审计",
|
||||||
id: "mgmt-admin-scheduled-tasks",
|
icon: History,
|
||||||
label: "定时任务管理",
|
path: "/page/strategy/admin/user-activity",
|
||||||
icon: CalendarClock,
|
adminOnly: true,
|
||||||
path: "/page/strategy/admin/scheduled-tasks",
|
},
|
||||||
adminOnly: true,
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "mgmt-user-activity",
|
id: "resource-management",
|
||||||
label: "用户活动审计",
|
label: "资源管理",
|
||||||
icon: History,
|
icon: Database,
|
||||||
path: "/page/strategy/admin/user-activity",
|
children: [
|
||||||
adminOnly: true,
|
// {
|
||||||
},
|
// id: "resource-network-xwt",
|
||||||
],
|
// label: "网络xwt资源管理",
|
||||||
},
|
// icon: Network,
|
||||||
{
|
// path: "/page/strategy/resource-management/resource-network-actor",
|
||||||
id: "resource-management",
|
// },
|
||||||
label: "资源管理",
|
{
|
||||||
icon: Database,
|
id: "resource-knowledge-native",
|
||||||
children: [
|
label: "问答梳理",
|
||||||
// {
|
icon: BookOpen,
|
||||||
// id: "resource-network-xwt",
|
path: "/page/workspace/knowledge",
|
||||||
// label: "网络xwt资源管理",
|
},
|
||||||
// icon: Network,
|
{
|
||||||
// path: "/page/strategy/resource-management/resource-network-actor",
|
id: "resource-knowledge-base",
|
||||||
// },
|
label: "知识库资源管理",
|
||||||
{
|
icon: Library,
|
||||||
id: "resource-knowledge-native",
|
path: "/page/strategy/resource-management/resource-knowledge-base",
|
||||||
label: "问答梳理",
|
},
|
||||||
icon: BookOpen,
|
// {
|
||||||
path: "/page/workspace/knowledge",
|
// id: "resource-evaluation-index",
|
||||||
},
|
// label: "作战资源管理",
|
||||||
{
|
// icon: FileBox,
|
||||||
id: "resource-knowledge-base",
|
// path: "/page/strategy/resource-management/resource-evaluation-index",
|
||||||
label: "知识库资源管理",
|
// },
|
||||||
icon: Library,
|
],
|
||||||
path: "/page/strategy/resource-management/resource-knowledge-base",
|
},
|
||||||
},
|
];
|
||||||
// {
|
|
||||||
// id: "resource-evaluation-index",
|
/** 默认展开的菜单 id 集合(浅色版可折叠交互的初始状态) */
|
||||||
// label: "作战资源管理",
|
export const defaultExpandedIds: ReadonlySet<string> = new Set([
|
||||||
// icon: FileBox,
|
"qa-center",
|
||||||
// path: "/page/strategy/resource-management/resource-evaluation-index",
|
"light-app-center",
|
||||||
// },
|
"light-app-note-management",
|
||||||
],
|
"task-management",
|
||||||
},
|
"xk-center-task",
|
||||||
];
|
"comprehensive-management",
|
||||||
|
]);
|
||||||
/** 默认展开的菜单 id 集合(浅色版可折叠交互的初始状态) */
|
|
||||||
export const defaultExpandedIds: ReadonlySet<string> = new Set([
|
/** 该菜单项自身或任意后代的 path 是否匹配当前路由(支持子路径,如 /knowledge/:id) */
|
||||||
"qa-center",
|
export function menuItemContainsPath(item: MenuItem, pathname: string): boolean {
|
||||||
"light-app-center",
|
if (item.path && (pathname === item.path || pathname.startsWith(item.path + "/"))) {
|
||||||
"light-app-note-management",
|
return true;
|
||||||
"task-management",
|
}
|
||||||
"xk-center-task",
|
return item.children?.some((child) => menuItemContainsPath(child, pathname)) ?? false;
|
||||||
"comprehensive-management",
|
}
|
||||||
]);
|
|
||||||
|
/**
|
||||||
/** 单条路由是否与 pathname 精确匹配或为其子路径。 */
|
* 在「一级 → 二级 → 三级」菜单中,取当前路由所在的「激活二级项」的三级子项。
|
||||||
function routeMatchesPathname(pathname: string, route?: string): boolean {
|
* 浅色侧边栏据此在二级右侧展开三级列;深色顶栏据此渲染三级横条。
|
||||||
if (!route) return false;
|
* 全量模式:三级仅一项时不返回(无选择必要,侧边栏保持窄栏 / 不渲染横条)。
|
||||||
return pathname === route || pathname.startsWith(route + "/");
|
*/
|
||||||
}
|
export function getActiveThirdLevelItems(
|
||||||
|
items: MenuItem[],
|
||||||
/** 菜单项自身 path / aliasPaths 是否匹配当前路由。 */
|
pathname: string,
|
||||||
export function menuItemMatchesPath(item: MenuItem, pathname: string): boolean {
|
): MenuItem[] {
|
||||||
if (routeMatchesPathname(pathname, item.path)) return true;
|
const activeTop =
|
||||||
return item.aliasPaths?.some((p) => routeMatchesPathname(pathname, p)) ?? false;
|
items.find((item) => menuItemContainsPath(item, pathname)) ?? items[0];
|
||||||
}
|
const secondary = activeTop?.children ?? [];
|
||||||
|
const activeSecond = secondary.find(
|
||||||
/** 该菜单项自身或任意后代的 path 是否匹配当前路由(支持子路径,如 /knowledge/:id) */
|
(item) => (item.children?.length ?? 0) > 0 && menuItemContainsPath(item, pathname),
|
||||||
export function menuItemContainsPath(item: MenuItem, pathname: string): boolean {
|
);
|
||||||
if (menuItemMatchesPath(item, pathname)) return true;
|
const third = activeSecond?.children ?? [];
|
||||||
return item.children?.some((child) => menuItemContainsPath(child, pathname)) ?? false;
|
return third.length <= 1 ? [] : third;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/** 按 admin 角色过滤菜单:非 admin 不展示 ``adminOnly: true`` 的项;``userPath`` 替换 ``path``。 */
|
||||||
* 在「一级 → 二级 → 三级」菜单中,取当前路由所在的「激活二级项」的三级子项。
|
export function filterMenuItemsByRole(items: MenuItem[], isAdmin: boolean): MenuItem[] {
|
||||||
* 浅色侧边栏据此在二级右侧展开三级列;深色顶栏据此渲染三级横条。
|
return items
|
||||||
* 全量模式:三级仅一项时不返回(无选择必要,侧边栏保持窄栏 / 不渲染横条)。
|
.filter((item) => !item.adminOnly || isAdmin)
|
||||||
*/
|
.map((item) => {
|
||||||
export function getActiveThirdLevelItems(
|
const children = item.children
|
||||||
items: MenuItem[],
|
? filterMenuItemsByRole(item.children, isAdmin)
|
||||||
pathname: string,
|
: undefined;
|
||||||
): MenuItem[] {
|
const base = children ? { ...item, children } : item;
|
||||||
const activeTop =
|
if (!isAdmin && base.userPath) {
|
||||||
items.find((item) => menuItemContainsPath(item, pathname)) ?? items[0];
|
const { userPath: _userPath, ...rest } = base;
|
||||||
const secondary = activeTop?.children ?? [];
|
return { ...rest, path: base.userPath };
|
||||||
const activeSecond = secondary.find(
|
}
|
||||||
(item) => (item.children?.length ?? 0) > 0 && menuItemContainsPath(item, pathname),
|
return base;
|
||||||
);
|
});
|
||||||
const third = activeSecond?.children ?? [];
|
}
|
||||||
return third.length <= 1 ? [] : third;
|
|
||||||
}
|
|
||||||
|
|
||||||
/** 按 admin 角色过滤菜单:非 admin 不展示 ``adminOnly: true`` 的项;``userPath`` 替换 ``path``。 */
|
|
||||||
export function filterMenuItemsByRole(items: MenuItem[], isAdmin: boolean): MenuItem[] {
|
|
||||||
return items
|
|
||||||
.filter((item) => !item.adminOnly || isAdmin)
|
|
||||||
.map((item) => {
|
|
||||||
const children = item.children
|
|
||||||
? filterMenuItemsByRole(item.children, isAdmin)
|
|
||||||
: undefined;
|
|
||||||
const base = children ? { ...item, children } : item;
|
|
||||||
if (!isAdmin && base.userPath) {
|
|
||||||
const { userPath: _userPath, ...rest } = base;
|
|
||||||
return { ...rest, path: base.userPath };
|
|
||||||
}
|
|
||||||
return base;
|
|
||||||
});
|
|
||||||
}
|
|
||||||
@@ -12,12 +12,8 @@ import { useLocation } from "react-router-dom";
|
|||||||
import { Layout } from "lucide-react";
|
import { Layout } from "lucide-react";
|
||||||
|
|
||||||
import { getStoredAuth } from "@/core/auth";
|
import { getStoredAuth } from "@/core/auth";
|
||||||
import { desensitize, makeDesensitizer } from "@/lib/desensitize";
|
|
||||||
import { useLightApps, type LightApp } from "@/strategy-components/api/light-apps";
|
import { useLightApps, type LightApp } from "@/strategy-components/api/light-apps";
|
||||||
import { useMenuOverrides } from "@/strategy-components/api/menu-overrides";
|
|
||||||
import { useSensitiveWords, wordsToMap } from "@/strategy-components/api/sensitive-words";
|
|
||||||
|
|
||||||
import { applyMenuOverrides } from "./menu-overrides";
|
|
||||||
import {
|
import {
|
||||||
filterMenuItemsByRole,
|
filterMenuItemsByRole,
|
||||||
getActiveThirdLevelItems,
|
getActiveThirdLevelItems,
|
||||||
@@ -35,7 +31,7 @@ function lightAppLeaf(app: LightApp): MenuItem {
|
|||||||
}
|
}
|
||||||
|
|
||||||
/** 在菜单树(不可变克隆)中,把 iframe 应用按 mountLocation 注入对应父节点末尾。 */
|
/** 在菜单树(不可变克隆)中,把 iframe 应用按 mountLocation 注入对应父节点末尾。 */
|
||||||
export function injectLightApps(items: MenuItem[], apps: LightApp[]): MenuItem[] {
|
function injectLightApps(items: MenuItem[], apps: LightApp[]): MenuItem[] {
|
||||||
if (apps.length === 0) return items;
|
if (apps.length === 0) return items;
|
||||||
|
|
||||||
const byMount = new Map<string, LightApp[]>();
|
const byMount = new Map<string, LightApp[]>();
|
||||||
@@ -60,43 +56,12 @@ export function injectLightApps(items: MenuItem[], apps: LightApp[]): MenuItem[]
|
|||||||
return walk(items);
|
return walk(items);
|
||||||
}
|
}
|
||||||
|
|
||||||
/** 递归对菜单标签做脱敏(仅改 `label`,path/id/icon 不动,保证高亮与路由不受影响)。 */
|
/** 返回合并了 iframe 轻应用、并按 admin 角色过滤后的菜单。 */
|
||||||
function desensitizeLabels(items: MenuItem[], fn: (text: string) => string): MenuItem[] {
|
|
||||||
return items.map((node) => ({
|
|
||||||
...node,
|
|
||||||
label: fn(node.label),
|
|
||||||
children: node.children ? desensitizeLabels(node.children, fn) : node.children,
|
|
||||||
}));
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 返回合并了 iframe 轻应用、套用了后端「菜单覆盖层」(改名/停用/排序/层级)、
|
|
||||||
* 按 admin 角色过滤、并对标签做**展示层脱敏**后的菜单。
|
|
||||||
*
|
|
||||||
* 管线顺序:静态菜单 → 注入 iframe 轻应用 → 套覆盖层(停用项被剔除)→ 角色过滤 → 标签脱敏。
|
|
||||||
* 覆盖层作用在合并后的整棵树上,所以 iframe 轻应用节点同样可被改名/停用/移层级。
|
|
||||||
*
|
|
||||||
* 脱敏直接用 `/api/sensitive-words` 查询结果构造(后台非空时用其映射,否则回退到内置种子的
|
|
||||||
* 全局 {@link desensitize}),避免依赖 {@link replaceDesensitizeMap} 的 effect 回灌时序。
|
|
||||||
*/
|
|
||||||
export function useSidebarMenuItems(isAdmin: boolean): MenuItem[] {
|
export function useSidebarMenuItems(isAdmin: boolean): MenuItem[] {
|
||||||
const { data: iframeApps = [] } = useLightApps({ appType: "iframe", enabledOnly: true });
|
const { data: iframeApps = [] } = useLightApps({ appType: "iframe", enabledOnly: true });
|
||||||
const { data: overrides = [] } = useMenuOverrides();
|
|
||||||
const { data: words = [] } = useSensitiveWords();
|
|
||||||
const desensitizeLabel = useMemo(
|
|
||||||
() => (words.length > 0 ? makeDesensitizer(wordsToMap(words)) : desensitize),
|
|
||||||
[words],
|
|
||||||
);
|
|
||||||
return useMemo(
|
return useMemo(
|
||||||
() =>
|
() => filterMenuItemsByRole(injectLightApps(sidebarMenuItems, iframeApps), isAdmin),
|
||||||
desensitizeLabels(
|
[iframeApps, isAdmin],
|
||||||
filterMenuItemsByRole(
|
|
||||||
applyMenuOverrides(injectLightApps(sidebarMenuItems, iframeApps), overrides),
|
|
||||||
isAdmin,
|
|
||||||
),
|
|
||||||
desensitizeLabel,
|
|
||||||
),
|
|
||||||
[iframeApps, overrides, isAdmin, desensitizeLabel],
|
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -1,190 +0,0 @@
|
|||||||
import assert from "node:assert/strict";
|
|
||||||
import test from "node:test";
|
|
||||||
|
|
||||||
import {
|
|
||||||
normalizeDomainInput,
|
|
||||||
resolveIncomingIframeSelection,
|
|
||||||
resolveConfiguredIframeAgentId,
|
|
||||||
resolveDomainMappedAgentId,
|
|
||||||
} from "./domain-agent.ts";
|
|
||||||
|
|
||||||
test("normalizes full urls and bare hosts to comparable domains", () => {
|
|
||||||
assert.equal(
|
|
||||||
normalizeDomainInput(" https://Foo.Example.com/path?q=1 "),
|
|
||||||
"foo.example.com",
|
|
||||||
);
|
|
||||||
assert.equal(
|
|
||||||
normalizeDomainInput("foo.example.com:8080/landing"),
|
|
||||||
"foo.example.com:8080",
|
|
||||||
);
|
|
||||||
});
|
|
||||||
|
|
||||||
test("resolves the configured agent for a matching pageContext url", () => {
|
|
||||||
assert.equal(
|
|
||||||
resolveDomainMappedAgentId({
|
|
||||||
pageUrl: "https://foo.example.com/article/123",
|
|
||||||
mappings: [
|
|
||||||
{
|
|
||||||
id: "m1",
|
|
||||||
domain: "foo.example.com",
|
|
||||||
agentId: "agent-1",
|
|
||||||
enabled: true,
|
|
||||||
},
|
|
||||||
],
|
|
||||||
availableAgentIds: ["agent-1", "agent-2"],
|
|
||||||
}),
|
|
||||||
"agent-1",
|
|
||||||
);
|
|
||||||
});
|
|
||||||
|
|
||||||
test("ignores disabled mappings and unavailable agents", () => {
|
|
||||||
assert.equal(
|
|
||||||
resolveDomainMappedAgentId({
|
|
||||||
pageUrl: "https://foo.example.com/article/123",
|
|
||||||
mappings: [
|
|
||||||
{
|
|
||||||
id: "m1",
|
|
||||||
domain: "foo.example.com",
|
|
||||||
agentId: "agent-1",
|
|
||||||
enabled: false,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "m2",
|
|
||||||
domain: "bar.example.com",
|
|
||||||
agentId: "agent-2",
|
|
||||||
enabled: true,
|
|
||||||
},
|
|
||||||
],
|
|
||||||
availableAgentIds: ["agent-3"],
|
|
||||||
}),
|
|
||||||
undefined,
|
|
||||||
);
|
|
||||||
});
|
|
||||||
|
|
||||||
test("does not auto-select after manual selection or once a conversation has started", () => {
|
|
||||||
assert.equal(
|
|
||||||
resolveConfiguredIframeAgentId({
|
|
||||||
pageUrl: "https://foo.example.com",
|
|
||||||
mappings: [
|
|
||||||
{
|
|
||||||
id: "m1",
|
|
||||||
domain: "foo.example.com",
|
|
||||||
agentId: "agent-1",
|
|
||||||
enabled: true,
|
|
||||||
},
|
|
||||||
],
|
|
||||||
availableAgentIds: ["agent-1"],
|
|
||||||
isNewThread: true,
|
|
||||||
hasStartedConversation: false,
|
|
||||||
manualSelectionLocked: true,
|
|
||||||
}),
|
|
||||||
undefined,
|
|
||||||
);
|
|
||||||
|
|
||||||
assert.equal(
|
|
||||||
resolveConfiguredIframeAgentId({
|
|
||||||
pageUrl: "https://foo.example.com",
|
|
||||||
mappings: [
|
|
||||||
{
|
|
||||||
id: "m1",
|
|
||||||
domain: "foo.example.com",
|
|
||||||
agentId: "agent-1",
|
|
||||||
enabled: true,
|
|
||||||
},
|
|
||||||
],
|
|
||||||
availableAgentIds: ["agent-1"],
|
|
||||||
isNewThread: true,
|
|
||||||
hasStartedConversation: true,
|
|
||||||
manualSelectionLocked: false,
|
|
||||||
}),
|
|
||||||
undefined,
|
|
||||||
);
|
|
||||||
});
|
|
||||||
|
|
||||||
test("falls back to default assistant when url is unmapped and user has not manually selected an agent", () => {
|
|
||||||
assert.deepEqual(
|
|
||||||
resolveIncomingIframeSelection({
|
|
||||||
pageUrl: "https://unknown.example.com",
|
|
||||||
mappings: [
|
|
||||||
{
|
|
||||||
id: "m1",
|
|
||||||
domain: "foo.example.com",
|
|
||||||
agentId: "agent-1",
|
|
||||||
enabled: true,
|
|
||||||
},
|
|
||||||
],
|
|
||||||
availableAgentIds: ["agent-1", "agent-2"],
|
|
||||||
manualSelectedAgentId: null,
|
|
||||||
}),
|
|
||||||
{
|
|
||||||
selectedAgentId: null,
|
|
||||||
forceDefaultAssistant: true,
|
|
||||||
},
|
|
||||||
);
|
|
||||||
});
|
|
||||||
|
|
||||||
test("falls back to the user's manual selection when url is unmapped", () => {
|
|
||||||
assert.deepEqual(
|
|
||||||
resolveIncomingIframeSelection({
|
|
||||||
pageUrl: "https://unknown.example.com",
|
|
||||||
mappings: [
|
|
||||||
{
|
|
||||||
id: "m1",
|
|
||||||
domain: "foo.example.com",
|
|
||||||
agentId: "agent-1",
|
|
||||||
enabled: true,
|
|
||||||
},
|
|
||||||
],
|
|
||||||
availableAgentIds: ["agent-1", "agent-2"],
|
|
||||||
manualSelectedAgentId: "agent-2",
|
|
||||||
}),
|
|
||||||
{
|
|
||||||
selectedAgentId: "agent-2",
|
|
||||||
forceDefaultAssistant: false,
|
|
||||||
},
|
|
||||||
);
|
|
||||||
});
|
|
||||||
|
|
||||||
test("mapped domain overrides the user's manual selection for that incoming message", () => {
|
|
||||||
assert.deepEqual(
|
|
||||||
resolveIncomingIframeSelection({
|
|
||||||
pageUrl: "https://foo.example.com/article",
|
|
||||||
mappings: [
|
|
||||||
{
|
|
||||||
id: "m1",
|
|
||||||
domain: "foo.example.com",
|
|
||||||
agentId: "agent-1",
|
|
||||||
enabled: true,
|
|
||||||
},
|
|
||||||
],
|
|
||||||
availableAgentIds: ["agent-1", "agent-2"],
|
|
||||||
manualSelectedAgentId: "agent-2",
|
|
||||||
}),
|
|
||||||
{
|
|
||||||
selectedAgentId: "agent-1",
|
|
||||||
forceDefaultAssistant: false,
|
|
||||||
},
|
|
||||||
);
|
|
||||||
});
|
|
||||||
|
|
||||||
test("unmapped incoming url resets auto-selected agent back to default when there is no manual selection", () => {
|
|
||||||
assert.deepEqual(
|
|
||||||
resolveIncomingIframeSelection({
|
|
||||||
pageUrl: "https://another-unknown.example.com/article",
|
|
||||||
mappings: [
|
|
||||||
{
|
|
||||||
id: "m1",
|
|
||||||
domain: "foo.example.com",
|
|
||||||
agentId: "agent-1",
|
|
||||||
enabled: true,
|
|
||||||
},
|
|
||||||
],
|
|
||||||
availableAgentIds: ["agent-1", "agent-2"],
|
|
||||||
manualSelectedAgentId: null,
|
|
||||||
}),
|
|
||||||
{
|
|
||||||
selectedAgentId: null,
|
|
||||||
forceDefaultAssistant: true,
|
|
||||||
},
|
|
||||||
);
|
|
||||||
});
|
|
||||||
@@ -1,135 +0,0 @@
|
|||||||
export type DomainAgentMapping = {
|
|
||||||
id: string;
|
|
||||||
domain: string;
|
|
||||||
agentId: string;
|
|
||||||
enabled: boolean;
|
|
||||||
};
|
|
||||||
|
|
||||||
function trimToUndefined(value: string | null | undefined): string | undefined {
|
|
||||||
const trimmed = value?.trim();
|
|
||||||
return trimmed ? trimmed : undefined;
|
|
||||||
}
|
|
||||||
|
|
||||||
function normalizeAgentId(agentId: string | null | undefined): string | undefined {
|
|
||||||
const trimmed = agentId?.trim();
|
|
||||||
return trimmed ? trimmed : undefined;
|
|
||||||
}
|
|
||||||
|
|
||||||
export function normalizeDomainInput(
|
|
||||||
value: string | null | undefined,
|
|
||||||
): string | undefined {
|
|
||||||
const trimmed = trimToUndefined(value);
|
|
||||||
if (!trimmed) return undefined;
|
|
||||||
|
|
||||||
const candidate = /^[a-zA-Z][a-zA-Z\d+\-.]*:\/\//.test(trimmed)
|
|
||||||
? trimmed
|
|
||||||
: `https://${trimmed}`;
|
|
||||||
|
|
||||||
try {
|
|
||||||
const parsed = new URL(candidate);
|
|
||||||
const host = parsed.host.trim().toLowerCase();
|
|
||||||
return host || undefined;
|
|
||||||
} catch {
|
|
||||||
return undefined;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
export function resolveDomainMappedAgentId({
|
|
||||||
pageUrl,
|
|
||||||
mappings,
|
|
||||||
availableAgentIds,
|
|
||||||
}: {
|
|
||||||
pageUrl: string | null | undefined;
|
|
||||||
mappings: DomainAgentMapping[];
|
|
||||||
availableAgentIds?: readonly string[] | null;
|
|
||||||
}): string | undefined {
|
|
||||||
const host = normalizeDomainInput(pageUrl);
|
|
||||||
if (!host) return undefined;
|
|
||||||
|
|
||||||
const allowedAgents =
|
|
||||||
availableAgentIds && availableAgentIds.length > 0
|
|
||||||
? new Set(availableAgentIds)
|
|
||||||
: null;
|
|
||||||
|
|
||||||
for (const mapping of mappings) {
|
|
||||||
if (!mapping.enabled) continue;
|
|
||||||
if (normalizeDomainInput(mapping.domain) !== host) continue;
|
|
||||||
if (allowedAgents && !allowedAgents.has(mapping.agentId)) continue;
|
|
||||||
return mapping.agentId;
|
|
||||||
}
|
|
||||||
|
|
||||||
return undefined;
|
|
||||||
}
|
|
||||||
|
|
||||||
export function resolveConfiguredIframeAgentId({
|
|
||||||
pageUrl,
|
|
||||||
mappings,
|
|
||||||
availableAgentIds,
|
|
||||||
isNewThread,
|
|
||||||
hasStartedConversation,
|
|
||||||
manualSelectionLocked,
|
|
||||||
}: {
|
|
||||||
pageUrl: string | null | undefined;
|
|
||||||
mappings: DomainAgentMapping[];
|
|
||||||
availableAgentIds?: readonly string[] | null;
|
|
||||||
isNewThread: boolean;
|
|
||||||
hasStartedConversation: boolean;
|
|
||||||
manualSelectionLocked: boolean;
|
|
||||||
}): string | undefined {
|
|
||||||
if (!isNewThread || hasStartedConversation || manualSelectionLocked) {
|
|
||||||
return undefined;
|
|
||||||
}
|
|
||||||
|
|
||||||
return resolveDomainMappedAgentId({
|
|
||||||
pageUrl,
|
|
||||||
mappings,
|
|
||||||
availableAgentIds,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
export function resolveIncomingIframeSelection({
|
|
||||||
pageUrl,
|
|
||||||
mappings,
|
|
||||||
availableAgentIds,
|
|
||||||
manualSelectedAgentId,
|
|
||||||
}: {
|
|
||||||
pageUrl: string | null | undefined;
|
|
||||||
mappings: DomainAgentMapping[];
|
|
||||||
availableAgentIds?: readonly string[] | null;
|
|
||||||
manualSelectedAgentId: string | null;
|
|
||||||
}): {
|
|
||||||
selectedAgentId: string | null;
|
|
||||||
forceDefaultAssistant: boolean;
|
|
||||||
} {
|
|
||||||
const mappedAgentId = resolveDomainMappedAgentId({
|
|
||||||
pageUrl,
|
|
||||||
mappings,
|
|
||||||
availableAgentIds,
|
|
||||||
});
|
|
||||||
if (mappedAgentId) {
|
|
||||||
return {
|
|
||||||
selectedAgentId: mappedAgentId,
|
|
||||||
forceDefaultAssistant: false,
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
const allowedAgents =
|
|
||||||
availableAgentIds && availableAgentIds.length > 0
|
|
||||||
? new Set(availableAgentIds)
|
|
||||||
: null;
|
|
||||||
const normalizedManualAgentId = normalizeAgentId(manualSelectedAgentId);
|
|
||||||
if (
|
|
||||||
normalizedManualAgentId &&
|
|
||||||
(!allowedAgents || allowedAgents.has(normalizedManualAgentId))
|
|
||||||
) {
|
|
||||||
return {
|
|
||||||
selectedAgentId: normalizedManualAgentId,
|
|
||||||
forceDefaultAssistant: false,
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
return {
|
|
||||||
selectedAgentId: null,
|
|
||||||
forceDefaultAssistant: true,
|
|
||||||
};
|
|
||||||
}
|
|
||||||
@@ -1,6 +1,5 @@
|
|||||||
import { apiFetch } from "@/core/api";
|
import { apiFetch } from "@/core/api";
|
||||||
import { getBackendBaseURL } from "@/core/config";
|
import { getBackendBaseURL } from "@/core/config";
|
||||||
import { OptType, writeYLog } from "@/core/log/y-log";
|
|
||||||
|
|
||||||
import type {
|
import type {
|
||||||
Position,
|
Position,
|
||||||
@@ -25,12 +24,6 @@ export async function listPositions(): Promise<Position[]> {
|
|||||||
const res = await apiFetch(base());
|
const res = await apiFetch(base());
|
||||||
if (!res.ok) throw await parseDetail(res, "Failed to list positions");
|
if (!res.ok) throw await parseDetail(res, "Failed to list positions");
|
||||||
const data = (await res.json()) as PositionListResponse;
|
const data = (await res.json()) as PositionListResponse;
|
||||||
writeYLog({
|
|
||||||
optType: OptType.search,
|
|
||||||
optDetail: "CM助手-全量-岗位-查询",
|
|
||||||
url: "/api/positions",
|
|
||||||
returnParam: data.positions,
|
|
||||||
});
|
|
||||||
return data.positions;
|
return data.positions;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -41,15 +34,7 @@ export async function createPosition(input: PositionCreateInput): Promise<Positi
|
|||||||
body: JSON.stringify(input),
|
body: JSON.stringify(input),
|
||||||
});
|
});
|
||||||
if (!res.ok) throw await parseDetail(res, "Failed to create position");
|
if (!res.ok) throw await parseDetail(res, "Failed to create position");
|
||||||
const created = (await res.json()) as Position;
|
return (await res.json()) as Position;
|
||||||
writeYLog({
|
|
||||||
optType: OptType.create,
|
|
||||||
optDetail: "CM助手-全量-岗位-新增",
|
|
||||||
url: "/api/positions",
|
|
||||||
reqParam: input,
|
|
||||||
returnParam: created,
|
|
||||||
});
|
|
||||||
return created;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function updatePosition(id: string, input: PositionUpdateInput): Promise<Position> {
|
export async function updatePosition(id: string, input: PositionUpdateInput): Promise<Position> {
|
||||||
@@ -59,39 +44,18 @@ export async function updatePosition(id: string, input: PositionUpdateInput): Pr
|
|||||||
body: JSON.stringify(input),
|
body: JSON.stringify(input),
|
||||||
});
|
});
|
||||||
if (!res.ok) throw await parseDetail(res, "Failed to update position");
|
if (!res.ok) throw await parseDetail(res, "Failed to update position");
|
||||||
const updated = (await res.json()) as Position;
|
return (await res.json()) as Position;
|
||||||
writeYLog({
|
|
||||||
optType: OptType.edit,
|
|
||||||
optDetail: "CM助手-全量-岗位-编辑",
|
|
||||||
url: `/api/positions/${id}`,
|
|
||||||
reqParam: input,
|
|
||||||
returnParam: updated,
|
|
||||||
});
|
|
||||||
return updated;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function deletePosition(id: string): Promise<void> {
|
export async function deletePosition(id: string): Promise<void> {
|
||||||
const res = await apiFetch(`${base()}/${encodeURIComponent(id)}`, { method: "DELETE" });
|
const res = await apiFetch(`${base()}/${encodeURIComponent(id)}`, { method: "DELETE" });
|
||||||
if (!res.ok) throw await parseDetail(res, "Failed to delete position");
|
if (!res.ok) throw await parseDetail(res, "Failed to delete position");
|
||||||
writeYLog({
|
|
||||||
optType: OptType.delete,
|
|
||||||
optDetail: "CM助手-全量-岗位-删除",
|
|
||||||
url: `/api/positions/${id}`,
|
|
||||||
reqParam: { id },
|
|
||||||
});
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function getTagBindings(positionId: string): Promise<TagBindings> {
|
export async function getTagBindings(positionId: string): Promise<TagBindings> {
|
||||||
const res = await apiFetch(`${base()}/${encodeURIComponent(positionId)}/tag-bindings`);
|
const res = await apiFetch(`${base()}/${encodeURIComponent(positionId)}/tag-bindings`);
|
||||||
if (!res.ok) throw await parseDetail(res, "Failed to load tag bindings");
|
if (!res.ok) throw await parseDetail(res, "Failed to load tag bindings");
|
||||||
const data = (await res.json()) as TagBindingsResponse;
|
const data = (await res.json()) as TagBindingsResponse;
|
||||||
writeYLog({
|
|
||||||
optType: OptType.view,
|
|
||||||
optDetail: "CM助手-全量-岗位-标签绑定查看",
|
|
||||||
url: `/api/positions/${positionId}/tag-bindings`,
|
|
||||||
reqParam: { positionId },
|
|
||||||
returnParam: data.bindings,
|
|
||||||
});
|
|
||||||
return data.bindings;
|
return data.bindings;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -103,13 +67,6 @@ export async function setTagBindings(positionId: string, bindings: TagBindings):
|
|||||||
});
|
});
|
||||||
if (!res.ok) throw await parseDetail(res, "Failed to save tag bindings");
|
if (!res.ok) throw await parseDetail(res, "Failed to save tag bindings");
|
||||||
const data = (await res.json()) as TagBindingsResponse;
|
const data = (await res.json()) as TagBindingsResponse;
|
||||||
writeYLog({
|
|
||||||
optType: OptType.edit,
|
|
||||||
optDetail: "CM助手-全量-岗位-标签绑定保存",
|
|
||||||
url: `/api/positions/${positionId}/tag-bindings`,
|
|
||||||
reqParam: { positionId, bindings },
|
|
||||||
returnParam: data.bindings,
|
|
||||||
});
|
|
||||||
return data.bindings;
|
return data.bindings;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -117,13 +74,6 @@ export async function listMembers(positionId: string): Promise<PositionMember[]>
|
|||||||
const res = await apiFetch(`${base()}/${encodeURIComponent(positionId)}/members`);
|
const res = await apiFetch(`${base()}/${encodeURIComponent(positionId)}/members`);
|
||||||
if (!res.ok) throw await parseDetail(res, "Failed to list members");
|
if (!res.ok) throw await parseDetail(res, "Failed to list members");
|
||||||
const data = (await res.json()) as { members: PositionMember[] };
|
const data = (await res.json()) as { members: PositionMember[] };
|
||||||
writeYLog({
|
|
||||||
optType: OptType.search,
|
|
||||||
optDetail: "CM助手-全量-岗位-成员查询",
|
|
||||||
url: `/api/positions/${positionId}/members`,
|
|
||||||
reqParam: { positionId },
|
|
||||||
returnParam: data.members,
|
|
||||||
});
|
|
||||||
return data.members;
|
return data.members;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -135,13 +85,6 @@ export async function addMembers(positionId: string, userIds: string[]): Promise
|
|||||||
});
|
});
|
||||||
if (!res.ok) throw await parseDetail(res, "Failed to add members");
|
if (!res.ok) throw await parseDetail(res, "Failed to add members");
|
||||||
const data = (await res.json()) as { members: PositionMember[] };
|
const data = (await res.json()) as { members: PositionMember[] };
|
||||||
writeYLog({
|
|
||||||
optType: OptType.create,
|
|
||||||
optDetail: "CM助手-全量-岗位-添加成员",
|
|
||||||
url: `/api/positions/${positionId}/members`,
|
|
||||||
reqParam: { positionId, userIds },
|
|
||||||
returnParam: data.members,
|
|
||||||
});
|
|
||||||
return data.members;
|
return data.members;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -153,13 +96,6 @@ export async function removeMembers(positionId: string, userIds: string[]): Prom
|
|||||||
});
|
});
|
||||||
if (!res.ok) throw await parseDetail(res, "Failed to remove members");
|
if (!res.ok) throw await parseDetail(res, "Failed to remove members");
|
||||||
const data = (await res.json()) as { members: PositionMember[] };
|
const data = (await res.json()) as { members: PositionMember[] };
|
||||||
writeYLog({
|
|
||||||
optType: OptType.delete,
|
|
||||||
optDetail: "CM助手-全量-岗位-移除成员",
|
|
||||||
url: `/api/positions/${positionId}/members`,
|
|
||||||
reqParam: { positionId, userIds },
|
|
||||||
returnParam: data.members,
|
|
||||||
});
|
|
||||||
return data.members;
|
return data.members;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -167,13 +103,6 @@ export async function resyncPosition(positionId: string): Promise<number> {
|
|||||||
const res = await apiFetch(`${base()}/${encodeURIComponent(positionId)}/resync`, { method: "POST" });
|
const res = await apiFetch(`${base()}/${encodeURIComponent(positionId)}/resync`, { method: "POST" });
|
||||||
if (!res.ok) throw await parseDetail(res, "Failed to resync position");
|
if (!res.ok) throw await parseDetail(res, "Failed to resync position");
|
||||||
const data = (await res.json()) as { synced: number };
|
const data = (await res.json()) as { synced: number };
|
||||||
writeYLog({
|
|
||||||
optType: OptType.other,
|
|
||||||
optDetail: "CM助手-全量-岗位-同步",
|
|
||||||
url: `/api/positions/${positionId}/resync`,
|
|
||||||
reqParam: { positionId },
|
|
||||||
returnParam: data,
|
|
||||||
});
|
|
||||||
return data.synced;
|
return data.synced;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -188,12 +117,6 @@ export async function listPositionUsers(): Promise<PositionUser[]> {
|
|||||||
const res = await apiFetch(`${base()}/users`);
|
const res = await apiFetch(`${base()}/users`);
|
||||||
if (!res.ok) throw await parseDetail(res, "Failed to list users");
|
if (!res.ok) throw await parseDetail(res, "Failed to list users");
|
||||||
const data = (await res.json()) as { users: PositionUser[] };
|
const data = (await res.json()) as { users: PositionUser[] };
|
||||||
writeYLog({
|
|
||||||
optType: OptType.search,
|
|
||||||
optDetail: "CM助手-全量-岗位-用户查询",
|
|
||||||
url: "/api/positions/users",
|
|
||||||
returnParam: data.users,
|
|
||||||
});
|
|
||||||
return data.users;
|
return data.users;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -204,10 +127,4 @@ export async function setUserPosition(userId: string, positionId: string | null)
|
|||||||
body: JSON.stringify({ position_id: positionId }),
|
body: JSON.stringify({ position_id: positionId }),
|
||||||
});
|
});
|
||||||
if (!res.ok) throw await parseDetail(res, "Failed to set user position");
|
if (!res.ok) throw await parseDetail(res, "Failed to set user position");
|
||||||
writeYLog({
|
|
||||||
optType: OptType.edit,
|
|
||||||
optDetail: "CM助手-全量-岗位-设置用户岗位",
|
|
||||||
url: `/api/positions/users/${userId}`,
|
|
||||||
reqParam: { userId, positionId },
|
|
||||||
});
|
|
||||||
}
|
}
|
||||||
@@ -1,6 +1,5 @@
|
|||||||
import { apiFetch } from "@/core/api";
|
import { apiFetch } from "@/core/api";
|
||||||
import { getBackendBaseURL } from "@/core/config";
|
import { getBackendBaseURL } from "@/core/config";
|
||||||
import { OptType, writeYLog } from "@/core/log/y-log";
|
|
||||||
|
|
||||||
import type {
|
import type {
|
||||||
CreateQuestionRequest,
|
CreateQuestionRequest,
|
||||||
@@ -13,25 +12,16 @@ const BASE = () => `${getBackendBaseURL()}/api/recommended-questions`;
|
|||||||
export async function listRecommendedQuestions(all = false): Promise<RecommendedQuestion[]> {
|
export async function listRecommendedQuestions(all = false): Promise<RecommendedQuestion[]> {
|
||||||
// ``all=true`` is the admin management view: every question, unfiltered by the
|
// ``all=true`` is the admin management view: every question, unfiltered by the
|
||||||
// caller's 岗位 (position). The chat input uses the default (filtered) view.
|
// caller's 岗位 (position). The chat input uses the default (filtered) view.
|
||||||
const url = `${BASE()}${all ? "?all=1" : ""}`;
|
const res = await apiFetch(`${BASE()}${all ? "?all=1" : ""}`);
|
||||||
const res = await apiFetch(url);
|
|
||||||
if (!res.ok) throw new Error(`Failed to load questions: ${res.statusText}`);
|
if (!res.ok) throw new Error(`Failed to load questions: ${res.statusText}`);
|
||||||
const data = (await res.json()) as { questions: RecommendedQuestion[] };
|
const data = (await res.json()) as { questions: RecommendedQuestion[] };
|
||||||
writeYLog({
|
|
||||||
optType: OptType.search,
|
|
||||||
optDetail: "CM助手-全量-推荐问题-查询列表",
|
|
||||||
url,
|
|
||||||
reqParam: { all },
|
|
||||||
returnParam: { count: data.questions.length },
|
|
||||||
});
|
|
||||||
return data.questions;
|
return data.questions;
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function createRecommendedQuestion(
|
export async function createRecommendedQuestion(
|
||||||
body: CreateQuestionRequest,
|
body: CreateQuestionRequest,
|
||||||
): Promise<RecommendedQuestion> {
|
): Promise<RecommendedQuestion> {
|
||||||
const url = BASE();
|
const res = await apiFetch(BASE(), {
|
||||||
const res = await apiFetch(url, {
|
|
||||||
method: "POST",
|
method: "POST",
|
||||||
headers: { "Content-Type": "application/json" },
|
headers: { "Content-Type": "application/json" },
|
||||||
body: JSON.stringify(body),
|
body: JSON.stringify(body),
|
||||||
@@ -40,23 +30,14 @@ export async function createRecommendedQuestion(
|
|||||||
const err = (await res.json().catch(() => ({}))) as { detail?: string };
|
const err = (await res.json().catch(() => ({}))) as { detail?: string };
|
||||||
throw new Error(err.detail ?? `Failed to create question: ${res.statusText}`);
|
throw new Error(err.detail ?? `Failed to create question: ${res.statusText}`);
|
||||||
}
|
}
|
||||||
const result = (await res.json()) as RecommendedQuestion;
|
return res.json() as Promise<RecommendedQuestion>;
|
||||||
writeYLog({
|
|
||||||
optType: OptType.create,
|
|
||||||
optDetail: "CM助手-全量-推荐问题-新增问题",
|
|
||||||
url,
|
|
||||||
reqParam: body,
|
|
||||||
returnParam: result,
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function updateRecommendedQuestion(
|
export async function updateRecommendedQuestion(
|
||||||
id: string,
|
id: string,
|
||||||
body: UpdateQuestionRequest,
|
body: UpdateQuestionRequest,
|
||||||
): Promise<RecommendedQuestion> {
|
): Promise<RecommendedQuestion> {
|
||||||
const url = `${BASE()}/${id}`;
|
const res = await apiFetch(`${BASE()}/${id}`, {
|
||||||
const res = await apiFetch(url, {
|
|
||||||
method: "PUT",
|
method: "PUT",
|
||||||
headers: { "Content-Type": "application/json" },
|
headers: { "Content-Type": "application/json" },
|
||||||
body: JSON.stringify(body),
|
body: JSON.stringify(body),
|
||||||
@@ -65,45 +46,23 @@ export async function updateRecommendedQuestion(
|
|||||||
const err = (await res.json().catch(() => ({}))) as { detail?: string };
|
const err = (await res.json().catch(() => ({}))) as { detail?: string };
|
||||||
throw new Error(err.detail ?? `Failed to update question: ${res.statusText}`);
|
throw new Error(err.detail ?? `Failed to update question: ${res.statusText}`);
|
||||||
}
|
}
|
||||||
const result = (await res.json()) as RecommendedQuestion;
|
return res.json() as Promise<RecommendedQuestion>;
|
||||||
writeYLog({
|
|
||||||
optType: OptType.edit,
|
|
||||||
optDetail: "CM助手-全量-推荐问题-编辑问题",
|
|
||||||
url,
|
|
||||||
reqParam: { id, ...body },
|
|
||||||
returnParam: result,
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function deleteRecommendedQuestion(id: string): Promise<void> {
|
export async function deleteRecommendedQuestion(id: string): Promise<void> {
|
||||||
const url = `${BASE()}/${id}`;
|
const res = await apiFetch(`${BASE()}/${id}`, { method: "DELETE" });
|
||||||
const res = await apiFetch(url, { method: "DELETE" });
|
|
||||||
if (!res.ok) throw new Error(`Failed to delete question: ${res.statusText}`);
|
if (!res.ok) throw new Error(`Failed to delete question: ${res.statusText}`);
|
||||||
writeYLog({
|
|
||||||
optType: OptType.delete,
|
|
||||||
optDetail: "CM助手-全量-推荐问题-删除问题",
|
|
||||||
url,
|
|
||||||
reqParam: { id },
|
|
||||||
});
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function reorderRecommendedQuestions(
|
export async function reorderRecommendedQuestions(
|
||||||
ids: string[],
|
ids: string[],
|
||||||
): Promise<RecommendedQuestion[]> {
|
): Promise<RecommendedQuestion[]> {
|
||||||
const url = `${getBackendBaseURL()}/api/recommended-questions-reorder`;
|
const res = await apiFetch(`${getBackendBaseURL()}/api/recommended-questions-reorder`, {
|
||||||
const res = await apiFetch(url, {
|
|
||||||
method: "PUT",
|
method: "PUT",
|
||||||
headers: { "Content-Type": "application/json" },
|
headers: { "Content-Type": "application/json" },
|
||||||
body: JSON.stringify({ ids }),
|
body: JSON.stringify({ ids }),
|
||||||
});
|
});
|
||||||
if (!res.ok) throw new Error(`Failed to reorder questions: ${res.statusText}`);
|
if (!res.ok) throw new Error(`Failed to reorder questions: ${res.statusText}`);
|
||||||
const data = (await res.json()) as { questions: RecommendedQuestion[] };
|
const data = (await res.json()) as { questions: RecommendedQuestion[] };
|
||||||
writeYLog({
|
|
||||||
optType: OptType.edit,
|
|
||||||
optDetail: "CM助手-全量-推荐问题-调整排序",
|
|
||||||
url,
|
|
||||||
reqParam: { ids },
|
|
||||||
});
|
|
||||||
return data.questions;
|
return data.questions;
|
||||||
}
|
}
|
||||||
@@ -1,6 +1,5 @@
|
|||||||
import { apiFetch } from "@/core/api";
|
import { apiFetch } from "@/core/api";
|
||||||
import { getBackendBaseURL } from "@/core/config";
|
import { getBackendBaseURL } from "@/core/config";
|
||||||
import { OptType, writeYLog } from "@/core/log/y-log";
|
|
||||||
// Share codes share the same alphabet/shape as conversation shares, so reuse the
|
// Share codes share the same alphabet/shape as conversation shares, so reuse the
|
||||||
// extractor instead of duplicating the regex.
|
// extractor instead of duplicating the regex.
|
||||||
export { extractShareCode } from "@/core/thread-shares/api";
|
export { extractShareCode } from "@/core/thread-shares/api";
|
||||||
@@ -87,15 +86,7 @@ export async function createDraftShare(
|
|||||||
body: JSON.stringify({ draft_id: draftId, mode }),
|
body: JSON.stringify({ draft_id: draftId, mode }),
|
||||||
});
|
});
|
||||||
if (!response.ok) throw await parseError(response, "创建分享失败");
|
if (!response.ok) throw await parseError(response, "创建分享失败");
|
||||||
const result = (await response.json()) as DraftShare;
|
return response.json() as Promise<DraftShare>;
|
||||||
writeYLog({
|
|
||||||
optType: OptType.create,
|
|
||||||
optDetail: "CM助手-全量-会商草稿分享-创建分享",
|
|
||||||
url: baseUrl(),
|
|
||||||
reqParam: { draft_id: draftId, mode },
|
|
||||||
returnParam: { share_code: result.share_code, mode: result.mode },
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/** List the current user's own roundtable-draft share links. */
|
/** List the current user's own roundtable-draft share links. */
|
||||||
@@ -103,57 +94,34 @@ export async function listDraftShares(): Promise<DraftShare[]> {
|
|||||||
const response = await apiFetch(baseUrl());
|
const response = await apiFetch(baseUrl());
|
||||||
if (!response.ok) throw await parseError(response, "加载分享列表失败");
|
if (!response.ok) throw await parseError(response, "加载分享列表失败");
|
||||||
const json = (await response.json()) as { shares: DraftShare[] };
|
const json = (await response.json()) as { shares: DraftShare[] };
|
||||||
writeYLog({
|
|
||||||
optType: OptType.search,
|
|
||||||
optDetail: "CM助手-全量-会商草稿分享-查询分享列表",
|
|
||||||
url: baseUrl(),
|
|
||||||
returnParam: { count: json.shares.length },
|
|
||||||
});
|
|
||||||
return json.shares;
|
return json.shares;
|
||||||
}
|
}
|
||||||
|
|
||||||
/** Revoke a share link so it can no longer be previewed, imported, or viewed. */
|
/** Revoke a share link so it can no longer be previewed, imported, or viewed. */
|
||||||
export async function revokeDraftShare(shareCode: string): Promise<void> {
|
export async function revokeDraftShare(shareCode: string): Promise<void> {
|
||||||
const url = `${baseUrl()}/${encodeURIComponent(shareCode)}`;
|
const response = await apiFetch(`${baseUrl()}/${encodeURIComponent(shareCode)}`, {
|
||||||
const response = await apiFetch(url, { method: "DELETE" });
|
method: "DELETE",
|
||||||
if (!response.ok) throw await parseError(response, "撤销分享失败");
|
|
||||||
writeYLog({
|
|
||||||
optType: OptType.delete,
|
|
||||||
optDetail: "CM助手-全量-会商草稿分享-撤销分享",
|
|
||||||
url,
|
|
||||||
reqParam: { shareCode },
|
|
||||||
});
|
});
|
||||||
|
if (!response.ok) throw await parseError(response, "撤销分享失败");
|
||||||
}
|
}
|
||||||
|
|
||||||
/** Preview a share link before importing it. */
|
/** Preview a share link before importing it. */
|
||||||
export async function previewDraftShare(shareCode: string): Promise<DraftSharePreview> {
|
export async function previewDraftShare(shareCode: string): Promise<DraftSharePreview> {
|
||||||
const url = `${baseUrl()}/${encodeURIComponent(shareCode)}/preview`;
|
const response = await apiFetch(
|
||||||
const response = await apiFetch(url);
|
`${baseUrl()}/${encodeURIComponent(shareCode)}/preview`,
|
||||||
|
);
|
||||||
if (!response.ok) throw await parseError(response, "无法读取该分享");
|
if (!response.ok) throw await parseError(response, "无法读取该分享");
|
||||||
const result = (await response.json()) as DraftSharePreview;
|
return response.json() as Promise<DraftSharePreview>;
|
||||||
writeYLog({
|
|
||||||
optType: OptType.view,
|
|
||||||
optDetail: "CM助手-全量-会商草稿分享-预览分享",
|
|
||||||
url,
|
|
||||||
reqParam: { shareCode },
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/** Import the roundtable draft behind a share link into the current account. */
|
/** Import the roundtable draft behind a share link into the current account. */
|
||||||
export async function importDraftShare(shareCode: string): Promise<DraftImportResult> {
|
export async function importDraftShare(shareCode: string): Promise<DraftImportResult> {
|
||||||
const url = `${baseUrl()}/${encodeURIComponent(shareCode)}/import`;
|
const response = await apiFetch(
|
||||||
const response = await apiFetch(url, { method: "POST" });
|
`${baseUrl()}/${encodeURIComponent(shareCode)}/import`,
|
||||||
|
{ method: "POST" },
|
||||||
|
);
|
||||||
if (!response.ok) throw await parseError(response, "导入失败");
|
if (!response.ok) throw await parseError(response, "导入失败");
|
||||||
const result = (await response.json()) as DraftImportResult;
|
return response.json() as Promise<DraftImportResult>;
|
||||||
writeYLog({
|
|
||||||
optType: OptType.import,
|
|
||||||
optDetail: "CM助手-全量-会商草稿分享-导入分享",
|
|
||||||
url,
|
|
||||||
reqParam: { shareCode },
|
|
||||||
returnParam: result,
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|||||||
@@ -1,10 +1,8 @@
|
|||||||
import { apiFetch } from "@/core/api";
|
import { apiFetch } from "@/core/api";
|
||||||
import { getBackendBaseURL } from "@/core/config";
|
import { getBackendBaseURL } from "@/core/config";
|
||||||
import { OptType, writeYLog } from "@/core/log/y-log";
|
|
||||||
|
|
||||||
import type {
|
import type {
|
||||||
HtmlPageFavorite,
|
HtmlPageFavorite,
|
||||||
HtmlTemplateOption,
|
|
||||||
PublishedScheduledTask,
|
PublishedScheduledTask,
|
||||||
ScheduledTask,
|
ScheduledTask,
|
||||||
ScheduledTaskDeliveryProfile,
|
ScheduledTaskDeliveryProfile,
|
||||||
@@ -34,34 +32,6 @@ export async function getSchedulerThread() {
|
|||||||
return parseResponse<SchedulerThread>(await apiFetch(`${baseUrl()}/thread`));
|
return parseResponse<SchedulerThread>(await apiFetch(`${baseUrl()}/thread`));
|
||||||
}
|
}
|
||||||
|
|
||||||
/** 可选的 HTML 模板清单(模板数据转换器填充用)。 */
|
|
||||||
export async function listHtmlTemplates() {
|
|
||||||
const data = await parseResponse<{ templates: HtmlTemplateOption[] }>(
|
|
||||||
await apiFetch(`${baseUrl()}/html-templates`),
|
|
||||||
);
|
|
||||||
return data.templates ?? [];
|
|
||||||
}
|
|
||||||
|
|
||||||
/** 「模板数据转换器」对话页「渲染预览」结果。 */
|
|
||||||
export type TemplateRenderResult = {
|
|
||||||
ok: boolean;
|
|
||||||
display_only?: boolean;
|
|
||||||
errors: string[];
|
|
||||||
gaps: string[];
|
|
||||||
html: string | null;
|
|
||||||
};
|
|
||||||
|
|
||||||
/** 调试用:把一段(智能体回复的)文本里的 JSON 填进所选 HTML 模板,返回完整 HTML 与校验信息。 */
|
|
||||||
export async function renderTemplateFill(templateId: string, text: string) {
|
|
||||||
return parseResponse<TemplateRenderResult>(
|
|
||||||
await apiFetch(`${baseUrl()}/template-fill/render`, {
|
|
||||||
method: "POST",
|
|
||||||
headers: { "Content-Type": "application/json" },
|
|
||||||
body: JSON.stringify({ template_id: templateId, text }),
|
|
||||||
}),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface ListScheduledTasksParams {
|
export interface ListScheduledTasksParams {
|
||||||
search?: string;
|
search?: string;
|
||||||
tagIds?: string[];
|
tagIds?: string[];
|
||||||
@@ -72,17 +42,9 @@ export async function listScheduledTasks(params: ListScheduledTasksParams = {})
|
|||||||
if (params.search) qs.set("search", params.search);
|
if (params.search) qs.set("search", params.search);
|
||||||
for (const id of params.tagIds ?? []) qs.append("tag_ids", id);
|
for (const id of params.tagIds ?? []) qs.append("tag_ids", id);
|
||||||
const query = qs.toString();
|
const query = qs.toString();
|
||||||
const result = await parseResponse<ScheduledTask[]>(
|
return parseResponse<ScheduledTask[]>(
|
||||||
await apiFetch(`${baseUrl()}${query ? `?${query}` : ""}`),
|
await apiFetch(`${baseUrl()}${query ? `?${query}` : ""}`),
|
||||||
);
|
);
|
||||||
writeYLog({
|
|
||||||
optType: OptType.search,
|
|
||||||
optDetail: "CM助手-全量-定时任务-列表",
|
|
||||||
url: `${baseUrl()}${query ? `?${query}` : ""}`,
|
|
||||||
reqParam: params,
|
|
||||||
returnParam: result,
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function createScheduledTask(data: {
|
export async function createScheduledTask(data: {
|
||||||
@@ -95,80 +57,40 @@ export async function createScheduledTask(data: {
|
|||||||
require_markdown?: boolean;
|
require_markdown?: boolean;
|
||||||
execution_context?: ScheduledTaskExecutionContext | null;
|
execution_context?: ScheduledTaskExecutionContext | null;
|
||||||
}) {
|
}) {
|
||||||
const result = await parseResponse<ScheduledTask>(
|
return parseResponse<ScheduledTask>(
|
||||||
await apiFetch(baseUrl(), {
|
await apiFetch(baseUrl(), {
|
||||||
method: "POST",
|
method: "POST",
|
||||||
headers: { "Content-Type": "application/json" },
|
headers: { "Content-Type": "application/json" },
|
||||||
body: JSON.stringify(data),
|
body: JSON.stringify(data),
|
||||||
}),
|
}),
|
||||||
);
|
);
|
||||||
writeYLog({
|
|
||||||
optType: OptType.create,
|
|
||||||
optDetail: "CM助手-全量-定时任务-新建",
|
|
||||||
url: baseUrl(),
|
|
||||||
reqParam: data,
|
|
||||||
returnParam: result,
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function listScheduledTaskRuns(taskId: string) {
|
export async function listScheduledTaskRuns(taskId: string) {
|
||||||
const result = await parseResponse<ScheduledTaskRun[]>(
|
return parseResponse<ScheduledTaskRun[]>(
|
||||||
await apiFetch(`${baseUrl()}/${encodeURIComponent(taskId)}/runs`),
|
await apiFetch(`${baseUrl()}/${encodeURIComponent(taskId)}/runs`),
|
||||||
);
|
);
|
||||||
writeYLog({
|
|
||||||
optType: OptType.search,
|
|
||||||
optDetail: "CM助手-全量-定时任务-运行记录列表",
|
|
||||||
url: `${baseUrl()}/${encodeURIComponent(taskId)}/runs`,
|
|
||||||
reqParam: { taskId },
|
|
||||||
returnParam: result,
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function getScheduledTaskRun(runId: string) {
|
export async function getScheduledTaskRun(runId: string) {
|
||||||
const result = await parseResponse<ScheduledTaskRun>(
|
return parseResponse<ScheduledTaskRun>(
|
||||||
await apiFetch(`${baseUrl()}/runs/${encodeURIComponent(runId)}`),
|
await apiFetch(`${baseUrl()}/runs/${encodeURIComponent(runId)}`),
|
||||||
);
|
);
|
||||||
writeYLog({
|
|
||||||
optType: OptType.view,
|
|
||||||
optDetail: "CM助手-全量-定时任务-运行详情",
|
|
||||||
url: `${baseUrl()}/runs/${encodeURIComponent(runId)}`,
|
|
||||||
reqParam: { runId },
|
|
||||||
returnParam: result,
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function deleteScheduledTaskRun(runId: string) {
|
export async function deleteScheduledTaskRun(runId: string) {
|
||||||
const result = await parseResponse<{ success: boolean }>(
|
return parseResponse<{ success: boolean }>(
|
||||||
await apiFetch(`${baseUrl()}/runs/${encodeURIComponent(runId)}`, {
|
await apiFetch(`${baseUrl()}/runs/${encodeURIComponent(runId)}`, {
|
||||||
method: "DELETE",
|
method: "DELETE",
|
||||||
}),
|
}),
|
||||||
);
|
);
|
||||||
writeYLog({
|
|
||||||
optType: OptType.delete,
|
|
||||||
optDetail: "CM助手-全量-定时任务-删除运行记录",
|
|
||||||
url: `${baseUrl()}/runs/${encodeURIComponent(runId)}`,
|
|
||||||
reqParam: { runId },
|
|
||||||
returnParam: result,
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/** Agent messages for a run's underlying agent run — used to inspect a stuck/running run. */
|
/** Agent messages for a run's underlying agent run — used to inspect a stuck/running run. */
|
||||||
export async function getScheduledTaskRunMessages(runId: string) {
|
export async function getScheduledTaskRunMessages(runId: string) {
|
||||||
const result = await parseResponse<ScheduledTaskRunMessagesResponse>(
|
return parseResponse<ScheduledTaskRunMessagesResponse>(
|
||||||
await apiFetch(`${baseUrl()}/runs/${encodeURIComponent(runId)}/messages`),
|
await apiFetch(`${baseUrl()}/runs/${encodeURIComponent(runId)}/messages`),
|
||||||
);
|
);
|
||||||
writeYLog({
|
|
||||||
optType: OptType.view,
|
|
||||||
optDetail: "CM助手-全量-定时任务-运行消息",
|
|
||||||
url: `${baseUrl()}/runs/${encodeURIComponent(runId)}/messages`,
|
|
||||||
reqParam: { runId },
|
|
||||||
returnParam: result,
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export function scheduledTaskRunDownloadUrl(runId: string) {
|
export function scheduledTaskRunDownloadUrl(runId: string) {
|
||||||
@@ -180,17 +102,9 @@ export function scheduledTaskRunFileDownloadUrl(runId: string, fileIndex: number
|
|||||||
}
|
}
|
||||||
|
|
||||||
export async function getScheduledTaskRunFileContent(runId: string, fileIndex: number) {
|
export async function getScheduledTaskRunFileContent(runId: string, fileIndex: number) {
|
||||||
const result = await parseResponse<ScheduledTaskResultFileContent>(
|
return parseResponse<ScheduledTaskResultFileContent>(
|
||||||
await apiFetch(`${baseUrl()}/runs/${encodeURIComponent(runId)}/files/${fileIndex}`),
|
await apiFetch(`${baseUrl()}/runs/${encodeURIComponent(runId)}/files/${fileIndex}`),
|
||||||
);
|
);
|
||||||
writeYLog({
|
|
||||||
optType: OptType.view,
|
|
||||||
optDetail: "CM助手-全量-定时任务-运行文件查看",
|
|
||||||
url: `${baseUrl()}/runs/${encodeURIComponent(runId)}/files/${fileIndex}`,
|
|
||||||
reqParam: { runId, fileIndex },
|
|
||||||
returnParam: result,
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function updateScheduledTaskRunFile(
|
export async function updateScheduledTaskRunFile(
|
||||||
@@ -198,21 +112,13 @@ export async function updateScheduledTaskRunFile(
|
|||||||
fileIndex: number,
|
fileIndex: number,
|
||||||
content: string,
|
content: string,
|
||||||
) {
|
) {
|
||||||
const result = await parseResponse<ScheduledTaskRunFileUpdateResponse>(
|
return parseResponse<ScheduledTaskRunFileUpdateResponse>(
|
||||||
await apiFetch(`${baseUrl()}/runs/${encodeURIComponent(runId)}/files/${fileIndex}`, {
|
await apiFetch(`${baseUrl()}/runs/${encodeURIComponent(runId)}/files/${fileIndex}`, {
|
||||||
method: "PUT",
|
method: "PUT",
|
||||||
headers: { "Content-Type": "application/json" },
|
headers: { "Content-Type": "application/json" },
|
||||||
body: JSON.stringify({ content }),
|
body: JSON.stringify({ content }),
|
||||||
}),
|
}),
|
||||||
);
|
);
|
||||||
writeYLog({
|
|
||||||
optType: OptType.edit,
|
|
||||||
optDetail: "CM助手-全量-定时任务-运行文件编辑",
|
|
||||||
url: `${baseUrl()}/runs/${encodeURIComponent(runId)}/files/${fileIndex}`,
|
|
||||||
reqParam: { runId, fileIndex },
|
|
||||||
returnParam: result,
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function filenameFromContentDisposition(header: string | null): string | null {
|
function filenameFromContentDisposition(header: string | null): string | null {
|
||||||
@@ -272,12 +178,6 @@ export async function downloadScheduledTaskRun(runId: string) {
|
|||||||
await apiFetch(scheduledTaskRunDownloadUrl(runId)),
|
await apiFetch(scheduledTaskRunDownloadUrl(runId)),
|
||||||
"scheduled-task-result.zip",
|
"scheduled-task-result.zip",
|
||||||
);
|
);
|
||||||
writeYLog({
|
|
||||||
optType: OptType.export,
|
|
||||||
optDetail: "CM助手-全量-定时任务-下载运行结果",
|
|
||||||
url: scheduledTaskRunDownloadUrl(runId),
|
|
||||||
reqParam: { runId },
|
|
||||||
});
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function downloadScheduledTaskRunFile(runId: string, fileIndex: number) {
|
export async function downloadScheduledTaskRunFile(runId: string, fileIndex: number) {
|
||||||
@@ -285,45 +185,24 @@ export async function downloadScheduledTaskRunFile(runId: string, fileIndex: num
|
|||||||
await apiFetch(scheduledTaskRunFileDownloadUrl(runId, fileIndex)),
|
await apiFetch(scheduledTaskRunFileDownloadUrl(runId, fileIndex)),
|
||||||
"scheduled-task-file",
|
"scheduled-task-file",
|
||||||
);
|
);
|
||||||
writeYLog({
|
|
||||||
optType: OptType.export,
|
|
||||||
optDetail: "CM助手-全量-定时任务-下载运行文件",
|
|
||||||
url: scheduledTaskRunFileDownloadUrl(runId, fileIndex),
|
|
||||||
reqParam: { runId, fileIndex },
|
|
||||||
});
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function getScheduledTaskDeliveryProfile() {
|
export async function getScheduledTaskDeliveryProfile() {
|
||||||
const result = await parseResponse<ScheduledTaskDeliveryProfile>(
|
return parseResponse<ScheduledTaskDeliveryProfile>(
|
||||||
await apiFetch(`${baseUrl()}/delivery-profile`),
|
await apiFetch(`${baseUrl()}/delivery-profile`),
|
||||||
);
|
);
|
||||||
writeYLog({
|
|
||||||
optType: OptType.view,
|
|
||||||
optDetail: "CM助手-全量-定时任务-投递配置查看",
|
|
||||||
url: `${baseUrl()}/delivery-profile`,
|
|
||||||
returnParam: result,
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function updateScheduledTaskDeliveryProfile(data: {
|
export async function updateScheduledTaskDeliveryProfile(data: {
|
||||||
element_user_id?: string | null;
|
element_user_id?: string | null;
|
||||||
}) {
|
}) {
|
||||||
const result = await parseResponse<ScheduledTaskDeliveryProfile>(
|
return parseResponse<ScheduledTaskDeliveryProfile>(
|
||||||
await apiFetch(`${baseUrl()}/delivery-profile`, {
|
await apiFetch(`${baseUrl()}/delivery-profile`, {
|
||||||
method: "PUT",
|
method: "PUT",
|
||||||
headers: { "Content-Type": "application/json" },
|
headers: { "Content-Type": "application/json" },
|
||||||
body: JSON.stringify(data),
|
body: JSON.stringify(data),
|
||||||
}),
|
}),
|
||||||
);
|
);
|
||||||
writeYLog({
|
|
||||||
optType: OptType.edit,
|
|
||||||
optDetail: "CM助手-全量-定时任务-投递配置修改",
|
|
||||||
url: `${baseUrl()}/delivery-profile`,
|
|
||||||
reqParam: data,
|
|
||||||
returnParam: result,
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function updateScheduledTask(
|
export async function updateScheduledTask(
|
||||||
@@ -340,85 +219,45 @@ export async function updateScheduledTask(
|
|||||||
execution_context: ScheduledTaskExecutionContext | null;
|
execution_context: ScheduledTaskExecutionContext | null;
|
||||||
}>,
|
}>,
|
||||||
) {
|
) {
|
||||||
const result = await parseResponse<ScheduledTask>(
|
return parseResponse<ScheduledTask>(
|
||||||
await apiFetch(`${baseUrl()}/${encodeURIComponent(taskId)}`, {
|
await apiFetch(`${baseUrl()}/${encodeURIComponent(taskId)}`, {
|
||||||
method: "PATCH",
|
method: "PATCH",
|
||||||
headers: { "Content-Type": "application/json" },
|
headers: { "Content-Type": "application/json" },
|
||||||
body: JSON.stringify(data),
|
body: JSON.stringify(data),
|
||||||
}),
|
}),
|
||||||
);
|
);
|
||||||
writeYLog({
|
|
||||||
optType: OptType.edit,
|
|
||||||
optDetail: "CM助手-全量-定时任务-修改",
|
|
||||||
url: `${baseUrl()}/${encodeURIComponent(taskId)}`,
|
|
||||||
reqParam: { taskId, data },
|
|
||||||
returnParam: result,
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function deleteScheduledTask(taskId: string) {
|
export async function deleteScheduledTask(taskId: string) {
|
||||||
const result = await parseResponse<{ success: boolean }>(
|
return parseResponse<{ success: boolean }>(
|
||||||
await apiFetch(`${baseUrl()}/${encodeURIComponent(taskId)}`, {
|
await apiFetch(`${baseUrl()}/${encodeURIComponent(taskId)}`, {
|
||||||
method: "DELETE",
|
method: "DELETE",
|
||||||
}),
|
}),
|
||||||
);
|
);
|
||||||
writeYLog({
|
|
||||||
optType: OptType.delete,
|
|
||||||
optDetail: "CM助手-全量-定时任务-删除",
|
|
||||||
url: `${baseUrl()}/${encodeURIComponent(taskId)}`,
|
|
||||||
reqParam: { taskId },
|
|
||||||
returnParam: result,
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function pauseScheduledTask(taskId: string) {
|
export async function pauseScheduledTask(taskId: string) {
|
||||||
const result = await parseResponse<ScheduledTask>(
|
return parseResponse<ScheduledTask>(
|
||||||
await apiFetch(`${baseUrl()}/${encodeURIComponent(taskId)}/pause`, {
|
await apiFetch(`${baseUrl()}/${encodeURIComponent(taskId)}/pause`, {
|
||||||
method: "POST",
|
method: "POST",
|
||||||
}),
|
}),
|
||||||
);
|
);
|
||||||
writeYLog({
|
|
||||||
optType: OptType.disabled,
|
|
||||||
optDetail: "CM助手-全量-定时任务-暂停",
|
|
||||||
url: `${baseUrl()}/${encodeURIComponent(taskId)}/pause`,
|
|
||||||
reqParam: { taskId },
|
|
||||||
returnParam: result,
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function resumeScheduledTask(taskId: string) {
|
export async function resumeScheduledTask(taskId: string) {
|
||||||
const result = await parseResponse<ScheduledTask>(
|
return parseResponse<ScheduledTask>(
|
||||||
await apiFetch(`${baseUrl()}/${encodeURIComponent(taskId)}/resume`, {
|
await apiFetch(`${baseUrl()}/${encodeURIComponent(taskId)}/resume`, {
|
||||||
method: "POST",
|
method: "POST",
|
||||||
}),
|
}),
|
||||||
);
|
);
|
||||||
writeYLog({
|
|
||||||
optType: OptType.enabled,
|
|
||||||
optDetail: "CM助手-全量-定时任务-恢复",
|
|
||||||
url: `${baseUrl()}/${encodeURIComponent(taskId)}/resume`,
|
|
||||||
reqParam: { taskId },
|
|
||||||
returnParam: result,
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function triggerScheduledTask(taskId: string) {
|
export async function triggerScheduledTask(taskId: string) {
|
||||||
const result = await parseResponse<{ success: boolean; task: ScheduledTask }>(
|
return parseResponse<{ success: boolean; task: ScheduledTask }>(
|
||||||
await apiFetch(`${baseUrl()}/${encodeURIComponent(taskId)}/trigger`, {
|
await apiFetch(`${baseUrl()}/${encodeURIComponent(taskId)}/trigger`, {
|
||||||
method: "POST",
|
method: "POST",
|
||||||
}),
|
}),
|
||||||
);
|
);
|
||||||
writeYLog({
|
|
||||||
optType: OptType.other,
|
|
||||||
optDetail: "CM助手-全量-定时任务-手动运行",
|
|
||||||
url: `${baseUrl()}/${encodeURIComponent(taskId)}/trigger`,
|
|
||||||
reqParam: { taskId },
|
|
||||||
returnParam: result,
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function listPublishedScheduledTasks(params: { limit?: number; offset?: number } = {}) {
|
export async function listPublishedScheduledTasks(params: { limit?: number; offset?: number } = {}) {
|
||||||
@@ -426,101 +265,53 @@ export async function listPublishedScheduledTasks(params: { limit?: number; offs
|
|||||||
if (params.limit != null) query.set("limit", String(params.limit));
|
if (params.limit != null) query.set("limit", String(params.limit));
|
||||||
if (params.offset != null) query.set("offset", String(params.offset));
|
if (params.offset != null) query.set("offset", String(params.offset));
|
||||||
const suffix = query.toString();
|
const suffix = query.toString();
|
||||||
const result = await parseResponse<PublishedScheduledTask[]>(
|
return parseResponse<PublishedScheduledTask[]>(
|
||||||
await apiFetch(`${baseUrl()}/published${suffix ? `?${suffix}` : ""}`),
|
await apiFetch(`${baseUrl()}/published${suffix ? `?${suffix}` : ""}`),
|
||||||
);
|
);
|
||||||
writeYLog({
|
|
||||||
optType: OptType.search,
|
|
||||||
optDetail: "CM助手-全量-定时任务-已发布列表",
|
|
||||||
url: `${baseUrl()}/published${suffix ? `?${suffix}` : ""}`,
|
|
||||||
reqParam: params,
|
|
||||||
returnParam: result,
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function publishScheduledTask(taskId: string) {
|
export async function publishScheduledTask(taskId: string) {
|
||||||
const result = await parseResponse<ScheduledTask>(
|
return parseResponse<ScheduledTask>(
|
||||||
await apiFetch(`${baseUrl()}/${encodeURIComponent(taskId)}/publish`, {
|
await apiFetch(`${baseUrl()}/${encodeURIComponent(taskId)}/publish`, {
|
||||||
method: "POST",
|
method: "POST",
|
||||||
}),
|
}),
|
||||||
);
|
);
|
||||||
writeYLog({
|
|
||||||
optType: OptType.export,
|
|
||||||
optDetail: "CM助手-全量-定时任务-发布",
|
|
||||||
url: `${baseUrl()}/${encodeURIComponent(taskId)}/publish`,
|
|
||||||
reqParam: { taskId },
|
|
||||||
returnParam: result,
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function unpublishScheduledTask(taskId: string) {
|
export async function unpublishScheduledTask(taskId: string) {
|
||||||
const result = await parseResponse<ScheduledTask>(
|
return parseResponse<ScheduledTask>(
|
||||||
await apiFetch(`${baseUrl()}/${encodeURIComponent(taskId)}/unpublish`, {
|
await apiFetch(`${baseUrl()}/${encodeURIComponent(taskId)}/unpublish`, {
|
||||||
method: "POST",
|
method: "POST",
|
||||||
}),
|
}),
|
||||||
);
|
);
|
||||||
writeYLog({
|
|
||||||
optType: OptType.other,
|
|
||||||
optDetail: "CM助手-全量-定时任务-取消发布",
|
|
||||||
url: `${baseUrl()}/${encodeURIComponent(taskId)}/unpublish`,
|
|
||||||
reqParam: { taskId },
|
|
||||||
returnParam: result,
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function subscribeScheduledTask(taskId: string, notifyElement: boolean) {
|
export async function subscribeScheduledTask(taskId: string, notifyElement: boolean) {
|
||||||
const result = await parseResponse<ScheduledTaskSubscription>(
|
return parseResponse<ScheduledTaskSubscription>(
|
||||||
await apiFetch(`${baseUrl()}/${encodeURIComponent(taskId)}/subscribe`, {
|
await apiFetch(`${baseUrl()}/${encodeURIComponent(taskId)}/subscribe`, {
|
||||||
method: "POST",
|
method: "POST",
|
||||||
headers: { "Content-Type": "application/json" },
|
headers: { "Content-Type": "application/json" },
|
||||||
body: JSON.stringify({ notify_element: notifyElement }),
|
body: JSON.stringify({ notify_element: notifyElement }),
|
||||||
}),
|
}),
|
||||||
);
|
);
|
||||||
writeYLog({
|
|
||||||
optType: OptType.create,
|
|
||||||
optDetail: "CM助手-全量-定时任务-订阅",
|
|
||||||
url: `${baseUrl()}/${encodeURIComponent(taskId)}/subscribe`,
|
|
||||||
reqParam: { taskId, notify_element: notifyElement },
|
|
||||||
returnParam: result,
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function updateScheduledTaskSubscription(taskId: string, notifyElement: boolean) {
|
export async function updateScheduledTaskSubscription(taskId: string, notifyElement: boolean) {
|
||||||
const result = await parseResponse<ScheduledTaskSubscription>(
|
return parseResponse<ScheduledTaskSubscription>(
|
||||||
await apiFetch(`${baseUrl()}/${encodeURIComponent(taskId)}/subscribe`, {
|
await apiFetch(`${baseUrl()}/${encodeURIComponent(taskId)}/subscribe`, {
|
||||||
method: "PATCH",
|
method: "PATCH",
|
||||||
headers: { "Content-Type": "application/json" },
|
headers: { "Content-Type": "application/json" },
|
||||||
body: JSON.stringify({ notify_element: notifyElement }),
|
body: JSON.stringify({ notify_element: notifyElement }),
|
||||||
}),
|
}),
|
||||||
);
|
);
|
||||||
writeYLog({
|
|
||||||
optType: OptType.edit,
|
|
||||||
optDetail: "CM助手-全量-定时任务-订阅修改",
|
|
||||||
url: `${baseUrl()}/${encodeURIComponent(taskId)}/subscribe`,
|
|
||||||
reqParam: { taskId, notify_element: notifyElement },
|
|
||||||
returnParam: result,
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function unsubscribeScheduledTask(taskId: string) {
|
export async function unsubscribeScheduledTask(taskId: string) {
|
||||||
const result = await parseResponse<{ success: boolean }>(
|
return parseResponse<{ success: boolean }>(
|
||||||
await apiFetch(`${baseUrl()}/${encodeURIComponent(taskId)}/subscribe`, {
|
await apiFetch(`${baseUrl()}/${encodeURIComponent(taskId)}/subscribe`, {
|
||||||
method: "DELETE",
|
method: "DELETE",
|
||||||
}),
|
}),
|
||||||
);
|
);
|
||||||
writeYLog({
|
|
||||||
optType: OptType.delete,
|
|
||||||
optDetail: "CM助手-全量-定时任务-取消订阅",
|
|
||||||
url: `${baseUrl()}/${encodeURIComponent(taskId)}/subscribe`,
|
|
||||||
reqParam: { taskId },
|
|
||||||
returnParam: result,
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// --- Admin (cross-user management) ---
|
// --- Admin (cross-user management) ---
|
||||||
@@ -530,32 +321,16 @@ export async function listAllScheduledTasks(search?: string) {
|
|||||||
const qs = new URLSearchParams();
|
const qs = new URLSearchParams();
|
||||||
if (search) qs.set("search", search);
|
if (search) qs.set("search", search);
|
||||||
const query = qs.toString();
|
const query = qs.toString();
|
||||||
const result = await parseResponse<ScheduledTask[]>(
|
return parseResponse<ScheduledTask[]>(
|
||||||
await apiFetch(`${baseUrl()}/admin/all${query ? `?${query}` : ""}`),
|
await apiFetch(`${baseUrl()}/admin/all${query ? `?${query}` : ""}`),
|
||||||
);
|
);
|
||||||
writeYLog({
|
|
||||||
optType: OptType.search,
|
|
||||||
optDetail: "CM助手-全量-定时任务-全部任务列表",
|
|
||||||
url: `${baseUrl()}/admin/all${query ? `?${query}` : ""}`,
|
|
||||||
reqParam: { search },
|
|
||||||
returnParam: result,
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/** List runs for any task regardless of owner. Admin-only endpoint. */
|
/** List runs for any task regardless of owner. Admin-only endpoint. */
|
||||||
export async function adminListScheduledTaskRuns(taskId: string) {
|
export async function adminListScheduledTaskRuns(taskId: string) {
|
||||||
const result = await parseResponse<ScheduledTaskRun[]>(
|
return parseResponse<ScheduledTaskRun[]>(
|
||||||
await apiFetch(`${baseUrl()}/admin/${encodeURIComponent(taskId)}/runs`),
|
await apiFetch(`${baseUrl()}/admin/${encodeURIComponent(taskId)}/runs`),
|
||||||
);
|
);
|
||||||
writeYLog({
|
|
||||||
optType: OptType.search,
|
|
||||||
optDetail: "CM助手-全量-定时任务-运行记录列表",
|
|
||||||
url: `${baseUrl()}/admin/${encodeURIComponent(taskId)}/runs`,
|
|
||||||
reqParam: { taskId },
|
|
||||||
returnParam: result,
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/** Update any task regardless of owner. Admin-only endpoint. */
|
/** Update any task regardless of owner. Admin-only endpoint. */
|
||||||
@@ -572,99 +347,52 @@ export async function adminUpdateScheduledTask(
|
|||||||
require_markdown: boolean;
|
require_markdown: boolean;
|
||||||
}>,
|
}>,
|
||||||
) {
|
) {
|
||||||
const result = await parseResponse<ScheduledTask>(
|
return parseResponse<ScheduledTask>(
|
||||||
await apiFetch(`${baseUrl()}/admin/${encodeURIComponent(taskId)}`, {
|
await apiFetch(`${baseUrl()}/admin/${encodeURIComponent(taskId)}`, {
|
||||||
method: "PATCH",
|
method: "PATCH",
|
||||||
headers: { "Content-Type": "application/json" },
|
headers: { "Content-Type": "application/json" },
|
||||||
body: JSON.stringify(data),
|
body: JSON.stringify(data),
|
||||||
}),
|
}),
|
||||||
);
|
);
|
||||||
writeYLog({
|
|
||||||
optType: OptType.edit,
|
|
||||||
optDetail: "CM助手-全量-定时任务-修改",
|
|
||||||
url: `${baseUrl()}/admin/${encodeURIComponent(taskId)}`,
|
|
||||||
reqParam: { taskId, data },
|
|
||||||
returnParam: result,
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/** Delete any task regardless of owner. Admin-only endpoint. */
|
/** Delete any task regardless of owner. Admin-only endpoint. */
|
||||||
export async function adminDeleteScheduledTask(taskId: string) {
|
export async function adminDeleteScheduledTask(taskId: string) {
|
||||||
const result = await parseResponse<{ success: boolean }>(
|
return parseResponse<{ success: boolean }>(
|
||||||
await apiFetch(`${baseUrl()}/admin/${encodeURIComponent(taskId)}`, {
|
await apiFetch(`${baseUrl()}/admin/${encodeURIComponent(taskId)}`, {
|
||||||
method: "DELETE",
|
method: "DELETE",
|
||||||
}),
|
}),
|
||||||
);
|
);
|
||||||
writeYLog({
|
|
||||||
optType: OptType.delete,
|
|
||||||
optDetail: "CM助手-全量-定时任务-删除",
|
|
||||||
url: `${baseUrl()}/admin/${encodeURIComponent(taskId)}`,
|
|
||||||
reqParam: { taskId },
|
|
||||||
returnParam: result,
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/** Trigger an immediate run of any task regardless of owner. Admin-only. */
|
/** Trigger an immediate run of any task regardless of owner. Admin-only. */
|
||||||
export async function adminTriggerScheduledTask(taskId: string) {
|
export async function adminTriggerScheduledTask(taskId: string) {
|
||||||
const result = await parseResponse<{ success: boolean; task: ScheduledTask }>(
|
return parseResponse<{ success: boolean; task: ScheduledTask }>(
|
||||||
await apiFetch(`${baseUrl()}/admin/${encodeURIComponent(taskId)}/trigger`, {
|
await apiFetch(`${baseUrl()}/admin/${encodeURIComponent(taskId)}/trigger`, {
|
||||||
method: "POST",
|
method: "POST",
|
||||||
}),
|
}),
|
||||||
);
|
);
|
||||||
writeYLog({
|
|
||||||
optType: OptType.other,
|
|
||||||
optDetail: "CM助手-全量-定时任务-手动运行",
|
|
||||||
url: `${baseUrl()}/admin/${encodeURIComponent(taskId)}/trigger`,
|
|
||||||
reqParam: { taskId },
|
|
||||||
returnParam: result,
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// --- HTML page tasks ---
|
// --- HTML page tasks ---
|
||||||
|
|
||||||
/** Fetch the generated HTML document for an ``html_page`` run. */
|
/** Fetch the generated HTML document for an ``html_page`` run. */
|
||||||
export async function getScheduledTaskRunHtml(runId: string) {
|
export async function getScheduledTaskRunHtml(runId: string) {
|
||||||
const result = await parseResponse<ScheduledTaskRunHtml>(
|
return parseResponse<ScheduledTaskRunHtml>(
|
||||||
await apiFetch(`${baseUrl()}/runs/${encodeURIComponent(runId)}/html`),
|
await apiFetch(`${baseUrl()}/runs/${encodeURIComponent(runId)}/html`),
|
||||||
);
|
);
|
||||||
writeYLog({
|
|
||||||
optType: OptType.view,
|
|
||||||
optDetail: "CM助手-全量-定时任务-运行HTML查看",
|
|
||||||
url: `${baseUrl()}/runs/${encodeURIComponent(runId)}/html`,
|
|
||||||
reqParam: { runId },
|
|
||||||
returnParam: result,
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
const favoritesUrl = () => `${getBackendBaseURL()}/api/html-page-favorites`;
|
const favoritesUrl = () => `${getBackendBaseURL()}/api/html-page-favorites`;
|
||||||
|
|
||||||
export async function listHtmlPageFavorites() {
|
export async function listHtmlPageFavorites() {
|
||||||
const result = await parseResponse<HtmlPageFavorite[]>(await apiFetch(favoritesUrl()));
|
return parseResponse<HtmlPageFavorite[]>(await apiFetch(favoritesUrl()));
|
||||||
writeYLog({
|
|
||||||
optType: OptType.search,
|
|
||||||
optDetail: "CM助手-全量-HTML收藏-列表",
|
|
||||||
url: `/api/html-page-favorites`,
|
|
||||||
returnParam: result,
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function getHtmlPageFavorite(favoriteId: string) {
|
export async function getHtmlPageFavorite(favoriteId: string) {
|
||||||
const result = await parseResponse<HtmlPageFavorite>(
|
return parseResponse<HtmlPageFavorite>(
|
||||||
await apiFetch(`${favoritesUrl()}/${encodeURIComponent(favoriteId)}`),
|
await apiFetch(`${favoritesUrl()}/${encodeURIComponent(favoriteId)}`),
|
||||||
);
|
);
|
||||||
writeYLog({
|
|
||||||
optType: OptType.view,
|
|
||||||
optDetail: "CM助手-全量-HTML收藏-查看",
|
|
||||||
url: `/api/html-page-favorites/${encodeURIComponent(favoriteId)}`,
|
|
||||||
reqParam: { favoriteId },
|
|
||||||
returnParam: result,
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function createHtmlPageFavorite(data: {
|
export async function createHtmlPageFavorite(data: {
|
||||||
@@ -673,35 +401,19 @@ export async function createHtmlPageFavorite(data: {
|
|||||||
description?: string | null;
|
description?: string | null;
|
||||||
tags?: string[];
|
tags?: string[];
|
||||||
}) {
|
}) {
|
||||||
const result = await parseResponse<HtmlPageFavorite>(
|
return parseResponse<HtmlPageFavorite>(
|
||||||
await apiFetch(favoritesUrl(), {
|
await apiFetch(favoritesUrl(), {
|
||||||
method: "POST",
|
method: "POST",
|
||||||
headers: { "Content-Type": "application/json" },
|
headers: { "Content-Type": "application/json" },
|
||||||
body: JSON.stringify(data),
|
body: JSON.stringify(data),
|
||||||
}),
|
}),
|
||||||
);
|
);
|
||||||
writeYLog({
|
|
||||||
optType: OptType.create,
|
|
||||||
optDetail: "CM助手-全量-HTML收藏-新建",
|
|
||||||
url: `/api/html-page-favorites`,
|
|
||||||
reqParam: data,
|
|
||||||
returnParam: result,
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function deleteHtmlPageFavorite(favoriteId: string) {
|
export async function deleteHtmlPageFavorite(favoriteId: string) {
|
||||||
const result = await parseResponse<{ success: boolean }>(
|
return parseResponse<{ success: boolean }>(
|
||||||
await apiFetch(`${favoritesUrl()}/${encodeURIComponent(favoriteId)}`, {
|
await apiFetch(`${favoritesUrl()}/${encodeURIComponent(favoriteId)}`, {
|
||||||
method: "DELETE",
|
method: "DELETE",
|
||||||
}),
|
}),
|
||||||
);
|
);
|
||||||
writeYLog({
|
|
||||||
optType: OptType.delete,
|
|
||||||
optDetail: "CM助手-全量-HTML收藏-删除",
|
|
||||||
url: `/api/html-page-favorites/${encodeURIComponent(favoriteId)}`,
|
|
||||||
reqParam: { favoriteId },
|
|
||||||
returnParam: result,
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
}
|
||||||
@@ -16,7 +16,6 @@ import {
|
|||||||
deleteScheduledTask,
|
deleteScheduledTask,
|
||||||
deleteScheduledTaskRun,
|
deleteScheduledTaskRun,
|
||||||
getSchedulerThread,
|
getSchedulerThread,
|
||||||
listHtmlTemplates,
|
|
||||||
getScheduledTaskDeliveryProfile,
|
getScheduledTaskDeliveryProfile,
|
||||||
getScheduledTaskRun,
|
getScheduledTaskRun,
|
||||||
getScheduledTaskRunHtml,
|
getScheduledTaskRunHtml,
|
||||||
@@ -46,17 +45,6 @@ export function useSchedulerThread() {
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
/** 可选的 HTML 模板清单(模板数据转换器填充用)。模板是后端静态注册,长缓存即可。 */
|
|
||||||
export function useHtmlTemplates(enabled = true) {
|
|
||||||
return useQuery({
|
|
||||||
queryKey: ["scheduled-tasks", "html-templates"],
|
|
||||||
queryFn: listHtmlTemplates,
|
|
||||||
enabled,
|
|
||||||
staleTime: 5 * 60_000,
|
|
||||||
refetchOnWindowFocus: false,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
/** A task is currently executing — used to drive live polling of the task list. */
|
/** A task is currently executing — used to drive live polling of the task list. */
|
||||||
function taskIsLive(status?: string | null): boolean {
|
function taskIsLive(status?: string | null): boolean {
|
||||||
return status === "running" || status === "pending";
|
return status === "running" || status === "pending";
|
||||||
|
|||||||
@@ -42,8 +42,6 @@ import {
|
|||||||
type IRunOptions,
|
type IRunOptions,
|
||||||
} from "docx";
|
} from "docx";
|
||||||
|
|
||||||
import { OptType, writeYLog } from "@/core/log/y-log";
|
|
||||||
|
|
||||||
const BLACK = "000000";
|
const BLACK = "000000";
|
||||||
const BODY_FONT = { ascii: "Calibri", eastAsia: "Microsoft YaHei" };
|
const BODY_FONT = { ascii: "Calibri", eastAsia: "Microsoft YaHei" };
|
||||||
const MONO_FONT = { ascii: "Consolas", eastAsia: "Microsoft YaHei" };
|
const MONO_FONT = { ascii: "Consolas", eastAsia: "Microsoft YaHei" };
|
||||||
@@ -486,12 +484,6 @@ export async function downloadMarkdownAsDocx(
|
|||||||
title?: string,
|
title?: string,
|
||||||
): Promise<void> {
|
): Promise<void> {
|
||||||
const blob = await markdownToDocxBlob(markdown, title);
|
const blob = await markdownToDocxBlob(markdown, title);
|
||||||
writeYLog({
|
|
||||||
optType: OptType.export,
|
|
||||||
optDetail: "CM助手-全量-定时任务-导出",
|
|
||||||
url: "/scheduled-tasks/export/docx",
|
|
||||||
reqParam: { fileName, title },
|
|
||||||
});
|
|
||||||
const safeName = fileName.replace(/\.(md|markdown)$/i, "") || "document";
|
const safeName = fileName.replace(/\.(md|markdown)$/i, "") || "document";
|
||||||
const url = URL.createObjectURL(blob);
|
const url = URL.createObjectURL(blob);
|
||||||
const anchor = document.createElement("a");
|
const anchor = document.createElement("a");
|
||||||
|
|||||||
@@ -22,31 +22,10 @@ export type HtmlPageConfig = {
|
|||||||
negative_prompt?: string | null;
|
negative_prompt?: string | null;
|
||||||
reference_favorite_id?: string | null;
|
reference_favorite_id?: string | null;
|
||||||
model_name?: string | null;
|
model_name?: string | null;
|
||||||
/** 仅当参考选了内置模板(tpl:<id>)时生效:关闭则直接用模板默认数据,开启才检索抽取。 */
|
|
||||||
template_extract?: boolean;
|
|
||||||
};
|
|
||||||
|
|
||||||
/** 选中内置「模板数据转换器」agent 后,要把源 JSON 填充进的 HTML 模板。
|
|
||||||
* 持久化在 ``execution_context.template_config`` 里(无独立列)。 */
|
|
||||||
export type TemplateFillConfig = {
|
|
||||||
template_id?: string | null;
|
|
||||||
/** 可选:覆盖转换所用模型(留空走 agent.model / 系统默认)。 */
|
|
||||||
model_name?: string | null;
|
|
||||||
};
|
|
||||||
|
|
||||||
/** ``GET /api/scheduled-tasks/html-templates`` 返回的一条模板选项。 */
|
|
||||||
export type HtmlTemplateOption = {
|
|
||||||
id: string;
|
|
||||||
name: string;
|
|
||||||
description?: string | null;
|
|
||||||
/** false = 暂只「直接展示已有数据」,不需要也不会用源 JSON 转换填充。 */
|
|
||||||
convertible?: boolean;
|
|
||||||
};
|
};
|
||||||
|
|
||||||
export type ScheduledTaskExecutionContext = {
|
export type ScheduledTaskExecutionContext = {
|
||||||
require_markdown?: boolean;
|
require_markdown?: boolean;
|
||||||
/** 模板填充模式:选中「模板数据转换器」+ 选模板后填充进固定 HTML 模板。 */
|
|
||||||
template_config?: TemplateFillConfig;
|
|
||||||
/**
|
/**
|
||||||
* The unified "必须生成 HTML" switch. The task form no longer splits "普通任务 /
|
* The unified "必须生成 HTML" switch. The task form no longer splits "普通任务 /
|
||||||
* HTML 页面" into separate kinds — instead ``require_html`` and
|
* HTML 页面" into separate kinds — instead ``require_html`` and
|
||||||
|
|||||||
@@ -1,78 +0,0 @@
|
|||||||
import assert from "node:assert/strict";
|
|
||||||
import test from "node:test";
|
|
||||||
|
|
||||||
import { applyInlineCitations, type RuntimeDisplaySource } from "./runtime";
|
|
||||||
|
|
||||||
function makeSources(count: number): RuntimeDisplaySource[] {
|
|
||||||
return Array.from({ length: count }, (_unused, position) => ({
|
|
||||||
index: position + 1,
|
|
||||||
skillName: "knowledge-base-search",
|
|
||||||
mode: "citation",
|
|
||||||
title: `Reference ${position + 1}`,
|
|
||||||
type: "result",
|
|
||||||
snippet: "",
|
|
||||||
raw: {},
|
|
||||||
}));
|
|
||||||
}
|
|
||||||
|
|
||||||
function citation(index: number): string {
|
|
||||||
return `[citation:${index}](#reference-${index})`;
|
|
||||||
}
|
|
||||||
|
|
||||||
test("converts full-width numbered references", () => {
|
|
||||||
const out = applyInlineCitations("结论见【1】【2】。", makeSources(2));
|
|
||||||
assert.equal(out.includes(citation(1)), true);
|
|
||||||
assert.equal(out.includes(citation(2)), true);
|
|
||||||
assert.equal(out.includes("【1】"), false);
|
|
||||||
assert.equal(out.includes("【2】"), false);
|
|
||||||
});
|
|
||||||
|
|
||||||
test("converts full-width digits", () => {
|
|
||||||
const out = applyInlineCitations("参考【1】和【2】。", makeSources(2));
|
|
||||||
assert.equal(out.includes(citation(1)), true);
|
|
||||||
assert.equal(out.includes(citation(2)), true);
|
|
||||||
});
|
|
||||||
|
|
||||||
test("splits merged reference markers", () => {
|
|
||||||
for (const marker of ["【1,2】", "【1、2】", "【1,2】"]) {
|
|
||||||
const out = applyInlineCitations(`见${marker}。`, makeSources(2));
|
|
||||||
assert.equal(out.includes(citation(1)), true, marker);
|
|
||||||
assert.equal(out.includes(citation(2)), true, marker);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
test("expands reference ranges", () => {
|
|
||||||
const dash = applyInlineCitations("见【1-3】。", makeSources(3));
|
|
||||||
assert.equal(dash.includes(citation(1)), true);
|
|
||||||
assert.equal(dash.includes(citation(2)), true);
|
|
||||||
assert.equal(dash.includes(citation(3)), true);
|
|
||||||
|
|
||||||
const tilde = applyInlineCitations("见【2~4】。", makeSources(4));
|
|
||||||
assert.equal(tilde.includes(citation(2)), true);
|
|
||||||
assert.equal(tilde.includes(citation(3)), true);
|
|
||||||
assert.equal(tilde.includes(citation(4)), true);
|
|
||||||
});
|
|
||||||
|
|
||||||
test("does not rewrite out-of-range references", () => {
|
|
||||||
const out = applyInlineCitations("正文【3】不是引用。", makeSources(1));
|
|
||||||
assert.equal(out.includes("【3】"), true);
|
|
||||||
assert.equal(out.includes("#reference-3"), false);
|
|
||||||
});
|
|
||||||
|
|
||||||
test("does not rewrite non-numeric bracket text", () => {
|
|
||||||
const out = applyInlineCitations("见【附录】小节。", makeSources(2));
|
|
||||||
assert.equal(out.includes("【附录】"), true);
|
|
||||||
});
|
|
||||||
|
|
||||||
test("keeps half-width syntax working", () => {
|
|
||||||
const out = applyInlineCitations("见[1][2]和[1,3]。", makeSources(3));
|
|
||||||
assert.equal(out.includes(citation(1)), true);
|
|
||||||
assert.equal(out.includes(citation(2)), true);
|
|
||||||
assert.equal(out.includes(citation(3)), true);
|
|
||||||
});
|
|
||||||
|
|
||||||
test("accepts spaced and full-width square brackets", () => {
|
|
||||||
const out = applyInlineCitations("参考[ 1 ]和[2]。", makeSources(2));
|
|
||||||
assert.equal(out.includes(citation(1)), true);
|
|
||||||
assert.equal(out.includes(citation(2)), true);
|
|
||||||
});
|
|
||||||
@@ -1,100 +0,0 @@
|
|||||||
import assert from "node:assert/strict";
|
|
||||||
import test from "node:test";
|
|
||||||
|
|
||||||
import type { Message } from "@langchain/langgraph-sdk";
|
|
||||||
|
|
||||||
import type { Skill } from "@/core/skills/type";
|
|
||||||
|
|
||||||
import { buildSkillDisplayMap, collectRuntimeDisplaySources } from "./runtime";
|
|
||||||
|
|
||||||
function makeSkill(): Skill {
|
|
||||||
return {
|
|
||||||
name: "custom-search",
|
|
||||||
description: "test",
|
|
||||||
category: "test",
|
|
||||||
license: "internal",
|
|
||||||
enabled: true,
|
|
||||||
display: {
|
|
||||||
enabled: true,
|
|
||||||
mode: "citation",
|
|
||||||
resultPath: "docs",
|
|
||||||
titleField: "title",
|
|
||||||
summaryField: "summary",
|
|
||||||
contentField: "content",
|
|
||||||
sourceField: "source",
|
|
||||||
authorField: null,
|
|
||||||
typeField: null,
|
|
||||||
timeField: null,
|
|
||||||
scoreField: null,
|
|
||||||
urlField: "url",
|
|
||||||
idField: "id",
|
|
||||||
linkStrategy: "auto",
|
|
||||||
linkTemplate: null,
|
|
||||||
citationToken: "doubleBracket",
|
|
||||||
maxItems: 20,
|
|
||||||
customInstruction: "",
|
|
||||||
tableColumns: [],
|
|
||||||
resultSets: [],
|
|
||||||
},
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
function makeMessages(toolContent: Message["content"]): Message[] {
|
|
||||||
return [
|
|
||||||
{
|
|
||||||
id: "ai-1",
|
|
||||||
type: "ai",
|
|
||||||
content: "",
|
|
||||||
tool_calls: [{ id: "call-1", name: "custom-search", args: {} }],
|
|
||||||
} as unknown as Message,
|
|
||||||
{
|
|
||||||
id: "tool-1",
|
|
||||||
type: "tool",
|
|
||||||
name: "custom-search",
|
|
||||||
tool_call_id: "call-1",
|
|
||||||
content: toolContent,
|
|
||||||
} as unknown as Message,
|
|
||||||
];
|
|
||||||
}
|
|
||||||
|
|
||||||
test("collects citations from fenced nested json", () => {
|
|
||||||
const messages = makeMessages(
|
|
||||||
"```json\n{\"payload\":{\"docs\":[{\"id\":\"doc-1\",\"title\":\"Alpha\",\"summary\":\"Brief\",\"content\":\"Body\",\"source\":\"KB\",\"url\":\"https://example.com/a\"}]}}\n```",
|
|
||||||
);
|
|
||||||
const sources = collectRuntimeDisplaySources(
|
|
||||||
messages,
|
|
||||||
buildSkillDisplayMap([makeSkill()]),
|
|
||||||
);
|
|
||||||
assert.equal(sources.length, 1);
|
|
||||||
assert.equal(sources[0]?.title, "Alpha");
|
|
||||||
assert.equal(sources[0]?.url, "https://example.com/a");
|
|
||||||
});
|
|
||||||
|
|
||||||
test("collects citations from structured tool payload arrays", () => {
|
|
||||||
const messages = makeMessages([
|
|
||||||
{
|
|
||||||
type: "json",
|
|
||||||
json: {
|
|
||||||
wrapper: {
|
|
||||||
docs: [
|
|
||||||
{
|
|
||||||
id: "doc-2",
|
|
||||||
title: "Beta",
|
|
||||||
summary: "Second",
|
|
||||||
content: "Payload",
|
|
||||||
source: "Skill",
|
|
||||||
url: "https://example.com/b",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
|
||||||
] as unknown as Message["content"]);
|
|
||||||
const sources = collectRuntimeDisplaySources(
|
|
||||||
messages,
|
|
||||||
buildSkillDisplayMap([makeSkill()]),
|
|
||||||
);
|
|
||||||
assert.equal(sources.length, 1);
|
|
||||||
assert.equal(sources[0]?.title, "Beta");
|
|
||||||
assert.equal(sources[0]?.source, "Skill");
|
|
||||||
});
|
|
||||||
@@ -588,7 +588,7 @@ function replaceBracketCitationTokens(
|
|||||||
byIndex: Map<number, RuntimeDisplaySource>,
|
byIndex: Map<number, RuntimeDisplaySource>,
|
||||||
orderedSources: RuntimeDisplaySource[],
|
orderedSources: RuntimeDisplaySource[],
|
||||||
): string {
|
): string {
|
||||||
const tokenPattern = /\\?\[\s*([0-9\uFF10-\uFF19]{1,3})\s*\\?\](?!\()/g;
|
const tokenPattern = /\\?\[(\d{1,3})\\?\](?!\()/g;
|
||||||
let cursor = 0;
|
let cursor = 0;
|
||||||
let next = "";
|
let next = "";
|
||||||
for (const match of content.matchAll(tokenPattern)) {
|
for (const match of content.matchAll(tokenPattern)) {
|
||||||
@@ -598,24 +598,13 @@ function replaceBracketCitationTokens(
|
|||||||
continue;
|
continue;
|
||||||
}
|
}
|
||||||
next += content.slice(cursor, start);
|
next += content.slice(cursor, start);
|
||||||
next += citationMarkdown(
|
next += citationMarkdown(match[0], Number(match[1]), byIndex, orderedSources);
|
||||||
match[0],
|
|
||||||
Number(normalizeAsciiDigits(match[1] ?? "")),
|
|
||||||
byIndex,
|
|
||||||
orderedSources,
|
|
||||||
);
|
|
||||||
cursor = start + match[0].length;
|
cursor = start + match[0].length;
|
||||||
}
|
}
|
||||||
next += content.slice(cursor);
|
next += content.slice(cursor);
|
||||||
return next;
|
return next;
|
||||||
}
|
}
|
||||||
|
|
||||||
function normalizeAsciiDigits(value: string): string {
|
|
||||||
return value.replace(/[\uFF10-\uFF19]/g, (digit) =>
|
|
||||||
String.fromCharCode(digit.charCodeAt(0) - 0xfee0),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
function normalizeLooseCitationTokens(
|
function normalizeLooseCitationTokens(
|
||||||
content: string,
|
content: string,
|
||||||
byIndex: Map<number, RuntimeDisplaySource>,
|
byIndex: Map<number, RuntimeDisplaySource>,
|
||||||
@@ -634,66 +623,9 @@ function normalizeLooseCitationTokens(
|
|||||||
return indexes.map((index) => `[${index}]`).join("");
|
return indexes.map((index) => `[${index}]`).join("");
|
||||||
};
|
};
|
||||||
|
|
||||||
// 全角数字转半角:123 → 123(仅用于括号内的编号识别)
|
// 全角括号写法:【1】→ [1]
|
||||||
const toAsciiDigits = (value: string) =>
|
let next = content.replace(/【\s*(\d{1,3})\s*】/g, (match, rawIndex: string) =>
|
||||||
value.replace(/[0-9]/g, (digit) =>
|
isValidIndex(Number(rawIndex)) ? `[${rawIndex}]` : match,
|
||||||
String.fromCharCode(digit.charCodeAt(0) - 0xfee0),
|
|
||||||
);
|
|
||||||
|
|
||||||
// 全角括号写法(含全角数字):
|
|
||||||
// 【1】/【1】 → [1]
|
|
||||||
// 【1,2】/【1,2】/【1、2】 → [1][2]
|
|
||||||
// 【1-3】/【2~5】 → [1][2][3]
|
|
||||||
// 三种形态互斥(单编号内不含分隔符),且都要求编号能对应到参考来源,
|
|
||||||
// 避免把正文里的【…】误判成引用。转成半角后交给下面的半角逻辑统一处理。
|
|
||||||
|
|
||||||
// 全角单编号:【1】/【1】
|
|
||||||
let next = content
|
|
||||||
.replace(/[/g, "[")
|
|
||||||
.replace(/]/g, "]")
|
|
||||||
.replace(/[,、]/g, ",")
|
|
||||||
.replace(
|
|
||||||
/【\s*([0-90-9]{1,3})\s*】/g,
|
|
||||||
(match, rawIndex: string) => {
|
|
||||||
const index = Number(normalizeAsciiDigits(rawIndex));
|
|
||||||
return isValidIndex(index) ? `[${index}]` : match;
|
|
||||||
},
|
|
||||||
);
|
|
||||||
|
|
||||||
// 全角合并编号:【1,2】/【1,2】/【1、2】
|
|
||||||
next = next.replace(
|
|
||||||
/【\s*([0-90-9]{1,3}(?:\s*[,,、]\s*[0-90-9]{1,3})+)\s*】/g,
|
|
||||||
(match, rawList: string) => {
|
|
||||||
const indexes = rawList
|
|
||||||
.split(/[,,、]/)
|
|
||||||
.map((part) => Number(normalizeAsciiDigits(part.trim())));
|
|
||||||
if (indexes.some((index) => !isValidIndex(index))) {
|
|
||||||
return match;
|
|
||||||
}
|
|
||||||
return indexes.map((index) => `[${index}]`).join("");
|
|
||||||
},
|
|
||||||
);
|
|
||||||
|
|
||||||
// 全角区间编号:【1-3】/【2~5】
|
|
||||||
next = next.replace(
|
|
||||||
/【\s*([0-90-9]{1,3})\s*[-–~~]\s*([0-90-9]{1,3})\s*】/g,
|
|
||||||
(match, rawStart: string, rawEnd: string) => {
|
|
||||||
const start = Number(normalizeAsciiDigits(rawStart));
|
|
||||||
const end = Number(normalizeAsciiDigits(rawEnd));
|
|
||||||
if (
|
|
||||||
end <= start ||
|
|
||||||
end - start > 20 ||
|
|
||||||
!isValidIndex(start) ||
|
|
||||||
!isValidIndex(end)
|
|
||||||
) {
|
|
||||||
return match;
|
|
||||||
}
|
|
||||||
const tokens: string[] = [];
|
|
||||||
for (let index = start; index <= end; index++) {
|
|
||||||
tokens.push(`[${index}]`);
|
|
||||||
}
|
|
||||||
return tokens.join("");
|
|
||||||
},
|
|
||||||
);
|
);
|
||||||
|
|
||||||
// 合并写法:[1,2,3] / [1,2] / [1、2] → [1][2][3]
|
// 合并写法:[1,2,3] / [1,2] / [1、2] → [1][2][3]
|
||||||
@@ -993,23 +925,20 @@ function extractStructuredToolPayload(content: unknown): unknown {
|
|||||||
}
|
}
|
||||||
|
|
||||||
function unwrapToolPayloadObject(value: Record<string, unknown>): unknown {
|
function unwrapToolPayloadObject(value: Record<string, unknown>): unknown {
|
||||||
const directCandidate = findDisplayPayloadCandidate(value, 0);
|
if (
|
||||||
if (directCandidate !== undefined) {
|
Array.isArray(value.results) ||
|
||||||
return directCandidate;
|
Array.isArray(value.data) ||
|
||||||
|
Array.isArray(value.items)
|
||||||
|
) {
|
||||||
|
return value;
|
||||||
}
|
}
|
||||||
for (const nested of Object.values(value)) {
|
for (const key of ["result", "output", "stdout", "stderr", "content", "text"]) {
|
||||||
|
const nested = value[key];
|
||||||
if (typeof nested === "string") {
|
if (typeof nested === "string") {
|
||||||
const parsed = parseJSONLikeText(nested);
|
const parsed = parseJSONLikeText(nested);
|
||||||
if (parsed !== undefined) {
|
if (parsed !== undefined) {
|
||||||
if (isRecord(parsed)) {
|
|
||||||
const structured = findDisplayPayloadCandidate(parsed, 0);
|
|
||||||
if (structured !== undefined) {
|
|
||||||
return structured;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return parsed;
|
return parsed;
|
||||||
}
|
}
|
||||||
continue;
|
|
||||||
}
|
}
|
||||||
if (isRecord(nested)) {
|
if (isRecord(nested)) {
|
||||||
const unwrapped = unwrapToolPayloadObject(nested);
|
const unwrapped = unwrapToolPayloadObject(nested);
|
||||||
@@ -1026,14 +955,6 @@ function parseJSONLikeText(text: string): unknown {
|
|||||||
if (!trimmed) {
|
if (!trimmed) {
|
||||||
return undefined;
|
return undefined;
|
||||||
}
|
}
|
||||||
const fenced = extractFencedJSON(trimmed);
|
|
||||||
if (fenced) {
|
|
||||||
try {
|
|
||||||
return JSON.parse(fenced) as unknown;
|
|
||||||
} catch {
|
|
||||||
// Fall through to best-effort parsing.
|
|
||||||
}
|
|
||||||
}
|
|
||||||
try {
|
try {
|
||||||
return JSON.parse(trimmed) as unknown;
|
return JSON.parse(trimmed) as unknown;
|
||||||
} catch {
|
} catch {
|
||||||
@@ -1042,9 +963,17 @@ function parseJSONLikeText(text: string): unknown {
|
|||||||
}
|
}
|
||||||
|
|
||||||
function extractJSONFromText(text: string): unknown {
|
function extractJSONFromText(text: string): unknown {
|
||||||
for (const candidate of iterateBalancedJsonCandidates(text)) {
|
const candidates: Array<[number, number]> = [];
|
||||||
|
const firstObj = text.indexOf("{");
|
||||||
|
if (firstObj !== -1) candidates.push([firstObj, text.lastIndexOf("}")]);
|
||||||
|
const firstArr = text.indexOf("[");
|
||||||
|
if (firstArr !== -1) candidates.push([firstArr, text.lastIndexOf("]")]);
|
||||||
|
candidates.sort(([a], [b]) => a - b);
|
||||||
|
for (const [start, end] of candidates) {
|
||||||
|
if (start < 0 || end <= start) continue;
|
||||||
|
const slice = text.slice(start, end + 1);
|
||||||
try {
|
try {
|
||||||
return JSON.parse(candidate);
|
return JSON.parse(slice);
|
||||||
} catch {
|
} catch {
|
||||||
// try the next candidate
|
// try the next candidate
|
||||||
}
|
}
|
||||||
@@ -1052,108 +981,6 @@ function extractJSONFromText(text: string): unknown {
|
|||||||
return undefined;
|
return undefined;
|
||||||
}
|
}
|
||||||
|
|
||||||
function *iterateBalancedJsonCandidates(text: string): Generator<string> {
|
|
||||||
for (let index = 0; index < text.length; index++) {
|
|
||||||
const char = text[index];
|
|
||||||
if (char !== "{" && char !== "[") {
|
|
||||||
continue;
|
|
||||||
}
|
|
||||||
const candidate = extractBalancedJson(text, index);
|
|
||||||
if (candidate) {
|
|
||||||
yield candidate;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function extractBalancedJson(text: string, start: number): string | null {
|
|
||||||
const opening = text[start];
|
|
||||||
if (opening !== "{" && opening !== "[") {
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
const closing = opening === "{" ? "}" : "]";
|
|
||||||
let depth = 0;
|
|
||||||
let inString = false;
|
|
||||||
let escaped = false;
|
|
||||||
for (let index = start; index < text.length; index++) {
|
|
||||||
const char = text[index];
|
|
||||||
if (inString) {
|
|
||||||
if (escaped) {
|
|
||||||
escaped = false;
|
|
||||||
} else if (char === "\\") {
|
|
||||||
escaped = true;
|
|
||||||
} else if (char === "\"") {
|
|
||||||
inString = false;
|
|
||||||
}
|
|
||||||
continue;
|
|
||||||
}
|
|
||||||
if (char === "\"") {
|
|
||||||
inString = true;
|
|
||||||
continue;
|
|
||||||
}
|
|
||||||
if (char === opening) {
|
|
||||||
depth += 1;
|
|
||||||
continue;
|
|
||||||
}
|
|
||||||
if (char === closing) {
|
|
||||||
depth -= 1;
|
|
||||||
if (depth === 0) {
|
|
||||||
return text.slice(start, index + 1);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
|
|
||||||
function extractFencedJSON(text: string): string | null {
|
|
||||||
const match = /```(?:json)?\s*([\s\S]*?)```/i.exec(text);
|
|
||||||
return match?.[1]?.trim() ?? null;
|
|
||||||
}
|
|
||||||
|
|
||||||
function findDisplayPayloadCandidate(value: unknown, depth: number): unknown {
|
|
||||||
if (depth > 8) {
|
|
||||||
return undefined;
|
|
||||||
}
|
|
||||||
if (Array.isArray(value)) {
|
|
||||||
const objectItems = value.filter(
|
|
||||||
(item): item is Record<string, unknown> =>
|
|
||||||
isRecord(item),
|
|
||||||
);
|
|
||||||
if (value.length === 0 || objectItems.length === value.length) {
|
|
||||||
return { results: objectItems };
|
|
||||||
}
|
|
||||||
for (const item of value) {
|
|
||||||
const nested = findDisplayPayloadCandidate(item, depth + 1);
|
|
||||||
if (nested !== undefined) {
|
|
||||||
return nested;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return undefined;
|
|
||||||
}
|
|
||||||
if (!isRecord(value)) {
|
|
||||||
return undefined;
|
|
||||||
}
|
|
||||||
for (const key of ["results", "data", "items", "docs", "records", "rows", "list", "hits", "sources"]) {
|
|
||||||
const nested = value[key];
|
|
||||||
if (!Array.isArray(nested)) {
|
|
||||||
continue;
|
|
||||||
}
|
|
||||||
const objectItems = nested.filter(
|
|
||||||
(item): item is Record<string, unknown> =>
|
|
||||||
isRecord(item),
|
|
||||||
);
|
|
||||||
if (nested.length === 0 || objectItems.length === nested.length) {
|
|
||||||
return { ...value, [key]: objectItems };
|
|
||||||
}
|
|
||||||
}
|
|
||||||
for (const nested of Object.values(value)) {
|
|
||||||
const candidate = findDisplayPayloadCandidate(nested, depth + 1);
|
|
||||||
if (candidate !== undefined) {
|
|
||||||
return candidate;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return undefined;
|
|
||||||
}
|
|
||||||
|
|
||||||
function extractSearchPayloadFromText(text: string): unknown {
|
function extractSearchPayloadFromText(text: string): unknown {
|
||||||
if (!text.includes('"results"') || !text.includes('"recUuid"')) {
|
if (!text.includes('"results"') || !text.includes('"recUuid"')) {
|
||||||
return undefined;
|
return undefined;
|
||||||
|
|||||||
@@ -141,39 +141,17 @@ export async function getSkillDisplaySample(
|
|||||||
return response.json() as Promise<SkillDisplaySampleResponse>;
|
return response.json() as Promise<SkillDisplaySampleResponse>;
|
||||||
}
|
}
|
||||||
|
|
||||||
export interface InstallSkillRequest {
|
export interface InstallSkillRequest {
|
||||||
thread_id: string;
|
thread_id: string;
|
||||||
path: string;
|
path: string;
|
||||||
skill_name?: string;
|
}
|
||||||
}
|
|
||||||
|
export interface InstallSkillResponse {
|
||||||
export interface InstallSkillResponse {
|
success: boolean;
|
||||||
success: boolean;
|
skill_name: string;
|
||||||
skill_name: string;
|
message: string;
|
||||||
message: string;
|
overwritten?: boolean;
|
||||||
overwritten?: boolean;
|
}
|
||||||
}
|
|
||||||
|
|
||||||
export interface PreviewSkillInstallRequest {
|
|
||||||
thread_id: string;
|
|
||||||
path: string;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface PreviewSkillInstallResponse {
|
|
||||||
ok: boolean;
|
|
||||||
skill_name: string;
|
|
||||||
description: string;
|
|
||||||
license: string | null;
|
|
||||||
allowed_tools: string[];
|
|
||||||
can_install_as_is: boolean;
|
|
||||||
owned_by_me: boolean;
|
|
||||||
owned_by_other: boolean;
|
|
||||||
builtin_conflict: boolean;
|
|
||||||
owner_username?: string | null;
|
|
||||||
owner_user_id?: string | null;
|
|
||||||
message: string;
|
|
||||||
warnings: string[];
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface ValidateSkillUploadResponse {
|
export interface ValidateSkillUploadResponse {
|
||||||
ok: boolean;
|
ok: boolean;
|
||||||
@@ -186,9 +164,9 @@ export interface ValidateSkillUploadResponse {
|
|||||||
warnings: string[];
|
warnings: string[];
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function installSkill(
|
export async function installSkill(
|
||||||
request: InstallSkillRequest,
|
request: InstallSkillRequest,
|
||||||
): Promise<InstallSkillResponse> {
|
): Promise<InstallSkillResponse> {
|
||||||
const response = await apiFetch(`${getBackendBaseURL()}/api/skills/install`, {
|
const response = await apiFetch(`${getBackendBaseURL()}/api/skills/install`, {
|
||||||
method: "POST",
|
method: "POST",
|
||||||
headers: {
|
headers: {
|
||||||
@@ -209,24 +187,8 @@ export async function installSkill(
|
|||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
return response.json();
|
return response.json();
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function previewSkillInstall(
|
|
||||||
request: PreviewSkillInstallRequest,
|
|
||||||
): Promise<PreviewSkillInstallResponse> {
|
|
||||||
const response = await apiFetch(`${getBackendBaseURL()}/api/skills/install-preview`, {
|
|
||||||
method: "POST",
|
|
||||||
headers: {
|
|
||||||
"Content-Type": "application/json",
|
|
||||||
},
|
|
||||||
body: JSON.stringify(request),
|
|
||||||
});
|
|
||||||
if (!response.ok) {
|
|
||||||
throw await parseDetailedError(response, "Failed to preview skill install");
|
|
||||||
}
|
|
||||||
return response.json() as Promise<PreviewSkillInstallResponse>;
|
|
||||||
}
|
|
||||||
|
|
||||||
async function parseDetailedError(response: Response, fallback: string): Promise<Error> {
|
async function parseDetailedError(response: Response, fallback: string): Promise<Error> {
|
||||||
const data = await response.json().catch(() => ({}));
|
const data = await response.json().catch(() => ({}));
|
||||||
|
|||||||
Loaded 100 of 490 files, more files were not shown because too many files have changed in this diff.
Show more
Reference in new issue
Block a user