尧图网络 高端网站定制 · 原创设计
免费咨询热线
400-888-6620
免费获取方案
CANN会话对比功能需求文档
REQ-002: Session Compare【免费下载链接】cannbot-skillsCANNBot 是面向 CANN 开发的用于提升开发效率的系列智能体本仓库为其提供可复用的 Skills 模块。项目地址: https://gitcode.com/cann/cannbot-skills概述在首页支持选取两个 session 进行并排对比展示 token、费用、耗时、工具调用、subagent 等指标的差异。背景同一类任务跑多次时用户需要对比不同 session 的效率和成本差异以评估优化效果如 prompt 改进、模型切换等。功能要求1. Session 选择在首页SessionList组件中添加多选模式添加 checkbox 列允许勾选 2 个 session勾选 2 个后显示 Compare Selected 按钮点击后跳转到/compare?sessions{id1},{id2}页面2. Compare 页面新建src/app/compare/page.tsx包含以下对比区域2.1 概览对比卡片左右并排展示两个 session 的核心指标差异用颜色标记指标说明Model模型名称Total Tokens总 token较低者绿色Total Cost总费用较低者绿色Latency总耗时较短者绿色LLM Call CountLLM 调用次数Tool Call Count工具调用次数Subagent Count子 agent 数量Skill CountSkill 加载数2.2 Token 对比柱状图并排柱状图对比 token 五项拆解input / output / reasoning / cacheRead / cacheWrite使用纯 SVG 绘制项目不使用图表库参考TokenBarChart.tsx的实现风格。2.3 Turn 时间线对比左右各一个 TurnTimeline可复用现有组件展示两个 session 的 turn 时间线。2.4 Tool Call 汇总对比表格对比两个 session 中各工具的使用次数和成功率Tool NameSession A CountSession B CountDiffread_file158-7terminal101223. API 支持不需要新的 API 路由直接使用现有的/api/observe/session和/api/observe/session/turns获取两个 session 的数据。实现要求文件变更文件变更src/components/SessionList.tsx添加 checkbox 多选和 Compare Selected 按钮src/app/compare/page.tsx新建— 对比页面Server Componentsrc/components/compare/CompareOverviewCards.tsx新建— 概览对比卡片src/components/compare/CompareTokenChart.tsx新建— Token 对比柱状图SVGsrc/components/compare/CompareToolTable.tsx新建— 工具调用对比表设计约束图表使用纯 SVG不使用 recharts 等图表库UI 组件使用 shadcn/ui项目已有保持与现有页面一致的深色主题风格响应式布局桌面左右分栏移动端上下堆叠测试要求tests/components/compare.test.ts— 对比组件的单元测试覆盖指标计算、差异颜色判断逻辑、空数据处理关键文件参考src/app/page.tsx— 首页了解 SessionList 用法src/components/SessionList.tsx— Session 列表组件src/components/observe/TokenBarChart.tsx— SVG 柱状图参考src/app/api/observe/session/route.ts— Session 数据 APIsrc/app/api/observe/stats/route.ts— 统计 API【免费下载链接】cannbot-skillsCANNBot 是面向 CANN 开发的用于提升开发效率的系列智能体本仓库为其提供可复用的 Skills 模块。项目地址: https://gitcode.com/cann/cannbot-skills创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
RELATED

相关推荐

RevokeMsgPatcher深度解析:Windows平台即时通讯软件防撤回补丁完全手册

RevokeMsgPatcher深度解析:Windows平台即时通讯软件防撤回补丁完全手册

RevokeMsgPatcher深度解析:Windows平台即时通讯软件防撤回补丁完全手册 【免费下载链接】RevokeMsgPatcher :trollface: A hex editor for WeChat/QQ/TIM - PC版微信/QQ/TIM防撤回补丁(我已经看到了,撤回也没用了) 项目地址: ht…

📅 2026/9/4 18:27:48
如何用Scan Tailor专业处理扫描文档:免费开源工具的终极指南

如何用Scan Tailor专业处理扫描文档:免费开源工具的终极指南

如何用Scan Tailor专业处理扫描文档:免费开源工具的终极指南 【免费下载链接】scantailor 项目地址: https://gitcode.com/gh_mirrors/sc/scantailor Scan Tailor是一款功能强大的开源扫描文档处理工具,专门用于将原始扫描图像转化为专业级的文档…

📅 2026/9/4 15:51:53
Citra模拟器崩溃修复:5步解决黑屏闪退问题

Citra模拟器崩溃修复:5步解决黑屏闪退问题

Citra模拟器崩溃修复:5步解决黑屏闪退问题 【免费下载链接】citra A Nintendo 3DS Emulator 项目地址: https://gitcode.com/GitHub_Trending/ci/citra 你是否在享受Nintendo 3DS游戏时,突然遭遇Citra模拟器黑屏、卡顿或直接闪退的困扰&#xff1…

📅 2026/8/21 3:50:29
MORE NEWS

更多资讯

📰

把 Issue 生命周期写进仓库:scientific-agent-skills 的 Markdown Issue 文档化模板与 Mermaid 根因分析

把 Issue 生命周期写进仓库:scientific-agent-skills 的 Markdown Issue 文档化模板与 Mermaid 根因分析 【免费下载链接】scientific-agent-skills Turn any AI agent into an AI Scientist. The #1 Agent Skills library for science, used by 190,000 scientists…

📰

Petrel许可证云化迁移:从FLEXlm到DELFI的实战指南

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

📰

如何高效解析考试题库:以教师资格证为例

由于您提供的项目标题"3月1日(115-117题)"信息过于简略,且缺乏必要的上下文说明(如所属领域、具体内容指向等),我无法据此生成符合要求的5000字深度博文。为保障输出质量,请您补充以下…

📰

Python实战:构建客服AI聊天机器人的核心技术与Flask部署

简介:这份Python人工智能实战项目源码包聚焦于客户服务场景下的AI聊天机器人开发,面向具备一定Python基础、希望从事自然语言处理或智能客服方向的项目学习者。资源围绕聊天机器人的对话响应、请求理解与上下文衔接等关键环节,提供了完整的代…

📰

WorkBuddy开放平台实战:从零构建可上线Agent应用全流程

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

📰

基于改进哈里斯鹰算法优化RBF网络的分类预测方法

1. 项目概述:当哈里斯鹰遇上RBF网络 在机器学习领域,分类预测一直是核心课题。传统的径向基函数网络(RBF)虽然具有结构简单、训练速度快的特点,但其中心点选取和权重确定往往依赖经验或随机初始化,导致模型…

TODAY

今日更新

THIS WEEK

本周精选

THIS MONTH

本月热门

读完文章,想聊聊您的网站?

告诉我们您的行业与需求,资深顾问一对一梳理方案与报价,全程免费。

📞 💬