arcrun — AI workflow execution engine (clean history)

Self-hosted 開源：WASM 零件 + recipe + cypher-executor，跑在你自己的 Cloudflare。此為重建的乾淨歷史起點（移除曾誤 commit 的 GCP SA 金鑰，舊歷史保留在 richblack/arcrun 與本地 backup 分支）。含： - acr init --self-hosted installer（建 KV/R2 + codeload 拉預編譯 wasm + wrangler deploy + seed recipe） - recipe push 把關（資料外流提醒 + 打通檢查） - 19 個正當零件預編譯 wasm（claude_api/km_writer/kbdb_upsert_block 排除：違反 DECISIONS §1） - CLI / cypher-executor / registry / 完整 SDD Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-03 15:52:38 +08:00
commit 922a57fe34
485 changed files with 89356 additions and 0 deletions
@@ -0,0 +1,467 @@
+'use client';
+
+export const runtime = 'edge';
+
+// Mira Wiki 單篇頁
+// SDD: polaris/mira/.agents/specs/mira-app/design.md §5.2 + §3.5.12
+// 對應 task: 7C.2 + 7B.3g
+// 路由：/mira/wiki/[pageName]
+// 顯示：wiki-page parent → wiki-paragraph children (按 facet 分區) → triplet grandchildren
+// 7B.3g 升級：樹狀渲染 + 折疊 + triplet 跨 wiki 連結化
+
+import { useEffect, useMemo, useState, use } from 'react';
+import Link from 'next/link';
+import { MarkdownView } from '../../_shared/markdown';
+import '../../mira.css';
+
+const KBDB_BASE = 'https://kbdb.finally.click';
+const API_BASE = process.env.NEXT_PUBLIC_API_BASE ?? 'https://cypher.arcrun.dev';
+
+type Block = {
+  id: string;
+  page_name: string | null;
+  content: string;
+  type: string;
+  parent_id: string | null;
+  tags_json: string | null;
+  source: string | null;
+  created_at: number;
+  updated_at: number;
+};
+
+type FacetGroup = {
+  facet: string;
+  paragraphs: Array<{
+    block: Block;
+    triplets: Block[];
+  }>;
+};
+
+export default function WikiPagePage({
+  params,
+}: {
+  params: Promise<{ pageName: string }>;
+}) {
+  const { pageName } = use(params);
+  const decodedName = decodeURIComponent(pageName);
+
+  const [block, setBlock] = useState<Block | null>(null);
+  const [paragraphs, setParagraphs] = useState<Block[]>([]);
+  const [triplets, setTriplets] = useState<Block[]>([]);
+  const [entitySet, setEntitySet] = useState<Set<string>>(new Set());
+  // Backlinks：所有提到此 entity 的 raw note（V3 wiki_synthesis 在 wiki-page tags 寫 raw:XXX）
+  // 對應 leo 2026-05-17 #2 反饋：「從這本書的條目應該反向連到那篇筆記去」
+  const [backlinkRaws, setBacklinkRaws] = useState<Block[]>([]);
+  const [collapsed, setCollapsed] = useState<Record<string, boolean>>({});
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<string | null>(null);
+
+  useEffect(() => {
+    let cancelled = false;
+    async function load() {
+      try {
+        const meRes = await fetch(`${API_BASE}/me`, { credentials: 'include' });
+        if (!meRes.ok) throw new Error('未登入');
+        const me = (await meRes.json()) as { api_key: string };
+        const headers = { Authorization: `Bearer ${me.api_key}` };
+
+        // 1. 抓 wiki-page parent block by page_name
+        const pageRes = await fetch(
+          `${KBDB_BASE}/blocks?page_name=${encodeURIComponent(decodedName)}&limit=1`,
+          { headers },
+        );
+        if (!pageRes.ok) throw new Error(`KBDB ${pageRes.status}`);
+        const pageData = await pageRes.json();
+        const wikiPage: Block | undefined = pageData.blocks?.[0];
+        if (cancelled) return;
+        if (!wikiPage) {
+          setError(`找不到 wiki page：${decodedName}`);
+          return;
+        }
+        setBlock(wikiPage);
+
+        // 2. 平行撈所有 wiki-paragraph + triplet + wiki-page（跨 wiki 連結用），客戶端 filter by parent_id
+        //    KBDB 沒 parent_id server filter（兼 tag filter 還有 KI-3 bug），用 source+type 取再 client-side filter
+        const [paraRes, tripRes, pageListRes] = await Promise.all([
+          fetch(`${KBDB_BASE}/blocks?source=ai-canon-wiki&type=wiki-paragraph&limit=500`, { headers }),
+          fetch(`${KBDB_BASE}/blocks?source=ai-canon-wiki&type=triplet&limit=1000`, { headers }),
+          fetch(`${KBDB_BASE}/blocks?source=ai-canon-wiki&type=wiki-page&limit=500`, { headers }),
+        ]);
+        if (!paraRes.ok || !tripRes.ok || !pageListRes.ok) {
+          throw new Error('KBDB tree fetch failed');
+        }
+        const paraData = await paraRes.json();
+        const tripData = await tripRes.json();
+        const pageListData = await pageListRes.json();
+        if (cancelled) return;
+
+        const allParas: Block[] = paraData.blocks ?? [];
+        const allTrips: Block[] = tripData.blocks ?? [];
+        const allPages: Block[] = pageListData.blocks ?? [];
+
+        // 該 wiki-page 的 paragraphs
+        const myParas = allParas
+          .filter((p) => p.parent_id === wikiPage.id)
+          .sort((a, b) => a.created_at - b.created_at);
+        setParagraphs(myParas);
+
+        // 該 wiki-page 範圍內所有 paragraph 的 triplets
+        const paraIdSet = new Set(myParas.map((p) => p.id));
+        const myTrips = allTrips.filter((t) => t.parent_id && paraIdSet.has(t.parent_id));
+        setTriplets(myTrips);
+
+        // 跨 wiki 連結用：所有 wiki-page 的 entity 名稱（content 就是 entity）
+        // 額外把 page_name 也加入（page_name=wiki-{entity}）
+        const eset = new Set<string>();
+        for (const p of allPages) {
+          if (p.content) eset.add(p.content.trim());
+          if (p.page_name?.startsWith('wiki-')) {
+            eset.add(p.page_name.slice(5).trim());
+          }
+        }
+        setEntitySet(eset);
+
+        // Backlinks：找此 entity 的所有 wiki-page (可能多次寫入)，提取 raw:XXX tag → fetch raw blocks
+        if (wikiPage.type === 'wiki-page' && wikiPage.content) {
+          const sameEntity = allPages.filter((p) => p.content?.trim() === wikiPage.content?.trim());
+          const rawIds = new Set<string>();
+          for (const wp of sameEntity) {
+            try {
+              const tags = JSON.parse(wp.tags_json || '[]') as string[];
+              for (const t of tags) {
+                if (typeof t === 'string' && t.startsWith('raw:')) {
+                  rawIds.add(t.slice(4));
+                }
+              }
+            } catch { /* skip */ }
+          }
+          if (rawIds.size > 0) {
+            // 一次撈 raw blocks，page_name 是 unique 一次 query 一個
+            const rawBlocks: Block[] = [];
+            await Promise.all(
+              Array.from(rawIds).map(async (rawId) => {
+                try {
+                  // KBDB GET /blocks/:id 直接 by id (走 list with block_id filter)
+                  const r = await fetch(`${KBDB_BASE}/blocks/${rawId}`, { headers });
+                  if (r.ok) {
+                    const data = await r.json();
+                    const b = data.blocks?.[0] ?? data;
+                    if (b?.id) rawBlocks.push(b as Block);
+                  }
+                } catch { /* skip */ }
+              }),
+            );
+            if (!cancelled) {
+              setBacklinkRaws(rawBlocks.sort((a, b) => b.updated_at - a.updated_at));
+            }
+          }
+        }
+      } catch (e: any) {
+        if (!cancelled) setError(e?.message ?? 'load failed');
+      } finally {
+        if (!cancelled) setLoading(false);
+      }
+    }
+    load();
+    return () => {
+      cancelled = true;
+    };
+  }, [decodedName]);
+
+  // 按 facet 分區
+  const facetGroups = useMemo<FacetGroup[]>(() => {
+    const groups: Map<string, Array<{ block: Block; triplets: Block[] }>> = new Map();
+    for (const p of paragraphs) {
+      const facet = extractFacet(p.tags_json) ?? '未分類';
+      const myTrips = triplets.filter((t) => t.parent_id === p.id);
+      if (!groups.has(facet)) groups.set(facet, []);
+      groups.get(facet)!.push({ block: p, triplets: myTrips });
+    }
+    return Array.from(groups.entries()).map(([facet, paragraphs]) => ({ facet, paragraphs }));
+  }, [paragraphs, triplets]);
+
+  const isWikiPage = block?.type === 'wiki-page';
+  // 標題：wiki-page 用 content（entity 名稱），其他（index-entry/schema/log/...）用 page_name 剝 prefix
+  // 修 bug：原本一律用 block.content，但 index-entry 的 content 是整篇 markdown，會把整個 content render 成 h1
+  const entity = isWikiPage
+    ? (block?.content?.trim() || decodedName.replace(/^wiki-/, ''))
+    : decodedName.replace(/^(wiki|index)-/, '');
+
+  function toggleCollapse(key: string) {
+    setCollapsed((c) => ({ ...c, [key]: !c[key] }));
+  }
+
+  return (
+    <main className="mira-app">
+      <div className="mira-content mira-wiki-detail">
+        <header style={{ padding: '24px 0 16px', borderBottom: '1px solid #2a2a2a' }}>
+          <Link
+            href="/mira/wiki"
+            style={{ color: '#888', fontSize: 14, textDecoration: 'none' }}
+          >
+            ← Wiki 索引
+          </Link>
+          <h1 style={{ fontSize: 28, fontWeight: 700, color: '#fff', margin: '8px 0 4px' }}>
+            {entity}
+          </h1>
+          {block && (
+            <div style={{ color: '#666', fontSize: 12 }}>
+              {block.type} ・ updated {new Date(block.updated_at * 1000).toLocaleString('zh-TW')}
+            </div>
+          )}
+        </header>
+
+        {loading && <div style={{ padding: 24, color: '#666' }}>載入中⋯</div>}
+        {error && <div style={{ padding: 24, color: '#e66' }}>{error}</div>}
+
+        {block && !loading && !error && (
+          <>
+            {/* wiki-page tree view */}
+            {isWikiPage && facetGroups.length > 0 && (
+              <article style={{ padding: '8px 0 24px' }}>
+                {facetGroups.map((group) => (
+                  <FacetSection
+                    key={group.facet}
+                    group={group}
+                    entitySet={entitySet}
+                    collapsed={collapsed}
+                    toggleCollapse={toggleCollapse}
+                  />
+                ))}
+              </article>
+            )}
+
+            {/* wiki-page 但沒 children：fallback render content */}
+            {isWikiPage && facetGroups.length === 0 && (
+              <article style={{ padding: '8px 0 24px', color: '#888' }}>
+                <em>尚無段落（wiki_synthesis 還沒跑出 children）</em>
+                <MarkdownView text={block.content} />
+              </article>
+            )}
+
+            {/* 非 wiki-page（schema / index / log / index-entry 等）：直接 render content */}
+            {!isWikiPage && (
+              <article style={{ padding: '20px 0' }}>
+                <MarkdownView text={block.content} />
+              </article>
+            )}
+
+            {/* Backlinks：提到此 entity 的 raw notes */}
+            {isWikiPage && backlinkRaws.length > 0 && (
+              <section
+                style={{
+                  margin: '24px 0 16px',
+                  padding: '12px 14px',
+                  borderLeft: '3px solid #4a3a2a',
+                  background: 'rgba(80, 60, 40, 0.08)',
+                }}
+              >
+                <h3 style={{ margin: '0 0 8px', fontSize: 14, color: '#aab', fontWeight: 600 }}>
+                  📎 提到此 entity 的筆記 ({backlinkRaws.length})
+                </h3>
+                <ul style={{ margin: 0, paddingLeft: 18, fontSize: 13, lineHeight: 1.6 }}>
+                  {backlinkRaws.map((raw) => {
+                    const preview = (raw.content || '').replace(/\n/g, ' ').slice(0, 100);
+                    const href = `/mira/feed#page=${encodeURIComponent(raw.page_name || raw.id)}`;
+                    return (
+                      <li key={raw.id} style={{ marginBottom: 4 }}>
+                        <a
+                          href={href}
+                          style={{ color: '#9ab', textDecoration: 'none' }}
+                          title={raw.content || ''}
+                        >
+                          {preview}
+                          {(raw.content || '').length > 100 && '…'}
+                        </a>
+                      </li>
+                    );
+                  })}
+                </ul>
+              </section>
+            )}
+
+            <footer
+              style={{
+                padding: '20px 0',
+                borderTop: '1px solid #1f1f1f',
+                color: '#555',
+                fontSize: 12,
+              }}
+            >
+              <div>id: <span style={{ fontFamily: 'monospace' }}>{block.id}</span></div>
+              <div>type: {block.type}</div>
+              {block.source && <div>source: {block.source}</div>}
+              {block.parent_id && (
+                <div>
+                  parent: <span style={{ fontFamily: 'monospace' }}>{block.parent_id}</span>
+                </div>
+              )}
+              {paragraphs.length > 0 && (
+                <div>
+                  {paragraphs.length} paragraph(s) ・ {triplets.length} triplet(s)
+                </div>
+              )}
+            </footer>
+          </>
+        )}
+      </div>
+    </main>
+  );
+}
+
+function FacetSection({
+  group,
+  entitySet,
+  collapsed,
+  toggleCollapse,
+}: {
+  group: FacetGroup;
+  entitySet: Set<string>;
+  collapsed: Record<string, boolean>;
+  toggleCollapse: (key: string) => void;
+}) {
+  const key = `facet:${group.facet}`;
+  const isCollapsed = collapsed[key] ?? false; // 預設展開（leo 看一篇 wiki 時要看內容）
+
+  return (
+    <section style={{ margin: '16px 0', borderLeft: '3px solid #2a3a4a', paddingLeft: 14 }}>
+      <button
+        onClick={() => toggleCollapse(key)}
+        style={{
+          background: 'transparent',
+          border: 'none',
+          color: '#aab',
+          fontSize: 16,
+          fontWeight: 600,
+          padding: '4px 0',
+          cursor: 'pointer',
+          textAlign: 'left',
+          width: '100%',
+        }}
+      >
+        {isCollapsed ? '▸' : '▾'} {group.facet}
+        <span style={{ color: '#555', fontWeight: 400, fontSize: 13, marginLeft: 8 }}>
+          ({group.paragraphs.length})
+        </span>
+      </button>
+      {!isCollapsed &&
+        group.paragraphs.map((p) => (
+          <ParagraphBlock
+            key={p.block.id}
+            block={p.block}
+            triplets={p.triplets}
+            entitySet={entitySet}
+            collapsed={collapsed}
+            toggleCollapse={toggleCollapse}
+          />
+        ))}
+    </section>
+  );
+}
+
+function ParagraphBlock({
+  block,
+  triplets,
+  entitySet,
+  collapsed,
+  toggleCollapse,
+}: {
+  block: Block;
+  triplets: Block[];
+  entitySet: Set<string>;
+  collapsed: Record<string, boolean>;
+  toggleCollapse: (key: string) => void;
+}) {
+  const tripKey = `trip:${block.id}`;
+  const tripsCollapsed = collapsed[tripKey] ?? true; // triplets 預設折疊
+
+  return (
+    <div style={{ margin: '12px 0 16px', paddingLeft: 4 }}>
+      <div style={{ color: '#ddd', lineHeight: 1.7 }}>
+        <MarkdownView text={block.content} />
+      </div>
+      {triplets.length > 0 && (
+        <div style={{ marginTop: 8 }}>
+          <button
+            onClick={() => toggleCollapse(tripKey)}
+            style={{
+              background: 'transparent',
+              border: 'none',
+              color: '#666',
+              fontSize: 12,
+              padding: '2px 0',
+              cursor: 'pointer',
+            }}
+          >
+            {tripsCollapsed ? '▸' : '▾'} 關係 ({triplets.length})
+          </button>
+          {!tripsCollapsed && (
+            <ul style={{ listStyle: 'none', padding: '4px 0 0 12px', margin: 0 }}>
+              {triplets.map((t) => (
+                <li
+                  key={t.id}
+                  style={{
+                    color: '#888',
+                    fontSize: 13,
+                    padding: '2px 0',
+                    fontFamily: 'monospace',
+                  }}
+                >
+                  <TripletRender content={t.content} entitySet={entitySet} />
+                </li>
+              ))}
+            </ul>
+          )}
+        </div>
+      )}
+    </div>
+  );
+}
+
+/** Render triplet "A >> 關係 >> B" with A/B linkified if they match an existing wiki entity */
+function TripletRender({
+  content,
+  entitySet,
+}: {
+  content: string;
+  entitySet: Set<string>;
+}) {
+  // 切「>>」分 A / 關係 / B
+  const parts = content.split('>>').map((s) => s.trim());
+  if (parts.length !== 3) {
+    return <>{content}</>;
+  }
+  const [a, rel, b] = parts;
+  return (
+    <>
+      <EntityLink name={a} entitySet={entitySet} />{' '}
+      <span style={{ color: '#666' }}>&gt;&gt; {rel} &gt;&gt;</span>{' '}
+      <EntityLink name={b} entitySet={entitySet} />
+    </>
+  );
+}
+
+function EntityLink({ name, entitySet }: { name: string; entitySet: Set<string> }) {
+  if (entitySet.has(name)) {
+    return (
+      <Link
+        href={`/mira/wiki/${encodeURIComponent(`wiki-${name}`)}`}
+        style={{ color: '#88c0ff', textDecoration: 'none' }}
+      >
+        {name}
+      </Link>
+    );
+  }
+  return <span style={{ color: '#ccc' }}>{name}</span>;
+}
+
+function extractFacet(tags_json: string | null | undefined): string | null {
+  if (!tags_json) return null;
+  try {
+    const tags = JSON.parse(tags_json) as string[];
+    const facetTag = tags.find((t) => t.startsWith('facet:'));
+    return facetTag ? facetTag.slice(6) : null;
+  } catch {
+    return null;
+  }
+}
@@ -0,0 +1,346 @@
+'use client';
+
+// Mira Wiki 索引頁
+// SDD: polaris/mira/.agents/specs/mira-app/design.md §5.2 + §3.5.10
+// 對應 task: 7C.1
+// 階段 7-A 已建：mira-wiki-schema、mira-wiki-index(+4 children)、mira-wiki-log(+1 child)
+// 此頁列出這些 infra block 與既有 wiki-page，方便 leo 在瀏覽器確認 schema 寫得對不對
+
+import { useEffect, useMemo, useState } from 'react';
+import Link from 'next/link';
+import '../mira.css';
+
+const KBDB_BASE = 'https://kbdb.finally.click';
+const API_BASE = process.env.NEXT_PUBLIC_API_BASE ?? 'https://cypher.arcrun.dev';
+
+type Block = {
+  id: string;
+  page_name: string;
+  content: string;
+  type: string;
+  parent_id: string | null;
+  tags_json: string | null;
+  created_at: number;
+};
+
+export default function WikiIndexPage() {
+  const [schema, setSchema] = useState<Block | null>(null);
+  const [indexChildren, setIndexChildren] = useState<Block[]>([]);
+  const [logEntries, setLogEntries] = useState<Block[]>([]);
+  const [otherWikiPages, setOtherWikiPages] = useState<Block[]>([]);
+  const [indexEntries, setIndexEntries] = useState<Block[]>([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<string | null>(null);
+
+  useEffect(() => {
+    let cancelled = false;
+    async function load() {
+      try {
+        // 先拿 ak_ partner key（同 page.tsx pattern）
+        const meRes = await fetch(`${API_BASE}/me`, { credentials: 'include' });
+        if (!meRes.ok) throw new Error('未登入');
+        const me = (await meRes.json()) as { api_key: string };
+        const headers = { Authorization: `Bearer ${me.api_key}` };
+
+        // 撈所有 type=wiki-page，再 client 端過濾 tags 含 'mira-wiki'
+        // 原本 ?tag=mira-wiki 撞 KBDB worker D1 bug（malformed JSON），改 type filter
+        // 待 KBDB 修 tag filter 後可改回（SDD 待開 kbdb-tag-filter-fix）
+        const res = await fetch(
+          `${KBDB_BASE}/blocks?type=wiki-page&limit=200`,
+          { headers },
+        );
+        if (!res.ok) throw new Error(`KBDB ${res.status}`);
+        const data = await res.json();
+        if (cancelled) return;
+        const allWikiBlocks: Block[] = data.blocks ?? [];
+        // Client 端過濾：只留 tags 含 'mira-wiki'
+        const blocks: Block[] = allWikiBlocks.filter((b) => {
+          if (!b.tags_json) return false;
+          try {
+            const tags = JSON.parse(b.tags_json) as string[];
+            return tags.includes('mira-wiki');
+          } catch {
+            return false;
+          }
+        });
+
+        const tagsOf = (b: Block): string[] => {
+          if (!b.tags_json) return [];
+          try {
+            return JSON.parse(b.tags_json) as string[];
+          } catch {
+            return [];
+          }
+        };
+        const hasSubtype = (b: Block, st: string) =>
+          tagsOf(b).includes(`subtype:${st}`);
+        const hasAnyInfraSubtype = (b: Block) =>
+          ['schema', 'index', 'index-child', 'log', 'log-child'].some((st) => hasSubtype(b, st));
+        const hasMetaTag = (b: Block) =>
+          tagsOf(b).some((t) => t === 'data-source-config' || t === 'source-skill');
+
+        setSchema(blocks.find((b) => hasSubtype(b, 'schema')) ?? null);
+        setIndexChildren(
+          blocks
+            .filter((b) => hasSubtype(b, 'index-child'))
+            .sort((a, b) => a.page_name.localeCompare(b.page_name)),
+        );
+        setLogEntries(
+          blocks
+            .filter((b) => hasSubtype(b, 'log-child'))
+            .sort((a, b) => b.page_name.localeCompare(a.page_name)),
+        );
+        // 真正的 wiki-page paragraphs（排除 infra 跟 meta 配置）
+        setOtherWikiPages(
+          blocks
+            .filter((b) => !hasAnyInfraSubtype(b) && !hasMetaTag(b))
+            .sort((a, b) => (b.created_at ?? 0) - (a.created_at ?? 0)),
+        );
+
+        // 平行撈 index-entry blocks（per-entity 摘要，CC navigation entry point）
+        // 對應 design.md §3.5.12.4.1 / 7B.3f
+        const idxRes = await fetch(
+          `${KBDB_BASE}/blocks?type=index-entry&limit=200`,
+          { headers },
+        );
+        if (idxRes.ok) {
+          const idxData = await idxRes.json();
+          if (!cancelled) {
+            const idxBlocks: Block[] = idxData.blocks ?? [];
+            setIndexEntries(
+              idxBlocks.sort((a, b) => (a.page_name ?? '').localeCompare(b.page_name ?? '')),
+            );
+          }
+        }
+      } catch (e: any) {
+        if (!cancelled) setError(e?.message ?? 'load failed');
+      } finally {
+        if (!cancelled) setLoading(false);
+      }
+    }
+    load();
+    return () => {
+      cancelled = true;
+    };
+  }, []);
+
+  // Dedupe wiki-pages by entity（content）— 累積式設計每個 raw 各建一個 wiki-page，
+  // 同 entity 多版只在 listing 顯示最新一張卡 + 版本數提示
+  const dedupedWikiPages = useMemo(() => {
+    const groups = new Map<string, { entity: string; latest: Block; versionCount: number }>();
+    for (const p of otherWikiPages) {
+      const entity = (p.content || '').trim() || p.page_name || '?';
+      const existing = groups.get(entity);
+      if (!existing) {
+        groups.set(entity, { entity, latest: p, versionCount: 1 });
+      } else {
+        existing.versionCount++;
+        if ((p.created_at ?? 0) > (existing.latest.created_at ?? 0)) {
+          existing.latest = p;
+        }
+      }
+    }
+    return Array.from(groups.values()).sort(
+      (a, b) => (b.latest.created_at ?? 0) - (a.latest.created_at ?? 0),
+    );
+  }, [otherWikiPages]);
+
+  return (
+    <main className="mira-app">
+      <div className="mira-content">
+        <header style={{ padding: '24px 0 16px', borderBottom: '1px solid #2a2a2a' }}>
+          <div style={{ display: 'flex', alignItems: 'center', gap: 12, marginBottom: 4 }}>
+            <Link
+              href="/mira"
+              style={{ color: '#888', fontSize: 14, textDecoration: 'none' }}
+            >
+              ← Mira 首頁
+            </Link>
+          </div>
+          <h1 style={{ fontSize: 28, fontWeight: 700, color: '#fff', margin: 0 }}>
+            📚 Mira Wiki
+          </h1>
+          <p style={{ color: '#888', fontSize: 14, marginTop: 4 }}>
+            leo 的個人觀點累積（Karpathy LLM Wiki 風格）
+          </p>
+        </header>
+
+        {loading && <div style={{ padding: 24, color: '#666' }}>載入中⋯</div>}
+        {error && (
+          <div style={{ padding: 24, color: '#e66' }}>讀取失敗：{error}</div>
+        )}
+
+        {!loading && !error && (
+          <>
+            <Section title="📋 Schema（合成規則）">
+              {schema ? (
+                <WikiCardLink page_name={schema.page_name} title="mira-wiki-schema" excerpt="ingest 規則手冊：cypher binding、17 predicates、entity normalize⋯" />
+              ) : (
+                <Empty>尚未建立 schema</Empty>
+              )}
+            </Section>
+
+            <Section title="🗂 Index（4 個分類）">
+              {indexChildren.length > 0 ? (
+                <div style={{ display: 'grid', gap: 8 }}>
+                  {indexChildren.map((b) => {
+                    const tags = b.tags_json ? (JSON.parse(b.tags_json) as string[]) : [];
+                    const key = tags.find((t) => t.startsWith('index-key:'))?.replace('index-key:', '') ?? '?';
+                    return (
+                      <WikiCardLink
+                        key={b.id}
+                        page_name={b.page_name}
+                        title={`${iconForKey(key)} ${key}`}
+                        excerpt={firstLineOf(b.content)}
+                      />
+                    );
+                  })}
+                </div>
+              ) : (
+                <Empty>index children 尚未建立</Empty>
+              )}
+            </Section>
+
+            <Section title={`🧭 Index Entries（${indexEntries.length}）— CC 看的 entity 摘要`}>
+              {indexEntries.length > 0 ? (
+                <div style={{ display: 'grid', gap: 8 }}>
+                  {indexEntries.map((b) => {
+                    const entity = (b.page_name ?? '').replace(/^index-/, '');
+                    const firstLine = firstLineOf(b.content)
+                      .replace(/^#+\s*/, '')
+                      .slice(0, 80);
+                    return (
+                      <WikiCardLink
+                        key={b.id}
+                        page_name={b.page_name ?? ''}
+                        title={entity}
+                        excerpt={firstLine || `index for ${entity}`}
+                      />
+                    );
+                  })}
+                </div>
+              ) : (
+                <Empty>尚未有 index-entry（wiki_synthesis 跑完後自動建）</Empty>
+              )}
+            </Section>
+
+            <Section title="📜 Log（每月一筆）">
+              {logEntries.length > 0 ? (
+                <div style={{ display: 'grid', gap: 8 }}>
+                  {logEntries.map((b) => (
+                    <WikiCardLink
+                      key={b.id}
+                      page_name={b.page_name}
+                      title={b.page_name}
+                      excerpt={firstLineOf(b.content)}
+                    />
+                  ))}
+                </div>
+              ) : (
+                <Empty>尚未有 log</Empty>
+              )}
+            </Section>
+
+            <Section title={`📖 Wiki Pages（${dedupedWikiPages.length}，原 ${otherWikiPages.length} 筆累積版本）`}>
+              {dedupedWikiPages.length > 0 ? (
+                <div style={{ display: 'grid', gap: 8 }}>
+                  {dedupedWikiPages.map((g) => (
+                    <WikiCardLink
+                      key={g.latest.id}
+                      page_name={g.latest.page_name}
+                      title={g.entity}
+                      excerpt={
+                        g.versionCount > 1
+                          ? `${g.versionCount} 版累積 ・ 最新 ${new Date((g.latest.created_at ?? 0) * 1000).toLocaleString('zh-TW')}`
+                          : `建立 ${new Date((g.latest.created_at ?? 0) * 1000).toLocaleString('zh-TW')}`
+                      }
+                    />
+                  ))}
+                </div>
+              ) : (
+                <Empty>尚未有 wiki page（待 7-B ai-canon-wiki workflow 跑出第一張）</Empty>
+              )}
+            </Section>
+          </>
+        )}
+      </div>
+    </main>
+  );
+}
+
+function Section({ title, children }: { title: string; children: React.ReactNode }) {
+  return (
+    <section style={{ padding: '20px 0', borderBottom: '1px solid #1f1f1f' }}>
+      <h2 style={{ fontSize: 16, fontWeight: 600, color: '#ddd', marginBottom: 12 }}>
+        {title}
+      </h2>
+      {children}
+    </section>
+  );
+}
+
+function Empty({ children }: { children: React.ReactNode }) {
+  return (
+    <div style={{ color: '#555', fontStyle: 'italic', fontSize: 13 }}>{children}</div>
+  );
+}
+
+function WikiCardLink({
+  page_name,
+  title,
+  excerpt,
+}: {
+  page_name: string;
+  title: string;
+  excerpt: string;
+}) {
+  return (
+    <Link
+      href={`/mira/wiki/${encodeURIComponent(page_name)}`}
+      style={{
+        display: 'block',
+        padding: '12px 14px',
+        background: '#1a1a1a',
+        border: '1px solid #2a2a2a',
+        borderRadius: 6,
+        textDecoration: 'none',
+        color: 'inherit',
+      }}
+    >
+      <div style={{ color: '#ddd', fontWeight: 500, marginBottom: 4 }}>{title}</div>
+      {excerpt && (
+        <div
+          style={{
+            color: '#888',
+            fontSize: 13,
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+            whiteSpace: 'nowrap',
+          }}
+        >
+          {excerpt}
+        </div>
+      )}
+    </Link>
+  );
+}
+
+function iconForKey(key: string): string {
+  return (
+    {
+      entities: '🧩',
+      topics: '📂',
+      sources: '🔗',
+      stale: '⚠️',
+    }[key] ?? '•'
+  );
+}
+
+function firstLineOf(content: string): string {
+  if (!content) return '';
+  const firstNonHeader = content
+    .split('\n')
+    .map((l) => l.trim())
+    .find((l) => l && !l.startsWith('#') && !l.startsWith('>'));
+  return firstNonHeader ?? '';
+}