feat(knowledge): 体系徽标小组件（触点①组件）

Author: Aparencia

app/src/components/SystemBadge.test.tsx

@@ -0,0 +1,32 @@
+// @vitest-environment jsdom
+/**
+ * SystemBadge.test.tsx — 体系徽标（v0.13.7 触点①）。
+ *
+ * @ai-context: 纯展示组件——组行小字区显示关联体系名；无引用计数时
+ *              只显示名字，有计数时显示"名 · N 引用"。
+ */
+import { afterEach, describe, expect, it, vi } from "vitest";
+import { cleanup, render, screen } from "@testing-library/react";
+import SystemBadge from "./SystemBadge";
+
+describe("SystemBadge", () => {
+  it("显示体系名与引用计数（有计数）", () => {
+    render(<SystemBadge name="摄影" linkCount={3} onClick={vi.fn()} />);
+    expect(screen.getByTestId("system-badge").textContent).toContain("摄影");
+    expect(screen.getByTestId("system-badge").textContent).toContain("3");
+  });
+
+  it("无引用计数时不显示计数", () => {
+    render(<SystemBadge name="摄影" linkCount={0} onClick={vi.fn()} />);
+    expect(screen.getByTestId("system-badge").textContent).not.toContain("0");
+  });
+
+  it("点击触发 onClick", () => {
+    const onClick = vi.fn();
+    render(<SystemBadge name="摄影" linkCount={0} onClick={onClick} />);
+    screen.getByTestId("system-badge").click();
+    expect(onClick).toHaveBeenCalledTimes(1);
+  });
+});
+
+afterEach(() => cleanup());

app/src/components/SystemBadge.tsx

@@ -0,0 +1,28 @@
+/**
+ * SystemBadge — 体系徽标（v0.13.7 触点① 组行）。
+ *
+ * @ai-context: 纯展示——组行小字区显示"该组被哪个体系引用"；点击跳转
+ *              体系页（onClick 由父级接线）。linkCount>0 时显示计数，
+ *              否则仅名字（零噪音——无引用不出现该组件本身）。
+ */
+interface Props {
+  name: string;
+  linkCount: number;
+  onClick: () => void;
+}
+
+export default function SystemBadge({ name, linkCount, onClick }: Props) {
+  return (
+    <button
+      data-testid="system-badge"
+      onClick={(e) => { e.stopPropagation(); onClick(); }}
+      style={{
+        fontSize: 10, cursor: "pointer", borderRadius: 8, padding: "0 5px",
+        background: "#f0fdfa", color: "#0f766e", border: "1px solid #99f6e4",
+      }}
+      title={linkCount > 0 ? `该组为体系「${name}」提供 ${linkCount} 处引用` : `体系「${name}」`}
+    >
+      🧭 {name}{linkCount > 0 ? ` · ${linkCount}` : ""}
+    </button>
+  );
+}