devsec-ai-platform/index.html at main · dun950821-afk/devsec-ai-platform · GitHub

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
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>DevSecAI - 智能安全开发平台</title>
  <style>
    * { margin: 0; padding: 0; box-sizing: border-box; }
    body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'PingFang SC', 'Microsoft YaHei', sans-serif; background: #f0f2f5; }

    /* ===== 登录页 ===== */
    .login-container { display: flex; min-height: 100vh; }
    .login-left { flex: 1; background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%); padding: 80px; color: white; display: flex; flex-direction: column; justify-content: center; position: relative; overflow: hidden; }
    .login-left::before { content: ''; position: absolute; top: -50%; right: -30%; width: 600px; height: 600px; background: radial-gradient(circle, rgba(102,126,234,0.15) 0%, transparent 70%); border-radius: 50%; }
    .login-left::after { content: ''; position: absolute; bottom: -20%; left: -10%; width: 400px; height: 400px; background: radial-gradient(circle, rgba(118,75,162,0.1) 0%, transparent 70%); border-radius: 50%; }
    .brand { display: flex; align-items: center; gap: 16px; margin-bottom: 24px; position: relative; z-index: 1; }
    .logo-icon { width: 56px; height: 56px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 14px; display: flex; align-items: center; justify-content: center; font-size: 22px; font-weight: 700; box-shadow: 0 4px 15px rgba(102,126,234,0.4); }
    .brand h1 { font-size: 32px; font-weight: 700; letter-spacing: -0.5px; }
    .slogan { font-size: 16px; opacity: 0.7; margin-bottom: 48px; line-height: 1.8; position: relative; z-index: 1; }
    .features { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; position: relative; z-index: 1; }
    .feature-item { background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.08); padding: 18px; border-radius: 10px; font-size: 14px; backdrop-filter: blur(4px); transition: all 0.2s; }
    .feature-item:hover { background: rgba(255,255,255,0.1); border-color: rgba(255,255,255,0.15); }
    .feature-item .fi-icon { font-size: 22px; margin-bottom: 8px; }
    .feature-item .fi-title { font-weight: 600; margin-bottom: 4px; }
    .feature-item .fi-desc { font-size: 12px; opacity: 0.6; }
    .login-right { width: 460px; background: white; padding: 60px; display: flex; flex-direction: column; justify-content: center; }
    .login-right h2 { font-size: 26px; color: #1a1a2e; margin-bottom: 6px; font-weight: 700; }
    .subtitle { color: #8c8c8c; margin-bottom: 36px; font-size: 14px; }
    .form-group { margin-bottom: 22px; }
    .form-group label { display: block; margin-bottom: 6px; color: #333; font-weight: 500; font-size: 14px; }
    .form-group input, .form-group select, .form-group textarea { width: 100%; padding: 10px 14px; border: 1px solid #d9d9d9; border-radius: 8px; font-size: 14px; transition: all 0.2s; font-family: inherit; background: #fff; }
    .form-group input:focus, .form-group select:focus, .form-group textarea:focus { outline: none; border-color: #667eea; box-shadow: 0 0 0 3px rgba(102,126,234,0.1); }
    .form-group textarea { resize: vertical; min-height: 72px; }
    .form-group .hint { font-size: 12px; color: #999; margin-top: 4px; }
    .error, .success { padding: 10px 14px; border-radius: 6px; margin-bottom: 16px; font-size: 14px; display: none; }
    .error { color: #cf1322; background: #fff1f0; border: 1px solid #ffa39e; }
    .success { color: #389e0d; background: #f6ffed; border: 1px solid #b7eb8f; }
    .login-btn { width: 100%; padding: 12px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; border: none; border-radius: 8px; font-size: 16px; font-weight: 600; cursor: pointer; transition: all 0.2s; }
    .login-btn:hover:not(:disabled) { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(102,126,234,0.4); }
    .login-btn:disabled { opacity: 0.6; cursor: not-allowed; }
    .footer { margin-top: 36px; text-align: center; color: #bfbfbf; font-size: 12px; }

    /* ===== 主布局 ===== */
    .main-layout { display: flex; min-height: 100vh; }

    /* ===== 侧边栏 ===== */
    .sidebar { width: 230px; background: #001529; color: white; display: flex; flex-direction: column; flex-shrink: 0; }
    .sidebar-header { padding: 20px 16px; border-bottom: 1px solid rgba(255,255,255,0.08); }
    .sidebar-logo { display: flex; align-items: center; gap: 10px; }
    .sidebar-logo .sl-icon { width: 34px; height: 34px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 8px; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 14px; }
    .sidebar-logo span { font-size: 16px; font-weight: 600; }
    .menu { flex: 1; padding: 8px 0; overflow-y: auto; }
    .menu-section { margin-bottom: 4px; }
    .menu-title { padding: 16px 20px 6px; font-size: 11px; color: rgba(255,255,255,0.35); text-transform: uppercase; letter-spacing: 1px; font-weight: 600; }
    .menu-item { display: flex; align-items: center; gap: 10px; padding: 9px 20px; color: rgba(255,255,255,0.65); cursor: pointer; transition: all 0.2s; font-size: 14px; margin: 1px 8px; border-radius: 6px; }
    .menu-item:hover { background: rgba(255,255,255,0.08); color: white; }
    .menu-item.active { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; }
    .menu-item .icon { width: 18px; text-align: center; font-size: 15px; }
    .menu-item .badge { margin-left: auto; background: #e74c3c; color: white; padding: 1px 6px; border-radius: 10px; font-size: 11px; font-weight: 500; }

    /* ===== 主内容区 ===== */
    .main-content { flex: 1; display: flex; flex-direction: column; min-width: 0; }
    .header { background: white; padding: 0 24px; height: 56px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #f0f0f0; flex-shrink: 0; }
    .header-left { display: flex; align-items: center; gap: 16px; }
    .header-title { font-size: 16px; font-weight: 600; color: #1a1a2e; }
    .header-right { display: flex; align-items: center; gap: 16px; }
    .user-info { display: flex; align-items: center; gap: 8px; color: #595959; font-size: 14px; }
    .user-avatar { width: 30px; height: 30px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 12px; font-weight: 600; }
    .content { padding: 20px; flex: 1; overflow-y: auto; }

    /* ===== 通用组件 ===== */
    .btn { padding: 7px 16px; border: none; border-radius: 6px; cursor: pointer; font-size: 14px; font-weight: 500; transition: all 0.2s; display: inline-flex; align-items: center; gap: 6px; }
    .btn-primary { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; }
    .btn-primary:hover { box-shadow: 0 2px 8px rgba(102,126,234,0.4); }
    .btn-default { background: white; color: #595959; border: 1px solid #d9d9d9; }
    .btn-default:hover { color: #667eea; border-color: #667eea; }
    .btn-danger { background: #ff4d4f; color: white; }
    .btn-danger:hover { background: #ff7875; }
    .btn-success { background: #52c41a; color: white; }
    .btn-warning { background: #faad14; color: white; }
    .btn-sm { padding: 3px 10px; font-size: 12px; }
    .btn-link { background: none; border: none; color: #667eea; cursor: pointer; padding: 0; font-size: 13px; }
    .btn-link:hover { color: #764ba2; }

    /* 标签 */
    .tag { display: inline-block; padding: 2px 8px; border-radius: 4px; font-size: 12px; font-weight: 500; line-height: 1.6; }
    .tag-success { background: #f6ffed; color: #52c41a; border: 1px solid #b7eb8f; }
    .tag-warning { background: #fffbe6; color: #faad14; border: 1px solid #ffe58f; }
    .tag-danger { background: #fff1f0; color: #ff4d4f; border: 1px solid #ffa39e; }
    .tag-info { background: #e6f7ff; color: #1890ff; border: 1px solid #91d5ff; }
    .tag-default { background: #fafafa; color: #8c8c8c; border: 1px solid #d9d9d9; }
    .tag-critical { background: #fff0f6; color: #eb2f96; border: 1px solid #ff85c0; }
    .tag-high { background: #fff1f0; color: #f5222d; border: 1px solid #ffa39e; }
    .tag-medium { background: #fff7e6; color: #fa8c16; border: 1px solid #ffd591; }
    .tag-low { background: #e6fffb; color: #13c2c2; border: 1px solid #87e8de; }
    .tag-info-level { background: #f0f5ff; color: #2f54eb; border: 1px solid #adc6ff; }

    /* 页面标题 */
    .page-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; }
    .page-title { font-size: 18px; font-weight: 600; color: #1a1a2e; }

    /* 搜索栏 */
    .search-bar { display: flex; gap: 10px; margin-bottom: 16px; flex-wrap: wrap; align-items: center; }
    .search-bar input, .search-bar select { padding: 7px 12px; border: 1px solid #d9d9d9; border-radius: 6px; font-size: 13px; background: white; }
    .search-bar input:focus, .search-bar select:focus { border-color: #667eea; outline: none; box-shadow: 0 0 0 2px rgba(102,126,234,0.1); }
    .search-bar input { min-width: 200px; }

    /* 统计卡片 */
    .stats-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 16px; margin-bottom: 20px; }
    .stat-card { background: white; padding: 20px; border-radius: 10px; border: 1px solid #f0f0f0; transition: all 0.2s; }
    .stat-card:hover { box-shadow: 0 2px 12px rgba(0,0,0,0.08); }
    .stat-card .sc-top { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 12px; }
    .stat-card .sc-label { font-size: 14px; color: #8c8c8c; }
    .stat-card .sc-icon { width: 40px; height: 40px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 20px; }
    .stat-card .sc-value { font-size: 28px; font-weight: 700; color: #1a1a2e; }
    .stat-card .sc-footer { font-size: 12px; color: #bfbfbf; margin-top: 4px; }
    .sc-blue .sc-icon { background: rgba(102,126,234,0.1); }
    .sc-green .sc-icon { background: rgba(82,196,26,0.1); }
    .sc-orange .sc-icon { background: rgba(250,173,20,0.1); }
    .sc-red .sc-icon { background: rgba(255,77,79,0.1); }
    .sc-critical .sc-icon { background: rgba(235,47,150,0.1); }

    /* 面板 */
    .panel { background: white; border-radius: 10px; border: 1px solid #f0f0f0; margin-bottom: 16px; }
    .panel-header { padding: 14px 20px; border-bottom: 1px solid #f0f0f0; display: flex; justify-content: space-between; align-items: center; }
    .panel-header h4 { font-size: 15px; font-weight: 600; color: #1a1a2e; }
    .panel-body { padding: 0; }
    .panel-body.padded { padding: 20px; }

    /* 表格 */
    .table { width: 100%; border-collapse: collapse; }
    .table th { background: #fafafa; padding: 12px 16px; text-align: left; font-weight: 500; color: #8c8c8c; font-size: 13px; border-bottom: 1px solid #f0f0f0; white-space: nowrap; }
    .table td { padding: 12px 16px; color: #333; font-size: 13px; border-bottom: 1px solid #f5f5f5; }
    .table tr:hover { background: #fafafa; }
    .table .actions { display: flex; gap: 6px; flex-wrap: nowrap; }

    /* 风险分布环 */
    .risk-chart { display: flex; align-items: center; gap: 24px; }
    .risk-bars { flex: 1; }
    .risk-bar-item { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
    .risk-bar-item .rb-label { width: 60px; font-size: 13px; color: #595959; text-align: right; }
    .risk-bar-item .rb-track { flex: 1; height: 8px; background: #f5f5f5; border-radius: 4px; overflow: hidden; }
    .risk-bar-item .rb-fill { height: 100%; border-radius: 4px; transition: width 0.6s ease; }
    .risk-bar-item .rb-count { width: 30px; font-size: 13px; font-weight: 600; color: #333; }

    /* 双列布局 */
    .grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }

    /* 模态框 */
    .modal-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.45); display: flex; align-items: center; justify-content: center; z-index: 1000; }
    .modal { background: white; border-radius: 12px; width: 90%; max-width: 560px; max-height: 85vh; overflow: auto; box-shadow: 0 8px 30px rgba(0,0,0,0.15); }
    .modal-header { padding: 18px 24px; border-bottom: 1px solid #f0f0f0; display: flex; justify-content: space-between; align-items: center; }
    .modal-header h3 { font-size: 17px; font-weight: 600; color: #1a1a2e; }
    .modal-close { width: 28px; height: 28px; border: none; background: none; cursor: pointer; font-size: 18px; color: #bfbfbf; border-radius: 4px; display: flex; align-items: center; justify-content: center; }
    .modal-close:hover { background: #f5f5f5; color: #595959; }
    .modal-body { padding: 20px 24px; }
    .modal-footer { padding: 14px 24px; border-top: 1px solid #f0f0f0; display: flex; justify-content: flex-end; gap: 10px; }

    /* 详情展开 */
    .detail-row { background: #fafafa; }
    .detail-content { padding: 16px 20px 16px 48px; }
    .detail-content .dc-item { margin-bottom: 8px; font-size: 13px; }
    .detail-content .dc-label { color: #8c8c8c; display: inline-block; width: 80px; }
    .detail-content .dc-value { color: #333; }

    /* 空状态 */
    .empty-state { text-align: center; padding: 48px 20px; color: #bfbfbf; }
    .empty-state .icon { font-size: 40px; margin-bottom: 12px; }
    .empty-state .text { font-size: 14px; }

    /* 开关 */
    .toggle { position: relative; width: 40px; height: 22px; display: inline-block; }
    .toggle input { opacity: 0; width: 0; height: 0; }
    .toggle .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background: #d9d9d9; border-radius: 22px; transition: 0.2s; }
    .toggle .slider:before { content: ''; position: absolute; height: 18px; width: 18px; left: 2px; bottom: 2px; background: white; border-radius: 50%; transition: 0.2s; }
    .toggle input:checked + .slider { background: #667eea; }
    .toggle input:checked + .slider:before { transform: translateX(18px); }

    /* 分页 */
    .pagination { display: flex; justify-content: flex-end; align-items: center; gap: 6px; padding: 12px 16px; border-top: 1px solid #f0f0f0; }
    .pagination .pg-btn { padding: 4px 10px; border: 1px solid #d9d9d9; border-radius: 4px; background: white; cursor: pointer; font-size: 13px; color: #595959; }
    .pagination .pg-btn.active { background: #667eea; color: white; border-color: #667eea; }
    .pagination .pg-info { font-size: 13px; color: #8c8c8c; margin-right: 8px; }

    /* ===== 插件中心 ===== */
    .plugin-store-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(380px, 1fr)); gap: 20px; margin-bottom: 24px; }
    .plugin-store-card { background: white; border-radius: 12px; border: 1px solid #f0f0f0; overflow: hidden; transition: all 0.25s; }
    .plugin-store-card:hover { box-shadow: 0 6px 24px rgba(0,0,0,0.08); transform: translateY(-2px); }
    .psc-banner { height: 120px; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; }
    .psc-banner-idea { background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%); }
    .psc-banner-webstorm { background: linear-gradient(135deg, #00c853 0%, #00695c 100%); }
    .psc-banner-pycharm { background: linear-gradient(135deg, #f4511e 0%, #bf360c 100%); }
    .psc-banner .psc-icon { font-size: 52px; position: relative; z-index: 1; }
    .psc-banner::after { content: ''; position: absolute; top: -30%; right: -20%; width: 200px; height: 200px; background: radial-gradient(circle, rgba(255,255,255,0.08) 0%, transparent 70%); border-radius: 50%; }
    .psc-body { padding: 20px; }
    .psc-name { font-size: 18px; font-weight: 700; color: #1a1a2e; margin-bottom: 4px; display: flex; align-items: center; gap: 8px; }
    .psc-name .psc-ver { font-size: 12px; font-weight: 500; color: #667eea; background: rgba(102,126,234,0.1); padding: 2px 8px; border-radius: 10px; }
    .psc-desc { font-size: 13px; color: #8c8c8c; margin-bottom: 14px; line-height: 1.6; }
    .psc-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 14px; }
    .psc-tag { font-size: 11px; padding: 3px 10px; border-radius: 10px; background: #f5f5f5; color: #595959; }
    .psc-tag.compat { background: #e6f7ff; color: #0050b3; }
    .psc-info-row { display: flex; gap: 16px; margin-bottom: 16px; font-size: 12px; color: #8c8c8c; }
    .psc-info-row span { display: flex; align-items: center; gap: 4px; }
    .psc-actions { display: flex; gap: 10px; align-items: center; }
    .btn-download { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; border: none; padding: 8px 20px; border-radius: 8px; font-size: 14px; font-weight: 600; cursor: pointer; transition: all 0.2s; display: flex; align-items: center; gap: 6px; }
    .btn-download:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(102,126,234,0.4); }
    .btn-guide { background: white; color: #595959; border: 1px solid #d9d9d9; padding: 8px 16px; border-radius: 8px; font-size: 13px; cursor: pointer; transition: all 0.2s; }
    .btn-guide:hover { border-color: #667eea; color: #667eea; }

    /* 安装指引 */
    .install-guide { background: white; border-radius: 12px; border: 1px solid #f0f0f0; padding: 28px; }
    .install-guide h3 { font-size: 18px; font-weight: 700; color: #1a1a2e; margin-bottom: 20px; display: flex; align-items: center; gap: 8px; }
    .guide-steps { display: flex; flex-direction: column; gap: 0; }
    .guide-step { display: flex; gap: 16px; position: relative; padding-bottom: 24px; }
    .guide-step:last-child { padding-bottom: 0; }
    .guide-step::before { content: ''; position: absolute; left: 19px; top: 40px; bottom: 0; width: 2px; background: #f0f0f0; }
    .guide-step:last-child::before { display: none; }
    .gs-num { width: 40px; height: 40px; border-radius: 50%; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 16px; flex-shrink: 0; position: relative; z-index: 1; }
    .gs-content { flex: 1; }
    .gs-title { font-size: 15px; font-weight: 600; color: #1a1a2e; margin-bottom: 6px; }
    .gs-desc { font-size: 13px; color: #8c8c8c; line-height: 1.7; }
    .gs-code { background: #1a1a2e; color: #e6e6e6; padding: 12px 16px; border-radius: 8px; font-family: 'SF Mono', 'Fira Code', Consolas, monospace; font-size: 13px; margin-top: 8px; line-height: 1.6; position: relative; }
    .gs-code .copy-btn { position: absolute; top: 8px; right: 8px; background: rgba(255,255,255,0.15); color: #ccc; border: none; padding: 4px 10px; border-radius: 4px; font-size: 11px; cursor: pointer; }
    .gs-code .copy-btn:hover { background: rgba(255,255,255,0.25); color: white; }

    /* 使用说明Tab */
    .usage-tabs { display: flex; gap: 0; border-bottom: 2px solid #f0f0f0; margin-bottom: 20px; }
    .usage-tab { padding: 10px 20px; font-size: 14px; font-weight: 500; color: #8c8c8c; cursor: pointer; border-bottom: 2px solid transparent; margin-bottom: -2px; transition: all 0.2s; }
    .usage-tab:hover { color: #667eea; }
    .usage-tab.active { color: #667eea; border-bottom-color: #667eea; }
    .usage-content { display: none; }
    .usage-content.active { display: block; }
    .usage-section { margin-bottom: 20px; }
    .usage-section h4 { font-size: 15px; font-weight: 600; color: #1a1a2e; margin-bottom: 10px; display: flex; align-items: center; gap: 6px; }
    .usage-section p { font-size: 13px; color: #595959; line-height: 1.8; margin-bottom: 8px; }
    .feature-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 12px; }
    .feature-card { background: #fafafa; border: 1px solid #f0f0f0; border-radius: 8px; padding: 14px; }
    .feature-card .fc-icon { font-size: 20px; margin-bottom: 6px; }
    .feature-card .fc-title { font-size: 13px; font-weight: 600; color: #1a1a2e; margin-bottom: 4px; }
    .feature-card .fc-desc { font-size: 12px; color: #8c8c8c; }

    .hidden { display: none !important; }
  </style>
</head>
<body>
  <!-- ===== 登录页 ===== -->
  <div id="loginPage" class="login-container">
    <div class="login-left">
      <div class="brand"><div class="logo-icon">DS</div><h1>DevSecAI</h1></div>
      <p class="slogan">智能化安全开发平台<br>覆盖代码扫描、依赖分析、密钥检测与AI修复全流程</p>
      <div class="features">
        <div class="feature-item"><div class="fi-icon">🔍</div><div class="fi-title">SAST</div><div class="fi-desc">静态代码安全扫描</div></div>
        <div class="feature-item"><div class="fi-icon">📦</div><div class="fi-title">SCA</div><div class="fi-desc">依赖组件分析</div></div>
        <div class="feature-item"><div class="fi-icon">🔑</div><div class="fi-title">密钥检测</div><div class="fi-desc">密钥凭证检测</div></div>
        <div class="feature-item"><div class="fi-icon">🤖</div><div class="fi-title">AI Fix</div><div class="fi-desc">智能修复建议</div></div>
      </div>
    </div>
    <div class="login-right">
      <h2>用户登录</h2>
      <p class="subtitle">欢迎使用 DevSecAI 智能安全开发平台</p>
      <form id="loginForm">
        <div class="form-group"><label>用户名</label><input type="text" id="username" placeholder="请输入用户名" value="admin"></div>
        <div class="form-group"><label>密码</label><input type="password" id="password" placeholder="请输入密码" value="admin123"></div>
        <div class="error" id="errorMsg"></div>
        <div class="success" id="successMsg"></div>
        <button type="submit" class="login-btn" id="loginBtn">登 录</button>
      </form>
      <div class="footer">DevSecAI v1.0.0 &copy; 国舜集团</div>
    </div>
  </div>

  <!-- ===== 主应用 ===== -->
  <div id="app" class="main-layout hidden">
    <aside class="sidebar">
      <div class="sidebar-header"><div class="sidebar-logo"><div class="sl-icon">DS</div><span>DevSecAI</span></div></div>
      <nav class="menu">
        <div class="menu-section">
          <div class="menu-title">概览</div>
          <div class="menu-item active" data-page="dashboard" onclick="showPage('dashboard')"><span class="icon">📊</span><span>工作台</span></div>
        </div>
        <div class="menu-section">
          <div class="menu-title">插件管理</div>
          <div class="menu-item" data-page="pluginCenter" onclick="showPage('pluginCenter')"><span class="icon">🏪</span><span>插件中心</span></div>
          <div class="menu-item" data-page="pluginInstance" onclick="showPage('pluginInstance')"><span class="icon">🔌</span><span>插件实例</span></div>
          <div class="menu-item" data-page="capability" onclick="showPage('capability')"><span class="icon">⚙️</span><span>能力配置</span></div>
          <div class="menu-item" data-page="token" onclick="showPage('token')"><span class="icon">🔑</span><span>Token管理</span></div>
        </div>
        <div class="menu-section">
          <div class="menu-title">安全管理</div>
          <div class="menu-item" data-page="plugin" onclick="showPage('plugin')"><span class="icon">📦</span><span>插件注册</span></div>
          <div class="menu-item" data-page="project" onclick="showPage('project')"><span class="icon">📁</span><span>项目资产</span></div>
          <div class="menu-item" data-page="policy" onclick="showPage('policy')"><span class="icon">🛡️</span><span>检测策略</span></div>
          <div class="menu-item" data-page="rule" onclick="showPage('rule')"><span class="icon">📋</span><span>规则管理</span></div>
          <div class="menu-item" data-page="result" onclick="showPage('result')"><span class="icon">📝</span><span>检测结果</span></div>
        </div>
        <div class="menu-section">
          <div class="menu-title">智能</div>
          <div class="menu-item" data-page="skill" onclick="showPage('skill')"><span class="icon">🤖</span><span>AI Skill</span></div>
        </div>
        <div class="menu-section">
          <div class="menu-title">系统</div>
          <div class="menu-item" data-page="user" onclick="showPage('user')"><span class="icon">👥</span><span>用户管理</span></div>
          <div class="menu-item" data-page="audit" onclick="showPage('audit')"><span class="icon">📜</span><span>审计日志</span></div>
          <div class="menu-item" data-page="settings" onclick="showPage('settings')"><span class="icon">⚙️</span><span>系统设置</span></div>
        </div>
      </nav>
    </aside>
    <main class="main-content">
      <header class="header">
        <div class="header-left"><span class="header-title" id="pageTitle">工作台</span></div>
        <div class="header-right">
          <div class="user-info"><div class="user-avatar" id="userAvatar">A</div><span id="userName">管理员</span></div>
          <button class="btn btn-default btn-sm" onclick="handleLogout()">退出</button>
        </div>
      </header>
      <div class="content">

        <!-- ===== 工作台 ===== -->
        <div id="page-dashboard" class="page-content">
          <div class="stats-grid">
            <div class="stat-card sc-blue"><div class="sc-top"><div><div class="sc-label">在线插件</div><div class="sc-value" id="statOnlinePlugins">-</div></div><div class="sc-icon" style="background:rgba(82,196,26,0.1);">🟢</div></div></div>
            <div class="stat-card"><div class="sc-top"><div><div class="sc-label">离线插件</div><div class="sc-value" id="statOfflinePlugins">-</div></div><div class="sc-icon" style="background:rgba(140,140,140,0.1);">⚫</div></div></div>
            <div class="stat-card sc-orange"><div class="sc-top"><div><div class="sc-label">活跃策略</div><div class="sc-value" id="statActivePolicies">-</div></div><div class="sc-icon" style="background:rgba(250,173,20,0.1);">🛡️</div></div></div>
            <div class="stat-card sc-blue"><div class="sc-top"><div><div class="sc-label">今日检测</div><div class="sc-value" id="statTodayDetections">-</div></div><div class="sc-icon" style="background:rgba(102,126,234,0.1);">🔍</div></div></div>
            <div class="stat-card sc-red"><div class="sc-top"><div><div class="sc-label">高危漏洞</div><div class="sc-value" id="statHighFindings">-</div></div><div class="sc-icon" style="background:rgba(255,77,79,0.1);">🔴</div></div></div>
            <div class="stat-card"><div class="sc-top"><div><div class="sc-label">待处理Token</div><div class="sc-value" id="statPendingTokens">-</div></div><div class="sc-icon" style="background:rgba(235,47,150,0.1);">🔑</div></div></div>
          </div>
          <div class="grid-2">
            <div class="panel">
              <div class="panel-header"><h4>风险等级分布</h4></div>
              <div class="panel-body padded">
                <div class="risk-chart"><div class="risk-bars">
                  <div class="risk-bar-item"><span class="rb-label">严重</span><div class="rb-track"><div class="rb-fill" id="barCritical" style="width:0%;background:#eb2f96;"></div></div><span class="rb-count" id="barCriticalN">0</span></div>
                  <div class="risk-bar-item"><span class="rb-label">高危</span><div class="rb-track"><div class="rb-fill" id="barHigh" style="width:0%;background:#f5222d;"></div></div><span class="rb-count" id="barHighN">0</span></div>
                  <div class="risk-bar-item"><span class="rb-label">中危</span><div class="rb-track"><div class="rb-fill" id="barMedium" style="width:0%;background:#fa8c16;"></div></div><span class="rb-count" id="barMediumN">0</span></div>
                  <div class="risk-bar-item"><span class="rb-label">低危</span><div class="rb-track"><div class="rb-fill" id="barLow" style="width:0%;background:#13c2c2;"></div></div><span class="rb-count" id="barLowN">0</span></div>
                </div></div>
              </div>
            </div>
            <div class="panel">
              <div class="panel-header"><h4>插件状态分布</h4></div>
              <div class="panel-body padded">
                <div style="display:flex;align-items:center;gap:20px;">
                  <div style="width:120px;height:120px;border-radius:50%;background:conic-gradient(#52c41a 0deg 227deg,#8c8c8c 227deg 284deg,#ff4d4f 284deg 303deg,#d9d9d9 303deg 341deg,#faad14 341deg 360deg);display:flex;align-items:center;justify-content:center;"><div style="width:70px;height:70px;border-radius:50%;background:white;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;color:#1a1a2e;" id="donutTotal">0</div></div>
                  <div style="display:flex;flex-direction:column;gap:8px;">
                    <div style="display:flex;align-items:center;gap:8px;"><span style="width:10px;height:10px;border-radius:50%;background:#52c41a;display:inline-block;"></span><span style="font-size:13px;color:#595959;">在线 <b id="donutOnline">0</b></span></div>
                    <div style="display:flex;align-items:center;gap:8px;"><span style="width:10px;height:10px;border-radius:50%;background:#8c8c8c;display:inline-block;"></span><span style="font-size:13px;color:#595959;">离线 <b id="donutOffline">0</b></span></div>
                    <div style="display:flex;align-items:center;gap:8px;"><span style="width:10px;height:10px;border-radius:50%;background:#ff4d4f;display:inline-block;"></span><span style="font-size:13px;color:#595959;">异常 <b id="donutError">0</b></span></div>
                    <div style="display:flex;align-items:center;gap:8px;"><span style="width:10px;height:10px;border-radius:50%;background:#d9d9d9;display:inline-block;"></span><span style="font-size:13px;color:#595959;">已禁用 <b id="donutDisabled">0</b></span></div>
                    <div style="display:flex;align-items:center;gap:8px;"><span style="width:10px;height:10px;border-radius:50%;background:#faad14;display:inline-block;"></span><span style="font-size:13px;color:#595959;">需升级 <b id="donutUpgrade">0</b></span></div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="panel" style="margin-top:16px;">
            <div class="panel-header"><h4>最近检测活动</h4></div>
            <div class="panel-body"><table class="table"><thead><tr><th>项目</th><th>检测类型</th><th>严重等级</th><th>状态</th><th>时间</th></tr></thead><tbody id="dashResults"></tbody></table></div>
          </div>
        </div>

        <!-- ===== 插件中心 ===== -->
        <div id="page-pluginCenter" class="page-content hidden">
          <div class="page-header">
            <div><div class="page-title">插件中心</div><div style="font-size:13px;color:#8c8c8c;margin-top:4px;">下载插件、查看使用说明，快速接入 DevSecAI 安全开发平台</div></div>
          </div>

          <!-- 插件卡片 -->
          <div class="plugin-store-grid">
            <!-- IDEA 插件 -->
            <div class="plugin-store-card">
              <div class="psc-banner psc-banner-idea">
                <div class="psc-icon">🛡️</div>
              </div>
              <div class="psc-body">
                <div class="psc-name">DevSecAI IDEA 插件 <span class="psc-ver">v1.0.0</span></div>
                <div class="psc-desc">在 IntelliJ IDEA 中实时检测安全漏洞，支持 SAST 静态代码扫描、Secrets 敏感信息检测、Git 提交拦截，并自动上送 Finding 至管理平台。</div>
                <div class="psc-tags">
                  <span class="psc-tag compat">IntelliJ IDEA 2024.1+</span>
                  <span class="psc-tag">SAST</span>
                  <span class="psc-tag">Secrets</span>
                  <span class="psc-tag">Git 拦截</span>
                  <span class="psc-tag">心跳上报</span>
                </div>
                <div class="psc-info-row">
                  <span>📦 大小: 2.3 MB</span>
                  <span>📅 更新: 2025-06-25</span>
                  <span>⬇️ 下载: 128</span>
                </div>
                <div class="psc-actions">
                  <button class="btn-download" onclick="downloadPlugin('idea')">⬇ 下载插件</button>
                  <button class="btn-guide" onclick="scrollToGuide('idea')">安装指引</button>
                  <button class="btn-guide" onclick="showUsageDetail('idea')">使用说明</button>
                </div>
              </div>
            </div>

            <!-- WebStorm 插件（即将推出） -->
            <div class="plugin-store-card" style="opacity:0.6;">
              <div class="psc-banner psc-banner-webstorm">
                <div class="psc-icon">🌐</div>
              </div>
              <div class="psc-body">
                <div class="psc-name">DevSecAI WebStorm 插件 <span class="psc-ver" style="background:rgba(250,173,20,0.15);color:#d48806;">即将推出</span></div>
                <div class="psc-desc">面向前端开发者的安全检测插件，支持 XSS/CSRF 检测、依赖漏洞扫描、敏感信息检测，在 WebStorm 中实时保障代码安全。</div>
                <div class="psc-tags">
                  <span class="psc-tag compat">WebStorm 2024.1+</span>
                  <span class="psc-tag">XSS</span>
                  <span class="psc-tag">CSRF</span>
                  <span class="psc-tag">SCA</span>
                </div>
                <div class="psc-info-row">
                  <span>📦 大小: -</span>
                  <span>📅 更新: 敬请期待</span>
                </div>
                <div class="psc-actions">
                  <button class="btn-download" disabled style="opacity:0.5;cursor:not-allowed;">即将推出</button>
                </div>
              </div>
            </div>

            <!-- PyCharm 插件（即将推出） -->
            <div class="plugin-store-card" style="opacity:0.6;">
              <div class="psc-banner psc-banner-pycharm">
                <div class="psc-icon">🐍</div>
              </div>
              <div class="psc-body">
                <div class="psc-name">DevSecAI PyCharm 插件 <span class="psc-ver" style="background:rgba(250,173,20,0.15);color:#d48806;">即将推出</span></div>
                <div class="psc-desc">专为 Python 开发者设计的安全插件，支持命令注入检测、硬编码密码扫描、依赖漏洞分析，保障 Python 代码安全。</div>
                <div class="psc-tags">
                  <span class="psc-tag compat">PyCharm 2024.1+</span>
                  <span class="psc-tag">命令注入</span>
                  <span class="psc-tag">硬编码检测</span>
                  <span class="psc-tag">SCA</span>
                </div>
                <div class="psc-info-row">
                  <span>📦 大小: -</span>
                  <span>📅 更新: 敬请期待</span>
                </div>
                <div class="psc-actions">
                  <button class="btn-download" disabled style="opacity:0.5;cursor:not-allowed;">即将推出</button>
                </div>
              </div>
            </div>
          </div>

          <!-- 安装指引 -->
          <div class="install-guide" id="installGuide" style="margin-bottom:24px;">
            <h3>📖 安装指引 — IntelliJ IDEA 插件</h3>
            <div class="guide-steps">
              <div class="guide-step">
                <div class="gs-num">1</div>
                <div class="gs-content">
                  <div class="gs-title">下载插件包</div>
                  <div class="gs-desc">点击上方「下载插件」按钮，下载 devsecai-idea-plugin.zip 插件包到本地。</div>
                </div>
              </div>
              <div class="guide-step">
                <div class="gs-num">2</div>
                <div class="gs-content">
                  <div class="gs-title">安装插件</div>
                  <div class="gs-desc">打开 IntelliJ IDEA，进入 <b>File → Settings → Plugins → ⚙️ → Install Plugin from Disk...</b>，选择下载的 .zip 文件完成安装，重启 IDE。</div>
                </div>
              </div>
              <div class="guide-step">
                <div class="gs-num">3</div>
                <div class="gs-content">
                  <div class="gs-title">获取访问令牌</div>
                  <div class="gs-desc">在本平台 <b>Token管理</b> 页面生成一个访问令牌（Access Token），复制保存。令牌用于插件与平台的握手认证。</div>
                </div>
              </div>
              <div class="guide-step">
                <div class="gs-num">4</div>
                <div class="gs-content">
                  <div class="gs-title">配置插件</div>
                  <div class="gs-desc">重启后进入 <b>File → Settings → Tools → DevSecAI</b>，填写以下配置：</div>
                  <div class="gs-code">
                    服务器地址: <span id="guideServerUrl">http://localhost:8080</span><br>
                    访问令牌:  plt_xxxxxxxxxxxxxxxx<br>
                    <button class="copy-btn" onclick="copyGuideUrl()">复制地址</button>
                  </div>
                </div>
              </div>
              <div class="guide-step">
                <div class="gs-num">5</div>
                <div class="gs-content">
                  <div class="gs-title">开始使用</div>
                  <div class="gs-desc">打开一个项目后，插件将自动执行握手认证并拉取策略配置。打开 <b>底部 ToolWindow → DevSecAI</b> 可查看检测结果。支持手动扫描、自动检测和 Git 提交拦截。</div>
                </div>
              </div>
            </div>
          </div>

          <!-- 使用说明 -->
          <div class="install-guide" id="usageDetail" style="display:none;">
            <h3>📚 使用说明 — IntelliJ IDEA 插件</h3>
            <div class="usage-tabs">
              <div class="usage-tab active" onclick="switchUsageTab('features',this)">功能概览</div>
              <div class="usage-tab" onclick="switchUsageTab('sast',this)">SAST 检测</div>
              <div class="usage-tab" onclick="switchUsageTab('secrets',this)">Secrets 检测</div>
              <div class="usage-tab" onclick="switchUsageTab('git',this)">Git 拦截</div>
              <div class="usage-tab" onclick="switchUsageTab('faq',this)">常见问题</div>
            </div>

            <div class="usage-content active" id="tab-features">
              <div class="usage-section">
                <h4>✨ 核心功能</h4>
                <div class="feature-grid">
                  <div class="feature-card"><div class="fc-icon">🔍</div><div class="fc-title">SAST 静态代码扫描</div><div class="fc-desc">实时检测 SQL 注入、XSS、命令注入、路径遍历等安全漏洞</div></div>
                  <div class="feature-card"><div class="fc-icon">🔑</div><div class="fc-title">Secrets 敏感信息检测</div><div class="fc-desc">识别 AWS Key、GitHub Token、JWT、密码、私钥等敏感信息泄露</div></div>
                  <div class="feature-card"><div class="fc-icon">🚫</div><div class="fc-title">Git 提交拦截</div><div class="fc-desc">高危 Finding 自动阻断代码提交，保障代码仓库安全</div></div>
                  <div class="feature-card"><div class="fc-icon">📡</div><div class="fc-title">心跳上报</div><div class="fc-desc">5 分钟定时心跳，平台实时监控插件在线状态</div></div>
                  <div class="feature-card"><div class="fc-icon">📋</div><div class="fc-title">策略下发</div><div class="fc-desc">从平台拉取能力开关策略，灵活控制检测模块</div></div>
                  <div class="feature-card"><div class="fc-icon">📊</div><div class="fc-title">Finding 上送</div><div class="fc-desc">检测结果自动批量上送至管理平台统一管理</div></div>
                </div>
              </div>
            </div>

            <div class="usage-content" id="tab-sast">
              <div class="usage-section">
                <h4>🔍 SAST 检测规则</h4>
                <p>插件基于 IntelliJ LocalInspectionTool 实现，在编辑器中实时标注安全问题：</p>
                <table class="table" style="margin-top:12px;">
                  <thead><tr><th>规则名称</th><th>检测类型</th><th>严重等级</th><th>说明</th></tr></thead>
                  <tbody>
                    <tr><td>SQL 注入</td><td>SAST</td><td><span class="tag tag-red">高危</span></td><td>检测字符串拼接构造 SQL 语句</td></tr>
                    <tr><td>XSS 跨站脚本</td><td>SAST</td><td><span class="tag tag-red">高危</span></td><td>检测未经转义的 HTML 输出</td></tr>
                    <tr><td>命令注入</td><td>SAST</td><td><span class="tag tag-red">高危</span></td><td>检测 Runtime.exec 不安全调用</td></tr>
                    <tr><td>路径遍历</td><td>SAST</td><td><span class="tag tag-orange">中危</span></td><td>检测未校验的文件路径操作</td></tr>
                    <tr><td>不安全反序列化</td><td>SAST</td><td><span class="tag tag-red">高危</span></td><td>检测 ObjectInputStream 未校验输入</td></tr>
                    <tr><td>弱加密算法</td><td>SAST</td><td><span class="tag tag-orange">中危</span></td><td>检测 DES/MD5/SHA1 等弱加密使用</td></tr>
                    <tr><td>不安全 Socket</td><td>SAST</td><td><span class="tag tag-orange">中危</span></td><td>检测非 SSL 的明文网络通信</td></tr>
                  </tbody>
                </table>
              </div>
            </div>

            <div class="usage-content" id="tab-secrets">
              <div class="usage-section">
                <h4>🔑 Secrets 检测规则</h4>
                <p>插件通过正则匹配扫描代码中的敏感信息泄露：</p>
                <table class="table" style="margin-top:12px;">
                  <thead><tr><th>规则名称</th><th>检测类型</th><th>严重等级</th><th>匹配模式</th></tr></thead>
                  <tbody>
                    <tr><td>AWS Access Key</td><td>SECRETS</td><td><span class="tag tag-red">高危</span></td><td>AKIA[0-9A-Z]{16}</td></tr>
                    <tr><td>AWS Secret Key</td><td>SECRETS</td><td><span class="tag tag-red">高危</span></td><td>40 位 Base64 字符串</td></tr>
                    <tr><td>GitHub Token</td><td>SECRETS</td><td><span class="tag tag-red">高危</span></td><td>gh[ps]_[A-Za-z0-9_]{36}</td></tr>
                    <tr><td>JWT Token</td><td>SECRETS</td><td><span class="tag tag-orange">中危</span></td><td>eyJ[A-Za-z0-9-_]+\.eyJ[A-Za-z0-9-_]+</td></tr>
                    <tr><td>硬编码密码</td><td>SECRETS</td><td><span class="tag tag-red">高危</span></td><td>password/passwd/secret 赋值</td></tr>
                    <tr><td>私钥泄露</td><td>SECRETS</td><td><span class="tag tag-red">高危</span></td><td>-----BEGIN (RSA|EC|DSA)? PRIVATE KEY-----</td></tr>
                    <tr><td>数据库密码</td><td>SECRETS</td><td><span class="tag tag-red">高危</span></td><td>jdbc 连接串中的密码字段</td></tr>
                    <tr><td>API Key 通用</td><td>SECRETS</td><td><span class="tag tag-orange">中危</span></td><td>api[_-]?key\s*[=:]\s*['"][^'"]+['"]</td></tr>
                  </tbody>
                </table>
              </div>
            </div>

            <div class="usage-content" id="tab-git">
              <div class="usage-section">
                <h4>🚫 Git 提交拦截</h4>
                <p>插件通过 CheckinHandlerFactory 注册 Git 提交拦截器，在开发者执行 <b>Git Commit</b> 时自动检查当前项目的 Finding：</p>
                <table class="table" style="margin-top:12px;">
                  <thead><tr><th>严重等级</th><th>默认行为</th><th>可配置</th></tr></thead>
                  <tbody>
                    <tr><td><span class="tag tag-red">严重 (CRITICAL)</span></td><td>⚠️ 弹窗确认，建议阻断提交</td><td>能力配置中可关闭</td></tr>
                    <tr><td><span class="tag tag-red">高危 (HIGH)</span></td><td>⚠️ 弹窗确认，建议阻断提交</td><td>能力配置中可关闭</td></tr>
                    <tr><td><span class="tag tag-orange">中危 (MEDIUM)</span></td><td>💡 弹窗提醒，允许继续提交</td><td>能力配置中可关闭</td></tr>
                    <tr><td><span class="tag tag-cyan">低危 (LOW)</span></td><td>静默，不拦截</td><td>—</td></tr>
                  </tbody>
                </table>
                <p style="margin-top:12px;">在平台 <b>能力配置</b> 页面中，可通过 <b>提交控制</b> 组的开关灵活调整拦截策略：blockCritical、blockHigh、blockMedium、blockLow。</p>
              </div>
            </div>

            <div class="usage-content" id="tab-faq">
              <div class="usage-section">
                <h4>❓ 常见问题</h4>
                <div style="display:flex;flex-direction:column;gap:16px;">
                  <div style="background:#fafafa;border-radius:8px;padding:16px;">
                    <div style="font-weight:600;color:#1a1a2e;margin-bottom:6px;">Q: 插件安装后看不到 DevSecAI ToolWindow？</div>
                    <div style="font-size:13px;color:#595959;line-height:1.7;">A: 请确认插件已正确安装并重启 IDE。打开任意项目后，在底部工具栏查找 DevSecAI 标签页，或通过 <b>View → Tool Windows → DevSecAI</b> 手动打开。</div>
                  </div>
                  <div style="background:#fafafa;border-radius:8px;padding:16px;">
                    <div style="font-weight:600;color:#1a1a2e;margin-bottom:6px;">Q: 握手认证失败怎么办？</div>
                    <div style="font-size:13px;color:#595959;line-height:1.7;">A: 请检查：1) Settings 中的服务器地址是否正确（需包含 http:// 前缀）；2) Access Token 是否有效（在平台 Token 管理页面确认状态为「有效」）；3) 服务器是否可访问。</div>
                  </div>
                  <div style="background:#fafafa;border-radius:8px;padding:16px;">
                    <div style="font-weight:600;color:#1a1a2e;margin-bottom:6px;">Q: 如何关闭某个检测模块？</div>
                    <div style="font-size:13px;color:#595959;line-height:1.7;">A: 有两种方式：1) 在 IDEA Settings → Tools → DevSecAI 中关闭本地开关；2) 在平台「能力配置」页面中修改策略的模块开关，策略会在5分钟内自动下发到插件。</div>
                  </div>
                  <div style="background:#fafafa;border-radius:8px;padding:16px;">
                    <div style="font-weight:600;color:#1a1a2e;margin-bottom:6px;">Q: 检测结果多久上送一次？</div>
                    <div style="font-size:13px;color:#595959;line-height:1.7;">A: 插件采用批量上送策略：每收集到 10 条 Finding 或每 30 秒自动上送一次，确保实时性同时避免频繁请求。</div>
                  </div>
                </div>
              </div>
            </div>
          </div>

        </div>

        <!-- ===== 插件实例管理 ===== -->
        <div id="page-pluginInstance" class="page-content hidden">
          <div class="page-header"><div class="page-title">插件实例管理</div><button class="btn btn-primary" onclick="refreshHeartbeats()">🔄 刷新心跳</button></div>
          <div class="search-bar">
            <input type="text" id="piSearch" placeholder="搜索插件ID/开发者..." oninput="loadPluginInstances()">
            <select id="piStatusFilter" onchange="loadPluginInstances()"><option value="">全部状态</option><option value="ONLINE">在线</option><option value="OFFLINE">离线</option><option value="ERROR">异常</option><option value="UPGRADE_REQUIRED">需升级</option><option value="DISABLED">已禁用</option><option value="UNAUTHENTICATED">未认证</option></select>
            <select id="piIdeFilter" onchange="loadPluginInstances()"><option value="">全部IDE</option><option value="IntelliJ IDEA">IntelliJ IDEA</option><option value="WebStorm">WebStorm</option><option value="PyCharm">PyCharm</option></select>
          </div>
          <div class="panel"><div class="panel-body"><table class="table"><thead><tr><th>插件ID</th><th>开发者</th><th>所属项目</th><th>IDE</th><th>插件版本</th><th>当前策略</th><th>最近心跳</th><th>状态</th><th>操作</th></tr></thead><tbody id="piTable"></tbody></table></div></div>
        </div>

        <!-- ===== 能力配置 ===== -->
        <div id="page-capability" class="page-content hidden">
          <div class="page-header">
            <div><div class="page-title">能力配置</div><div style="font-size:13px;color:#8c8c8c;margin-top:4px;">管理插件的检测能力、AI能力、提交控制和数据策略开关</div></div>
            <button class="btn btn-primary" onclick="showCapabilityModal()">+ 新建策略</button>
          </div>
          <div class="panel"><div class="panel-body"><table class="table"><thead><tr><th>策略名称</th><th>版本</th><th>绑定项目</th><th>启用模块</th><th>状态</th><th>操作</th></tr></thead><tbody id="capTable"></tbody></table></div></div>
        </div>

        <!-- ===== Token管理 ===== -->
        <div id="page-token" class="page-content hidden">
          <div style="background:#e6f7ff;border:1px solid #91d5ff;border-radius:8px;padding:12px 16px;margin-bottom:16px;font-size:13px;color:#0050b3;">ℹ️ Token用于插件握手认证，生成后请在IDEA插件设置中配置。吊销Token后对应插件将无法连接平台。</div>
          <div class="page-header">
            <div><div class="page-title">Token管理</div><div style="font-size:13px;color:#8c8c8c;margin-top:4px;">管理插件访问令牌，用于握手认证</div></div>
            <button class="btn btn-primary" onclick="showTokenGenModal()">+ 生成Token</button>
          </div>
          <div class="panel"><div class="panel-body"><table class="table"><thead><tr><th>Token</th><th>名称</th><th>绑定插件</th><th>状态</th><th>过期时间</th><th>创建时间</th><th>操作</th></tr></thead><tbody id="tokenTable"></tbody></table></div></div>
        </div>


        <!-- ===== 用户管理 ===== -->
        <div id="page-user" class="page-content hidden">
          <div class="page-header"><div class="page-title">用户管理</div><button class="btn btn-primary" onclick="showUserModal()">+ 添加用户</button></div>
          <div class="search-bar"><input type="text" id="userSearch" placeholder="搜索用户名/姓名..." oninput="loadUsers()"><select id="userRoleFilter" onchange="loadUsers()"><option value="">全部角色</option><option value="admin">管理员</option><option value="user">普通用户</option></select><select id="userStatusFilter" onchange="loadUsers()"><option value="">全部状态</option><option value="1">启用</option><option value="0">禁用</option></select></div>
          <div class="panel"><div class="panel-body"><table class="table"><thead><tr><th>ID</th><th>用户名</th><th>姓名</th><th>邮箱</th><th>角色</th><th>状态</th><th>操作</th></tr></thead><tbody id="userTable"></tbody></table></div></div>
        </div>

        <!-- ===== 插件管理 ===== -->
        <div id="page-plugin" class="page-content hidden">
          <div class="page-header"><div class="page-title">插件管理</div><button class="btn btn-primary" onclick="showPluginModal()">+ 注册插件</button></div>
          <div class="search-bar"><input type="text" id="pluginSearch" placeholder="搜索插件名称..." oninput="loadPlugins()"><select id="pluginCatFilter" onchange="loadPlugins()"><option value="">全部类别</option><option value="code_scanner">代码扫描</option><option value="dependency_check">依赖检查</option><option value="secret_detection">密钥检测</option><option value="baseline_check">基线检查</option><option value="ai_analysis">AI分析</option></select><select id="pluginStatusFilter" onchange="loadPlugins()"><option value="">全部状态</option><option value="1">在线</option><option value="2">离线</option><option value="3">异常</option><option value="0">禁用</option></select></div>
          <div class="panel"><div class="panel-body"><table class="table"><thead><tr><th>ID</th><th>插件名称</th><th>Key</th><th>类别</th><th>状态</th><th>配置</th><th>操作</th></tr></thead><tbody id="pluginTable"></tbody></table></div></div>
        </div>

        <!-- ===== 项目资产 ===== -->
        <div id="page-project" class="page-content hidden">
          <div class="page-header"><div class="page-title">项目资产</div><button class="btn btn-primary" onclick="showProjectModal()">+ 添加项目</button></div>
          <div class="search-bar"><input type="text" id="projectSearch" placeholder="搜索项目名称..." oninput="loadProjects()"><select id="projectStatusFilter" onchange="loadProjects()"><option value="">全部状态</option><option value="1">启用</option><option value="0">禁用</option></select></div>
          <div class="panel"><div class="panel-body"><table class="table"><thead><tr><th>ID</th><th>项目代码</th><th>项目名称</th><th>仓库URL</th><th>分支</th><th>策略</th><th>扫描</th><th>状态</th><th>操作</th></tr></thead><tbody id="projectTable"></tbody></table></div></div>
        </div>

        <!-- ===== 检测策略 ===== -->
        <div id="page-policy" class="page-content hidden">
          <div class="page-header"><div class="page-title">检测策略</div><button class="btn btn-primary" onclick="showPolicyModal()">+ 添加策略</button></div>
          <div class="search-bar"><input type="text" id="policySearch" placeholder="搜索策略名称..." oninput="loadPolicies()"><select id="policyScanTypeFilter" onchange="loadPolicies()"><option value="">全部触发方式</option><option value="0">手动</option><option value="1">实时</option><option value="2">定时</option></select></div>
          <div class="panel"><div class="panel-body"><table class="table"><thead><tr><th>ID</th><th>策略名称</th><th>扫描类型</th><th>规则绑定</th><th>插件绑定</th><th>默认</th><th>状态</th><th>操作</th></tr></thead><tbody id="policyTable"></tbody></table></div></div>
        </div>

        <!-- ===== 规则管理 ===== -->
        <div id="page-rule" class="page-content hidden">
          <div class="page-header"><div class="page-title">规则管理</div><button class="btn btn-primary" onclick="showRuleModal()">+ 添加规则</button></div>
          <div class="search-bar"><input type="text" id="ruleSearch" placeholder="搜索规则名称..." oninput="loadRules()"><select id="ruleSevFilter" onchange="loadRules()"><option value="">全部严重性</option><option value="critical">严重</option><option value="high">高危</option><option value="medium">中危</option><option value="low">低危</option><option value="info">提示</option></select><select id="ruleCatFilter" onchange="loadRules()"><option value="">全部类别</option><option value="security">安全</option><option value="code_quality">代码质量</option><option value="best_practice">最佳实践</option></select></div>
          <div class="panel"><div class="panel-body"><table class="table"><thead><tr><th>ID</th><th>规则名称</th><th>Key</th><th>严重性</th><th>类别</th><th>模式</th><th>状态</th><th>操作</th></tr></thead><tbody id="ruleTable"></tbody></table></div></div>
        </div>

        <!-- ===== 检测结果 ===== -->
        <div id="page-result" class="page-content hidden">
          <div class="page-header"><div class="page-title">检测结果</div></div>
          <div class="search-bar"><input type="text" id="resultSearch" placeholder="搜索项目名称..." oninput="loadResults()"><select id="resultSevFilter" onchange="loadResults()"><option value="">全部严重性</option><option value="critical">严重</option><option value="high">高危</option><option value="medium">中危</option><option value="low">低危</option><option value="info">提示</option></select><select id="resultStatusFilter" onchange="loadResults()"><option value="">全部状态</option><option value="0">待确认</option><option value="1">确认</option><option value="2">已修复</option><option value="3">忽略</option><option value="4">误报</option></select></div>
          <div class="panel"><div class="panel-body"><table class="table"><thead><tr><th>ID</th><th>项目</th><th>规则</th><th>严重性</th><th>文件</th><th>行号</th><th>状态</th><th>时间</th><th>操作</th></tr></thead><tbody id="resultTable"></tbody></table></div></div>
        </div>

        <!-- ===== AI Skill ===== -->
        <div id="page-skill" class="page-content hidden">
          <div class="page-header"><div class="page-title">AI Skill</div><button class="btn btn-primary" onclick="showSkillModal()">+ 添加Skill</button></div>
          <div class="search-bar"><input type="text" id="skillSearch" placeholder="搜索Skill名称..." oninput="loadSkills()"><select id="skillTypeFilter" onchange="loadSkills()"><option value="">全部类型</option><option value="analyzer">分析器</option><option value="fixer">修复器</option><option value="reviewer">审查器</option></select></div>
          <div class="panel"><div class="panel-body"><table class="table"><thead><tr><th>ID</th><th>名称</th><th>Key</th><th>类型</th><th>Provider</th><th>模型</th><th>状态</th><th>操作</th></tr></thead><tbody id="skillTable"></tbody></table></div></div>
        </div>

        <!-- ===== 审计日志 ===== -->
        <div id="page-audit" class="page-content hidden">
          <div class="page-header"><div class="page-title">审计日志</div></div>
          <div class="search-bar"><input type="text" id="auditSearch" placeholder="搜索操作用户..." oninput="loadAuditLogs()"><select id="auditModuleFilter" onchange="loadAuditLogs()"><option value="">全部模块</option><option value="LOGIN">登录</option><option value="LOGOUT">登出</option><option value="CREATE">创建</option><option value="UPDATE">更新</option><option value="DELETE">删除</option><option value="SCAN">扫描</option></select></div>
          <div class="panel"><div class="panel-body"><table class="table"><thead><tr><th>ID</th><th>模块</th><th>操作</th><th>用户</th><th>IP</th><th>状态</th><th>时间</th><th>详情</th></tr></thead><tbody id="auditTable"></tbody></table></div></div>
        </div>

        <!-- ===== 系统设置 ===== -->
        <div id="page-settings" class="page-content hidden">
          <div class="page-header"><div class="page-title">系统设置</div></div>
          <div class="grid-2">
            <div class="panel"><div class="panel-header"><h4>基本信息</h4></div><div class="panel-body padded">
              <div class="form-group"><label>系统名称</label><input type="text" value="DevSecAI 智能安全开发平台" readonly></div>
              <div class="form-group"><label>版本号</label><input type="text" value="v1.0.0" readonly></div>
              <div class="form-group"><label>系统邮箱</label><input type="text" value="admin@devsecai.com" readonly></div>
            </div></div>
            <div class="panel"><div class="panel-header"><h4>安全策略</h4></div><div class="panel-body padded">
              <div class="form-group"><label>会话超时(分钟)</label><input type="text" value="60" readonly></div>
              <div class="form-group"><label>最大登录尝试</label><input type="text" value="5" readonly></div>
              <div class="form-group"><label>密码最小长度</label><input type="text" value="8" readonly></div>
            </div></div>
          </div>
          <div class="grid-2" style="margin-top:16px;">
            <div class="panel"><div class="panel-header"><h4>AI模型配置</h4></div><div class="panel-body padded">
              <div class="form-group"><label>默认Provider</label><select id="settingsProvider"><option value="openai">OpenAI</option><option value="claude">Claude</option><option value="local">本地模型</option></select></div>
              <div class="form-group"><label>默认模型</label><input type="text" id="settingsModel" value="gpt-4"></div>
              <div class="form-group"><label>API地址</label><input type="text" id="settingsApiUrl" value="https://api.openai.com/v1"></div>
              <div style="margin-top:12px;"><button class="btn btn-primary" onclick="alert('配置已保存(演示)')">保存配置</button></div>
            </div></div>
            <div class="panel"><div class="panel-header"><h4>通知配置</h4></div><div class="panel-body padded">
              <div class="form-group"><label>邮件通知</label><label class="toggle"><input type="checkbox" checked><span class="slider"></span></label></div>
              <div class="form-group"><label>钉钉通知</label><label class="toggle"><input type="checkbox"><span class="slider"></span></label></div>
              <div class="form-group"><label>企业微信</label><label class="toggle"><input type="checkbox"><span class="slider"></span></label></div>
              <div class="form-group"><label>Webhook URL</label><input type="text" placeholder="https://..."></div>
              <div style="margin-top:12px;"><button class="btn btn-primary" onclick="alert('配置已保存(演示)')">保存配置</button></div>
            </div></div>
          </div>
        </div>

      </div>
    </main>
  </div>

  <!-- ===== 模态框 ===== -->
  <div id="modalOverlay" class="modal-overlay hidden">
    <div class="modal">
      <div class="modal-header"><h3 id="modalTitle">标题</h3><button class="modal-close" onclick="closeModal()">&times;</button></div>
      <div class="modal-body" id="modalBody"></div>
      <div class="modal-footer"><button class="btn btn-default" onclick="closeModal()">取消</button><button class="btn btn-primary" id="modalConfirmBtn" onclick="confirmModal()">确定</button></div>
    </div>
  </div>

  <script>
    var token = localStorage.getItem('token') || '';
    var userName = localStorage.getItem('userName') || '管理员';
    var currentModalType = '';
    var currentEditId = null;
    var modalCallback = null;
    var policyListCache = [];

    // ===== API封装 =====
    function api(url, options) {
      var opts = { headers: { 'Content-Type': 'application/json', 'Authorization': 'Bearer ' + token }, ...options };
      return fetch(url, opts).then(function(r) { return r.json(); });
    }

    function esc(s) { return s == null ? '' : String(s).replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;'); }

    // ===== 常量映射 =====
    var CATEGORY_MAP = { code_scanner:'代码扫描', dependency_check:'依赖检查', secret_detection:'密钥检测', baseline_check:'基线检查', ai_analysis:'AI分析' };
    var CATEGORY_TAG = { code_scanner:'tag-info', dependency_check:'tag-success', secret_detection:'tag-warning', baseline_check:'tag-default', ai_analysis:'tag-danger' };
    var SEVERITY_MAP = { critical:'严重', high:'高危', medium:'中危', low:'低危', info:'提示', CRITICAL:'严重', HIGH:'高危', MEDIUM:'中危', LOW:'低危', INFO:'提示' };
    var SEVERITY_TAG = { critical:'tag-critical', high:'tag-high', medium:'tag-medium', low:'tag-low', info:'tag-info-level', CRITICAL:'tag-critical', HIGH:'tag-high', MEDIUM:'tag-medium', LOW:'tag-low', INFO:'tag-info-level' };
    var SCAN_TYPE_MAP = { 0:'手动触发', 1:'实时扫描', 2:'定时扫描' };
    var SCAN_TYPE_TAG = { 0:'tag-default', 1:'tag-info', 2:'tag-warning' };
    var RESULT_STATUS_MAP = { 0:'待确认', 1:'已确认', 2:'已修复', 3:'已忽略', 4:'误报' };
    var RESULT_STATUS_TAG = { 0:'tag-warning', 1:'tag-info', 2:'tag-success', 3:'tag-default', 4:'tag-default' };
    var PLUGIN_STATUS_MAP = { 0:'禁用', 1:'在线', 2:'离线', 3:'异常' };
    var PLUGIN_STATUS_TAG = { 0:'tag-default', 1:'tag-success', 2:'tag-warning', 3:'tag-danger' };
    var SKILL_TYPE_MAP = { analyzer:'分析器', fixer:'修复器', reviewer:'审查器' };
    var SKILL_TYPE_TAG = { analyzer:'tag-info', fixer:'tag-success', reviewer:'tag-warning' };
    var ROLE_MAP = { admin:'管理员', user:'普通用户' };
    var ROLE_TAG = { admin:'tag-danger', user:'tag-info' };
    var RULE_CAT_MAP = { security:'安全', code_quality:'代码质量', best_practice:'最佳实践' };
    var RULE_CAT_TAG = { security:'tag-danger', code_quality:'tag-info', best_practice:'tag-success' };
    var PI_STATUS_MAP = { ONLINE:'在线', OFFLINE:'离线', ERROR:'异常', UPGRADE_REQUIRED:'需升级', DISABLED:'已禁用', UNAUTHENTICATED:'未认证' };
    var PI_STATUS_TAG = { ONLINE:'tag-success', OFFLINE:'tag-default', ERROR:'tag-danger', UPGRADE_REQUIRED:'tag-warning', DISABLED:'tag-default', UNAUTHENTICATED:'tag-warning' };
    var TOKEN_STATUS_MAP = { ACTIVE:'有效', REVOKED:'已吊销', EXPIRED:'已过期' };
    var TOKEN_STATUS_TAG = { ACTIVE:'tag-success', REVOKED:'tag-danger', EXPIRED:'tag-default' };
    var FINDING_TYPE_MAP = { SCA:'软件成分分析', SAST:'静态代码扫描' };
    var FINDING_STATUS_MAP = { OPEN:'待处理', FIXED:'已修复', IGNORED:'已忽略' };

    // ===== 初始化 =====
    function init() { if (token) { showApp(); loadDashboardData(); } }
    function showApp() {
      document.getElementById('loginPage').classList.add('hidden');
      document.getElementById('app').classList.remove('hidden');
      document.getElementById('userName').textContent = userName;
      document.getElementById('userAvatar').textContent = userName.charAt(0).toUpperCase();
    }
    function showPage(page) {
      document.querySelectorAll('.page-content').forEach(function(el) { el.classList.add('hidden'); });
      document.getElementById('page-' + page).classList.remove('hidden');
      document.querySelectorAll('.menu-item').forEach(function(el) { el.classList.remove('active'); });
      var item = document.querySelector('.menu-item[data-page="' + page + '"]');
      if (item) item.classList.add('active');
      var titles = { dashboard:'工作台', pluginCenter:'插件中心', pluginInstance:'插件实例', capability:'能力配置', token:'Token管理', plugin:'插件注册', project:'项目资产', policy:'检测策略', rule:'规则管理', result:'检测结果', skill:'AI Skill', user:'用户管理', audit:'审计日志', settings:'系统设置' };
      document.getElementById('pageTitle').textContent = titles[page] || '工作台';
      switch(page) {
        case 'dashboard': loadDashboardData(); break;
        case 'pluginCenter': loadPluginCenter(); break;
        case 'pluginInstance': loadPluginInstances(); break;
        case 'capability': loadCapabilities(); break;
        case 'token': loadTokens(); break;
        case 'plugin': loadPlugins(); break;
        case 'project': loadProjects(); break;
        case 'policy': loadPolicies(); break;
        case 'rule': loadRules(); break;
        case 'result': loadResults(); break;
        case 'skill': loadSkills(); break;
        case 'user': loadUsers(); break;
        case 'audit': loadAuditLogs(); break;
      }
    }

    // ===== 登录 =====
    document.getElementById('loginForm').addEventListener('submit', function(e) {
      e.preventDefault();
      var u = document.getElementById('username').value, p = document.getElementById('password').value;
      var errEl = document.getElementById('errorMsg'), sucEl = document.getElementById('successMsg'), btn = document.getElementById('loginBtn');
      errEl.style.display = 'none'; sucEl.style.display = 'none';
      if (!u || !p) { errEl.textContent = '请输入用户名和密码'; errEl.style.display = 'block'; return; }
      btn.disabled = true; btn.textContent = '登录中...';
      fetch('/api/auth/login', { method:'POST', headers:{'Content-Type':'application/json'}, body:JSON.stringify({username:u,password:p}) })
      .then(function(r){return r.json();})
      .then(function(d){
        if(d.code===200){ token=d.data.token; localStorage.setItem('token',token); localStorage.setItem('userName',d.data.userInfo.realName||u); userName=d.data.userInfo.realName||u; sucEl.textContent='登录成功！'; sucEl.style.display='block'; setTimeout(function(){showApp();loadDashboardData();},800); }
        else{ errEl.textContent=d.message||'登录失败'; errEl.style.display='block'; }
      })
      .catch(function(){ errEl.textContent='网络错误，请稍后重试'; errEl.style.display='block'; })
      .finally(function(){ btn.disabled=false; btn.textContent='登 录'; });
    });
    function handleLogout() { api('/api/auth/logout',{method:'POST'}); token=''; localStorage.removeItem('token'); localStorage.removeItem('userName'); location.reload(); }

    // ===== 1.1 首页仪表盘 =====
    // ===== 插件中心 =====
    function loadPluginCenter() {
      // 设置指引中的服务器地址
      var baseUrl = window.location.origin.replace(/:\d+/, ':8080');
      var el = document.getElementById('guideServerUrl');
      if (el) el.textContent = baseUrl;
    }

    function downloadPlugin(type) {
      if (type === 'idea') {
        // 触发下载 — 指向本地构建产物或提示构建
        alert('请先在项目目录下构建插件：\n\ncd devsec-ai-idea-plugin\n./gradlew buildPlugin\n\n构建产物位于 build/distributions/ 目录。\n\n将 .zip 文件在 IDEA 中通过 Install Plugin from Disk 安装。');
      }
    }

    function scrollToGuide(type) {
      var el = document.getElementById('installGuide');
      if (el) {
        el.scrollIntoView({ behavior: 'smooth', block: 'start' });
      }
    }

    function showUsageDetail(type) {
      var el = document.getElementById('usageDetail');
      if (el) {
        el.style.display = el.style.display === 'none' ? 'block' : 'none';
        if (el.style.display === 'block') {
          el.scrollIntoView({ behavior: 'smooth', block: 'start' });
        }
      }
    }

    function switchUsageTab(tab, el) {
      document.querySelectorAll('.usage-tab').forEach(function(t) { t.classList.remove('active'); });
      document.querySelectorAll('.usage-content').forEach(function(c) { c.classList.remove('active'); });
      el.classList.add('active');
      var content = document.getElementById('tab-' + tab);
      if (content) content.classList.add('active');
    }

    function copyGuideUrl() {
      var el = document.getElementById('guideServerUrl');
      var url = el ? el.textContent : '';
      navigator.clipboard.writeText(url).then(function() {
        alert('服务器地址已复制: ' + url);
      }).catch(function() {
        prompt('请手动复制服务器地址:', url);
      });
    }

    function loadDashboardData() {
      // 加载插件实例统计
      api('/api/plugin-instance/list').then(function(d){
        if(d.code===200){
          var list = d.data.records || d.data || [];
          var online = list.filter(function(x){return x.status==='ONLINE';}).length;
          var offline = list.filter(function(x){return x.status==='OFFLINE';}).length;
          var error = list.filter(function(x){return x.status==='ERROR';}).length;
          var disabled = list.filter(function(x){return x.status==='DISABLED';}).length;
          var upgrade = list.filter(function(x){return x.status==='UPGRADE_REQUIRED';}).length;
          var total = list.length;
          document.getElementById('statOnlinePlugins').textContent = online;
          document.getElementById('statOfflinePlugins').textContent = offline;
          document.getElementById('donutTotal').textContent = total;
          document.getElementById('donutOnline').textContent = online;
          document.getElementById('donutOffline').textContent = offline;
          document.getElementById('donutError').textContent = error;
          document.getElementById('donutDisabled').textContent = disabled;
          document.getElementById('donutUpgrade').textContent = upgrade;
        }
      });
      // 活跃策略
      api('/api/capability-policy/list').then(function(d){
        if(d.code===200){
          var list = d.data.records || d.data || [];
          document.getElementById('statActivePolicies').textContent = list.filter(function(x){return x.status===1;}).length;
        }
      });
      // Findings统计
      api('/api/finding/list').then(function(d){
        if(d.code===200){
          var list = d.data.records || d.data || [];
          document.getElementById('statTodayDetections').textContent = list.length;
          document.getElementById('statHighFindings').textContent = list.filter(function(x){return x.severity==='HIGH'||x.severity==='CRITICAL';}).length;
          var crit=list.filter(function(x){return x.severity==='CRITICAL';}).length;
          var high=list.filter(function(x){return x.severity==='HIGH';}).length;
          var med=list.filter(function(x){return x.severity==='MEDIUM';}).length;
          var low=list.filter(function(x){return x.severity==='LOW';}).length;
          var max=Math.max(crit,high,med,low,1);
          document.getElementById('barCritical').style.width=(crit/max*100)+'%'; document.getElementById('barCriticalN').textContent=crit;
          document.getElementById('barHigh').style.width=(high/max*100)+'%'; document.getElementById('barHighN').textContent=high;
          document.getElementById('barMedium').style.width=(med/max*100)+'%'; document.getElementById('barMediumN').textContent=med;
          document.getElementById('barLow').style.width=(low/max*100)+'%'; document.getElementById('barLowN').textContent=low;
        }
      });
      // Token统计
      api('/api/plugin-token/list').then(function(d){
        if(d.code===200){
          var list = d.data.records || d.data || [];
          document.getElementById('statPendingTokens').textContent = list.filter(function(x){return x.status==='ACTIVE';}).length;
        }
      });
      // 最近检测活动
      api('/api/finding/list').then(function(d){ if(d.code===200) renderDashResults(d.data.records||d.data||[]); });
    }
    function renderDashResults(list) {
      var tb=document.getElementById('dashResults');
      if(!list||!list.length){tb.innerHTML='<tr><td colspan="5" class="empty-state">暂无检测活动</td></tr>';return;}
      tb.innerHTML=list.slice(0,5).map(function(r){return '<tr><td>'+esc(r.projectName||'-')+'</td><td><span class="tag tag-info">'+esc(r.findingType||'-')+'</span></td><td><span class="tag '+(r.severity==='CRITICAL'?'tag-critical':r.severity==='HIGH'?'tag-high':r.severity==='MEDIUM'?'tag-medium':'tag-low')+'">'+(SEVERITY_MAP[r.severity]||r.severity||'-')+'</span></td><td><span class="tag '+(r.status==='OPEN'?'tag-danger':r.status==='FIXED'?'tag-success':'tag-default')+'">'+(FINDING_STATUS_MAP[r.status]||r.status||'-')+'</span></td><td style="font-size:12px;color:#8c8c8c;">'+esc(r.createTime||'-')+'</td></tr>';}).join('');
    }

    // ===== 1.2 用户管理 =====
    function loadUsers() {
      var s=document.getElementById('userSearch').value, role=document.getElementById('userRoleFilter').value, st=document.getElementById('userStatusFilter').value;
      api('/api/user/list?username='+encodeURIComponent(s)+'&role='+role+'&status='+st).then(function(d){ if(d.code===200) renderUserTable(d.data.records||[]); });
    }
    function renderUserTable(list) {
      var tb=document.getElementById('userTable');
      if(!list.length){tb.innerHTML='<tr><td colspan="7" class="empty-state">暂无用户数据</td></tr>';return;}
      tb.innerHTML=list.map(function(u){return '<tr><td>'+u.id+'</td><td>'+esc(u.username)+'</td><td>'+esc(u.realName||'-')+'</td><td>'+esc(u.email||'-')+'</td><td><span class="tag '+(ROLE_TAG[u.role]||'tag-default')+'">'+(ROLE_MAP[u.role]||u.role||'-')+'</span></td><td><span class="tag '+(u.status===1?'tag-success':'tag-default')+'">'+(u.status===1?'启用':'禁用')+'</span></td><td><div class="actions"><button class="btn btn-default btn-sm" onclick="editUser('+u.id+')">编辑</button><button class="btn btn-default btn-sm" onclick="toggleUserStatus('+u.id+','+u.status+')">'+(u.status===1?'禁用':'启用')+'</button></div></td></tr>';}).join('');
    }
    function showUserModal(id) {
      currentEditId=id; currentModalType='user';
      document.getElementById('modalTitle').textContent=id?'编辑用户':'添加用户';
      var body='<div class="form-group"><label>用户名</label><input type="text" id="mUsername" placeholder="请输入用户名"></div><div class="form-group"><label>姓名</label><input type="text" id="mRealName" placeholder="请输入姓名"></div><div class="form-group"><label>邮箱</label><input type="text" id="mEmail" placeholder="请输入邮箱"></div><div class="form-group"><label>密码'+(id?' (留空不修改)':'')+'</label><input type="password" id="mPassword" placeholder="'+(id?'留空不修改':'请输入密码')+'"></div><div class="form-group"><label>角色</label><select id="mRole"><option value="user">普通用户</option><option value="admin">管理员</option></select></div>';
      document.getElementById('modalBody').innerHTML=body;
      if(id){ api('/api/user/'+id).then(function(d){if(d.code===200){var u=d.data;document.getElementById('mUsername').value=u.username||'';document.getElementById('mRealName').value=u.realName||'';document.getElementById('mEmail').value=u.email||'';document.getElementById('mRole').value=u.role||'user';}}); }
      document.getElementById('modalOverlay').classList.remove('hidden');
      modalCallback=saveUser;
    }
    function editUser(id){showUserModal(id);}
    function saveUser(){var un=document.getElementById('mUsername').value,rn=document.getElementById('mRealName').value,em=document.getElementById('mEmail').value,pw=document.getElementById('mPassword').value,ro=document.getElementById('mRole').value;if(!un){alert('请输入用户名');return;}var body={username:un,realName:rn,email:em,role:ro};if(pw)body.password=pw;var m=currentEditId?'PUT':'POST',u=currentEditId?('/api/user/'+currentEditId):'/api/user';api(u,{method:m,body:JSON.stringify(body)}).then(function(d){if(d.code===200){closeModal();loadUsers();}else alert(d.message||'保存失败');});}
    function toggleUserStatus(id,st){api('/api/user/'+id+'/status',{method:'PUT',body:JSON.stringify({status:st===1?0:1})}).then(function(d){if(d.code===200)loadUsers();else alert(d.message||'操作失败');});}

    // ===== 2.1 插件管理 =====
    function loadPlugins(){var s=document.getElementById('pluginSearch').value,cat=document.getElementById('pluginCatFilter').value,st=document.getElementById('pluginStatusFilter').value;api('/api/plugin/list?name='+encodeURIComponent(s)+'&category='+cat+'&status='+st).then(function(d){if(d.code===200)renderPluginTable(d.data.records||[]);});}
    function renderPluginTable(list){var tb=document.getElementById('pluginTable');if(!list.length){tb.innerHTML='<tr><td colspan="7" class="empty-state">暂无插件数据</td></tr>';return;}tb.innerHTML=list.map(function(p){return '<tr><td>'+p.id+'</td><td>'+esc(p.name)+'</td><td style="font-size:12px;color:#8c8c8c;">'+esc(p.pluginKey||'-')+'</td><td><span class="tag '+(CATEGORY_TAG[p.category]||'tag-default')+'">'+(CATEGORY_MAP[p.category]||p.category||'-')+'</span></td><td><span class="tag '+(PLUGIN_STATUS_TAG[p.status]||'tag-default')+'">'+(PLUGIN_STATUS_MAP[p.status]||p.status)+'</span></td><td>'+(p.config?'<button class="btn-link" onclick="viewPluginConfig('+p.id+')">查看</button>':'-')+'</td><td><div class="actions"><button class="btn btn-default btn-sm" onclick="editPlugin('+p.id+')">编辑</button><button class="btn btn-default btn-sm" onclick="togglePluginStatus('+p.id+','+p.status+')">'+(p.status===0?'启用':'禁用')+'</button><button class="btn btn-danger btn-sm" onclick="deletePlugin('+p.id+')">删除</button></div></td></tr>';}).join('');}
    function showPluginModal(id){currentEditId=id;currentModalType='plugin';document.getElementById('modalTitle').textContent=id?'编辑插件':'注册插件';var body='<div class="form-group"><label>插件名称</label><input type="text" id="mPluginName" placeholder="请输入插件名称"></div><div class="form-group"><label>版本</label><input type="text" id="mPluginVer" placeholder="如 v1.0.0"></div><div class="form-group"><label>类别</label><select id="mPluginCat"><option value="code_scanner">代码扫描</option><option value="dependency_check">依赖检查</option><option value="secret_detection">密钥检测</option><option value="baseline_check">基线检查</option><option value="ai_analysis">AI分析</option></select></div><div class="form-group"><label>描述</label><textarea id="mPluginDesc" placeholder="请输入描述"></textarea></div><div class="form-group"><label>配置(JSON)</label><textarea id="mPluginConfig" placeholder=\'{"key":"value"}\' style="font-family:monospace;font-size:12px;"></textarea></div>';document.getElementById('modalBody').innerHTML=body;if(id){api('/api/plugin/'+id).then(function(d){if(d.code===200){var p=d.data;document.getElementById('mPluginName').value=p.name||'';document.getElementById('mPluginVer').value=p.version||'';document.getElementById('mPluginCat').value=p.category||'code_scanner';document.getElementById('mPluginDesc').value=p.description||'';document.getElementById('mPluginConfig').value=p.config||'';}});}document.getElementById('modalOverlay').classList.remove('hidden');modalCallback=savePlugin;}
    function editPlugin(id){showPluginModal(id);}
    function savePlugin(){var n=document.getElementById('mPluginName').value,v=document.getElementById('mPluginVer').value,c=document.getElementById('mPluginCat').value,d=document.getElementById('mPluginDesc').value,cfg=document.getElementById('mPluginConfig').value;if(!n){alert('请输入插件名称');return;}var body={name:n,version:v,category:c,description:d};if(cfg)body.config=cfg;var m=currentEditId?'PUT':'POST',u=currentEditId?('/api/plugin/'+currentEditId):'/api/plugin';api(u,{method:m,body:JSON.stringify(body)}).then(function(r){if(r.code===200){closeModal();loadPlugins();}else alert(r.message||'保存失败');});}
    function togglePluginStatus(id,st){api('/api/plugin/'+id+'/status',{method:'PUT',body:JSON.stringify({status:st===0?1:0})}).then(function(d){if(d.code===200)loadPlugins();else alert(d.message||'操作失败');});}
    function deletePlugin(id){if(!confirm('确定要删除该插件吗？'))return;api('/api/plugin/'+id,{method:'DELETE'}).then(function(d){if(d.code===200)loadPlugins();else alert(d.message||'删除失败');});}
    function viewPluginConfig(id){api('/api/plugin/'+id).then(function(d){if(d.code===200){currentModalType='view';document.getElementById('modalTitle').textContent='插件配置';document.getElementById('modalBody').innerHTML='<pre style="background:#f5f5f5;padding:16px;border-radius:6px;font-size:12px;overflow:auto;max-height:400px;">'+esc(JSON.stringify(d.data.config?JSON.parse(d.data.config):{},null,2))+'</pre>';document.getElementById('modalConfirmBtn').classList.add('hidden');document.getElementById('modalOverlay').classList.remove('hidden');modalCallback=null;}});}

    // ===== 2.2 项目管理 =====
    function loadProjects(){var s=document.getElementById('projectSearch').value,st=document.getElementById('projectStatusFilter').value;api('/api/project/list?name='+encodeURIComponent(s)+'&status='+st).then(function(d){if(d.code===200){renderProjectTable(d.data.records||[]);policyListCache=d.data.records||[];}});api('/api/policy/list').then(function(d){if(d.code===200)policyListCache=d.data.records||[];});}
    function renderProjectTable(list){var tb=document.getElementById('projectTable');if(!list.length){tb.innerHTML='<tr><td colspan="9" class="empty-state">暂无项目数据</td></tr>';return;}tb.innerHTML=list.map(function(p){return '<tr><td>'+p.id+'</td><td><code style="background:#f5f5f5;padding:2px 6px;border-radius:3px;font-size:12px;">'+esc(p.code||'-')+'</code></td><td>'+esc(p.name)+'</td><td style="max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">'+esc(p.repoUrl||'-')+'</td><td>'+esc(p.branch||'-')+'</td><td>'+(p.policyId?'<span class="tag tag-info">策略#'+p.policyId+'</span>':'<span class="tag tag-default">未绑定</span>')+'</td><td><label class="toggle"><input type="checkbox" '+(p.scanEnabled===1?'checked':'')+' onchange="toggleProjectScan('+p.id+',this.checked)"><span class="slider"></span></label></td><td><span class="tag '+(p.status===1?'tag-success':'tag-default')+'">'+(p.status===1?'启用':'禁用')+'</span></td><td><div class="actions"><button class="btn btn-default btn-sm" onclick="editProject('+p.id+')">编辑</button><button class="btn btn-danger btn-sm" onclick="deleteProject('+p.id+')">删除</button></div></td></tr>';}).join('');}
    function showProjectModal(id){currentEditId=id;currentModalType='project';document.getElementById('modalTitle').textContent=id?'编辑项目':'添加项目';var policyOpts=policyListCache.map(function(p){return '<option value="'+p.id+'">'+esc(p.name)+'</option>';}).join('');var body='<div class="form-group"><label>项目代码</label><input type="text" id="mProjCode" placeholder="如 PROJ001"></div><div class="form-group"><label>项目名称</label><input type="text" id="mProjName" placeholder="请输入项目名称"></div><div class="form-group"><label>仓库URL</label><input type="text" id="mProjRepo" placeholder="https://github.com/..."></div><div class="form-group"><label>分支</label><input type="text" id="mProjBranch" value="main"></div><div class="form-group"><label>绑定策略</label><select id="mProjPolicy"><option value="">不绑定</option>'+policyOpts+'</select></div><div class="form-group"><label>开启扫描</label><label class="toggle"><input type="checkbox" id="mProjScan" checked><span class="slider"></span></label></div><div class="form-group"><label>描述</label><textarea id="mProjDesc" placeholder="请输入描述"></textarea></div>';document.getElementById('modalBody').innerHTML=body;if(id){api('/api/project/'+id).then(function(d){if(d.code===200){var p=d.data;document.getElementById('mProjCode').value=p.code||'';document.getElementById('mProjName').value=p.name||'';document.getElementById('mProjRepo').value=p.repoUrl||'';document.getElementById('mProjBranch').value=p.branch||'main';if(p.policyId)document.getElementById('mProjPolicy').value=p.policyId;document.getElementById('mProjScan').checked=p.scanEnabled===1;document.getElementById('mProjDesc').value=p.description||'';}});}document.getElementById('modalOverlay').classList.remove('hidden');modalCallback=saveProject;}
    function editProject(id){showProjectModal(id);}
    function saveProject(){var c=document.getElementById('mProjCode').value,n=document.getElementById('mProjName').value,r=document.getElementById('mProjRepo').value,b=document.getElementById('mProjBranch').value,pid=document.getElementById('mProjPolicy').value,sc=document.getElementById('mProjScan').checked?1:0,d=document.getElementById('mProjDesc').value;if(!n){alert('请输入项目名称');return;}var body={code:c,name:n,repoUrl:r,branch:b,scanEnabled:sc,description:d};if(pid)body.policyId=parseInt(pid);var m=currentEditId?'PUT':'POST',u=currentEditId?('/api/project/'+currentEditId):'/api/project';api(u,{method:m,body:JSON.stringify(body)}).then(function(r){if(r.code===200){closeModal();loadProjects();}else alert(r.message||'保存失败');});}
    function toggleProjectScan(id,checked){api('/api/project/'+id,{method:'PUT',body:JSON.stringify({scanEnabled:checked?1:0})}).then(function(d){if(d.code===200)loadProjects();});}
    function deleteProject(id){if(!confirm('确定要删除该项目吗？'))return;api('/api/project/'+id,{method:'DELETE'}).then(function(d){if(d.code===200)loadProjects();else alert(d.message||'删除失败');});}

    // ===== 1.4 策略管理 =====
    function loadPolicies(){var s=document.getElementById('policySearch').value,st=document.getElementById('policyScanTypeFilter').value;api('/api/policy/list?name='+encodeURIComponent(s)+'&scanType='+st).then(function(d){if(d.code===200)renderPolicyTable(d.data.records||[]);});}
    function renderPolicyTable(list){var tb=document.getElementById('policyTable');if(!list.length){tb.innerHTML='<tr><td colspan="8" class="empty-state">暂无策略数据</td></tr>';return;}tb.innerHTML=list.map(function(p){return '<tr><td>'+p.id+'</td><td>'+esc(p.name)+'</td><td><span class="tag '+(SCAN_TYPE_TAG[p.scanType]||'tag-default')+'">'+(SCAN_TYPE_MAP[p.scanType]||'-')+'</span></td><td>'+(p.ruleIds?'<span class="tag tag-info">'+p.ruleIds.split(',').length+'条规则</span>':'<span class="tag tag-default">未绑定</span>')+'</td><td>'+(p.pluginIds?'<span class="tag tag-info">'+p.pluginIds.split(',').length+'个插件</span>':'<span class="tag tag-default">未绑定</span>')+'</td><td>'+(p.isDefault?'<span class="tag tag-success">默认</span>':'-')+'</td><td><span class="tag '+(p.status===1?'tag-success':'tag-default')+'">'+(p.status===1?'启用':'禁用')+'</span></td><td><div class="actions"><button class="btn btn-default btn-sm" onclick="editPolicy('+p.id+')">编辑</button><button class="btn btn-danger btn-sm" onclick="deletePolicy('+p.id+')">删除</button></div></td></tr>';}).join('');}
    function showPolicyModal(id){currentEditId=id;currentModalType='policy';document.getElementById('modalTitle').textContent=id?'编辑策略':'添加策略';var body='<div class="form-group"><label>策略名称</label><input type="text" id="mPolName" placeholder="请输入策略名称"></div><div class="form-group"><label>扫描类型</label><select id="mPolScanType"><option value="0">手动触发</option><option value="1">实时扫描</option><option value="2">定时扫描</option></select></div><div class="form-group" id="cronGroup" style="display:none;"><label>Cron表达式</label><input type="text" id="mPolCron" placeholder="0 0 * * *"><div class="hint">如：0 0 * * * 表示每天0点执行</div></div><div class="form-group"><label>绑定规则IDs</label><input type="text" id="mPolRules" placeholder="多个ID用逗号分隔，如 1,2,3"></div><div class="form-group"><label>绑定插件IDs</label><input type="text" id="mPolPlugins" placeholder="多个ID用逗号分隔，如 1,2"></div><div class="form-group"><label>默认策略</label><label class="toggle"><input type="checkbox" id="mPolDefault"><span class="slider"></span></label></div><div class="form-group"><label>描述</label><textarea id="mPolDesc" placeholder="请输入描述"></textarea></div>';document.getElementById('modalBody').innerHTML=body;document.getElementById('mPolScanType').addEventListener('change',function(){document.getElementById('cronGroup').style.display=this.value==='2'?'block':'none';});if(id){api('/api/policy/'+id).then(function(d){if(d.code===200){var p=d.data;document.getElementById('mPolName').value=p.name||'';document.getElementById('mPolScanType').value=p.scanType||0;document.getElementById('mPolCron').value=p.cronExpression||'';document.getElementById('mPolRules').value=p.ruleIds||'';document.getElementById('mPolPlugins').value=p.pluginIds||'';document.getElementById('mPolDefault').checked=p.isDefault===1;document.getElementById('mPolDesc').value=p.description||'';document.getElementById('cronGroup').style.display=p.scanType===2?'block':'none';}});}document.getElementById('modalOverlay').classList.remove('hidden');modalCallback=savePolicy;}
    function editPolicy(id){showPolicyModal(id);}
    function savePolicy(){var n=document.getElementById('mPolName').value,st=document.getElementById('mPolScanType').value,cr=document.getElementById('mPolCron').value,ru=document.getElementById('mPolRules').value,pl=document.getElementById('mPolPlugins').value,df=document.getElementById('mPolDefault').checked?1:0,de=document.getElementById('mPolDesc').value;if(!n){alert('请输入策略名称');return;}var body={name:n,scanType:parseInt(st),ruleIds:ru,pluginIds:pl,isDefault:df,description:de};if(st==='2'&&cr)body.cronExpression=cr;var m=currentEditId?'PUT':'POST',u=currentEditId?('/api/policy/'+currentEditId):'/api/policy';api(u,{method:m,body:JSON.stringify(body)}).then(function(r){if(r.code===200){closeModal();loadPolicies();}else alert(r.message||'保存失败');});}
    function deletePolicy(id){if(!confirm('确定要删除该策略吗？'))return;api('/api/policy/'+id,{method:'DELETE'}).then(function(d){if(d.code===200)loadPolicies();else alert(d.message||'删除失败');});}

    // ===== 2.3 规则管理 =====
    function loadRules(){var s=document.getElementById('ruleSearch').value,sev=document.getElementById('ruleSevFilter').value,cat=document.getElementById('ruleCatFilter').value;api('/api/rule/list?name='+encodeURIComponent(s)+'&severity='+sev+'&category='+cat).then(function(d){if(d.code===200)renderRuleTable(d.data.records||[]);});}
    function renderRuleTable(list){var tb=document.getElementById('ruleTable');if(!list.length){tb.innerHTML='<tr><td colspan="8" class="empty-state">暂无规则数据</td></tr>';return;}tb.innerHTML=list.map(function(r){return '<tr><td>'+r.id+'</td><td>'+esc(r.name)+'</td><td><code style="background:#f5f5f5;padding:2px 6px;border-radius:3px;font-size:11px;">'+esc(r.ruleKey||'-')+'</code></td><td><span class="tag '+(SEVERITY_TAG[r.severity]||'tag-default')+'">'+(SEVERITY_MAP[r.severity]||r.severity||'-')+'</span></td><td><span class="tag '+(RULE_CAT_TAG[r.category]||'tag-default')+'">'+(RULE_CAT_MAP[r.category]||r.category||'-')+'</span></td><td style="max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:monospace;font-size:11px;color:#8c8c8c;">'+esc(r.pattern||'-')+'</td><td><span class="tag '+(r.status===1?'tag-success':'tag-default')+'">'+(r.status===1?'启用':'禁用')+'</span></td><td><div class="actions"><button class="btn btn-default btn-sm" onclick="editRule('+r.id+')">编辑</button><button class="btn btn-default btn-sm" onclick="toggleRuleStatus('+r.id+','+r.status+')">'+(r.status===1?'禁用':'启用')+'</button><button class="btn btn-danger btn-sm" onclick="deleteRule('+r.id+')">删除</button></div></td></tr>';}).join('');}
    function showRuleModal(id){currentEditId=id;currentModalType='rule';document.getElementById('modalTitle').textContent=id?'编辑规则':'添加规则';var body='<div class="form-group"><label>规则名称</label><input type="text" id="mRuleName" placeholder="请输入规则名称"></div><div class="form-group"><label>规则Key</label><input type="text" id="mRuleKey" placeholder="如 SAST-001"></div><div class="form-group"><label>严重性</label><select id="mRuleSev"><option value="critical">严重</option><option value="high">高危</option><option value="medium">中危</option><option value="low">低危</option><option value="info">提示</option></select></div><div class="form-group"><label>类别</label><select id="mRuleCat"><option value="security">安全</option><option value="code_quality">代码质量</option><option value="best_practice">最佳实践</option></select></div><div class="form-group"><label>检测模式</label><input type="text" id="mRulePattern" placeholder="正则表达式或匹配模式" style="font-family:monospace;"></div><div class="form-group"><label>修复建议</label><textarea id="mRuleSolution" placeholder="请输入修复建议"></textarea></div><div class="form-group"><label>描述</label><textarea id="mRuleDesc" placeholder="请输入描述"></textarea></div>';document.getElementById('modalBody').innerHTML=body;if(id){api('/api/rule/'+id).then(function(d){if(d.code===200){var r=d.data;document.getElementById('mRuleName').value=r.name||'';document.getElementById('mRuleKey').value=r.ruleKey||'';document.getElementById('mRuleSev').value=r.severity||'medium';document.getElementById('mRuleCat').value=r.category||'security';document.getElementById('mRulePattern').value=r.pattern||'';document.getElementById('mRuleSolution').value=r.solution||'';document.getElementById('mRuleDesc').value=r.description||'';}});}document.getElementById('modalOverlay').classList.remove('hidden');modalCallback=saveRule;}
    function editRule(id){showRuleModal(id);}
    function saveRule(){var n=document.getElementById('mRuleName').value,k=document.getElementById('mRuleKey').value,sv=document.getElementById('mRuleSev').value,c=document.getElementById('mRuleCat').value,pt=document.getElementById('mRulePattern').value,so=document.getElementById('mRuleSolution').value,d=document.getElementById('mRuleDesc').value;if(!n||!k){alert('请输入规则名称和Key');return;}var body={name:n,ruleKey:k,severity:sv,category:c,pattern:pt,solution:so,description:d};var m=currentEditId?'PUT':'POST',u=currentEditId?('/api/rule/'+currentEditId):'/api/rule';api(u,{method:m,body:JSON.stringify(body)}).then(function(r){if(r.code===200){closeModal();loadRules();}else alert(r.message||'保存失败');});}
    function toggleRuleStatus(id,st){api('/api/rule/'+id+'/status',{method:'PUT',body:JSON.stringify({status:st===1?0:1})}).then(function(d){if(d.code===200)loadRules();else alert(d.message||'操作失败');});}
    function deleteRule(id){if(!confirm('确定要删除该规则吗？'))return;api('/api/rule/'+id,{method:'DELETE'}).then(function(d){if(d.code===200)loadRules();else alert(d.message||'删除失败');});}

    // ===== 1.3 检测结果 =====
    function loadResults(){var s=document.getElementById('resultSearch').value,sev=document.getElementById('resultSevFilter').value,st=document.getElementById('resultStatusFilter').value;api('/api/result/list?projectName='+encodeURIComponent(s)+'&severity='+sev+'&status='+st).then(function(d){if(d.code===200)renderResultTable(d.data.records||[]);});}
    function renderResultTable(list){var tb=document.getElementById('resultTable');if(!list.length){tb.innerHTML='<tr><td colspan="9" class="empty-state">暂无检测结果</td></tr>';return;}tb.innerHTML=list.map(function(r){return '<tr><td>'+r.id+'</td><td>'+esc(r.projectName||'-')+'</td><td>'+esc(r.ruleName||'-')+'</td><td><span class="tag '+(SEVERITY_TAG[r.severity]||'tag-default')+'">'+(SEVERITY_MAP[r.severity]||r.severity||'-')+'</span></td><td style="max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">'+esc(r.filePath||'-')+'</td><td>'+(r.lineNumber||'-')+'</td><td><span class="tag '+(RESULT_STATUS_TAG[r.status]||'tag-default')+'">'+(RESULT_STATUS_MAP[r.status]||r.status||'-')+'</span></td><td style="font-size:12px;color:#8c8c8c;">'+(r.createTime||'-')+'</td><td><select onchange="updateResultStatus('+r.id+',this.value)" style="padding:3px 6px;border:1px solid #d9d9d9;border-radius:4px;font-size:12px;"><option value="" disabled selected>流转</option><option value="0">待确认</option><option value="1">已确认</option><option value="2">已修复</option><option value="3">已忽略</option><option value="4">误报</option></select></td></tr>';}).join('');}