@kage-core/kage-graph-mcp 1.1.34 → 1.1.36
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +56 -129
- package/package.json +1 -1
- package/viewer/app.js +1507 -114
- package/viewer/data.html +303 -0
- package/viewer/graph.html +303 -0
- package/viewer/index.html +250 -123
- package/viewer/intel.html +303 -0
- package/viewer/memory.html +303 -0
- package/viewer/owners.html +303 -0
- package/viewer/review.html +303 -0
- package/viewer/styles.css +1304 -109
package/viewer/index.html
CHANGED
|
@@ -3,35 +3,91 @@
|
|
|
3
3
|
<head>
|
|
4
4
|
<meta charset="utf-8">
|
|
5
5
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
6
|
-
<title>Kage
|
|
7
|
-
<link rel="stylesheet" href="./styles.css?v=
|
|
6
|
+
<title>Kage viewer</title>
|
|
7
|
+
<link rel="stylesheet" href="./styles.css?v=33">
|
|
8
8
|
</head>
|
|
9
9
|
<body>
|
|
10
|
-
<
|
|
11
|
-
<
|
|
12
|
-
<
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
<
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
10
|
+
<div class="viewer-shell">
|
|
11
|
+
<aside class="repo-sidebar" aria-label="Repository navigation">
|
|
12
|
+
<a class="sidebar-brand" href="../">
|
|
13
|
+
<span class="brand-mark">K</span>
|
|
14
|
+
<span>Kage</span>
|
|
15
|
+
</a>
|
|
16
|
+
<div class="repo-card">
|
|
17
|
+
<span>Repository</span>
|
|
18
|
+
<strong>kage-core/Kage</strong>
|
|
19
|
+
</div>
|
|
20
|
+
<nav class="viewer-sections" aria-label="Kage viewer sections">
|
|
21
|
+
<a class="viewer-section active" href="./" data-viewer-page="overview" aria-current="page">Overview</a>
|
|
22
|
+
<a class="viewer-section" href="./graph.html" data-viewer-page="graph">Graph</a>
|
|
23
|
+
<a class="viewer-section" href="./memory.html" data-viewer-page="memory">Memory</a>
|
|
24
|
+
<a class="viewer-section" href="./intel.html" data-viewer-page="intel">Risks</a>
|
|
25
|
+
<a class="viewer-section" href="./review.html" data-viewer-page="review">Review</a>
|
|
26
|
+
</nav>
|
|
27
|
+
<nav class="sidebar-secondary" aria-label="Diagnostics">
|
|
28
|
+
<span class="sidebar-secondary-label">Diagnostics</span>
|
|
29
|
+
<a href="./owners.html" data-viewer-page="owners">Owners</a>
|
|
30
|
+
<a href="./data.html" data-viewer-page="data">Artifacts</a>
|
|
31
|
+
</nav>
|
|
32
|
+
<nav class="sidebar-links" aria-label="Kage links">
|
|
33
|
+
<a href="https://kage-core.com/">Home</a>
|
|
34
|
+
<a href="https://kage-core.com/guide.html">Docs</a>
|
|
35
|
+
<a href="https://kage-core.com/releases.html">Releases</a>
|
|
36
|
+
<a href="https://github.com/kage-core/Kage">GitHub</a>
|
|
37
|
+
</nav>
|
|
38
|
+
</aside>
|
|
39
|
+
|
|
40
|
+
<section class="viewer-main">
|
|
41
|
+
<header class="app-header">
|
|
42
|
+
<div class="brand-block">
|
|
43
|
+
<span class="eyebrow" id="pageEyebrow">kage://overview</span>
|
|
44
|
+
<h1 id="pageTitle">Repo dashboard</h1>
|
|
45
|
+
<p id="graphSummary">What is safe to change next, what needs attention, and what is ready to hand off.</p>
|
|
46
|
+
</div>
|
|
47
|
+
<div id="statusStrip" class="status-strip" aria-label="Graph health"></div>
|
|
48
|
+
<div id="autoLoadStatus" class="autoload-status">auto-load: waiting</div>
|
|
49
|
+
<label class="file-picker">
|
|
50
|
+
<span>Manual JSON</span>
|
|
51
|
+
<input id="graphFile" type="file" accept=".json,application/json" multiple>
|
|
52
|
+
</label>
|
|
53
|
+
</header>
|
|
54
|
+
|
|
55
|
+
<main class="layout">
|
|
56
|
+
<section class="dashboard-panel" aria-label="Kage repo dashboard">
|
|
57
|
+
<div id="dashboardStats" class="dashboard-stats" aria-label="Repo dashboard stats"></div>
|
|
58
|
+
<div id="dashboardCharts" class="dashboard-charts" aria-label="Repo health charts"></div>
|
|
59
|
+
<div class="dashboard-grid">
|
|
60
|
+
<article class="dashboard-card primary" id="dashboardMemory">
|
|
61
|
+
<div class="dashboard-card-head"><span>Memory</span><strong>repo lore</strong></div>
|
|
62
|
+
<h3>Reusable repo context</h3>
|
|
63
|
+
<ul></ul>
|
|
64
|
+
<a href="./memory.html" data-viewer-page="memory">Open memory</a>
|
|
65
|
+
</article>
|
|
66
|
+
<article class="dashboard-card primary" id="dashboardGraph">
|
|
67
|
+
<div class="dashboard-card-head"><span>Graph</span><strong>source map</strong></div>
|
|
68
|
+
<h3>What to inspect before editing</h3>
|
|
69
|
+
<ul></ul>
|
|
70
|
+
<a href="./graph.html" data-viewer-page="graph">Explore graph</a>
|
|
71
|
+
</article>
|
|
72
|
+
<article class="dashboard-card primary" id="dashboardIntel">
|
|
73
|
+
<div class="dashboard-card-head"><span>Risks</span><strong>reports</strong></div>
|
|
74
|
+
<h3>What needs attention</h3>
|
|
75
|
+
<ul></ul>
|
|
76
|
+
<a href="./intel.html" data-viewer-page="intel">Open risks</a>
|
|
77
|
+
</article>
|
|
78
|
+
<article class="dashboard-card primary" id="dashboardReview">
|
|
79
|
+
<div class="dashboard-card-head"><span>Review</span><strong>handoff</strong></div>
|
|
80
|
+
<h3>Ready for handoff?</h3>
|
|
81
|
+
<ul></ul>
|
|
82
|
+
<a href="./review.html" data-viewer-page="review">Open review</a>
|
|
83
|
+
</article>
|
|
84
|
+
</div>
|
|
85
|
+
</section>
|
|
29
86
|
|
|
30
|
-
<main class="layout">
|
|
31
87
|
<section class="graph-panel" aria-label="Graph rendering">
|
|
32
88
|
<div class="graph-toolbar">
|
|
33
89
|
<div>
|
|
34
|
-
<h2>Graph
|
|
90
|
+
<h2>Dependency Graph</h2>
|
|
35
91
|
<p id="graphSubhead">Combined repo memory and source graph.</p>
|
|
36
92
|
</div>
|
|
37
93
|
<div class="graph-actions" aria-label="Graph view controls">
|
|
@@ -63,114 +119,185 @@
|
|
|
63
119
|
</div>
|
|
64
120
|
</section>
|
|
65
121
|
|
|
66
|
-
<
|
|
67
|
-
<div class="
|
|
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
|
-
|
|
122
|
+
<section class="workspace-shell" aria-label="Viewer workspace">
|
|
123
|
+
<div class="workspace-body">
|
|
124
|
+
<aside class="control-panel" aria-label="Graph controls">
|
|
125
|
+
<div class="panel-heading compact">
|
|
126
|
+
<h2>Find Context</h2>
|
|
127
|
+
<span id="workspaceMode">Combined</span>
|
|
128
|
+
</div>
|
|
129
|
+
<div id="metricsSummary" class="metrics-grid"></div>
|
|
130
|
+
<label>
|
|
131
|
+
<span>File, symbol, route, test, or memory</span>
|
|
132
|
+
<input id="searchInput" type="search" placeholder="Search before changing code...">
|
|
133
|
+
</label>
|
|
134
|
+
<div class="journey-actions" aria-label="Graph journeys">
|
|
135
|
+
<button id="showUntrusted" type="button">Show untrusted edges</button>
|
|
136
|
+
<button id="showUncovered" type="button">Show code without memory</button>
|
|
137
|
+
<button id="showMemoryCode" type="button">Show memory-code links</button>
|
|
138
|
+
</div>
|
|
139
|
+
<details class="advanced-controls">
|
|
140
|
+
<summary>More filters</summary>
|
|
141
|
+
<label>
|
|
142
|
+
<span>View</span>
|
|
143
|
+
<select id="viewMode">
|
|
144
|
+
<option value="combined">Combined</option>
|
|
145
|
+
<option value="memory">Memory</option>
|
|
146
|
+
<option value="code">Code</option>
|
|
147
|
+
</select>
|
|
148
|
+
</label>
|
|
149
|
+
<label>
|
|
150
|
+
<span>Node Type</span>
|
|
151
|
+
<select id="typeFilter">
|
|
152
|
+
<option value="">All types</option>
|
|
153
|
+
</select>
|
|
154
|
+
</label>
|
|
155
|
+
<label>
|
|
156
|
+
<span>Relation</span>
|
|
157
|
+
<select id="relationFilter">
|
|
158
|
+
<option value="">All relations</option>
|
|
159
|
+
</select>
|
|
160
|
+
</label>
|
|
161
|
+
<label>
|
|
162
|
+
<span>Max Nodes</span>
|
|
163
|
+
<select id="maxNodes">
|
|
164
|
+
<option value="60">60</option>
|
|
165
|
+
<option value="90" selected>90</option>
|
|
166
|
+
<option value="140">140</option>
|
|
167
|
+
<option value="220">220</option>
|
|
168
|
+
</select>
|
|
169
|
+
</label>
|
|
170
|
+
<label class="toggle-control">
|
|
171
|
+
<input id="showDependencies" type="checkbox">
|
|
172
|
+
<span>Include external dependencies</span>
|
|
173
|
+
</label>
|
|
174
|
+
<label>
|
|
175
|
+
<span>Render Mode</span>
|
|
176
|
+
<select id="renderMode">
|
|
177
|
+
<option value="2d" selected>2D Canvas</option>
|
|
178
|
+
<option value="3d">3D Space</option>
|
|
179
|
+
</select>
|
|
180
|
+
</label>
|
|
181
|
+
<button id="resetView" type="button">Reset filters</button>
|
|
182
|
+
</details>
|
|
183
|
+
<input id="scopeFilter" type="hidden" value="signal">
|
|
184
|
+
<div class="legend" aria-label="Legend">
|
|
185
|
+
<span><i class="dot memory-dot"></i>memory packet</span>
|
|
186
|
+
<span><i class="dot code-dot"></i>code artifact</span>
|
|
187
|
+
<span><i class="line sample-line"></i>relation</span>
|
|
188
|
+
</div>
|
|
189
|
+
</aside>
|
|
124
190
|
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
191
|
+
<aside class="graph-insights-panel" aria-label="Graph insights">
|
|
192
|
+
<div class="panel-heading compact">
|
|
193
|
+
<h2>Before You Change</h2>
|
|
194
|
+
<span id="graphInsightStatus">signals</span>
|
|
195
|
+
</div>
|
|
196
|
+
<div id="graphInsights" class="graph-insights"></div>
|
|
197
|
+
</aside>
|
|
132
198
|
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
199
|
+
<aside class="details-panel" aria-label="Selection details">
|
|
200
|
+
<div class="panel-heading compact">
|
|
201
|
+
<h2>Inspector</h2>
|
|
202
|
+
<span id="selectionStatus">No selection</span>
|
|
203
|
+
</div>
|
|
204
|
+
<div id="selectionDetails" class="details-empty">Select an entity or edge.</div>
|
|
205
|
+
<div class="path-finder inspector-path-finder" aria-label="Dependency path finder">
|
|
206
|
+
<div class="path-finder-header">
|
|
207
|
+
<span>Trace Code Path</span>
|
|
208
|
+
<button id="clearPath" type="button">Clear</button>
|
|
209
|
+
</div>
|
|
210
|
+
<div class="path-finder-inputs">
|
|
211
|
+
<input id="pathFromInput" type="search" list="pathNodeOptions" placeholder="From selected file or symbol...">
|
|
212
|
+
<input id="pathToInput" type="search" list="pathNodeOptions" placeholder="To related test, route, or symbol...">
|
|
213
|
+
<button id="findPath" type="button">Trace</button>
|
|
214
|
+
</div>
|
|
215
|
+
<datalist id="pathNodeOptions"></datalist>
|
|
216
|
+
<div id="pathStatus" class="path-status">Select a code node, then trace to another code node when you need impact proof.</div>
|
|
217
|
+
<div id="pathResult" class="path-result"></div>
|
|
218
|
+
</div>
|
|
219
|
+
</aside>
|
|
140
220
|
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
221
|
+
<section class="memory-panel" aria-label="Memory library">
|
|
222
|
+
<div class="panel-heading">
|
|
223
|
+
<h2>Memory</h2>
|
|
224
|
+
<span id="memoryStatus">packets</span>
|
|
225
|
+
</div>
|
|
226
|
+
<div id="memoryStats" class="memory-stats" aria-label="Memory summary"></div>
|
|
227
|
+
<div id="memoryOverview" class="memory-overview" aria-label="Memory coverage chart"></div>
|
|
228
|
+
<div class="memory-toolbar">
|
|
229
|
+
<input id="memorySearch" type="search" placeholder="Search memory, path, command, bug, decision...">
|
|
230
|
+
<select id="memoryFilter" aria-label="Memory filter">
|
|
231
|
+
<option value="all">All memory</option>
|
|
232
|
+
<option value="linked">Linked to code</option>
|
|
233
|
+
<option value="needs-paths">Needs paths</option>
|
|
234
|
+
<option value="decision">Decisions</option>
|
|
235
|
+
<option value="runbook">Runbooks</option>
|
|
236
|
+
<option value="bug_fix">Bug fixes</option>
|
|
237
|
+
</select>
|
|
238
|
+
</div>
|
|
239
|
+
<div id="memoryList" class="memory-list"></div>
|
|
240
|
+
</section>
|
|
148
241
|
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
242
|
+
<section class="owners-panel" aria-label="Owners and contributors">
|
|
243
|
+
<div class="panel-heading">
|
|
244
|
+
<h2>Owners</h2>
|
|
245
|
+
<span id="ownersStatus">git signals</span>
|
|
246
|
+
</div>
|
|
247
|
+
<div id="ownersSummary" class="owners-summary"></div>
|
|
248
|
+
<div id="ownersList" class="owners-list"></div>
|
|
249
|
+
</section>
|
|
156
250
|
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
251
|
+
<section class="review-panel" aria-label="Review queue">
|
|
252
|
+
<div class="panel-heading">
|
|
253
|
+
<h2>Memory Inbox</h2>
|
|
254
|
+
<span id="reviewCount">0</span>
|
|
255
|
+
</div>
|
|
256
|
+
<div id="reviewOverview" class="review-overview"></div>
|
|
257
|
+
<div id="reviewList" class="review-list"></div>
|
|
258
|
+
</section>
|
|
259
|
+
|
|
260
|
+
<section class="proof-panel" aria-label="Quality and benchmark">
|
|
261
|
+
<div class="panel-heading">
|
|
262
|
+
<h2>Proof</h2>
|
|
263
|
+
<span id="proofStatus">metrics</span>
|
|
264
|
+
</div>
|
|
265
|
+
<div id="proofOverview" class="proof-overview"></div>
|
|
266
|
+
<div id="proofList" class="proof-list"></div>
|
|
267
|
+
</section>
|
|
164
268
|
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
269
|
+
<section class="intelligence-panel" aria-label="Risks and reports">
|
|
270
|
+
<div class="panel-heading">
|
|
271
|
+
<h2>Risks</h2>
|
|
272
|
+
<span id="intelligenceStatus">reports</span>
|
|
273
|
+
</div>
|
|
274
|
+
<div id="intelligenceList" class="intelligence-list"></div>
|
|
275
|
+
</section>
|
|
276
|
+
|
|
277
|
+
<section class="table-panel entities-panel" aria-label="Nodes">
|
|
278
|
+
<div class="panel-heading">
|
|
279
|
+
<h2>Artifact Nodes</h2>
|
|
280
|
+
<span id="entityCount">0</span>
|
|
281
|
+
</div>
|
|
282
|
+
<div id="debugOverview" class="debug-overview"></div>
|
|
283
|
+
<div class="debug-guide">Use artifacts when the graph or recall output looks wrong. Normal repo work starts from Overview, Graph, Memory, Risks, or Review.</div>
|
|
284
|
+
<div id="entityList" class="list"></div>
|
|
285
|
+
</section>
|
|
286
|
+
|
|
287
|
+
<section class="table-panel edges-panel" aria-label="Relations">
|
|
288
|
+
<div class="panel-heading">
|
|
289
|
+
<h2>Artifact Relations</h2>
|
|
290
|
+
<span id="edgeCount">0</span>
|
|
291
|
+
</div>
|
|
292
|
+
<div class="debug-guide">Relations expose generation quality: evidence, confidence, invalidation, and memory-code linking.</div>
|
|
293
|
+
<div id="edgeList" class="list"></div>
|
|
294
|
+
</section>
|
|
169
295
|
</div>
|
|
170
|
-
<div id="edgeList" class="list"></div>
|
|
171
296
|
</section>
|
|
172
|
-
|
|
297
|
+
</main>
|
|
298
|
+
</section>
|
|
299
|
+
</div>
|
|
173
300
|
|
|
174
|
-
<script src="./app.js?v=
|
|
301
|
+
<script src="./app.js?v=33"></script>
|
|
175
302
|
</body>
|
|
176
303
|
</html>
|