From 201058dfb2f3c588856aa56fd430ed8151ade44e Mon Sep 17 00:00:00 2001 From: wuyang6 Date: Mon, 18 May 2026 19:41:59 +0800 Subject: [PATCH] docs: add example session links --- frontend/app/app/doc/page.tsx | 65 +++++++++++++++++++++++++++++ frontend/app/app/globals.css | 78 +++++++++++++++++++++++++++++++++++ 2 files changed, 143 insertions(+) diff --git a/frontend/app/app/doc/page.tsx b/frontend/app/app/doc/page.tsx index 388d9ae..cb07c55 100644 --- a/frontend/app/app/doc/page.tsx +++ b/frontend/app/app/doc/page.tsx @@ -211,6 +211,42 @@ const skillSections: Section[] = [ }, ]; +const exampleSessions = [ + { + title: "product-data", + description: "数据生成链路：目标抽取、计划确认、分批生成、canonical records 和训练/评测格式导出。", + links: [ + "http://10.189.47.6/session/__LOCALID_ZgwXdfP", + "http://10.189.47.6/session/__LOCALID_QOecDTu", + ], + }, + { + title: "标签大师", + description: "标签知识判断链路：复杂度、多指令、自动任务、function/tag 输出形态和边界知识引用。", + links: [ + "http://10.189.47.6/session/__LOCALID_ji5lCfb", + "http://10.189.47.6/session/__LOCALID_Z22r3pn", + "http://10.189.47.6/session/__LOCALID_jsu7aIX", + "http://10.189.47.6/session/__LOCALID_WjULYPt", + "http://10.189.47.6/session/__LOCALID_YJyPnF7", + ], + }, + { + title: "标签大师 + online-mining", + description: "组合链路：先用线上日志定位样本，再结合标签知识做判断、整理和格式转换。", + links: ["http://10.189.47.6/session/__LOCALID_OLKxKnf"], + }, + { + title: "online-mining", + description: "线上挖掘链路：查询策略、ELK 字段探索、候选样本抽样 review 和标准数据沉淀。", + links: [ + "http://10.189.47.6/session/__LOCALID_BnxMLqn", + "http://10.189.47.6/session/__LOCALID_xZRilR5", + "http://10.189.47.6/session/__LOCALID_CBy2JB5", + ], + }, +]; + function SectionBlock({ section }: { section: Section }) { return (
@@ -277,6 +313,7 @@ export default function DocPage() { Agent Loop Skill 业务链路 + 示例 Session 代码索引 @@ -346,6 +383,34 @@ export default function DocPage() { ))} +
+
+ E +
+

示例 Session

+

+ 下面这些是真实跑过的会话，适合讲解时直接打开。它们展示的不是单次问答，而是 Skill 如何在 Agent Loop 中完成计划、工具调用、人工确认、产物生成和格式转换。 +

+
+
+
+ {exampleSessions.map((group) => ( +
+

{group.title}

+

{group.description}

+ +
+ ))} +
+
+
I diff --git a/frontend/app/app/globals.css b/frontend/app/app/globals.css index c682b79..83d512c 100644 --- a/frontend/app/app/globals.css +++ b/frontend/app/app/globals.css @@ -891,6 +891,78 @@ grid-template-columns: repeat(4, minmax(0, 1fr)); } +.project-doc-session-grid { + display: grid; + grid-template-columns: repeat(2, minmax(0, 1fr)); + gap: 16px; +} + +.project-doc-session-card { + border: 1px solid rgba(37, 99, 235, 0.13); + border-radius: 16px; + background: + linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(240, 249, 255, 0.7)), + #ffffff; + box-shadow: + 0 20px 52px rgba(15, 23, 42, 0.07), + inset 0 1px 0 rgba(255, 255, 255, 0.86); + padding: 20px; +} + +.project-doc-session-card h3 { + margin: 0 0 10px; + font-size: 20px; +} + +.project-doc-session-card p { + min-height: 54px; + margin: 0 0 16px; + color: #4b5563; + line-height: 1.65; +} + +.project-doc-session-card div { + display: grid; + gap: 8px; +} + +.project-doc-session-card a { + display: flex; + gap: 10px; + align-items: center; + border: 1px solid rgba(37, 99, 235, 0.16); + border-radius: 11px; + background: rgba(255, 255, 255, 0.72); + padding: 9px 10px; + color: #1d4ed8; + font-family: var(--font-mono); + font-size: 13px; + font-weight: 800; + text-decoration: none; + transition: + transform 160ms ease, + border-color 160ms ease, + background 160ms ease; +} + +.project-doc-session-card a:hover { + transform: translateY(-1px); + border-color: rgba(37, 99, 235, 0.32); + background: #eff6ff; +} + +.project-doc-session-card a span { + display: grid; + width: 28px; + height: 24px; + flex: 0 0 auto; + place-items: center; + border-radius: 8px; + background: #dbeafe; + color: #1e40af; + font-size: 11px; +} + .project-doc-detail-hero { border-bottom: 1px solid rgba(148, 163, 184, 0.22); background: @@ -1150,6 +1222,7 @@ .project-doc-overview-grid, .project-doc-grid, .project-doc-runtime, + .project-doc-session-grid, .project-doc-index { grid-template-columns: repeat(2, minmax(0, 1fr)); } @@ -1196,9 +1269,14 @@ .project-doc-grid, .project-doc-runtime, .project-doc-index, + .project-doc-session-grid, .project-doc-list div { grid-template-columns: 1fr; } + + .project-doc-session-card p { + min-height: 0; + } } :root {