agent-knowledge 1.0.0 → 1.0.4

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.
@@ -1,300 +0,0 @@
1
- <!doctype html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="UTF-8" />
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
- <link rel="preconnect" href="https://fonts.googleapis.com" />
7
- <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
8
- <link
9
- href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap"
10
- rel="stylesheet"
11
- />
12
- <link
13
- href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap"
14
- rel="stylesheet"
15
- />
16
- <link rel="stylesheet" href="styles.css" />
17
- <link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='14' fill='%23243742'/%3E%3Ccircle cx='16' cy='16' r='6' fill='%235d8da8'/%3E%3Ccircle cx='16' cy='6' r='2.5' fill='%235d8da8' opacity='.7'/%3E%3Ccircle cx='16' cy='26' r='2.5' fill='%235d8da8' opacity='.7'/%3E%3Ccircle cx='6' cy='16' r='2.5' fill='%235d8da8' opacity='.7'/%3E%3Ccircle cx='26' cy='16' r='2.5' fill='%235d8da8' opacity='.7'/%3E%3Cline x1='16' y1='10' x2='16' y2='8.5' stroke='%235d8da8' stroke-width='1.5' opacity='.5'/%3E%3Cline x1='16' y1='23.5' x2='16' y2='22' stroke='%235d8da8' stroke-width='1.5' opacity='.5'/%3E%3Cline x1='10' y1='16' x2='8.5' y2='16' stroke='%235d8da8' stroke-width='1.5' opacity='.5'/%3E%3Cline x1='23.5' y1='16' x2='22' y2='16' stroke='%235d8da8' stroke-width='1.5' opacity='.5'/%3E%3C/svg%3E" />
18
- <title>agent-cortex</title>
19
- </head>
20
- <body>
21
- <header role="banner">
22
- <div class="header-left">
23
- <span class="material-symbols-outlined brand-icon">psychology</span>
24
- <h1>agent-cortex</h1>
25
- <span class="version" id="version">v1.0.0</span>
26
- <span
27
- id="connection-status"
28
- class="status-badge disconnected"
29
- role="status"
30
- aria-live="polite"
31
- >Connecting</span
32
- >
33
- </div>
34
- <div class="header-right">
35
- <div class="stats" id="stats" aria-live="polite" aria-atomic="true">
36
- <span class="stat-badge" id="stat-knowledge" title="Knowledge entries">
37
- <span class="material-symbols-outlined stat-icon">folder</span>
38
- <span class="stat-value">0</span>
39
- </span>
40
- <span class="stat-badge" id="stat-sessions" title="Sessions">
41
- <span class="material-symbols-outlined stat-icon">history</span>
42
- <span class="stat-value">0</span>
43
- </span>
44
- </div>
45
- <button id="theme-toggle" class="icon-btn" title="Toggle theme" aria-label="Toggle theme">
46
- <span class="material-symbols-outlined theme-icon">dark_mode</span>
47
- </button>
48
- </div>
49
- </header>
50
-
51
- <nav class="tab-bar" role="tablist" aria-label="Main navigation">
52
- <button
53
- id="tab-knowledge"
54
- class="tab active"
55
- role="tab"
56
- aria-selected="true"
57
- aria-controls="view-knowledge"
58
- data-view="knowledge"
59
- >
60
- <span class="material-symbols-outlined tab-icon">folder</span>
61
- Knowledge
62
- </button>
63
- <button
64
- id="tab-search"
65
- class="tab"
66
- role="tab"
67
- aria-selected="false"
68
- aria-controls="view-search"
69
- data-view="search"
70
- >
71
- <span class="material-symbols-outlined tab-icon">search</span>
72
- Search
73
- </button>
74
- <button
75
- id="tab-sessions"
76
- class="tab"
77
- role="tab"
78
- aria-selected="false"
79
- aria-controls="view-sessions"
80
- data-view="sessions"
81
- >
82
- <span class="material-symbols-outlined tab-icon">history</span>
83
- Sessions
84
- </button>
85
- <button
86
- id="tab-recall"
87
- class="tab"
88
- role="tab"
89
- aria-selected="false"
90
- aria-controls="view-recall"
91
- data-view="recall"
92
- >
93
- <span class="material-symbols-outlined tab-icon">psychology</span>
94
- Recall
95
- </button>
96
- </nav>
97
-
98
- <div class="content-wrapper" id="content-wrapper">
99
- <main id="content">
100
-
101
- <!-- ===== Knowledge Tab ===== -->
102
- <section
103
- id="view-knowledge"
104
- class="view active"
105
- role="tabpanel"
106
- aria-labelledby="tab-knowledge"
107
- >
108
- <div class="view-header">
109
- <h2><span class="material-symbols-outlined view-icon">folder</span>Knowledge Base</h2>
110
- </div>
111
- <div class="filter-chips" id="knowledge-categories" role="group" aria-label="Filter by category">
112
- <button class="chip active" data-category="all">
113
- <span class="material-symbols-outlined chip-icon">select_all</span>All
114
- </button>
115
- <button class="chip" data-category="projects">
116
- <span class="material-symbols-outlined chip-icon">code</span>Projects
117
- </button>
118
- <button class="chip" data-category="people">
119
- <span class="material-symbols-outlined chip-icon">group</span>People
120
- </button>
121
- <button class="chip" data-category="decisions">
122
- <span class="material-symbols-outlined chip-icon">gavel</span>Decisions
123
- </button>
124
- <button class="chip" data-category="workflows">
125
- <span class="material-symbols-outlined chip-icon">account_tree</span>Workflows
126
- </button>
127
- <button class="chip" data-category="notes">
128
- <span class="material-symbols-outlined chip-icon">sticky_note_2</span>Notes
129
- </button>
130
- </div>
131
- <div id="knowledge-grid" class="card-grid"></div>
132
- <div id="knowledge-empty" class="empty-state hidden">
133
- <span class="material-symbols-outlined empty-icon">folder_off</span>
134
- <div class="empty-text">No knowledge entries found</div>
135
- <div class="empty-hint">Entries will appear here when added via the cortex MCP tools</div>
136
- </div>
137
- </section>
138
-
139
- <!-- ===== Search Tab ===== -->
140
- <section
141
- id="view-search"
142
- class="view"
143
- role="tabpanel"
144
- aria-labelledby="tab-search"
145
- hidden
146
- >
147
- <div class="view-header">
148
- <h2><span class="material-symbols-outlined view-icon">search</span>Search Sessions</h2>
149
- </div>
150
- <div class="search-bar">
151
- <span class="material-symbols-outlined search-input-icon">search</span>
152
- <input
153
- type="search"
154
- id="search-input"
155
- class="search-input"
156
- placeholder="Search sessions..."
157
- autocomplete="off"
158
- aria-label="Search sessions"
159
- />
160
- </div>
161
- <div class="search-controls">
162
- <div class="filter-chips" id="search-role-filters" role="group" aria-label="Filter by role">
163
- <button class="chip active" data-role="all">All</button>
164
- <button class="chip" data-role="user">
165
- <span class="material-symbols-outlined chip-icon">person</span>User
166
- </button>
167
- <button class="chip" data-role="assistant">
168
- <span class="material-symbols-outlined chip-icon">smart_toy</span>Assistant
169
- </button>
170
- </div>
171
- <div class="mode-toggle" role="group" aria-label="Search mode">
172
- <button class="mode-btn active" id="mode-ranked" data-mode="ranked" title="TF-IDF ranked search">
173
- <span class="material-symbols-outlined">sort</span>Ranked
174
- </button>
175
- <button class="mode-btn" id="mode-regex" data-mode="regex" title="Regular expression search">
176
- <span class="material-symbols-outlined">code</span>Regex
177
- </button>
178
- </div>
179
- </div>
180
- <div id="search-results" class="results-list"></div>
181
- <div id="search-empty" class="empty-state">
182
- <span class="material-symbols-outlined empty-icon">manage_search</span>
183
- <div class="empty-text">Search across session transcripts</div>
184
- <div class="empty-hint">Enter a query above to find matching messages</div>
185
- </div>
186
- </section>
187
-
188
- <!-- ===== Sessions Tab ===== -->
189
- <section
190
- id="view-sessions"
191
- class="view"
192
- role="tabpanel"
193
- aria-labelledby="tab-sessions"
194
- hidden
195
- >
196
- <div class="view-header">
197
- <h2><span class="material-symbols-outlined view-icon">history</span>Sessions</h2>
198
- <div class="view-actions">
199
- <select id="session-project-filter" class="filter-select" aria-label="Filter by project">
200
- <option value="">All projects</option>
201
- </select>
202
- </div>
203
- </div>
204
- <div id="sessions-list" class="sessions-list"></div>
205
- <div id="sessions-empty" class="empty-state hidden">
206
- <span class="material-symbols-outlined empty-icon">event_busy</span>
207
- <div class="empty-text">No sessions found</div>
208
- <div class="empty-hint">Sessions will appear here once indexed</div>
209
- </div>
210
- </section>
211
-
212
- <!-- ===== Recall Tab ===== -->
213
- <section
214
- id="view-recall"
215
- class="view"
216
- role="tabpanel"
217
- aria-labelledby="tab-recall"
218
- hidden
219
- >
220
- <div class="view-header">
221
- <h2><span class="material-symbols-outlined view-icon">psychology</span>Recall</h2>
222
- </div>
223
- <div class="filter-chips" id="recall-scopes" role="group" aria-label="Filter by scope">
224
- <button class="chip active" data-scope="all">
225
- <span class="material-symbols-outlined chip-icon">select_all</span>All
226
- </button>
227
- <button class="chip" data-scope="errors">
228
- <span class="material-symbols-outlined chip-icon">error</span>Errors
229
- </button>
230
- <button class="chip" data-scope="plans">
231
- <span class="material-symbols-outlined chip-icon">checklist</span>Plans
232
- </button>
233
- <button class="chip" data-scope="configs">
234
- <span class="material-symbols-outlined chip-icon">settings</span>Configs
235
- </button>
236
- <button class="chip" data-scope="tools">
237
- <span class="material-symbols-outlined chip-icon">build</span>Tools
238
- </button>
239
- <button class="chip" data-scope="files">
240
- <span class="material-symbols-outlined chip-icon">description</span>Files
241
- </button>
242
- <button class="chip" data-scope="decisions">
243
- <span class="material-symbols-outlined chip-icon">gavel</span>Decisions
244
- </button>
245
- </div>
246
- <div class="search-bar">
247
- <span class="material-symbols-outlined search-input-icon">psychology</span>
248
- <input
249
- type="search"
250
- id="recall-input"
251
- class="search-input"
252
- placeholder="Query recall..."
253
- autocomplete="off"
254
- aria-label="Query recall"
255
- />
256
- </div>
257
- <div id="recall-results" class="results-list"></div>
258
- <div id="recall-empty" class="empty-state">
259
- <span class="material-symbols-outlined empty-icon">psychology</span>
260
- <div class="empty-text">Scoped recall across sessions</div>
261
- <div class="empty-hint">Select a scope and enter a query to recall relevant information</div>
262
- </div>
263
- </section>
264
-
265
- </main>
266
-
267
- <aside id="side-panel" class="side-panel" role="complementary" aria-label="Detail view" hidden>
268
- <div class="panel-header">
269
- <div class="panel-title" id="panel-title"></div>
270
- <button id="panel-close" class="icon-btn" title="Close panel" aria-label="Close panel">
271
- <span class="material-symbols-outlined">close</span>
272
- </button>
273
- </div>
274
- <div class="panel-body" id="panel-body"></div>
275
- </aside>
276
- </div>
277
-
278
- <div id="loading-overlay" class="loading-overlay" aria-label="Loading">
279
- <div class="loading-spinner"></div>
280
- <div class="loading-text">Connecting to agent-cortex...</div>
281
- </div>
282
-
283
- <div id="toast-container" class="toast-container" aria-live="polite"></div>
284
-
285
- <script src="https://cdn.jsdelivr.net/npm/marked@15/marked.min.js"></script>
286
- <script src="https://cdn.jsdelivr.net/npm/dompurify@3/dist/purify.min.js"></script>
287
- <link
288
- rel="stylesheet"
289
- href="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11/build/styles/github.min.css"
290
- media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
291
- />
292
- <link
293
- rel="stylesheet"
294
- href="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11/build/styles/github-dark.min.css"
295
- media="(prefers-color-scheme: dark)"
296
- />
297
- <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11/build/highlight.min.js"></script>
298
- <script src="app.js"></script>
299
- </body>
300
- </html>