docs: add example session links

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 (
 		<section className="project-doc-section" id={section.id}>
@@ -277,6 +313,7 @@ export default function DocPage() {
 						<a href="#loop">Agent Loop</a>
 						<a href="#skills">Skill</a>
 						<a href="#product">业务链路</a>
+						<a href="#examples">示例 Session</a>
 						<a href="#code-index">代码索引</a>
 					</div>
 				</nav>
@@ -346,6 +383,34 @@ export default function DocPage() {
 				<SectionBlock key={section.id} section={section} />
 			))}
 
+			<section className="project-doc-section" id="examples">
+				<div className="project-doc-section-head">
+					<span>E</span>
+					<div>
+						<h2>示例 Session</h2>
+						<p>
+							下面这些是真实跑过的会话，适合讲解时直接打开。它们展示的不是单次问答，而是 Skill 如何在 Agent Loop 中完成计划、工具调用、人工确认、产物生成和格式转换。
+						</p>
+					</div>
+				</div>
+				<div className="project-doc-session-grid">
+					{exampleSessions.map((group) => (
+						<div className="project-doc-session-card" key={group.title}>
+							<h3>{group.title}</h3>
+							<p>{group.description}</p>
+							<div>
+								{group.links.map((link, index) => (
+									<a href={link} key={link} rel="noopener" target="_blank">
+										<span>{String(index + 1).padStart(2, "0")}</span>
+										{link.replace("http://10.189.47.6/session/", "")}
+									</a>
+								))}
+							</div>
+						</div>
+					))}
+				</div>
+			</section>
+
 			<section className="project-doc-section" id="code-index">
 				<div className="project-doc-section-head">
 					<span>I</span>

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 {