-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathknowledge.html
More file actions
145 lines (138 loc) · 8.25 KB
/
Copy pathknowledge.html
File metadata and controls
145 lines (138 loc) · 8.25 KB
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
136
137
138
139
140
141
142
143
144
145
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Knowledge | Explainable AI methods — AI Knowledge Bank</title>
<meta name="description" content="Explainable principles, decision frames, and boundaries that clarify why an AI method works." />
<link rel="canonical" href="https://aiknowledgebank.pages.dev/knowledge.html" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Knowledge Vault | AI Knowledge Bank" />
<meta property="og:description" content="Principles, cognitive models, explainers, and decision frames for AI-era knowledge work." />
<meta property="og:url" content="https://aiknowledgebank.pages.dev/knowledge.html" />
<meta property="og:image" content="https://aiknowledgebank.pages.dev/assets/readme/hero.svg" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Knowledge Vault | AI Knowledge Bank" />
<meta name="twitter:description" content="Principles, cognitive models, explainers, and decision frames for AI-era knowledge work." />
<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=JetBrains+Mono:wght@500;600&family=Noto+Sans+SC:wght@400;500;600;700&family=Noto+Serif+SC:wght@600;700&display=swap" rel="stylesheet" />
<link rel="stylesheet" href="./assets/vault-page.css" />
<link rel="stylesheet" href="./assets/typography.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</div>
<h1 class="hero-title" data-page-i18n="pageTitle">先理解为什么，再决定用什么。</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">这些知识条目构成跨库查找的解释层。</p>
</div>
<section class="dispatch-panel" aria-labelledby="dispatch-title">
<div class="dispatch-copy">
<span class="panel-kicker" data-i18n="dispatchKicker">跨库查找</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">真实条目会以当前登录用户的身份写入；演示条目只在本地模拟，不会写入数据库。</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：使用被验证的方法，也为下一版本贡献证据。</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">×</button>
<div id="detail-content"></div>
</article>
</div>
<script type="module" src="./assets/vault-page.js"></script>
</body>
</html>