@viberaven/cli 1.1.8 → 1.1.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (39) hide show
  1. package/AGENTS.md +62 -157
  2. package/LICENSE +21 -21
  3. package/README.md +94 -128
  4. package/dist/cli.js +1291 -15977
  5. package/package.json +16 -23
  6. package/MCP.md +0 -34
  7. package/SECURITY.md +0 -53
  8. package/SKILL.md +0 -69
  9. package/assets/report/assets/provider-authjs.svg +0 -5
  10. package/assets/report/assets/provider-aws.svg +0 -5
  11. package/assets/report/assets/provider-logrocket.svg +0 -4
  12. package/assets/report/assets/viberaven-logo.png +0 -0
  13. package/assets/report/report-cli.css +0 -1466
  14. package/assets/report/station.css +0 -11854
  15. package/assets/report/station.js +0 -8319
  16. package/dist/cli.js.map +0 -7
  17. package/dist/console/app.js +0 -251
  18. package/dist/console/index.html +0 -46
  19. package/dist/console/styles.css +0 -267
  20. package/dist/playbooks/_stack-default.json +0 -11
  21. package/dist/playbooks/auth-supabase.json +0 -31
  22. package/dist/playbooks/stripe.json +0 -60
  23. package/dist/playbooks/supabase.json +0 -51
  24. package/dist/playbooks/vercel.json +0 -42
  25. package/dist/report/assets/provider-authjs.svg +0 -5
  26. package/dist/report/assets/provider-aws.svg +0 -5
  27. package/dist/report/assets/provider-logrocket.svg +0 -4
  28. package/dist/report/assets/viberaven-logo.png +0 -0
  29. package/dist/report/report-cli.css +0 -1466
  30. package/dist/report/station.css +0 -11854
  31. package/dist/report/station.js +0 -8319
  32. package/playbooks/_stack-default.json +0 -11
  33. package/playbooks/auth-supabase.json +0 -31
  34. package/playbooks/stripe.json +0 -60
  35. package/playbooks/supabase.json +0 -51
  36. package/playbooks/vercel.json +0 -42
  37. package/templates/AGENTS.snippet.md +0 -52
  38. package/templates/CLAUDE.snippet.md +0 -17
  39. package/templates/CURSOR.snippet.md +0 -17
@@ -1,1466 +0,0 @@
1
- /* CLI Mission Map — light extension-style map + compact sidebar (not editorial blueprint). */
2
- html.cli-mission-report {
3
- color-scheme: light;
4
- }
5
-
6
- html.cli-mission-report body.station-results-active {
7
- min-height: 100dvh;
8
- margin: 0;
9
- background: #ffffff;
10
- color: #111111;
11
- }
12
-
13
- html.cli-mission-report body.station-results-active .station-app {
14
- box-sizing: border-box;
15
- width: 100%;
16
- max-width: min(1480px, 100%);
17
- min-height: 100dvh;
18
- margin: 0 auto;
19
- padding: 12px clamp(16px, 2.5vw, 32px) 20px;
20
- display: flex;
21
- flex-direction: column;
22
- }
23
-
24
- html.cli-mission-report body.station-results-active .mc-state--results,
25
- html.cli-mission-report body.station-results-active .studio-shell {
26
- flex: 1;
27
- width: 100%;
28
- min-height: 0;
29
- display: flex;
30
- flex-direction: column;
31
- }
32
-
33
- html.cli-mission-report body.station-results-active .studio-top-rail {
34
- display: flex;
35
- align-items: center;
36
- gap: 10px;
37
- min-height: 44px;
38
- margin: 0 -4px 8px;
39
- padding: 10px 14px;
40
- border: 0;
41
- border-bottom: 1px solid rgba(255, 255, 255, 0.1);
42
- border-radius: 0.35rem 0.35rem 0 0;
43
- background: #111111;
44
- color: #fffdf7;
45
- }
46
-
47
- html.cli-mission-report body.station-results-active .studio-top-rail__logo {
48
- display: block;
49
- width: 32px;
50
- height: 32px;
51
- object-fit: contain;
52
- }
53
-
54
- html.cli-mission-report body.station-results-active .studio-top-rail__brand,
55
- html.cli-mission-report body.station-results-active .studio-top-rail__brand span {
56
- color: #fffdf7;
57
- font-size: 12px;
58
- font-weight: 900;
59
- letter-spacing: 0.22em;
60
- text-shadow: none;
61
- }
62
-
63
- html.cli-mission-report body.station-results-active .studio-top-rail__brand::before {
64
- content: none;
65
- }
66
-
67
- html.cli-mission-report body.station-results-active .studio-top-rail__build {
68
- margin-left: auto;
69
- color: rgba(255, 253, 247, 0.62);
70
- font-family: var(--font-mono);
71
- font-size: 10px;
72
- font-weight: 700;
73
- letter-spacing: 0.04em;
74
- text-transform: uppercase;
75
- }
76
-
77
- html.cli-mission-report body.station-results-active .studio-workspace {
78
- flex: 1;
79
- min-height: 0;
80
- width: 100%;
81
- grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
82
- gap: clamp(12px, 1.5vw, 20px);
83
- align-items: stretch;
84
- }
85
-
86
- html.cli-mission-report body.station-results-active .studio-map-canvas {
87
- min-width: 0;
88
- min-height: 0;
89
- height: 100%;
90
- padding: 0;
91
- display: flex;
92
- background: transparent;
93
- }
94
-
95
- html.cli-mission-report body.station-results-active .studio-system-map {
96
- flex: 1;
97
- width: 100%;
98
- min-height: 0;
99
- height: 100%;
100
- max-height: none;
101
- border: 1px solid rgba(17, 17, 17, 0.1);
102
- border-radius: 20px;
103
- background:
104
- linear-gradient(90deg, rgba(17, 17, 17, 0.04) 1px, transparent 1px),
105
- linear-gradient(180deg, rgba(17, 17, 17, 0.04) 1px, transparent 1px),
106
- #ffffff;
107
- background-size: 28px 28px, 28px 28px, auto;
108
- box-shadow: 0 12px 32px rgba(17, 17, 17, 0.05);
109
- }
110
-
111
- html.cli-mission-report body.station-results-active .studio-node-layer {
112
- width: 100%;
113
- max-width: min(960px, 100%);
114
- height: 100%;
115
- min-height: 0;
116
- max-height: none;
117
- margin: 0 auto;
118
- }
119
-
120
- html.cli-mission-report body.station-results-active .studio-connector-layer {
121
- opacity: 0.12;
122
- filter: none;
123
- }
124
-
125
- html.cli-mission-report body.station-results-active .studio-core-group .studio-core-node {
126
- width: 168px;
127
- height: 168px;
128
- display: grid;
129
- grid-template-columns: 1fr;
130
- grid-template-rows: auto auto auto;
131
- place-items: center;
132
- align-content: center;
133
- justify-items: center;
134
- gap: 10px;
135
- padding: 20px 16px 18px;
136
- border: 1px solid rgba(212, 175, 55, 0.38);
137
- border-radius: 999px;
138
- background: #ffffff;
139
- color: #111111;
140
- box-shadow: 0 12px 28px rgba(17, 17, 17, 0.07);
141
- }
142
-
143
- html.cli-mission-report body.station-results-active .studio-core-node__mark {
144
- display: block;
145
- width: 92px;
146
- height: 92px;
147
- margin: 0;
148
- object-fit: contain;
149
- }
150
-
151
- html.cli-mission-report body.station-results-active .studio-core-node strong {
152
- margin: 0;
153
- color: #111111;
154
- font-size: 38px;
155
- font-weight: 900;
156
- line-height: 0.95;
157
- letter-spacing: -0.03em;
158
- text-shadow: none;
159
- }
160
-
161
- html.cli-mission-report body.station-results-active .studio-core-node small {
162
- margin: 0;
163
- color: rgba(17, 17, 17, 0.52);
164
- font-size: 9px;
165
- font-weight: 800;
166
- letter-spacing: 0.16em;
167
- line-height: 1.2;
168
- text-transform: uppercase;
169
- text-shadow: none;
170
- }
171
-
172
-
173
- /* Map nodes — horizontal pills (reference: icon well + stacked copy + meta chip) */
174
- html.cli-mission-report body.station-results-active .studio-node {
175
- width: clamp(148px, 12vw, 188px) !important;
176
- height: auto !important;
177
- min-height: 56px !important;
178
- max-height: none !important;
179
- aspect-ratio: auto !important;
180
- display: grid !important;
181
- grid-template-columns: 38px minmax(0, 1fr) !important;
182
- grid-template-rows: auto auto auto !important;
183
- place-items: start stretch !important;
184
- align-content: center !important;
185
- align-items: center !important;
186
- gap: 2px 10px;
187
- padding: 8px 14px 8px 10px;
188
- border-radius: 999px;
189
- border: 1px solid color-mix(in srgb, var(--provider-color, rgba(17, 17, 17, 0.2)) 38%, rgba(17, 17, 17, 0.12));
190
- background: color-mix(in srgb, var(--provider-color, #ffffff) 9%, #fffdf8);
191
- color: #111111;
192
- text-align: left;
193
- overflow: visible;
194
- box-shadow: 0 8px 22px color-mix(in srgb, var(--provider-color, #111111) 10%, rgba(17, 17, 17, 0.06));
195
- }
196
-
197
- html.cli-mission-report body.station-results-active .studio-node:hover {
198
- border-color: color-mix(in srgb, var(--provider-color, rgba(17, 17, 17, 0.35)) 52%, rgba(17, 17, 17, 0.22));
199
- box-shadow: 0 12px 28px color-mix(in srgb, var(--provider-color, #111111) 14%, rgba(17, 17, 17, 0.1));
200
- }
201
-
202
- html.cli-mission-report body.station-results-active .studio-node__logo {
203
- grid-row: 1 / span 3;
204
- grid-column: 1;
205
- align-self: center;
206
- justify-self: center;
207
- width: 36px;
208
- height: 36px;
209
- margin: 0;
210
- border-radius: 999px;
211
- border: 1px solid color-mix(in srgb, var(--provider-color, rgba(17, 17, 17, 0.2)) 34%, rgba(17, 17, 17, 0.1));
212
- background: color-mix(in srgb, var(--provider-color, #ffffff) 20%, #ffffff) !important;
213
- color: var(--provider-color, #111111);
214
- box-shadow:
215
- 0 0 0 1px color-mix(in srgb, var(--provider-color, #ffffff) 12%, transparent),
216
- 0 6px 16px color-mix(in srgb, var(--provider-color, #111111) 16%, transparent) !important;
217
- }
218
-
219
- html.cli-mission-report body.station-results-active .studio-node__logo:not(.provider-logo--brand) svg {
220
- width: 72%;
221
- height: 72%;
222
- }
223
-
224
- html.cli-mission-report body.station-results-active .provider-logo svg,
225
- html.cli-mission-report body.station-results-active .studio-choice-tile__icon svg,
226
- html.cli-mission-report body.station-results-active .studio-node__logo svg {
227
- fill: unset;
228
- }
229
-
230
- html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo svg {
231
- width: 88%;
232
- height: 88%;
233
- max-width: 100%;
234
- max-height: 100%;
235
- margin: auto;
236
- }
237
-
238
- html.cli-mission-report body.station-results-active .provider-logo:not(.provider-logo--brand) svg,
239
- html.cli-mission-report body.station-results-active .studio-node__logo:not(.provider-logo--brand) svg path:not([fill]),
240
- html.cli-mission-report body.station-results-active .studio-choice-tile__icon:not(.provider-logo--brand) svg path:not([fill]) {
241
- fill: currentColor;
242
- }
243
-
244
- html.cli-mission-report body.station-results-active .studio-choice-tile__icon:not(.provider-logo--brand) svg {
245
- width: 76%;
246
- height: 76%;
247
- }
248
-
249
- html.cli-mission-report body.station-results-active .studio-choice-tile__icon:not(.provider-logo--brand) svg,
250
- html.cli-mission-report body.station-results-active .studio-choice-tile__icon:not(.provider-logo--brand) svg path:not([fill]) {
251
- fill: currentColor;
252
- }
253
-
254
- html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo--brand {
255
- border: none;
256
- background: transparent !important;
257
- box-shadow: none !important;
258
- color: inherit;
259
- }
260
-
261
- html.cli-mission-report body.station-results-active .studio-node__logo.provider-logo--brand {
262
- border: 1px solid color-mix(in srgb, var(--provider-color, rgba(17, 17, 17, 0.2)) 28%, rgba(17, 17, 17, 0.08));
263
- background: color-mix(in srgb, var(--provider-color, #ffffff) 12%, #ffffff) !important;
264
- box-shadow: 0 6px 14px color-mix(in srgb, var(--provider-color, #111111) 12%, transparent) !important;
265
- color: inherit;
266
- }
267
-
268
- html.cli-mission-report body.station-results-active .provider-logo--brand:not(.provider-logo--authjs) svg {
269
- width: 100%;
270
- height: 100%;
271
- display: block;
272
- }
273
-
274
- html.cli-mission-report body.station-results-active .provider-logo__img {
275
- display: block;
276
- box-sizing: border-box;
277
- width: 100%;
278
- height: 100%;
279
- max-width: none;
280
- max-height: none;
281
- margin: 0;
282
- padding: 0;
283
- border: 0;
284
- object-fit: contain;
285
- object-position: center;
286
- pointer-events: none;
287
- }
288
-
289
- html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo .provider-logo__img {
290
- width: 100%;
291
- height: 100%;
292
- }
293
-
294
- html.cli-mission-report body.station-results-active .studio-node__logo .provider-logo__img {
295
- width: 88%;
296
- height: 88%;
297
- margin: auto;
298
- }
299
-
300
- html.cli-mission-report body.station-results-active .studio-node__title {
301
- grid-row: 1;
302
- grid-column: 2;
303
- box-sizing: border-box;
304
- min-width: 0;
305
- width: 100%;
306
- max-width: none;
307
- max-height: none;
308
- color: #111111;
309
- font-size: 9.5px;
310
- font-weight: 1000;
311
- letter-spacing: 0.04em;
312
- line-height: 1.1;
313
- text-transform: uppercase;
314
- white-space: nowrap;
315
- overflow: hidden;
316
- text-overflow: ellipsis;
317
- }
318
-
319
- html.cli-mission-report body.station-results-active .studio-node__provider {
320
- grid-row: 2;
321
- grid-column: 2;
322
- box-sizing: border-box;
323
- min-width: 0;
324
- width: 100%;
325
- max-width: none;
326
- height: auto;
327
- color: var(--provider-color, rgba(17, 17, 17, 0.72));
328
- font-size: 10px;
329
- font-weight: 850;
330
- line-height: 1.1;
331
- white-space: nowrap;
332
- overflow: hidden;
333
- text-overflow: ellipsis;
334
- }
335
-
336
- html.cli-mission-report body.station-results-active .studio-node__meta {
337
- grid-row: 3;
338
- grid-column: 2;
339
- justify-self: start;
340
- box-sizing: border-box;
341
- min-width: 0;
342
- width: 100%;
343
- max-width: 100%;
344
- height: auto;
345
- margin-top: 1px;
346
- padding: 2px 8px;
347
- border-radius: 999px;
348
- background: color-mix(in srgb, var(--provider-color, rgba(17, 17, 17, 0.12)) 16%, #ffffff);
349
- color: color-mix(in srgb, var(--provider-color, rgba(17, 17, 17, 0.55)) 78%, #111111);
350
- font-size: 8.5px;
351
- font-weight: 900;
352
- font-family: var(--font-mono);
353
- line-height: 1.2;
354
- white-space: nowrap;
355
- overflow: hidden;
356
- text-overflow: ellipsis;
357
- }
358
-
359
- html.cli-mission-report body.station-results-active .studio-node--critical .studio-node__meta {
360
- background: color-mix(in srgb, #d94a38 14%, #ffffff);
361
- color: #b42318;
362
- }
363
-
364
- html.cli-mission-report body.station-results-active .studio-node--warning .studio-node__meta {
365
- background: color-mix(in srgb, #d4af37 18%, #ffffff);
366
- color: #8a6b12;
367
- }
368
-
369
- html.cli-mission-report body.station-results-active .studio-node--selected {
370
- border: 2px solid color-mix(in srgb, var(--provider-color, #111111) 55%, #111111);
371
- box-shadow: 0 12px 28px color-mix(in srgb, var(--provider-color, #111111) 16%, rgba(17, 17, 17, 0.12));
372
- }
373
-
374
- html.cli-mission-report body.station-results-active .studio-node--critical {
375
- border-color: color-mix(in srgb, #d94a38 48%, var(--provider-color, rgba(17, 17, 17, 0.2)));
376
- }
377
-
378
- html.cli-mission-report body.station-results-active .studio-node--warning {
379
- border-color: color-mix(in srgb, #d4af37 55%, var(--provider-color, rgba(17, 17, 17, 0.2)));
380
- }
381
-
382
- html.cli-mission-report body.station-results-active .studio-node__raven-badge {
383
- position: absolute;
384
- top: -18px;
385
- right: -8px;
386
- left: auto;
387
- bottom: auto;
388
- z-index: 3;
389
- min-width: 44px;
390
- height: 22px;
391
- padding: 0 7px;
392
- border: 2px solid #111111;
393
- border-radius: 999px;
394
- background: #b91c1c;
395
- color: #fffdf7;
396
- font-family: var(--font-mono);
397
- font-size: 9px;
398
- font-weight: 950;
399
- letter-spacing: 0.03em;
400
- line-height: 1;
401
- text-transform: uppercase;
402
- box-shadow: 2px 2px 0 rgba(17, 17, 17, 0.2);
403
- pointer-events: none;
404
- }
405
-
406
- html.cli-mission-report body.station-results-active .studio-node__raven-badge::before {
407
- content: "!";
408
- display: inline-grid;
409
- place-items: center;
410
- width: 13px;
411
- height: 13px;
412
- margin-right: 4px;
413
- border-radius: 999px;
414
- background: #fffdf7;
415
- color: #b91c1c;
416
- font-family: var(--font-ui);
417
- font-size: 9px;
418
- font-weight: 1000;
419
- line-height: 1;
420
- }
421
-
422
- /* Sidebar — compact, light */
423
- html.cli-mission-report body.station-results-active .studio-setup-panel {
424
- min-height: 0;
425
- height: 100%;
426
- max-height: none;
427
- overflow-y: auto;
428
- border: 1px solid rgba(17, 17, 17, 0.1);
429
- border-radius: 16px;
430
- background: #ffffff;
431
- box-shadow: 0 12px 32px rgba(17, 17, 17, 0.05);
432
- }
433
-
434
- html.cli-mission-report body.station-results-active .studio-setup-panel__inner {
435
- gap: 10px;
436
- padding: 14px;
437
- }
438
-
439
- html.cli-mission-report body.station-results-active .studio-setup-panel__head {
440
- padding-bottom: 10px;
441
- border-bottom: 1px solid rgba(17, 17, 17, 0.1);
442
- }
443
-
444
- html.cli-mission-report body.station-results-active .studio-setup-panel__title {
445
- color: #111111;
446
- font-size: 16px;
447
- text-shadow: none;
448
- }
449
-
450
- html.cli-mission-report body.station-results-active .studio-setup-panel__hint {
451
- color: #111111;
452
- font-size: 12px;
453
- }
454
-
455
- html.cli-mission-report body.station-results-active .studio-choice-list {
456
- gap: 10px;
457
- }
458
-
459
- html.cli-mission-report body.station-results-active .studio-choice-tile {
460
- grid-template-columns: 44px minmax(0, 1fr);
461
- gap: 3px 12px;
462
- padding: 12px 14px;
463
- border: 1px solid rgba(17, 17, 17, 0.18);
464
- border-radius: 14px;
465
- background: #ffffff;
466
- color: #111111;
467
- box-shadow: none;
468
- }
469
-
470
- html.cli-mission-report body.station-results-active .studio-choice-tile:hover,
471
- html.cli-mission-report body.station-results-active .studio-choice-tile:focus-visible {
472
- border-color: #111111;
473
- box-shadow: 3px 3px 0 rgba(17, 17, 17, 0.1);
474
- }
475
-
476
- html.cli-mission-report body.station-results-active .studio-choice-tile--selected,
477
- html.cli-mission-report body.station-results-active .studio-choice-tile--selected.studio-choice-tile--in-project {
478
- border: 2px solid #111111;
479
- background: linear-gradient(90deg, rgba(212, 175, 55, 0.22), rgba(255, 253, 247, 0.4) 52%), #fffdf7;
480
- box-shadow: 4px 4px 0 rgba(17, 17, 17, 0.14);
481
- }
482
-
483
- html.cli-mission-report body.station-results-active .studio-choice-tile--in-project:not(.studio-choice-tile--selected) {
484
- border-color: rgba(17, 17, 17, 0.16);
485
- background: #ffffff;
486
- }
487
-
488
- html.cli-mission-report body.station-results-active .studio-choice-tile__name {
489
- color: #111111;
490
- font-size: 14px;
491
- font-weight: 900;
492
- }
493
-
494
- html.cli-mission-report body.station-results-active .studio-choice-tile__desc {
495
- color: rgba(17, 17, 17, 0.58);
496
- font-size: 11px;
497
- line-height: 1.35;
498
- }
499
-
500
- html.cli-mission-report body.station-results-active .studio-choice-tile__status {
501
- display: block;
502
- margin-top: 2px;
503
- color: #111111;
504
- font-family: var(--font-mono);
505
- font-size: 10px;
506
- font-weight: 900;
507
- letter-spacing: 0.06em;
508
- text-transform: uppercase;
509
- }
510
-
511
- html.cli-mission-report body.station-results-active .studio-choice-tile--in-project:not(.studio-choice-tile--selected) .studio-choice-tile__status {
512
- color: rgba(17, 17, 17, 0.72);
513
- }
514
-
515
- html.cli-mission-report body.station-results-active .studio-choice-tile--selected .studio-choice-tile__status,
516
- html.cli-mission-report body.station-results-active .studio-choice-tile--selected.studio-choice-tile--in-project .studio-choice-tile__status {
517
- width: 100%;
518
- max-width: 100%;
519
- margin-top: 6px;
520
- padding: 6px 10px;
521
- border-radius: 999px;
522
- background: #111111;
523
- color: #fffdf7;
524
- text-align: center;
525
- }
526
-
527
- html.cli-mission-report body.station-results-active .studio-choice-tile__icon {
528
- grid-row: 1 / span 3;
529
- align-self: start;
530
- justify-self: center;
531
- box-sizing: border-box;
532
- width: 40px;
533
- height: 40px;
534
- min-width: 40px;
535
- min-height: 40px;
536
- max-width: 40px;
537
- max-height: 40px;
538
- padding: 0;
539
- overflow: hidden;
540
- border: 1px solid rgba(17, 17, 17, 0.16);
541
- border-radius: 10px;
542
- background: #ffffff;
543
- color: var(--provider-color, #111111);
544
- box-shadow: none;
545
- }
546
-
547
- html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo {
548
- display: grid;
549
- place-items: center;
550
- }
551
-
552
- html.cli-mission-report body.station-results-active .studio-choice-tile--selected .studio-choice-tile__icon {
553
- border-color: #111111;
554
- box-shadow: 2px 2px 0 rgba(17, 17, 17, 0.12);
555
- }
556
-
557
- /* Extension-style path picker: selected path and detected provider are distinct states. */
558
- html.cli-mission-report body.station-results-active .studio-choice-tile {
559
- border-radius: 0;
560
- background: #fffdf7;
561
- }
562
-
563
- html.cli-mission-report body.station-results-active .studio-choice-tile__icon {
564
- border-radius: 0;
565
- }
566
-
567
- html.cli-mission-report body.station-results-active .studio-choice-tile--selected:not(.studio-choice-tile--in-project) {
568
- border: 2px solid #111111;
569
- background:
570
- linear-gradient(90deg, rgba(212, 175, 55, 0.24), transparent 58%),
571
- #fffdf7;
572
- box-shadow:
573
- 4px 4px 0 rgba(17, 17, 17, 0.2),
574
- inset 0 0 0 3px rgba(212, 175, 55, 0.18);
575
- }
576
-
577
- html.cli-mission-report body.station-results-active .studio-choice-tile--in-project {
578
- border: 2px solid #10b981 !important;
579
- background:
580
- linear-gradient(90deg, rgba(16, 185, 129, 0.18), rgba(236, 253, 245, 0.82) 58%),
581
- #ecfdf5 !important;
582
- box-shadow:
583
- inset 0 0 0 3px rgba(16, 185, 129, 0.12),
584
- 0 0 0 1px rgba(4, 120, 87, 0.12) !important;
585
- }
586
-
587
- html.cli-mission-report body.station-results-active .studio-choice-tile--selected:not(.studio-choice-tile--in-project) .studio-choice-tile__status {
588
- width: max-content;
589
- max-width: 100%;
590
- margin-top: 4px;
591
- padding: 3px 7px;
592
- border-radius: 0;
593
- background: #111111;
594
- color: #fffdf7;
595
- text-align: left;
596
- }
597
-
598
- html.cli-mission-report body.station-results-active .studio-choice-tile--in-project .studio-choice-tile__status,
599
- html.cli-mission-report body.station-results-active .studio-choice-tile--selected.studio-choice-tile--in-project .studio-choice-tile__status {
600
- width: max-content;
601
- max-width: 100%;
602
- margin-top: 4px;
603
- padding: 4px 8px;
604
- border-radius: 0;
605
- border: 1px solid rgba(4, 120, 87, 0.28);
606
- background: #047857;
607
- color: #ffffff;
608
- text-align: left;
609
- box-shadow: 2px 2px 0 rgba(4, 120, 87, 0.16);
610
- }
611
-
612
- html.cli-mission-report body.station-results-active .studio-choice-tile--in-project .studio-choice-tile__icon,
613
- html.cli-mission-report body.station-results-active .studio-choice-tile--selected.studio-choice-tile--in-project .studio-choice-tile__icon {
614
- border-color: rgba(4, 120, 87, 0.38);
615
- background: #ffffff !important;
616
- box-shadow: 2px 2px 0 rgba(4, 120, 87, 0.12);
617
- }
618
-
619
- html.cli-mission-report body.station-results-active .studio-added-path {
620
- display: grid;
621
- gap: 10px;
622
- padding: 12px;
623
- border: 2px solid #0284c7;
624
- border-radius: 0;
625
- background: #fffdf7;
626
- }
627
-
628
- html.cli-mission-report body.station-results-active .studio-added-path__title {
629
- color: #075985;
630
- font-size: 11px;
631
- font-weight: 950;
632
- letter-spacing: 0.06em;
633
- text-transform: uppercase;
634
- }
635
-
636
- html.cli-mission-report body.station-results-active .studio-added-path__pill {
637
- justify-self: start;
638
- display: inline-grid;
639
- grid-template-columns: 30px auto;
640
- align-items: center;
641
- gap: 8px;
642
- min-height: 36px;
643
- padding: 4px 8px 4px 4px;
644
- border: 1px solid rgba(17, 17, 17, 0.24);
645
- background: #ffffff;
646
- color: #111111;
647
- font-size: 12px;
648
- }
649
-
650
- html.cli-mission-report body.station-results-active .studio-added-path__icon {
651
- display: grid;
652
- place-items: center;
653
- width: 28px;
654
- height: 28px;
655
- border: 1px solid rgba(17, 17, 17, 0.22);
656
- background: #fffdf7;
657
- color: var(--provider-color, #111111);
658
- }
659
-
660
- html.cli-mission-report body.station-results-active .studio-added-path__icon svg,
661
- html.cli-mission-report body.station-results-active .studio-added-path__icon .provider-logo__img {
662
- width: 82%;
663
- height: 82%;
664
- object-fit: contain;
665
- }
666
-
667
- html.cli-mission-report body.station-results-active .studio-evidence-badge {
668
- border: 1px solid #111111;
669
- background: #111111;
670
- color: #fffdf7;
671
- font-size: 9px;
672
- }
673
-
674
- html.cli-mission-report body.station-results-active .studio-evidence-badge--repo {
675
- background: #ecfdf5;
676
- color: #047857;
677
- border-color: #16a66a;
678
- }
679
-
680
- html.cli-mission-report body.station-results-active .studio-verification {
681
- border: 1px solid rgba(17, 17, 17, 0.18);
682
- border-radius: 0;
683
- background: #fffdf7;
684
- padding: 12px;
685
- }
686
-
687
- html.cli-mission-report body.station-results-active .studio-verification__title {
688
- margin: 0 0 6px;
689
- color: rgba(17, 17, 17, 0.55);
690
- font-size: 10px;
691
- letter-spacing: 0.1em;
692
- text-transform: uppercase;
693
- }
694
-
695
- html.cli-mission-report body.station-results-active .studio-wiring__summary {
696
- margin: 0 0 10px;
697
- color: rgba(17, 17, 17, 0.68);
698
- font-size: 12px;
699
- line-height: 1.45;
700
- }
701
-
702
- html.cli-mission-report body.station-results-active .studio-verification__group {
703
- min-width: 0;
704
- margin-bottom: 8px;
705
- padding: 10px;
706
- border: 2px solid rgba(17, 17, 17, 0.12);
707
- border-radius: 0;
708
- background: #fffdf7;
709
- }
710
-
711
- html.cli-mission-report body.station-results-active .studio-verification__group-title strong {
712
- min-width: 0;
713
- overflow-wrap: anywhere;
714
- color: #111111;
715
- font-size: 11px;
716
- }
717
-
718
- html.cli-mission-report body.station-results-active .studio-verification__count {
719
- display: inline-grid;
720
- place-items: center;
721
- min-width: 22px;
722
- height: 22px;
723
- padding: 0 6px;
724
- border-radius: 0;
725
- background: #111111 !important;
726
- color: #fffdf7 !important;
727
- -webkit-text-fill-color: #fffdf7;
728
- font-family: var(--font-mono);
729
- font-size: 11px;
730
- font-weight: 900;
731
- line-height: 1;
732
- box-shadow: none;
733
- }
734
-
735
- html.cli-mission-report body.station-results-active .studio-verification__list {
736
- margin: 6px 0 0;
737
- padding: 0;
738
- list-style: none;
739
- }
740
-
741
- html.cli-mission-report body.station-results-active .studio-verification__item {
742
- min-width: 0;
743
- margin: 0;
744
- padding: 4px 0 4px 14px;
745
- color: rgba(17, 17, 17, 0.72);
746
- font-size: 11px;
747
- line-height: 1.35;
748
- overflow-wrap: anywhere;
749
- }
750
-
751
- html.cli-mission-report body.station-results-active .studio-verification__item::before {
752
- left: 0;
753
- }
754
-
755
- html.cli-mission-report body.station-results-active .studio-verification__group--found {
756
- border-color: #10b981;
757
- background: rgba(236, 253, 245, 0.9);
758
- }
759
-
760
- html.cli-mission-report body.station-results-active .studio-verification__group--missing {
761
- border-color: #f59e0b;
762
- background: rgba(255, 247, 237, 0.95);
763
- }
764
-
765
- html.cli-mission-report body.station-results-active .studio-verification__group--external {
766
- border-color: #0284c7;
767
- background: rgba(239, 246, 255, 0.95);
768
- }
769
-
770
- html.cli-mission-report body.station-results-active .studio-verification__group--manual {
771
- border-color: #94a3b8;
772
- }
773
-
774
- html.cli-mission-report body.station-results-active .studio-setup-actions {
775
- border: 1px solid rgba(17, 17, 17, 0.2);
776
- border-radius: 0;
777
- background: #fffdf7;
778
- padding: 12px;
779
- }
780
-
781
- html.cli-mission-report body.station-results-active .studio-setup-actions__head {
782
- display: flex;
783
- align-items: center;
784
- justify-content: space-between;
785
- gap: 8px;
786
- margin-bottom: 6px;
787
- }
788
-
789
- html.cli-mission-report body.station-results-active .studio-setup-actions__head strong {
790
- color: #111111;
791
- font-size: 12px;
792
- }
793
-
794
- html.cli-mission-report body.station-results-active .studio-setup-actions__head span {
795
- color: rgba(17, 17, 17, 0.5);
796
- font-size: 10px;
797
- font-weight: 800;
798
- letter-spacing: 0.06em;
799
- text-transform: uppercase;
800
- }
801
-
802
- html.cli-mission-report body.station-results-active .studio-setup-actions__copy {
803
- margin: 0 0 10px;
804
- color: rgba(17, 17, 17, 0.62);
805
- font-size: 11px;
806
- line-height: 1.4;
807
- }
808
-
809
- html.cli-mission-report body.station-results-active .studio-setup-actions__buttons {
810
- display: grid;
811
- grid-template-columns: 1fr;
812
- gap: 8px;
813
- }
814
-
815
- html.cli-mission-report body.station-results-active .studio-action-button {
816
- border: 1px solid rgba(17, 17, 17, 0.2);
817
- border-radius: 0;
818
- background: #fffdf7;
819
- background-image: none;
820
- color: #111111;
821
- padding: 8px 12px;
822
- font: inherit;
823
- font-size: 12px;
824
- font-weight: 800;
825
- cursor: pointer;
826
- box-shadow: none !important;
827
- }
828
-
829
- html.cli-mission-report body.station-results-active .studio-action-button:hover,
830
- html.cli-mission-report body.station-results-active .studio-action-button:focus-visible {
831
- border-color: rgba(17, 17, 17, 0.32);
832
- background: #fffdf7;
833
- background-image: none;
834
- box-shadow: none !important;
835
- outline: none;
836
- }
837
-
838
- html.cli-mission-report body.station-results-active .studio-action-button--primary {
839
- width: 100%;
840
- background: #111111;
841
- background-image: none;
842
- color: #fffdf7;
843
- border-color: #111111;
844
- box-shadow: none !important;
845
- }
846
-
847
- html.cli-mission-report body.station-results-active .studio-action-button--primary:hover,
848
- html.cli-mission-report body.station-results-active .studio-action-button--primary:focus-visible {
849
- background: #222222;
850
- background-image: none;
851
- border-color: #222222;
852
- box-shadow: none !important;
853
- outline: none;
854
- }
855
-
856
- html.cli-mission-report body.station-results-active .studio-setup-actions__mcp-row {
857
- display: grid;
858
- gap: 10px;
859
- margin-top: 10px;
860
- padding: 12px;
861
- border: 1px solid rgba(17, 17, 17, 0.22);
862
- border-radius: 0;
863
- background:
864
- linear-gradient(90deg, rgba(212, 175, 55, 0.09), transparent 54%),
865
- #fffdf7;
866
- }
867
-
868
- html.cli-mission-report body.station-results-active .studio-setup-actions__mcp-row .studio-action-button {
869
- width: 100%;
870
- border-color: #111111;
871
- border-radius: 0;
872
- background: #111111;
873
- color: #fffdf7;
874
- }
875
-
876
- html.cli-mission-report body.station-results-active .studio-setup-actions__auth-note {
877
- margin: 0;
878
- color: rgba(17, 17, 17, 0.7);
879
- font-size: 11px;
880
- line-height: 1.45;
881
- }
882
-
883
- html.cli-mission-report body.station-results-active .studio-setup-actions__auth-note strong {
884
- display: block;
885
- margin-bottom: 3px;
886
- color: #111111;
887
- font-size: 12px;
888
- }
889
-
890
- html.cli-mission-report body.station-results-active .studio-verification__item--manual {
891
- display: block;
892
- }
893
-
894
- html.cli-mission-report body.station-results-active .studio-verification__item-label {
895
- min-width: 0;
896
- overflow-wrap: anywhere;
897
- }
898
-
899
- html.cli-mission-report body.station-results-active .studio-verification__group-note {
900
- margin: 0 0 6px;
901
- color: rgba(17, 17, 17, 0.58);
902
- font-size: 11px;
903
- font-weight: 800;
904
- line-height: 1.35;
905
- overflow-wrap: anywhere;
906
- }
907
-
908
- html.cli-mission-report body.station-results-active .studio-verification__group--mismatch {
909
- border-color: #b91c1c;
910
- background: #fff1f2;
911
- }
912
-
913
- html.cli-mission-report body.station-results-active .studio-verification__group--mismatch .studio-verification__group-title strong {
914
- color: #991b1b;
915
- }
916
-
917
- html.cli-mission-report body.station-results-active .studio-verification__item--diff {
918
- display: grid;
919
- gap: 3px;
920
- }
921
-
922
- html.cli-mission-report body.station-results-active .studio-verification__diff-line {
923
- min-width: 0;
924
- display: block;
925
- color: rgba(17, 17, 17, 0.62);
926
- font-size: 10.5px;
927
- font-weight: 750;
928
- line-height: 1.3;
929
- overflow-wrap: anywhere;
930
- }
931
-
932
- html.cli-mission-report body.station-results-active .studio-provider-readiness {
933
- display: grid;
934
- gap: 10px;
935
- }
936
-
937
- html.cli-mission-report body.station-results-active .studio-provider-readiness__meters {
938
- display: grid;
939
- gap: 8px;
940
- padding: 10px;
941
- border: 1px solid rgba(17, 17, 17, 0.16);
942
- background: #ffffff;
943
- }
944
-
945
- html.cli-mission-report body.station-results-active .studio-provider-readiness__meter-row {
946
- display: grid;
947
- grid-template-columns: minmax(82px, auto) minmax(64px, 1fr) minmax(52px, auto);
948
- align-items: center;
949
- gap: 10px;
950
- color: #111111;
951
- font-size: 11px;
952
- font-weight: 850;
953
- }
954
-
955
- html.cli-mission-report body.station-results-active .studio-provider-readiness__meter-row strong {
956
- min-width: 0;
957
- max-width: 74px;
958
- overflow: hidden;
959
- text-overflow: ellipsis;
960
- white-space: nowrap;
961
- justify-self: end;
962
- font-family: var(--font-mono);
963
- font-size: 10px;
964
- }
965
-
966
- html.cli-mission-report body.station-results-active .studio-provider-readiness__bar {
967
- display: block;
968
- height: 8px;
969
- overflow: hidden;
970
- border-radius: 999px;
971
- background: rgba(17, 17, 17, 0.08);
972
- }
973
-
974
- html.cli-mission-report body.station-results-active .studio-provider-readiness__bar-fill {
975
- display: block;
976
- height: 100%;
977
- border-radius: inherit;
978
- background: #10b981;
979
- }
980
-
981
- html.cli-mission-report body.station-results-active .studio-provider-readiness__note {
982
- margin: 0;
983
- padding: 9px 10px;
984
- border: 1px solid rgba(17, 17, 17, 0.18);
985
- background: #ffffff;
986
- color: #111111;
987
- font-size: 11px;
988
- font-weight: 800;
989
- line-height: 1.35;
990
- }
991
-
992
- .studio-sidebar-contract__generic-evidence {
993
- display: grid;
994
- gap: 8px;
995
- min-width: 0;
996
- padding: 10px;
997
- border: 1px solid rgba(17, 24, 39, 0.12);
998
- border-radius: 8px;
999
- background: rgba(255, 255, 255, 0.76);
1000
- }
1001
-
1002
- .studio-sidebar-contract__generic-evidence h4,
1003
- .studio-sidebar-contract__generic-evidence p {
1004
- margin: 0;
1005
- }
1006
-
1007
- .studio-sidebar-contract__generic-evidence p {
1008
- color: rgba(17, 24, 39, 0.68);
1009
- }
1010
-
1011
- .studio-sidebar-contract__generic-evidence ul {
1012
- display: grid;
1013
- gap: 6px;
1014
- margin: 0;
1015
- padding-left: 18px;
1016
- }
1017
-
1018
- /* Light report: sidebar tiles stay flat white; map nodes use provider-tinted wells */
1019
- html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo {
1020
- background: #ffffff !important;
1021
- box-shadow: none !important;
1022
- }
1023
-
1024
- html.cli-mission-report body.station-results-active .provider-logo--clerk,
1025
- html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo--clerk,
1026
- html.cli-mission-report body.station-results-active .studio-node.provider-logo--clerk,
1027
- html.cli-mission-report body.station-results-active .studio-node__logo.provider-logo--clerk {
1028
- --provider-color: #6c47ff;
1029
- color: #6c47ff;
1030
- }
1031
-
1032
- html.cli-mission-report body.station-results-active .provider-logo--authjs,
1033
- html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo--authjs,
1034
- html.cli-mission-report body.station-results-active .studio-node.provider-logo--authjs,
1035
- html.cli-mission-report body.station-results-active .studio-node__logo.provider-logo--authjs {
1036
- --provider-color: #412991;
1037
- color: #412991;
1038
- }
1039
-
1040
- html.cli-mission-report body.station-results-active .provider-logo--authjs svg path:nth-child(1) {
1041
- fill: #412991 !important;
1042
- }
1043
-
1044
- html.cli-mission-report body.station-results-active .provider-logo--authjs svg path:nth-child(2) {
1045
- fill: #eb5424 !important;
1046
- }
1047
-
1048
- html.cli-mission-report body.station-results-active .provider-logo--authjs svg path:nth-child(3) {
1049
- fill: #fbc22c !important;
1050
- }
1051
-
1052
- html.cli-mission-report body.station-results-active .provider-logo--aws svg path,
1053
- html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo--aws svg path,
1054
- html.cli-mission-report body.station-results-active .studio-node__logo.provider-logo--aws svg path {
1055
- fill: #ff9900 !important;
1056
- }
1057
-
1058
- html.cli-mission-report body.station-results-active .provider-logo--vitest svg path:nth-child(1) {
1059
- fill: #fcc72b !important;
1060
- }
1061
-
1062
- html.cli-mission-report body.station-results-active .provider-logo--vitest svg path:nth-child(2) {
1063
- fill: #729b1b !important;
1064
- }
1065
-
1066
- html.cli-mission-report body.station-results-active .provider-logo--better-auth svg rect {
1067
- fill: #171717 !important;
1068
- }
1069
-
1070
- html.cli-mission-report body.station-results-active .provider-logo--better-auth svg path {
1071
- fill: #ffffff !important;
1072
- }
1073
-
1074
- html.cli-mission-report body.station-results-active .provider-logo--logrocket svg rect {
1075
- fill: #764abc !important;
1076
- }
1077
-
1078
- html.cli-mission-report body.station-results-active .provider-logo--logrocket svg path {
1079
- fill: #ffffff !important;
1080
- }
1081
-
1082
- html.cli-mission-report body.station-results-active .provider-logo--auth0 svg rect {
1083
- fill: #eb5424 !important;
1084
- }
1085
-
1086
- html.cli-mission-report body.station-results-active .provider-logo--auth0 svg path {
1087
- fill: #ffffff !important;
1088
- }
1089
-
1090
- html.cli-mission-report body.station-results-active .provider-logo--stripe svg path {
1091
- fill: #635bff !important;
1092
- }
1093
-
1094
- /* Auth.js tricolor shield — avoid 100% stretch from generic brand rule */
1095
- html.cli-mission-report body.station-results-active .provider-logo--authjs svg,
1096
- html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo--authjs svg,
1097
- html.cli-mission-report body.station-results-active .studio-node__logo.provider-logo--authjs svg {
1098
- width: 76% !important;
1099
- height: 76% !important;
1100
- max-width: 28px;
1101
- max-height: 28px;
1102
- display: block;
1103
- margin: auto;
1104
- }
1105
-
1106
- html.cli-mission-report body.station-results-active .provider-logo--authjs .provider-logo__img,
1107
- html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo--authjs .provider-logo__img,
1108
- html.cli-mission-report body.station-results-active .studio-node__logo.provider-logo--authjs .provider-logo__img {
1109
- width: 84%;
1110
- height: 84%;
1111
- object-fit: contain;
1112
- border-radius: 0;
1113
- }
1114
-
1115
- /* Fragile brand assets are transparent marks; keep them centered, not tile-stretched. */
1116
- html.cli-mission-report body.station-results-active .provider-logo--logrocket .provider-logo__img,
1117
- html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo--logrocket .provider-logo__img,
1118
- html.cli-mission-report body.station-results-active .studio-node__logo.provider-logo--logrocket .provider-logo__img {
1119
- width: 82%;
1120
- height: 82%;
1121
- object-fit: contain;
1122
- border-radius: 0;
1123
- }
1124
-
1125
- html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo--paddle,
1126
- html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo--polar,
1127
- html.cli-mission-report body.station-results-active .studio-node__logo.provider-logo--paddle,
1128
- html.cli-mission-report body.station-results-active .studio-node__logo.provider-logo--polar {
1129
- overflow: visible;
1130
- }
1131
-
1132
- html.cli-mission-report body.station-results-active .provider-logo--paddle svg,
1133
- html.cli-mission-report body.station-results-active .provider-logo--polar svg,
1134
- html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo--paddle svg,
1135
- html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo--polar svg {
1136
- width: 100%;
1137
- height: 100%;
1138
- display: block;
1139
- overflow: visible;
1140
- }
1141
-
1142
- html.cli-mission-report body.station-results-active .provider-logo--polar svg path {
1143
- fill: #0062ff !important;
1144
- }
1145
-
1146
- html.cli-mission-report body.station-results-active .provider-logo--paddle svg rect {
1147
- fill: #101318 !important;
1148
- }
1149
-
1150
- html.cli-mission-report body.station-results-active .provider-logo--paddle svg path,
1151
- html.cli-mission-report body.station-results-active .provider-logo--paddle svg circle {
1152
- fill: #ffd21e !important;
1153
- }
1154
-
1155
- html.cli-mission-report body.station-results-active .provider-logo--auth0,
1156
- html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo--auth0,
1157
- html.cli-mission-report body.station-results-active .studio-node.provider-logo--auth0,
1158
- html.cli-mission-report body.station-results-active .studio-node__logo.provider-logo--auth0 {
1159
- --provider-color: #eb5424;
1160
- color: #eb5424;
1161
- }
1162
-
1163
- html.cli-mission-report body.station-results-active .provider-logo--better-auth,
1164
- html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo--better-auth,
1165
- html.cli-mission-report body.station-results-active .studio-node.provider-logo--better-auth,
1166
- html.cli-mission-report body.station-results-active .studio-node__logo.provider-logo--better-auth {
1167
- --provider-color: #171717;
1168
- color: #171717;
1169
- }
1170
-
1171
- html.cli-mission-report body.station-results-active .provider-logo--playwright,
1172
- html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo--playwright,
1173
- html.cli-mission-report body.station-results-active .studio-node.provider-logo--playwright,
1174
- html.cli-mission-report body.station-results-active .studio-node__logo.provider-logo--playwright {
1175
- --provider-color: #2ead33;
1176
- color: #2ead33;
1177
- }
1178
-
1179
- html.cli-mission-report body.station-results-active .provider-logo--gitlab,
1180
- html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo--gitlab,
1181
- html.cli-mission-report body.station-results-active .studio-node.provider-logo--gitlab,
1182
- html.cli-mission-report body.station-results-active .studio-node__logo.provider-logo--gitlab {
1183
- --provider-color: #fc6d26;
1184
- color: #fc6d26;
1185
- }
1186
-
1187
- html.cli-mission-report body.station-results-active .provider-logo--planetscale,
1188
- html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo--planetscale,
1189
- html.cli-mission-report body.station-results-active .studio-node.provider-logo--planetscale,
1190
- html.cli-mission-report body.station-results-active .studio-node__logo.provider-logo--planetscale,
1191
- html.cli-mission-report body.station-results-active .provider-logo--vercel,
1192
- html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo--vercel,
1193
- html.cli-mission-report body.station-results-active .studio-node.provider-logo--vercel,
1194
- html.cli-mission-report body.station-results-active .studio-node__logo.provider-logo--vercel {
1195
- --provider-color: #111111;
1196
- color: #111111;
1197
- }
1198
-
1199
- html.cli-mission-report body.station-results-active .provider-logo--polar,
1200
- html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo--polar,
1201
- html.cli-mission-report body.station-results-active .studio-node.provider-logo--polar,
1202
- html.cli-mission-report body.station-results-active .studio-node__logo.provider-logo--polar {
1203
- --provider-color: #0062ff;
1204
- color: #0062ff;
1205
- }
1206
-
1207
- html.cli-mission-report body.station-results-active .provider-logo--lemon-squeezy,
1208
- html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo--lemon-squeezy,
1209
- html.cli-mission-report body.station-results-active .studio-node.provider-logo--lemon-squeezy,
1210
- html.cli-mission-report body.station-results-active .studio-node__logo.provider-logo--lemon-squeezy {
1211
- --provider-color: #ffc233;
1212
- color: #ffc233;
1213
- }
1214
-
1215
- html.cli-mission-report body.station-results-active .provider-logo--github,
1216
- html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo--github,
1217
- html.cli-mission-report body.station-results-active .studio-node.provider-logo--github,
1218
- html.cli-mission-report body.station-results-active .studio-node__logo.provider-logo--github {
1219
- --provider-color: #111111;
1220
- color: #111111;
1221
- }
1222
-
1223
- html.cli-mission-report body.station-results-active .provider-logo--gitlab,
1224
- html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo--gitlab,
1225
- html.cli-mission-report body.station-results-active .studio-node.provider-logo--gitlab,
1226
- html.cli-mission-report body.station-results-active .studio-node__logo.provider-logo--gitlab {
1227
- --provider-color: #fc6d26;
1228
- color: #fc6d26;
1229
- }
1230
-
1231
- html.cli-mission-report body.station-results-active .station-account-strip .account-bar {
1232
- border: 1px solid rgba(17, 17, 17, 0.12);
1233
- border-radius: 999px;
1234
- background: rgba(255, 253, 247, 0.95);
1235
- box-shadow: 0 8px 24px rgba(17, 17, 17, 0.06);
1236
- }
1237
-
1238
- html.cli-mission-report body.station-results-active .station-account-strip .account-bar__email,
1239
- html.cli-mission-report body.station-results-active .station-account-strip .account-bar__meta {
1240
- color: #111111;
1241
- text-shadow: none;
1242
- }
1243
-
1244
- html.cli-mission-report body.station-results-active .station-account-strip .account-bar__plan {
1245
- display: inline-flex;
1246
- width: auto;
1247
- min-width: 0;
1248
- padding: 4px 12px;
1249
- border-radius: 999px;
1250
- background: rgba(212, 175, 55, 0.18);
1251
- color: #111111;
1252
- box-shadow: none;
1253
- }
1254
-
1255
- @media (max-width: 1100px) {
1256
- html.cli-mission-report body.station-results-active .studio-workspace {
1257
- grid-template-columns: 1fr;
1258
- }
1259
-
1260
- html.cli-mission-report body.station-results-active .studio-system-map {
1261
- min-height: min(560px, 58vh);
1262
- height: min(560px, 58vh);
1263
- }
1264
-
1265
- html.cli-mission-report body.station-results-active .studio-setup-panel {
1266
- max-height: min(480px, 50vh);
1267
- }
1268
- }
1269
-
1270
-
1271
- .provider-truth {
1272
- display: grid;
1273
- gap: 9px;
1274
- min-width: 0;
1275
- padding: 11px;
1276
- border: 1px solid rgba(17, 24, 39, 0.12);
1277
- border-radius: 12px;
1278
- background: #ffffff;
1279
- color: #111827;
1280
- box-shadow: 0 10px 24px rgba(17, 24, 39, 0.05);
1281
- }
1282
-
1283
- .provider-truth__head {
1284
- display: grid;
1285
- grid-template-columns: minmax(0, 1fr) auto;
1286
- gap: 8px;
1287
- align-items: center;
1288
- min-width: 0;
1289
- }
1290
-
1291
- .provider-truth__head h3,
1292
- .provider-truth__head strong {
1293
- min-width: 0;
1294
- margin: 0;
1295
- color: #111827;
1296
- font-size: 12px;
1297
- font-weight: 950;
1298
- line-height: 1.2;
1299
- }
1300
-
1301
- .provider-truth__head span {
1302
- display: inline-grid;
1303
- place-items: center;
1304
- max-width: 96px;
1305
- padding: 3px 7px;
1306
- border-radius: 999px;
1307
- background: rgba(17, 24, 39, 0.05);
1308
- color: rgba(17, 24, 39, 0.62);
1309
- font-size: 9px;
1310
- font-weight: 950;
1311
- line-height: 1;
1312
- text-transform: uppercase;
1313
- overflow-wrap: anywhere;
1314
- }
1315
-
1316
- .provider-truth__rows {
1317
- display: grid;
1318
- gap: 7px;
1319
- min-width: 0;
1320
- margin: 0;
1321
- padding: 0;
1322
- list-style: none;
1323
- }
1324
-
1325
- .provider-truth-row {
1326
- display: grid;
1327
- grid-template-columns: minmax(0, 1fr) auto;
1328
- gap: 5px 8px;
1329
- align-items: center;
1330
- min-width: 0;
1331
- padding: 8px 9px;
1332
- border: 1px solid rgba(17, 24, 39, 0.08);
1333
- border-radius: 9px;
1334
- background: rgba(249, 250, 251, 0.92);
1335
- }
1336
-
1337
- .provider-truth-row__main {
1338
- display: grid;
1339
- gap: 2px;
1340
- min-width: 0;
1341
- }
1342
-
1343
- .provider-truth-row__main strong {
1344
- min-width: 0;
1345
- color: #111827;
1346
- font-size: 12px;
1347
- font-weight: 930;
1348
- line-height: 1.22;
1349
- overflow-wrap: anywhere;
1350
- }
1351
-
1352
- .provider-truth-row__main span,
1353
- .provider-truth-row__action,
1354
- .provider-truth-alert span,
1355
- .provider-truth-next-action span {
1356
- min-width: 0;
1357
- color: rgba(17, 24, 39, 0.66);
1358
- font-size: 10px;
1359
- font-weight: 760;
1360
- line-height: 1.25;
1361
- overflow-wrap: anywhere;
1362
- }
1363
-
1364
- .provider-truth-row__badges {
1365
- display: flex;
1366
- flex-wrap: wrap;
1367
- justify-content: flex-end;
1368
- gap: 4px;
1369
- min-width: 0;
1370
- }
1371
-
1372
- .provider-truth-badge {
1373
- display: inline-grid;
1374
- place-items: center;
1375
- max-width: 94px;
1376
- padding: 3px 6px;
1377
- border: 1px solid rgba(17, 24, 39, 0.1);
1378
- border-radius: 999px;
1379
- background: rgba(17, 24, 39, 0.04);
1380
- color: rgba(17, 24, 39, 0.68);
1381
- font-size: 8px;
1382
- font-weight: 950;
1383
- line-height: 1;
1384
- text-align: center;
1385
- text-transform: uppercase;
1386
- overflow-wrap: anywhere;
1387
- }
1388
-
1389
- .provider-truth-badge--live {
1390
- border-color: rgba(16, 185, 129, 0.2);
1391
- background: rgba(16, 185, 129, 0.12);
1392
- color: #047857;
1393
- }
1394
-
1395
- .provider-truth-badge--mcp {
1396
- border-color: rgba(37, 99, 235, 0.2);
1397
- background: rgba(37, 99, 235, 0.1);
1398
- color: #1d4ed8;
1399
- }
1400
-
1401
- .provider-truth-badge--manual {
1402
- border-color: rgba(146, 64, 14, 0.22);
1403
- background: rgba(245, 158, 11, 0.12);
1404
- color: #92400e;
1405
- }
1406
-
1407
- .provider-truth-badge--warn {
1408
- border-color: rgba(185, 28, 28, 0.2);
1409
- background: rgba(255, 241, 242, 0.92);
1410
- color: #b91c1c;
1411
- }
1412
-
1413
- .provider-truth-badge--repo,
1414
- .provider-truth-badge--using {
1415
- border-color: rgba(17, 24, 39, 0.18);
1416
- background: rgba(17, 24, 39, 0.07);
1417
- color: #111827;
1418
- }
1419
-
1420
- .provider-truth-row__action {
1421
- grid-column: 1 / -1;
1422
- color: #111827;
1423
- font-weight: 850;
1424
- }
1425
-
1426
- .provider-truth-alert,
1427
- .provider-truth-next-action {
1428
- display: grid;
1429
- gap: 4px;
1430
- min-width: 0;
1431
- padding: 8px 9px;
1432
- border-radius: 9px;
1433
- overflow-wrap: anywhere;
1434
- }
1435
-
1436
- .provider-truth-alert {
1437
- border: 1px solid rgba(217, 119, 6, 0.22);
1438
- border-left: 3px solid #f59e0b;
1439
- background: rgba(255, 251, 235, 0.9);
1440
- }
1441
-
1442
- .provider-truth-next-action {
1443
- border: 1px solid rgba(37, 99, 235, 0.14);
1444
- border-left: 3px solid #2563eb;
1445
- background: rgba(239, 246, 255, 0.88);
1446
- }
1447
-
1448
- .provider-truth-alert strong,
1449
- .provider-truth-next-action strong {
1450
- min-width: 0;
1451
- color: #111827;
1452
- font-size: 11px;
1453
- font-weight: 930;
1454
- line-height: 1.22;
1455
- overflow-wrap: anywhere;
1456
- }
1457
-
1458
- @media (max-width: 420px) {
1459
- .provider-truth-row {
1460
- grid-template-columns: minmax(0, 1fr);
1461
- }
1462
-
1463
- .provider-truth-row__badges {
1464
- justify-content: flex-start;
1465
- }
1466
- }