@syke1/mcp-server 1.3.20 → 1.4.1
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/dist/index.js +3 -3
- package/dist/web/public/app.js +1064 -122
- package/dist/web/public/index.html +144 -4
- package/dist/web/public/style.css +812 -39
- package/dist/web/server.js +1 -0
- package/package.json +1 -1
|
@@ -19,15 +19,12 @@
|
|
|
19
19
|
<span class="logo-text">SYKE</span>
|
|
20
20
|
<span class="logo-sub">CODE IMPACT RADAR</span>
|
|
21
21
|
<span id="sse-status" class="sse-indicator offline">OFFLINE</span>
|
|
22
|
+
<span id="license-badge" class="license-badge free">FREE</span>
|
|
22
23
|
</div>
|
|
23
24
|
<div class="project-selector">
|
|
24
25
|
<span id="current-project" class="project-path">Loading...</span>
|
|
25
26
|
<button id="btn-change-project" class="top-btn" title="Switch project">OPEN</button>
|
|
26
27
|
</div>
|
|
27
|
-
<div id="license-badge" class="license-badge free">
|
|
28
|
-
<span class="license-plan">FREE</span>
|
|
29
|
-
<span class="license-timer"></span>
|
|
30
|
-
</div>
|
|
31
28
|
<div class="top-controls">
|
|
32
29
|
<button id="btn-cycles" class="top-btn" title="Detect circular dependencies">CYCLES</button>
|
|
33
30
|
<button id="btn-stats" class="top-btn" title="Toggle statistics panel">STATS</button>
|
|
@@ -123,6 +120,34 @@
|
|
|
123
120
|
</div>
|
|
124
121
|
</section>
|
|
125
122
|
|
|
123
|
+
<!-- Tree Resize Handle -->
|
|
124
|
+
<div id="tree-resize-handle"></div>
|
|
125
|
+
|
|
126
|
+
<!-- File Tree Panel -->
|
|
127
|
+
<aside id="file-tree-panel">
|
|
128
|
+
<div id="tree-header">
|
|
129
|
+
<div class="tree-title-row">
|
|
130
|
+
<span class="tree-title">FILE TREE</span>
|
|
131
|
+
<span id="tree-file-count" class="tree-count">0</span>
|
|
132
|
+
</div>
|
|
133
|
+
<div id="tree-search-bar">
|
|
134
|
+
<input type="text" id="tree-search-input" placeholder="FILTER FILES...">
|
|
135
|
+
<button id="tree-sort-btn" class="tree-tool-btn">SORT</button>
|
|
136
|
+
<div id="tree-sort-menu" class="hidden">
|
|
137
|
+
<div class="tree-sort-option active" data-sort="name">BY NAME</div>
|
|
138
|
+
<div class="tree-sort-option" data-sort="layer">BY LAYER</div>
|
|
139
|
+
<div class="tree-sort-option" data-sort="risk">BY RISK</div>
|
|
140
|
+
<div class="tree-sort-option" data-sort="deps">BY DEPS</div>
|
|
141
|
+
<div class="tree-sort-option" data-sort="modified">BY RECENT</div>
|
|
142
|
+
</div>
|
|
143
|
+
<button id="tree-collapse-all" class="tree-tool-btn" title="Toggle expand">▼</button>
|
|
144
|
+
</div>
|
|
145
|
+
</div>
|
|
146
|
+
<div id="tree-scroll-container">
|
|
147
|
+
<div id="tree-content"></div>
|
|
148
|
+
</div>
|
|
149
|
+
</aside>
|
|
150
|
+
|
|
126
151
|
<!-- Resize Handle -->
|
|
127
152
|
<div id="resize-handle"></div>
|
|
128
153
|
|
|
@@ -134,6 +159,7 @@
|
|
|
134
159
|
<button class="panel-tab" data-tab="code">CODE</button>
|
|
135
160
|
<button class="panel-tab" data-tab="simulate">SIM</button>
|
|
136
161
|
<button class="panel-tab" data-tab="live">LIVE</button>
|
|
162
|
+
<button class="panel-tab" data-tab="settings">SET</button>
|
|
137
163
|
</div>
|
|
138
164
|
|
|
139
165
|
<!-- Tab: Info (default) -->
|
|
@@ -192,6 +218,119 @@
|
|
|
192
218
|
</div>
|
|
193
219
|
</section>
|
|
194
220
|
</div>
|
|
221
|
+
|
|
222
|
+
<!-- Tab: Settings -->
|
|
223
|
+
<div id="tab-settings" class="tab-content">
|
|
224
|
+
<div class="set-panel">
|
|
225
|
+
<!-- Top action bar -->
|
|
226
|
+
<div class="set-actions">
|
|
227
|
+
<button id="set-reset-all" class="set-action-btn set-danger">RESET ALL</button>
|
|
228
|
+
<button id="set-export" class="set-action-btn">EXPORT</button>
|
|
229
|
+
<button id="set-import" class="set-action-btn">IMPORT</button>
|
|
230
|
+
</div>
|
|
231
|
+
|
|
232
|
+
<div class="set-scroll">
|
|
233
|
+
<!-- NODES -->
|
|
234
|
+
<div class="set-section-hdr"><span class="set-arrow open">▶</span> NODES <button class="set-rst-btn" data-group="nodes">RST</button></div>
|
|
235
|
+
<div class="set-section-body">
|
|
236
|
+
<div class="set-row"><label>Size Min</label><input type="range" id="set-node-sizeMin" min="5" max="100" step="1"><span class="set-val"></span></div>
|
|
237
|
+
<div class="set-row"><label>Size Multiplier</label><input type="range" id="set-node-sizeMultiplier" min="0.5" max="10" step="0.1"><span class="set-val"></span></div>
|
|
238
|
+
<div class="set-row"><label>Opacity</label><input type="range" id="set-node-opacity" min="0.1" max="1" step="0.05"><span class="set-val"></span></div>
|
|
239
|
+
<div class="set-row"><label>Resolution</label><input type="range" id="set-node-resolution" min="4" max="32" step="2"><span class="set-val"></span></div>
|
|
240
|
+
<div class="set-row"><label>Selected Color</label><input type="color" id="set-node-selectedColor"><span class="set-val"></span></div>
|
|
241
|
+
</div>
|
|
242
|
+
|
|
243
|
+
<!-- LINKS -->
|
|
244
|
+
<div class="set-section-hdr"><span class="set-arrow open">▶</span> LINKS <button class="set-rst-btn" data-group="links">RST</button></div>
|
|
245
|
+
<div class="set-section-body">
|
|
246
|
+
<div class="set-row"><label>Normal Width</label><input type="range" id="set-link-normalWidth" min="0.1" max="8" step="0.1"><span class="set-val"></span></div>
|
|
247
|
+
<div class="set-row"><label>Highlight Width</label><input type="range" id="set-link-highlightWidth" min="1" max="12" step="0.5"><span class="set-val"></span></div>
|
|
248
|
+
<div class="set-row"><label>Opacity</label><input type="range" id="set-link-opacity" min="0.1" max="1" step="0.05"><span class="set-val"></span></div>
|
|
249
|
+
<div class="set-row"><label>Curvature</label><input type="range" id="set-link-curvatureBase" min="0" max="0.5" step="0.01"><span class="set-val"></span></div>
|
|
250
|
+
<div class="set-row"><label>Normal Alpha</label><input type="range" id="set-link-normalAlpha" min="0.05" max="1" step="0.05"><span class="set-val"></span></div>
|
|
251
|
+
<div class="set-row"><label>Highlight Color</label><input type="color" id="set-link-highlightColor"><span class="set-val"></span></div>
|
|
252
|
+
</div>
|
|
253
|
+
|
|
254
|
+
<!-- PARTICLES -->
|
|
255
|
+
<div class="set-section-hdr"><span class="set-arrow open">▶</span> PARTICLES <button class="set-rst-btn" data-group="particles">RST</button></div>
|
|
256
|
+
<div class="set-section-body">
|
|
257
|
+
<div class="set-row"><label>Normal Count</label><input type="range" id="set-part-normalCount" min="0" max="20" step="1"><span class="set-val"></span></div>
|
|
258
|
+
<div class="set-row"><label>Highlight Count</label><input type="range" id="set-part-highlightCount" min="0" max="30" step="1"><span class="set-val"></span></div>
|
|
259
|
+
<div class="set-row"><label>Normal Width</label><input type="range" id="set-part-normalWidth" min="0.5" max="6" step="0.1"><span class="set-val"></span></div>
|
|
260
|
+
<div class="set-row"><label>Highlight Width</label><input type="range" id="set-part-highlightWidth" min="1" max="10" step="0.5"><span class="set-val"></span></div>
|
|
261
|
+
<div class="set-row"><label>Normal Speed</label><input type="range" id="set-part-normalSpeed" min="0.001" max="0.02" step="0.001"><span class="set-val"></span></div>
|
|
262
|
+
<div class="set-row"><label>Highlight Speed</label><input type="range" id="set-part-highlightSpeed" min="0.001" max="0.02" step="0.001"><span class="set-val"></span></div>
|
|
263
|
+
<div class="set-row"><label>Highlight Color</label><input type="color" id="set-part-highlightColor"><span class="set-val"></span></div>
|
|
264
|
+
</div>
|
|
265
|
+
|
|
266
|
+
<!-- LAYER COLORS -->
|
|
267
|
+
<div class="set-section-hdr"><span class="set-arrow open">▶</span> LAYER COLORS <button class="set-rst-btn" data-group="colors">RST</button></div>
|
|
268
|
+
<div class="set-section-body">
|
|
269
|
+
<div class="set-row"><label>FE (Frontend)</label><input type="color" id="set-color-FE"><span class="set-val"></span></div>
|
|
270
|
+
<div class="set-row"><label>BE (Backend)</label><input type="color" id="set-color-BE"><span class="set-val"></span></div>
|
|
271
|
+
<div class="set-row"><label>DB (Database)</label><input type="color" id="set-color-DB"><span class="set-val"></span></div>
|
|
272
|
+
<div class="set-row"><label>API</label><input type="color" id="set-color-API"><span class="set-val"></span></div>
|
|
273
|
+
<div class="set-row"><label>CONFIG</label><input type="color" id="set-color-CONFIG"><span class="set-val"></span></div>
|
|
274
|
+
<div class="set-row"><label>UTIL</label><input type="color" id="set-color-UTIL"><span class="set-val"></span></div>
|
|
275
|
+
</div>
|
|
276
|
+
|
|
277
|
+
<!-- SCENE -->
|
|
278
|
+
<div class="set-section-hdr"><span class="set-arrow open">▶</span> SCENE <button class="set-rst-btn" data-group="scene">RST</button></div>
|
|
279
|
+
<div class="set-section-body">
|
|
280
|
+
<div class="set-row"><label>Background</label><input type="color" id="set-scene-background"><span class="set-val"></span></div>
|
|
281
|
+
<div class="set-row"><label>Ambient Light</label><input type="range" id="set-scene-ambientIntensity" min="0" max="20" step="0.5"><span class="set-val"></span></div>
|
|
282
|
+
<div class="set-row"><label>Point Light</label><input type="range" id="set-scene-pointIntensity" min="0" max="10" step="0.5"><span class="set-val"></span></div>
|
|
283
|
+
<div class="set-row"><label>Light Distance</label><input type="range" id="set-scene-pointDistance" min="1000" max="20000" step="500"><span class="set-val"></span></div>
|
|
284
|
+
<div class="set-row"><label>Fog Density</label><input type="range" id="set-scene-fogDensity" min="0" max="0.001" step="0.00001"><span class="set-val"></span></div>
|
|
285
|
+
<div class="set-row"><label>Scanline</label><input type="range" id="set-scene-scanlineOpacity" min="0" max="1" step="0.05"><span class="set-val"></span></div>
|
|
286
|
+
</div>
|
|
287
|
+
|
|
288
|
+
<!-- CAMERA -->
|
|
289
|
+
<div class="set-section-hdr"><span class="set-arrow open">▶</span> CAMERA <button class="set-rst-btn" data-group="camera">RST</button></div>
|
|
290
|
+
<div class="set-section-body">
|
|
291
|
+
<div class="set-row"><label>Initial Distance</label><input type="range" id="set-cam-initialZ" min="500" max="8000" step="100"><span class="set-val"></span></div>
|
|
292
|
+
<div class="set-row"><label>Rotate Speed</label><input type="range" id="set-cam-autoRotateSpeed" min="0.0001" max="0.003" step="0.0001"><span class="set-val"></span></div>
|
|
293
|
+
<div class="set-row"><label>Orbit Radius</label><input type="range" id="set-cam-autoRotateRadius" min="400" max="5000" step="100"><span class="set-val"></span></div>
|
|
294
|
+
<div class="set-row"><label>Reset Distance</label><input type="range" id="set-cam-resetDistance" min="500" max="5000" step="100"><span class="set-val"></span></div>
|
|
295
|
+
</div>
|
|
296
|
+
|
|
297
|
+
<!-- FILE TREE -->
|
|
298
|
+
<div class="set-section-hdr"><span class="set-arrow open">▶</span> FILE TREE <button class="set-rst-btn" data-group="fileTree">RST</button></div>
|
|
299
|
+
<div class="set-section-body">
|
|
300
|
+
<div class="set-row"><label>Panel Width</label><input type="range" id="set-ft-panelWidth" min="200" max="500" step="10"><span class="set-val"></span></div>
|
|
301
|
+
<div class="set-row"><label>Font Size</label><input type="range" id="set-ft-fontSize" min="9" max="14" step="1"><span class="set-val"></span></div>
|
|
302
|
+
<div class="set-row"><label>Indent Size</label><input type="range" id="set-ft-indentSize" min="8" max="24" step="2"><span class="set-val"></span></div>
|
|
303
|
+
<div class="set-row"><label>Pulse Duration</label><input type="range" id="set-ft-pulseDuration" min="2" max="10" step="1"><span class="set-val"></span></div>
|
|
304
|
+
<div class="set-row set-row-checkbox"><label>Show Line Count</label><input type="checkbox" id="set-ft-showLineCount"><span class="set-val"></span></div>
|
|
305
|
+
<div class="set-row set-row-checkbox"><label>Show Deps</label><input type="checkbox" id="set-ft-showDeps"><span class="set-val"></span></div>
|
|
306
|
+
<div class="set-row set-row-checkbox"><label>Show Risk</label><input type="checkbox" id="set-ft-showRisk"><span class="set-val"></span></div>
|
|
307
|
+
<div class="set-row set-row-checkbox"><label>Auto-scroll</label><input type="checkbox" id="set-ft-autoScrollOnChange"><span class="set-val"></span></div>
|
|
308
|
+
<div class="set-row set-row-checkbox"><label>Compact Mode</label><input type="checkbox" id="set-ft-compactMode"><span class="set-val"></span></div>
|
|
309
|
+
</div>
|
|
310
|
+
|
|
311
|
+
<!-- ADVANCED (collapsed by default) -->
|
|
312
|
+
<div class="set-section-hdr"><span class="set-arrow">▶</span> ADVANCED <button class="set-rst-btn" data-group="physics">RST</button></div>
|
|
313
|
+
<div class="set-section-body collapsed">
|
|
314
|
+
<div class="set-sub-title">PHYSICS</div>
|
|
315
|
+
<div class="set-row"><label>Alpha Decay</label><input type="range" id="set-phys-alphaDecay" min="0.001" max="0.05" step="0.001"><span class="set-val"></span></div>
|
|
316
|
+
<div class="set-row"><label>Velocity Decay</label><input type="range" id="set-phys-velocityDecay" min="0.05" max="0.8" step="0.01"><span class="set-val"></span></div>
|
|
317
|
+
<div class="set-row"><label>Charge Strength</label><input type="range" id="set-phys-chargeStrength" min="-3000" max="-100" step="50"><span class="set-val"></span></div>
|
|
318
|
+
<div class="set-row"><label>Same-Layer Dist</label><input type="range" id="set-phys-sameLayerDistance" min="50" max="800" step="10"><span class="set-val"></span></div>
|
|
319
|
+
<div class="set-row"><label>Cross-Layer Dist</label><input type="range" id="set-phys-crossLayerDistance" min="200" max="3000" step="50"><span class="set-val"></span></div>
|
|
320
|
+
<div class="set-row"><label>Cluster Force</label><input type="range" id="set-phys-clusterStrength" min="0" max="0.1" step="0.001"><span class="set-val"></span></div>
|
|
321
|
+
<div class="set-sub-title">ANIMATION</div>
|
|
322
|
+
<div class="set-row"><label>Birth Duration</label><input type="range" id="set-anim-birthDuration" min="500" max="5000" step="100"><span class="set-val"></span></div>
|
|
323
|
+
<div class="set-row"><label>Birth Scale</label><input type="range" id="set-anim-birthScale" min="1" max="8" step="0.5"><span class="set-val"></span></div>
|
|
324
|
+
<div class="set-row"><label>Spawn X</label><input type="range" id="set-anim-spawnX" min="-10000" max="10000" step="500"><span class="set-val"></span></div>
|
|
325
|
+
<div class="set-row"><label>Spawn Y</label><input type="range" id="set-anim-spawnY" min="-10000" max="10000" step="500"><span class="set-val"></span></div>
|
|
326
|
+
<div class="set-row"><label>Spawn Z</label><input type="range" id="set-anim-spawnZ" min="-10000" max="10000" step="500"><span class="set-val"></span></div>
|
|
327
|
+
<div class="set-sub-title">ARROWS</div>
|
|
328
|
+
<div class="set-row"><label>Arrow Length</label><input type="range" id="set-arrow-length" min="0" max="20" step="1"><span class="set-val"></span></div>
|
|
329
|
+
<div class="set-row"><label>Arrow Position</label><input type="range" id="set-arrow-position" min="0" max="1" step="0.05"><span class="set-val"></span></div>
|
|
330
|
+
</div>
|
|
331
|
+
</div>
|
|
332
|
+
</div>
|
|
333
|
+
</div>
|
|
195
334
|
</aside>
|
|
196
335
|
</main>
|
|
197
336
|
|
|
@@ -258,6 +397,7 @@
|
|
|
258
397
|
<div class="shortcut-row"><kbd>F</kbd><span>Focus on selected</span></div>
|
|
259
398
|
<div class="shortcut-row"><kbd>C</kbd><span>View code</span></div>
|
|
260
399
|
<div class="shortcut-row"><kbd>S</kbd><span>Simulate deletion</span></div>
|
|
400
|
+
<div class="shortcut-row"><kbd>T</kbd><span>Toggle file tree</span></div>
|
|
261
401
|
<div class="shortcut-row"><kbd>D</kbd><span>Detect cycles</span></div>
|
|
262
402
|
<div class="shortcut-row"><kbd>?</kbd><span>Show shortcuts</span></div>
|
|
263
403
|
<div class="shortcut-row"><kbd>Esc</kbd><span>Deselect / Close</span></div>
|