AI-Knowledge-Bank/knowledge.html at main · Greatbeing/AI-Knowledge-Bank · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Knowledge Vault | AI Knowledge Bank</title>
  <meta name="description" content="Knowledge Vault page for AI Knowledge Bank." />
  <link rel="icon" href="./assets/brand/akb-love-logo.svg" type="image/svg+xml" />
  <link rel="preconnect" href="https://fonts.googleapis.com" />
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Noto+Sans+SC:wght@400;500;700;800;900&family=JetBrains+Mono:wght@500;700&display=swap" rel="stylesheet" />
  <link rel="stylesheet" href="./assets/vault-page.css" />
</head>
<body data-page="knowledge">
  <canvas id="network-canvas" aria-hidden="true"></canvas>

  <header class="nav">
    <div class="shell nav-inner">
      <a class="brand" href="./index.html" aria-label="AI Knowledge Bank home">
        <img class="brand-mark" src="./assets/brand/akb-love-logo.svg" alt="AI Knowledge Bank logo" />
        <span>AI Knowledge Bank</span>
      </a>
      <nav class="nav-links" aria-label="Primary navigation">
        <a class="nav-link" href="./knowledge.html" data-nav="knowledge" data-i18n="navKnowledge">知识库</a>
        <a class="nav-link" href="./tools.html" data-nav="tools" data-i18n="navTools">工具库</a>
        <a class="nav-link" href="./cases.html" data-nav="cases" data-i18n="navCases">案例库</a>
        <a class="nav-link" href="./community.html" data-nav="community" data-i18n="navCommunity">社区</a>
      </nav>
      <div class="nav-actions">
        <a class="nav-button" href="./index.html" data-i18n="backHome">首页</a>
        <a class="nav-button primary" href="./index.html#dispatch" data-i18n="startLearning">开始学习</a>
        <button id="language-toggle" class="nav-button" type="button" aria-label="Switch language">EN</button>
      </div>
    </div>
  </header>

  <main>
    <section class="page-hero">
      <div class="shell hero-grid">
        <div>
          <div class="pill" data-page-i18n="pageKicker">KNOWLEDGE VAULT</div>
          <h1 class="hero-title" data-page-i18n="pageTitle">知识库：沉淀可解释、可验证、可迁移的 AI 判断框架。</h1>
        </div>
        <div class="hero-panel">
          <p class="hero-copy" data-page-i18n="pageCopy">这里保存认知模型、原则、边界条件和判断框架。</p>
          <div class="metric-grid mt-6">
            <div class="metric"><strong id="metric-nodes">0</strong><span data-i18n="nodeCount">节点</span></div>
            <div class="metric"><strong id="metric-routes">0</strong><span data-i18n="routeCount">路径</span></div>
            <div class="metric"><strong id="metric-signals">0</strong><span data-i18n="signalCount">信号</span></div>
          </div>
        </div>
      </div>
    </section>

    <section class="section">
      <div class="shell">
        <div class="section-head">
          <div>
            <h2 class="section-title" data-page-i18n="sectionTitle">可复用认知节点</h2>
          </div>
          <p class="section-copy" data-page-i18n="sectionCopy">这些节点来自 Supabase 三库内容。</p>
        </div>
        <section class="dispatch-panel" aria-labelledby="dispatch-title">
          <div class="dispatch-copy">
            <span class="panel-kicker" data-i18n="dispatchKicker">Cross-Vault Dispatch</span>
            <h2 id="dispatch-title" data-i18n="dispatchTitle">用一个场景调度知识、工具和案例</h2>
            <p data-i18n="dispatchCopy">输入你的目标或问题，系统会跨三库组合认知解释、执行路径和案例证据。</p>
          </div>
          <form id="dispatch-form" class="dispatch-form">
            <input id="dispatch-query" class="dispatch-input" type="search" autocomplete="off" data-i18n-placeholder="dispatchPlaceholder" placeholder="例如：跨境营销团队要优化 AI 本地化 SOP" />
            <button id="dispatch-run" class="dispatch-button" type="submit" data-i18n="dispatchRun">运行调度</button>
          </form>
          <p id="dispatch-status" class="dispatch-status" aria-live="polite" data-i18n="dispatchReady">准备调度三库内容</p>
          <div id="dispatch-results" class="dispatch-results" aria-live="polite">
            <article class="dispatch-result" data-dispatch-layer="knowledge"></article>
            <article class="dispatch-result" data-dispatch-layer="tools"></article>
            <article class="dispatch-result" data-dispatch-layer="cases"></article>
          </div>
        </section>
        <div class="toolbar">
          <input id="page-search" class="search-input" type="search" placeholder="筛选当前页面内容" />
          <select id="source-filter" class="filter-select" aria-label="Filter by source">
            <option value="all" data-i18n="sourceAll">全部来源</option>
            <option value="supabase">Supabase</option>
            <option value="fallback">Demo</option>
          </select>
          <select id="trust-filter" class="filter-select" aria-label="Filter by minimum trust">
            <option value="0" data-i18n="trustAll">全部可信度</option>
            <option value="70">70%+</option>
            <option value="80">80%+</option>
            <option value="90">90%+</option>
          </select>
          <span id="result-status" class="result-status" role="status" aria-live="polite">正在加载</span>
        </div>
        <div id="node-grid" class="node-grid" aria-live="polite"></div>
      </div>
    </section>

    <section class="section">
      <div class="shell">
        <div class="section-head">
          <div>
            <h2 class="section-title" data-page-i18n="insightTitle">知识库如何工作</h2>
          </div>
          <p class="section-copy" data-page-i18n="insightCopy">知识库不是文章目录。</p>
        </div>
        <div id="insight-grid" class="insight-grid"></div>
        <div class="community-only community-layout">
          <div id="signal-grid" class="signal-grid"></div>
          <aside class="action-panel">
            <h3 data-i18n="panelTitleCommunity">实时验证信号</h3>
            <p data-i18n="panelCopyCommunity">点击后会向现有 Cloudflare API 提交一次社区验证信号。</p>
            <button id="run-validation" class="run-button" type="button" data-i18n="runValidation">运行社区验证</button>
            <p id="status-line" class="status-line" data-i18n="validationReady">准备接收社区验证信号</p>
          </aside>
        </div>
      </div>
    </section>
  </main>

  <footer class="footer">
    <div class="shell" data-i18n="footer">AI Knowledge Bank：AI 时代的公共知识银行。</div>
  </footer>

  <div id="detail-panel" class="detail-panel" aria-hidden="true">
    <div class="detail-backdrop" data-detail-close></div>
    <article class="detail-dialog" role="dialog" aria-modal="true" aria-labelledby="detail-title">
      <button class="detail-close" type="button" data-detail-close aria-label="Close detail">&times;</button>
      <div id="detail-content"></div>
    </article>
  </div>

  <script type="module" src="./assets/vault-page.js"></script>
</body>
</html>