claude-code-router-config 1.0.0 โ 1.1.0
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 +190 -18
- package/cli/analytics.js +509 -0
- package/cli/benchmark.js +342 -0
- package/cli/commands.js +300 -0
- package/config/smart-intent-router.js +543 -0
- package/docs/AGENTSKILLS_INTEGRATION.md +500 -0
- package/docs/AGENTSKILLS_SETUP.md +743 -0
- package/docs/AGENTSKILLS_SETUP_TR.md +736 -0
- package/docs/FULL_DOCUMENTATION.md +23 -2
- package/docs/FULL_DOCUMENTATION_EN.md +23 -2
- package/docs/HOMEBREW_SETUP.md +252 -0
- package/docs/v1.1.0-FEATURES.md +752 -0
- package/logging/enhanced-logger.js +410 -0
- package/logging/health-monitor.js +472 -0
- package/logging/middleware.js +384 -0
- package/package.json +42 -10
- package/plugins/plugin-manager.js +607 -0
- package/templates/README.md +161 -0
- package/templates/balanced.json +111 -0
- package/templates/cost-optimized.json +96 -0
- package/templates/development.json +104 -0
- package/templates/performance-optimized.json +88 -0
- package/templates/quality-focused.json +105 -0
- package/web-dashboard/public/css/dashboard.css +575 -0
- package/web-dashboard/public/index.html +308 -0
- package/web-dashboard/public/js/dashboard.js +512 -0
- package/web-dashboard/server.js +352 -0
|
@@ -0,0 +1,308 @@
|
|
|
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
|
+
<title>Claude Code Router Dashboard</title>
|
|
7
|
+
<link rel="stylesheet" href="css/dashboard.css">
|
|
8
|
+
<link rel="icon" type="image/svg+xml" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>๐</text></svg>">
|
|
9
|
+
</head>
|
|
10
|
+
<body>
|
|
11
|
+
<div class="app">
|
|
12
|
+
<!-- Header -->
|
|
13
|
+
<header class="header">
|
|
14
|
+
<div class="header-content">
|
|
15
|
+
<h1 class="title">๐ค Claude Code Router</h1>
|
|
16
|
+
<div class="header-actions">
|
|
17
|
+
<button class="btn btn-secondary btn-small" onclick="refreshData()">
|
|
18
|
+
๐ Refresh
|
|
19
|
+
</button>
|
|
20
|
+
<span id="connection-status" class="status-badge status-healthy">Connected</span>
|
|
21
|
+
</div>
|
|
22
|
+
</div>
|
|
23
|
+
</header>
|
|
24
|
+
|
|
25
|
+
<!-- Navigation -->
|
|
26
|
+
<nav class="nav">
|
|
27
|
+
<button class="nav-item active" data-tab="overview">๐ Overview</button>
|
|
28
|
+
<button class="nav-item" data-tab="analytics">๐ Analytics</button>
|
|
29
|
+
<button class="nav-item" data-tab="health">๐ฅ Health</button>
|
|
30
|
+
<button class="nav-item" data-tab="config">โ๏ธ Config</button>
|
|
31
|
+
</nav>
|
|
32
|
+
|
|
33
|
+
<!-- Main Content -->
|
|
34
|
+
<main class="main">
|
|
35
|
+
<!-- Overview Tab -->
|
|
36
|
+
<div id="overview" class="tab-content active">
|
|
37
|
+
<div class="overview-grid">
|
|
38
|
+
<div class="card">
|
|
39
|
+
<div class="card-header">
|
|
40
|
+
<h3>๐ Today's Stats</h3>
|
|
41
|
+
</div>
|
|
42
|
+
<div class="card-body">
|
|
43
|
+
<div class="metric">
|
|
44
|
+
<span class="label">Requests</span>
|
|
45
|
+
<span class="value" id="today-requests">0</span>
|
|
46
|
+
</div>
|
|
47
|
+
<div class="metric">
|
|
48
|
+
<span class="label">Tokens Used</span>
|
|
49
|
+
<span class="value" id="today-tokens">0</span>
|
|
50
|
+
</div>
|
|
51
|
+
<div class="metric">
|
|
52
|
+
<span class="label">Cost</span>
|
|
53
|
+
<span class="value" id="today-cost">$0.00</span>
|
|
54
|
+
</div>
|
|
55
|
+
<div class="metric">
|
|
56
|
+
<span class="label">Avg Latency</span>
|
|
57
|
+
<span class="value" id="today-latency">0ms</span>
|
|
58
|
+
</div>
|
|
59
|
+
</div>
|
|
60
|
+
</div>
|
|
61
|
+
|
|
62
|
+
<div class="card">
|
|
63
|
+
<div class="card-header">
|
|
64
|
+
<h3>๐ญ Provider Status</h3>
|
|
65
|
+
</div>
|
|
66
|
+
<div class="card-body">
|
|
67
|
+
<div id="provider-status-grid" class="provider-grid">
|
|
68
|
+
<!-- Provider status will be populated here -->
|
|
69
|
+
</div>
|
|
70
|
+
</div>
|
|
71
|
+
</div>
|
|
72
|
+
|
|
73
|
+
<div class="card card-wide">
|
|
74
|
+
<div class="card-header">
|
|
75
|
+
<h3>โก Quick Actions</h3>
|
|
76
|
+
</div>
|
|
77
|
+
<div class="card-body">
|
|
78
|
+
<button class="action-btn" onclick="testAllProviders()">
|
|
79
|
+
๐งช Test All Providers
|
|
80
|
+
</button>
|
|
81
|
+
<button class="action-btn" onclick="openConfig()">
|
|
82
|
+
โ๏ธ Edit Configuration
|
|
83
|
+
</button>
|
|
84
|
+
<button class="action-btn" onclick="viewLogs()">
|
|
85
|
+
๐ View Logs
|
|
86
|
+
</button>
|
|
87
|
+
<button class="action-btn" onclick="exportAnalytics()">
|
|
88
|
+
๐ Export Analytics
|
|
89
|
+
</button>
|
|
90
|
+
</div>
|
|
91
|
+
</div>
|
|
92
|
+
</div>
|
|
93
|
+
</div>
|
|
94
|
+
|
|
95
|
+
<!-- Analytics Tab -->
|
|
96
|
+
<div id="analytics" class="tab-content">
|
|
97
|
+
<div class="analytics-controls">
|
|
98
|
+
<select id="analytics-period" class="select">
|
|
99
|
+
<option value="today">Today</option>
|
|
100
|
+
<option value="week" selected>Last Week</option>
|
|
101
|
+
<option value="month">Last Month</option>
|
|
102
|
+
<option value="quarter">Last Quarter</option>
|
|
103
|
+
</select>
|
|
104
|
+
<div class="checkbox-group">
|
|
105
|
+
<label>
|
|
106
|
+
<input type="checkbox" id="show-detailed">
|
|
107
|
+
Show Detailed
|
|
108
|
+
</label>
|
|
109
|
+
</div>
|
|
110
|
+
<div class="checkbox-group">
|
|
111
|
+
<label>
|
|
112
|
+
<input type="checkbox" id="show-costs">
|
|
113
|
+
Show Costs
|
|
114
|
+
</label>
|
|
115
|
+
</div>
|
|
116
|
+
</div>
|
|
117
|
+
|
|
118
|
+
<div class="analytics-grid">
|
|
119
|
+
<div class="card">
|
|
120
|
+
<div class="card-header">
|
|
121
|
+
<h3>๐ Usage Trends</h3>
|
|
122
|
+
<div class="chart-controls">
|
|
123
|
+
<button class="btn btn-small btn-outline">๐
</button>
|
|
124
|
+
<button class="btn btn-small btn-outline">๐</button>
|
|
125
|
+
</div>
|
|
126
|
+
</div>
|
|
127
|
+
<div class="card-body">
|
|
128
|
+
<div class="chart">
|
|
129
|
+
๐ Usage chart will be displayed here
|
|
130
|
+
</div>
|
|
131
|
+
</div>
|
|
132
|
+
</div>
|
|
133
|
+
|
|
134
|
+
<div class="card">
|
|
135
|
+
<div class="card-header">
|
|
136
|
+
<h3>๐ฐ Cost Analysis</h3>
|
|
137
|
+
<div class="chart-controls">
|
|
138
|
+
<button class="btn btn-small btn-outline">๐ต</button>
|
|
139
|
+
<button class="btn btn-small btn-outline">๐</button>
|
|
140
|
+
</div>
|
|
141
|
+
</div>
|
|
142
|
+
<div class="card-body">
|
|
143
|
+
<div class="chart">
|
|
144
|
+
๐ฐ Cost chart will be displayed here
|
|
145
|
+
</div>
|
|
146
|
+
</div>
|
|
147
|
+
</div>
|
|
148
|
+
|
|
149
|
+
<div class="card card-wide">
|
|
150
|
+
<div class="card-header">
|
|
151
|
+
<h3>๐ Detailed Statistics</h3>
|
|
152
|
+
</div>
|
|
153
|
+
<div class="card-body">
|
|
154
|
+
<div id="detailed-stats">
|
|
155
|
+
<!-- Detailed stats will be populated here -->
|
|
156
|
+
</div>
|
|
157
|
+
</div>
|
|
158
|
+
</div>
|
|
159
|
+
</div>
|
|
160
|
+
</div>
|
|
161
|
+
|
|
162
|
+
<!-- Health Tab -->
|
|
163
|
+
<div id="health" class="tab-content">
|
|
164
|
+
<div class="health-controls">
|
|
165
|
+
<button class="btn btn-primary" onclick="refreshHealthStatus()">
|
|
166
|
+
๐ Refresh Status
|
|
167
|
+
</button>
|
|
168
|
+
<button class="btn btn-secondary" onclick="runHealthChecks()">
|
|
169
|
+
๐ Run Health Checks
|
|
170
|
+
</button>
|
|
171
|
+
</div>
|
|
172
|
+
|
|
173
|
+
<div class="health-grid">
|
|
174
|
+
<div class="card">
|
|
175
|
+
<div class="card-header">
|
|
176
|
+
<h3>๐ญ Provider Health</h3>
|
|
177
|
+
</div>
|
|
178
|
+
<div class="card-body">
|
|
179
|
+
<div id="health-providers">
|
|
180
|
+
<!-- Provider health details will be populated here -->
|
|
181
|
+
</div>
|
|
182
|
+
</div>
|
|
183
|
+
</div>
|
|
184
|
+
|
|
185
|
+
<div class="card">
|
|
186
|
+
<div class="card-header">
|
|
187
|
+
<h3>๐ป System Health</h3>
|
|
188
|
+
</div>
|
|
189
|
+
<div class="card-body">
|
|
190
|
+
<div class="metric">
|
|
191
|
+
<span class="label">Uptime</span>
|
|
192
|
+
<span class="value" id="system-uptime">0s</span>
|
|
193
|
+
</div>
|
|
194
|
+
<div class="metric">
|
|
195
|
+
<span class="label">Memory Usage</span>
|
|
196
|
+
<span class="value" id="system-memory">0MB</span>
|
|
197
|
+
</div>
|
|
198
|
+
<div class="metric">
|
|
199
|
+
<span class="label">Node Version</span>
|
|
200
|
+
<span class="value" id="system-node">-</span>
|
|
201
|
+
</div>
|
|
202
|
+
</div>
|
|
203
|
+
</div>
|
|
204
|
+
|
|
205
|
+
<div class="card card-wide">
|
|
206
|
+
<div class="card-header">
|
|
207
|
+
<h3>โ ๏ธ Recent Issues</h3>
|
|
208
|
+
</div>
|
|
209
|
+
<div class="card-body">
|
|
210
|
+
<div id="recent-issues">
|
|
211
|
+
<p class="text-small">No recent issues reported</p>
|
|
212
|
+
</div>
|
|
213
|
+
</div>
|
|
214
|
+
</div>
|
|
215
|
+
</div>
|
|
216
|
+
</div>
|
|
217
|
+
|
|
218
|
+
<!-- Config Tab -->
|
|
219
|
+
<div id="config" class="tab-content">
|
|
220
|
+
<div class="config-controls">
|
|
221
|
+
<div class="template-selector">
|
|
222
|
+
<label for="template-select">Apply Template:</label>
|
|
223
|
+
<select id="template-select" class="select">
|
|
224
|
+
<option value="">Select a template...</option>
|
|
225
|
+
<option value="performance-optimized">โก Performance Optimized</option>
|
|
226
|
+
<option value="cost-optimized">๐ฐ Cost Optimized</option>
|
|
227
|
+
<option value="quality-focused">๐ฏ Quality Focused</option>
|
|
228
|
+
<option value="development">๐ ๏ธ Development</option>
|
|
229
|
+
<option value="balanced">โ๏ธ Balanced</option>
|
|
230
|
+
</select>
|
|
231
|
+
<button class="btn btn-primary" onclick="applyTemplate()">Apply</button>
|
|
232
|
+
</div>
|
|
233
|
+
<button class="btn btn-secondary" onclick="backupConfig()">๐ฅ Backup</button>
|
|
234
|
+
<button class="btn btn-secondary" onclick="validateConfig()">โ
Validate</button>
|
|
235
|
+
</div>
|
|
236
|
+
|
|
237
|
+
<div class="config-grid">
|
|
238
|
+
<div class="card card-wide">
|
|
239
|
+
<div class="card-header">
|
|
240
|
+
<h3>๐ Current Configuration</h3>
|
|
241
|
+
<div class="chart-controls">
|
|
242
|
+
<button class="btn btn-small btn-outline" onclick="editConfig()">โ๏ธ Edit</button>
|
|
243
|
+
<button class="btn btn-small btn-outline" onclick="reloadConfig()">๐ Reload</button>
|
|
244
|
+
</div>
|
|
245
|
+
</div>
|
|
246
|
+
<div class="card-body">
|
|
247
|
+
<div id="config-display">
|
|
248
|
+
<!-- Configuration will be displayed here -->
|
|
249
|
+
</div>
|
|
250
|
+
</div>
|
|
251
|
+
</div>
|
|
252
|
+
|
|
253
|
+
<div class="card">
|
|
254
|
+
<div class="card-header">
|
|
255
|
+
<h3>๐ญ Provider Configuration</h3>
|
|
256
|
+
</div>
|
|
257
|
+
<div class="card-body">
|
|
258
|
+
<div id="provider-config">
|
|
259
|
+
<!-- Provider configuration will be displayed here -->
|
|
260
|
+
</div>
|
|
261
|
+
</div>
|
|
262
|
+
</div>
|
|
263
|
+
|
|
264
|
+
<div class="card">
|
|
265
|
+
<div class="card-header">
|
|
266
|
+
<h3>๐ง Router Settings</h3>
|
|
267
|
+
</div>
|
|
268
|
+
<div class="card-body">
|
|
269
|
+
<div id="router-config">
|
|
270
|
+
<!-- Router configuration will be displayed here -->
|
|
271
|
+
</div>
|
|
272
|
+
</div>
|
|
273
|
+
</div>
|
|
274
|
+
</div>
|
|
275
|
+
</div>
|
|
276
|
+
</main>
|
|
277
|
+
|
|
278
|
+
<!-- Status Bar -->
|
|
279
|
+
<footer class="status-bar">
|
|
280
|
+
<div class="status-left">
|
|
281
|
+
<span id="last-updated">Last updated: Never</span>
|
|
282
|
+
</div>
|
|
283
|
+
<div class="status-right">
|
|
284
|
+
<span id="version">v1.1.0</span>
|
|
285
|
+
</div>
|
|
286
|
+
</footer>
|
|
287
|
+
</div>
|
|
288
|
+
|
|
289
|
+
<!-- Modal -->
|
|
290
|
+
<div id="modal" class="modal hidden">
|
|
291
|
+
<div class="modal-content">
|
|
292
|
+
<div class="modal-header">
|
|
293
|
+
<h3 id="modal-title">Modal Title</h3>
|
|
294
|
+
<button class="modal-close" onclick="closeModal()">โ</button>
|
|
295
|
+
</div>
|
|
296
|
+
<div class="modal-body" id="modal-body">
|
|
297
|
+
Modal content
|
|
298
|
+
</div>
|
|
299
|
+
<div class="modal-footer">
|
|
300
|
+
<button class="btn btn-secondary" onclick="closeModal()">Cancel</button>
|
|
301
|
+
<button class="btn btn-primary" id="modal-action">Action</button>
|
|
302
|
+
</div>
|
|
303
|
+
</div>
|
|
304
|
+
</div>
|
|
305
|
+
|
|
306
|
+
<script src="js/dashboard.js"></script>
|
|
307
|
+
</body>
|
|
308
|
+
</html>
|