@authrim/setup 0.1.64 → 0.1.67
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/web/ui.d.ts.map +1 -1
- package/dist/web/ui.js +279 -94
- package/dist/web/ui.js.map +1 -1
- package/package.json +1 -1
package/dist/web/ui.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ui.d.ts","sourceRoot":"","sources":["../../src/web/ui.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,wBAAgB,eAAe,CAAC,YAAY,CAAC,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,
|
|
1
|
+
{"version":3,"file":"ui.d.ts","sourceRoot":"","sources":["../../src/web/ui.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,wBAAgB,eAAe,CAAC,YAAY,CAAC,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,CAipJnF"}
|
package/dist/web/ui.js
CHANGED
|
@@ -42,6 +42,10 @@ export function getHtmlTemplate(sessionToken, manageOnly) {
|
|
|
42
42
|
--border: #d6d3d1;
|
|
43
43
|
--border-light: #e7e5e4;
|
|
44
44
|
|
|
45
|
+
/* Glassmorphism */
|
|
46
|
+
--glass-bg: rgba(248, 245, 227, 0.25);
|
|
47
|
+
--glass-border: rgba(214, 211, 209, 0.5);
|
|
48
|
+
|
|
45
49
|
/* Splash */
|
|
46
50
|
--splash-bg: #1c1917;
|
|
47
51
|
--splash-text: #f8f5e3;
|
|
@@ -76,6 +80,8 @@ export function getHtmlTemplate(sessionToken, manageOnly) {
|
|
|
76
80
|
--text-subtle: #78716c;
|
|
77
81
|
--border: #44403c;
|
|
78
82
|
--border-light: #292524;
|
|
83
|
+
--glass-bg: rgba(28, 25, 23, 0.35);
|
|
84
|
+
--glass-border: rgba(68, 64, 60, 0.5);
|
|
79
85
|
--splash-bg: #0c0a09;
|
|
80
86
|
--splash-text: #f8f5e3;
|
|
81
87
|
--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.2);
|
|
@@ -146,51 +152,32 @@ export function getHtmlTemplate(sessionToken, manageOnly) {
|
|
|
146
152
|
animation-delay: 200ms;
|
|
147
153
|
}
|
|
148
154
|
|
|
149
|
-
.splash-logo {
|
|
150
|
-
display: flex;
|
|
151
|
-
align-items: center;
|
|
152
|
-
justify-content: center;
|
|
153
|
-
gap: 1rem;
|
|
154
|
-
margin-bottom: 1.5rem;
|
|
155
|
-
}
|
|
156
|
-
|
|
157
|
-
.splash-icon {
|
|
158
|
-
width: 56px;
|
|
159
|
-
height: 56px;
|
|
160
|
-
background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
|
|
161
|
-
border-radius: 14px;
|
|
162
|
-
display: flex;
|
|
163
|
-
align-items: center;
|
|
164
|
-
justify-content: center;
|
|
165
|
-
font-size: 1.75rem;
|
|
166
|
-
box-shadow: 0 8px 24px rgba(37, 99, 235, 0.3);
|
|
167
|
-
}
|
|
168
|
-
|
|
169
155
|
.splash-title {
|
|
170
156
|
font-family: var(--font-serif);
|
|
171
|
-
font-size: clamp(
|
|
157
|
+
font-size: clamp(3.5rem, 10vw, 5.5rem);
|
|
172
158
|
font-weight: 600;
|
|
173
159
|
color: var(--splash-text);
|
|
174
160
|
letter-spacing: -0.03em;
|
|
175
161
|
line-height: 1;
|
|
162
|
+
margin-bottom: 1rem;
|
|
176
163
|
}
|
|
177
164
|
|
|
178
165
|
.splash-tagline {
|
|
179
166
|
font-family: var(--font-sans);
|
|
180
|
-
font-size: 0.
|
|
167
|
+
font-size: 0.85rem;
|
|
181
168
|
font-weight: 500;
|
|
182
169
|
color: var(--text-subtle);
|
|
183
|
-
letter-spacing: 0.
|
|
170
|
+
letter-spacing: 0.2em;
|
|
184
171
|
text-transform: uppercase;
|
|
185
172
|
margin-bottom: 3rem;
|
|
186
173
|
}
|
|
187
174
|
|
|
188
175
|
.splash-loader {
|
|
189
|
-
width:
|
|
190
|
-
height:
|
|
176
|
+
width: 32px;
|
|
177
|
+
height: 32px;
|
|
191
178
|
margin: 0 auto;
|
|
192
179
|
border: 2px solid var(--border);
|
|
193
|
-
border-top-color: var(--
|
|
180
|
+
border-top-color: var(--splash-text);
|
|
194
181
|
border-radius: 50%;
|
|
195
182
|
animation: spin 1s linear infinite;
|
|
196
183
|
}
|
|
@@ -202,6 +189,28 @@ export function getHtmlTemplate(sessionToken, manageOnly) {
|
|
|
202
189
|
}
|
|
203
190
|
}
|
|
204
191
|
|
|
192
|
+
/* ========================================
|
|
193
|
+
BACKGROUND TYPOGRAPHY
|
|
194
|
+
======================================== */
|
|
195
|
+
.bg-typography {
|
|
196
|
+
position: fixed;
|
|
197
|
+
top: -16%;
|
|
198
|
+
left: -5%;
|
|
199
|
+
font-family: var(--font-serif);
|
|
200
|
+
font-size: clamp(26rem, 25vw, 28rem);
|
|
201
|
+
font-weight: 700;
|
|
202
|
+
color: rgba(209, 201, 173, 0.18);
|
|
203
|
+
letter-spacing: -0.04em;
|
|
204
|
+
white-space: nowrap;
|
|
205
|
+
pointer-events: none;
|
|
206
|
+
z-index: 0;
|
|
207
|
+
user-select: none;
|
|
208
|
+
}
|
|
209
|
+
|
|
210
|
+
[data-theme="dark"] .bg-typography {
|
|
211
|
+
color: rgba(255, 255, 255, 0.025);
|
|
212
|
+
}
|
|
213
|
+
|
|
205
214
|
/* ========================================
|
|
206
215
|
THEME TOGGLE
|
|
207
216
|
======================================== */
|
|
@@ -238,6 +247,8 @@ export function getHtmlTemplate(sessionToken, manageOnly) {
|
|
|
238
247
|
LAYOUT
|
|
239
248
|
======================================== */
|
|
240
249
|
.container {
|
|
250
|
+
position: relative;
|
|
251
|
+
z-index: 1;
|
|
241
252
|
max-width: 820px;
|
|
242
253
|
margin: 0 auto;
|
|
243
254
|
padding: 2.5rem 2rem;
|
|
@@ -245,59 +256,42 @@ export function getHtmlTemplate(sessionToken, manageOnly) {
|
|
|
245
256
|
|
|
246
257
|
header {
|
|
247
258
|
text-align: center;
|
|
248
|
-
margin-bottom:
|
|
259
|
+
margin-bottom: 2rem;
|
|
249
260
|
padding-top: 0.5rem;
|
|
250
261
|
}
|
|
251
262
|
|
|
252
|
-
.header-brand {
|
|
253
|
-
display: flex;
|
|
254
|
-
align-items: center;
|
|
255
|
-
justify-content: center;
|
|
256
|
-
gap: 0.75rem;
|
|
257
|
-
margin-bottom: 0.75rem;
|
|
258
|
-
}
|
|
259
|
-
|
|
260
|
-
.header-icon {
|
|
261
|
-
width: 48px;
|
|
262
|
-
height: 48px;
|
|
263
|
-
background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
|
|
264
|
-
border-radius: 12px;
|
|
265
|
-
display: flex;
|
|
266
|
-
align-items: center;
|
|
267
|
-
justify-content: center;
|
|
268
|
-
font-size: 1.5rem;
|
|
269
|
-
box-shadow: 0 4px 12px rgba(37, 99, 235, 0.25);
|
|
270
|
-
}
|
|
271
|
-
|
|
272
263
|
h1 {
|
|
273
264
|
font-family: var(--font-serif);
|
|
274
|
-
font-size: clamp(
|
|
265
|
+
font-size: clamp(2.25rem, 6vw, 3rem);
|
|
275
266
|
font-weight: 600;
|
|
276
267
|
color: var(--text);
|
|
277
|
-
letter-spacing: -0.
|
|
278
|
-
line-height: 1
|
|
268
|
+
letter-spacing: -0.03em;
|
|
269
|
+
line-height: 1;
|
|
270
|
+
margin-bottom: 0.5rem;
|
|
279
271
|
}
|
|
280
272
|
|
|
281
273
|
.header-wizard {
|
|
282
274
|
font-family: var(--font-serif);
|
|
283
|
-
font-size: 1.
|
|
275
|
+
font-size: 1.15rem;
|
|
284
276
|
font-weight: 400;
|
|
285
277
|
font-style: italic;
|
|
286
278
|
color: var(--primary);
|
|
287
|
-
margin-bottom: 0.
|
|
279
|
+
margin-bottom: 0.375rem;
|
|
288
280
|
}
|
|
289
281
|
|
|
290
282
|
.subtitle {
|
|
291
283
|
font-family: var(--font-sans);
|
|
292
|
-
font-size: 0.
|
|
284
|
+
font-size: 0.85rem;
|
|
293
285
|
color: var(--text-muted);
|
|
294
|
-
letter-spacing: 0.
|
|
286
|
+
letter-spacing: 0.03em;
|
|
295
287
|
}
|
|
296
288
|
|
|
297
289
|
/* ========================================
|
|
298
290
|
CARDS
|
|
299
291
|
======================================== */
|
|
300
292
|
.card {
|
|
293
|
+
position: relative;
|
|
294
|
+
z-index: 1;
|
|
301
295
|
background: var(--card-bg);
|
|
302
296
|
border-radius: 16px;
|
|
303
297
|
border: 1px solid var(--border-light);
|
|
@@ -532,6 +526,94 @@ export function getHtmlTemplate(sessionToken, manageOnly) {
|
|
|
532
526
|
height: 18px;
|
|
533
527
|
accent-color: var(--primary);
|
|
534
528
|
cursor: pointer;
|
|
529
|
+
/* Custom checkbox styling */
|
|
530
|
+
appearance: none;
|
|
531
|
+
-webkit-appearance: none;
|
|
532
|
+
background: var(--card-bg);
|
|
533
|
+
border: 2px solid var(--border);
|
|
534
|
+
border-radius: 4px;
|
|
535
|
+
transition: all var(--transition-fast);
|
|
536
|
+
}
|
|
537
|
+
|
|
538
|
+
.checkbox-item input[type="checkbox"]:checked {
|
|
539
|
+
background: var(--primary);
|
|
540
|
+
border-color: var(--primary);
|
|
541
|
+
}
|
|
542
|
+
|
|
543
|
+
.checkbox-item input[type="checkbox"]:checked::after {
|
|
544
|
+
content: '✓';
|
|
545
|
+
display: block;
|
|
546
|
+
color: white;
|
|
547
|
+
font-size: 12px;
|
|
548
|
+
font-weight: bold;
|
|
549
|
+
text-align: center;
|
|
550
|
+
line-height: 14px;
|
|
551
|
+
}
|
|
552
|
+
|
|
553
|
+
.checkbox-item input[type="checkbox"]:hover:not(:disabled) {
|
|
554
|
+
border-color: var(--primary);
|
|
555
|
+
}
|
|
556
|
+
|
|
557
|
+
.checkbox-item input[type="checkbox"]:disabled {
|
|
558
|
+
opacity: 0.5;
|
|
559
|
+
cursor: not-allowed;
|
|
560
|
+
}
|
|
561
|
+
|
|
562
|
+
[data-theme="dark"] .checkbox-item input[type="checkbox"] {
|
|
563
|
+
background: var(--bg-secondary);
|
|
564
|
+
border-color: var(--border);
|
|
565
|
+
}
|
|
566
|
+
|
|
567
|
+
[data-theme="dark"] .checkbox-item input[type="checkbox"]:checked {
|
|
568
|
+
background: var(--primary);
|
|
569
|
+
border-color: var(--primary);
|
|
570
|
+
}
|
|
571
|
+
|
|
572
|
+
/* ========================================
|
|
573
|
+
COMPONENT CARDS
|
|
574
|
+
======================================== */
|
|
575
|
+
.component-card {
|
|
576
|
+
background: var(--glass-bg);
|
|
577
|
+
backdrop-filter: blur(4px);
|
|
578
|
+
-webkit-backdrop-filter: blur(4px);
|
|
579
|
+
border: 1px solid var(--glass-border);
|
|
580
|
+
border-radius: 8px;
|
|
581
|
+
padding: 1rem;
|
|
582
|
+
margin-bottom: 0.75rem;
|
|
583
|
+
transition: background-color var(--transition-base), border-color var(--transition-base);
|
|
584
|
+
}
|
|
585
|
+
|
|
586
|
+
.component-card p {
|
|
587
|
+
color: var(--text-muted);
|
|
588
|
+
}
|
|
589
|
+
|
|
590
|
+
/* ========================================
|
|
591
|
+
HINT / TIP BOXES
|
|
592
|
+
======================================== */
|
|
593
|
+
.hint-box {
|
|
594
|
+
padding: 0.625rem 0.875rem;
|
|
595
|
+
border-radius: 8px;
|
|
596
|
+
font-size: 0.875rem;
|
|
597
|
+
line-height: 1.5;
|
|
598
|
+
background: #fef3c7;
|
|
599
|
+
color: #92400e;
|
|
600
|
+
border: 1px solid #fcd34d;
|
|
601
|
+
}
|
|
602
|
+
|
|
603
|
+
[data-theme="dark"] .hint-box {
|
|
604
|
+
background: rgba(251, 191, 36, 0.12);
|
|
605
|
+
color: #fcd34d;
|
|
606
|
+
border-color: rgba(251, 191, 36, 0.25);
|
|
607
|
+
}
|
|
608
|
+
|
|
609
|
+
.section-hint.hint-box {
|
|
610
|
+
background: rgba(251, 191, 36, 0.15);
|
|
611
|
+
color: #92400e;
|
|
612
|
+
}
|
|
613
|
+
|
|
614
|
+
[data-theme="dark"] .section-hint.hint-box {
|
|
615
|
+
background: rgba(251, 191, 36, 0.1);
|
|
616
|
+
color: #fcd34d;
|
|
535
617
|
}
|
|
536
618
|
|
|
537
619
|
/* ========================================
|
|
@@ -711,22 +793,47 @@ export function getHtmlTemplate(sessionToken, manageOnly) {
|
|
|
711
793
|
}
|
|
712
794
|
|
|
713
795
|
.btn-secondary {
|
|
714
|
-
background: var(--bg
|
|
796
|
+
background: var(--card-bg);
|
|
715
797
|
color: var(--text);
|
|
716
798
|
border: 1px solid var(--border);
|
|
717
799
|
}
|
|
718
800
|
|
|
719
801
|
.btn-secondary:hover {
|
|
720
|
-
background: var(--
|
|
802
|
+
background: var(--bg-secondary);
|
|
803
|
+
border-color: var(--text-subtle);
|
|
804
|
+
}
|
|
805
|
+
|
|
806
|
+
[data-theme="dark"] .btn-secondary {
|
|
807
|
+
background: var(--bg-secondary);
|
|
721
808
|
border-color: var(--border);
|
|
722
809
|
}
|
|
723
810
|
|
|
811
|
+
[data-theme="dark"] .btn-secondary:hover {
|
|
812
|
+
background: var(--card-bg-hover);
|
|
813
|
+
border-color: var(--text-subtle);
|
|
814
|
+
}
|
|
815
|
+
|
|
724
816
|
.button-group {
|
|
725
817
|
display: flex;
|
|
818
|
+
justify-content: space-between;
|
|
819
|
+
align-items: center;
|
|
726
820
|
gap: 1rem;
|
|
727
821
|
margin-top: 2rem;
|
|
728
822
|
}
|
|
729
823
|
|
|
824
|
+
.button-group .btn-secondary:first-child:last-child {
|
|
825
|
+
/* Single back button - keep left aligned */
|
|
826
|
+
margin-right: auto;
|
|
827
|
+
}
|
|
828
|
+
|
|
829
|
+
.button-group .btn-primary {
|
|
830
|
+
margin-left: auto;
|
|
831
|
+
}
|
|
832
|
+
|
|
833
|
+
.button-group .btn-secondary + .btn-primary {
|
|
834
|
+
margin-left: 0;
|
|
835
|
+
}
|
|
836
|
+
|
|
730
837
|
/* ========================================
|
|
731
838
|
PROGRESS LOG
|
|
732
839
|
======================================== */
|
|
@@ -824,49 +931,89 @@ export function getHtmlTemplate(sessionToken, manageOnly) {
|
|
|
824
931
|
}
|
|
825
932
|
|
|
826
933
|
/* ========================================
|
|
827
|
-
STEP INDICATOR
|
|
934
|
+
STEP INDICATOR - Refined Minimal Design
|
|
828
935
|
======================================== */
|
|
829
936
|
.step-indicator {
|
|
937
|
+
position: relative;
|
|
830
938
|
display: flex;
|
|
831
939
|
justify-content: center;
|
|
832
|
-
|
|
940
|
+
align-items: center;
|
|
941
|
+
gap: 0;
|
|
833
942
|
margin-bottom: 2.5rem;
|
|
943
|
+
padding: 0.75rem 0;
|
|
944
|
+
}
|
|
945
|
+
|
|
946
|
+
/* The connecting line */
|
|
947
|
+
.step-indicator::before {
|
|
948
|
+
content: '';
|
|
949
|
+
position: absolute;
|
|
950
|
+
top: 50%;
|
|
951
|
+
left: 50%;
|
|
952
|
+
transform: translate(-50%, -50%);
|
|
953
|
+
width: calc(100% - 80px);
|
|
954
|
+
max-width: 500px;
|
|
955
|
+
height: 1px;
|
|
956
|
+
background: var(--border);
|
|
834
957
|
}
|
|
835
958
|
|
|
836
959
|
.step {
|
|
837
|
-
|
|
838
|
-
|
|
960
|
+
position: relative;
|
|
961
|
+
z-index: 1;
|
|
962
|
+
width: 28px;
|
|
963
|
+
height: 28px;
|
|
839
964
|
border-radius: 50%;
|
|
840
965
|
display: flex;
|
|
841
966
|
align-items: center;
|
|
842
967
|
justify-content: center;
|
|
843
968
|
font-family: var(--font-sans);
|
|
844
|
-
font-weight:
|
|
845
|
-
font-size: 0.
|
|
969
|
+
font-weight: 500;
|
|
970
|
+
font-size: 0.7rem;
|
|
971
|
+
background: var(--bg);
|
|
846
972
|
transition: all var(--transition-base);
|
|
847
973
|
}
|
|
848
974
|
|
|
849
975
|
.step-active {
|
|
850
|
-
|
|
851
|
-
|
|
852
|
-
|
|
976
|
+
width: 32px;
|
|
977
|
+
height: 32px;
|
|
978
|
+
background: var(--text);
|
|
979
|
+
color: var(--bg);
|
|
980
|
+
font-weight: 600;
|
|
981
|
+
font-size: 0.75rem;
|
|
982
|
+
box-shadow: 0 0 0 4px var(--bg), 0 0 0 5px var(--text);
|
|
983
|
+
}
|
|
984
|
+
|
|
985
|
+
[data-theme="dark"] .step-active {
|
|
986
|
+
background: var(--splash-text);
|
|
987
|
+
color: var(--bg);
|
|
988
|
+
box-shadow: 0 0 0 4px var(--bg), 0 0 0 5px var(--splash-text);
|
|
853
989
|
}
|
|
854
990
|
|
|
855
991
|
.step-complete {
|
|
856
|
-
background: var(--
|
|
857
|
-
color:
|
|
992
|
+
background: var(--text);
|
|
993
|
+
color: var(--bg);
|
|
994
|
+
font-size: 0;
|
|
995
|
+
}
|
|
996
|
+
|
|
997
|
+
.step-complete::after {
|
|
998
|
+
content: '✓';
|
|
999
|
+
font-size: 0.7rem;
|
|
1000
|
+
}
|
|
1001
|
+
|
|
1002
|
+
[data-theme="dark"] .step-complete {
|
|
1003
|
+
background: var(--splash-text);
|
|
1004
|
+
color: var(--bg);
|
|
858
1005
|
}
|
|
859
1006
|
|
|
860
1007
|
.step-pending {
|
|
861
|
-
background: var(--bg
|
|
1008
|
+
background: var(--bg);
|
|
862
1009
|
color: var(--text-subtle);
|
|
863
|
-
border: 1px solid var(--border
|
|
1010
|
+
border: 1px solid var(--border);
|
|
864
1011
|
}
|
|
865
1012
|
|
|
866
1013
|
.step-connector {
|
|
867
|
-
width:
|
|
868
|
-
height:
|
|
869
|
-
background:
|
|
1014
|
+
width: 40px;
|
|
1015
|
+
height: 1px;
|
|
1016
|
+
background: transparent;
|
|
870
1017
|
align-self: center;
|
|
871
1018
|
}
|
|
872
1019
|
|
|
@@ -1415,7 +1562,46 @@ export function getHtmlTemplate(sessionToken, manageOnly) {
|
|
|
1415
1562
|
margin: 0;
|
|
1416
1563
|
width: 18px;
|
|
1417
1564
|
height: 18px;
|
|
1418
|
-
|
|
1565
|
+
/* Custom radio styling */
|
|
1566
|
+
appearance: none;
|
|
1567
|
+
-webkit-appearance: none;
|
|
1568
|
+
background: var(--card-bg);
|
|
1569
|
+
border: 2px solid var(--border);
|
|
1570
|
+
border-radius: 50%;
|
|
1571
|
+
cursor: pointer;
|
|
1572
|
+
transition: all var(--transition-fast);
|
|
1573
|
+
position: relative;
|
|
1574
|
+
}
|
|
1575
|
+
|
|
1576
|
+
.radio-item input[type="radio"]:checked {
|
|
1577
|
+
border-color: var(--primary);
|
|
1578
|
+
background: var(--card-bg);
|
|
1579
|
+
}
|
|
1580
|
+
|
|
1581
|
+
.radio-item input[type="radio"]:checked::after {
|
|
1582
|
+
content: '';
|
|
1583
|
+
position: absolute;
|
|
1584
|
+
top: 50%;
|
|
1585
|
+
left: 50%;
|
|
1586
|
+
transform: translate(-50%, -50%);
|
|
1587
|
+
width: 10px;
|
|
1588
|
+
height: 10px;
|
|
1589
|
+
background: var(--primary);
|
|
1590
|
+
border-radius: 50%;
|
|
1591
|
+
}
|
|
1592
|
+
|
|
1593
|
+
.radio-item input[type="radio"]:hover:not(:disabled) {
|
|
1594
|
+
border-color: var(--primary);
|
|
1595
|
+
}
|
|
1596
|
+
|
|
1597
|
+
[data-theme="dark"] .radio-item input[type="radio"] {
|
|
1598
|
+
background: var(--bg-secondary);
|
|
1599
|
+
border-color: var(--border);
|
|
1600
|
+
}
|
|
1601
|
+
|
|
1602
|
+
[data-theme="dark"] .radio-item input[type="radio"]:checked {
|
|
1603
|
+
border-color: var(--primary);
|
|
1604
|
+
background: var(--bg-secondary);
|
|
1419
1605
|
}
|
|
1420
1606
|
|
|
1421
1607
|
.radio-separator {
|
|
@@ -1436,13 +1622,13 @@ export function getHtmlTemplate(sessionToken, manageOnly) {
|
|
|
1436
1622
|
</style>
|
|
1437
1623
|
</head>
|
|
1438
1624
|
<body>
|
|
1625
|
+
<!-- Background Typography -->
|
|
1626
|
+
<div class="bg-typography" aria-hidden="true">Authrim</div>
|
|
1627
|
+
|
|
1439
1628
|
<!-- Splash Screen -->
|
|
1440
1629
|
<div id="splash" class="splash">
|
|
1441
1630
|
<div class="splash-content">
|
|
1442
|
-
<
|
|
1443
|
-
<div class="splash-icon">🔐</div>
|
|
1444
|
-
<span class="splash-title">Authrim</span>
|
|
1445
|
-
</div>
|
|
1631
|
+
<h1 class="splash-title">Authrim</h1>
|
|
1446
1632
|
<p class="splash-tagline">Identity & Access Platform</p>
|
|
1447
1633
|
<div class="splash-loader"></div>
|
|
1448
1634
|
</div>
|
|
@@ -1453,10 +1639,7 @@ export function getHtmlTemplate(sessionToken, manageOnly) {
|
|
|
1453
1639
|
|
|
1454
1640
|
<div class="container">
|
|
1455
1641
|
<header>
|
|
1456
|
-
<
|
|
1457
|
-
<div class="header-icon">🔐</div>
|
|
1458
|
-
<h1>Authrim</h1>
|
|
1459
|
-
</div>
|
|
1642
|
+
<h1>Authrim</h1>
|
|
1460
1643
|
<p class="header-wizard">Setup Wizard</p>
|
|
1461
1644
|
<p class="subtitle">OIDC Provider on Cloudflare Workers</p>
|
|
1462
1645
|
</header>
|
|
@@ -1596,12 +1779,12 @@ export function getHtmlTemplate(sessionToken, manageOnly) {
|
|
|
1596
1779
|
<h3 style="margin: 0 0 1rem; font-size: 1rem;">📦 Components</h3>
|
|
1597
1780
|
|
|
1598
1781
|
<!-- API Component (required) -->
|
|
1599
|
-
<div class="component-card"
|
|
1782
|
+
<div class="component-card">
|
|
1600
1783
|
<label class="checkbox-item" style="font-weight: 600; margin-bottom: 0.25rem;">
|
|
1601
1784
|
<input type="checkbox" id="comp-api" checked disabled>
|
|
1602
1785
|
🔐 API (required)
|
|
1603
1786
|
</label>
|
|
1604
|
-
<p style="margin: 0.25rem 0 0.5rem 1.5rem; font-size: 0.85rem;
|
|
1787
|
+
<p style="margin: 0.25rem 0 0.5rem 1.5rem; font-size: 0.85rem;">
|
|
1605
1788
|
OIDC Provider endpoints: authorize, token, userinfo, discovery, management APIs.
|
|
1606
1789
|
</p>
|
|
1607
1790
|
<div style="margin-left: 1.5rem; display: flex; flex-wrap: wrap; gap: 0.75rem;">
|
|
@@ -1621,23 +1804,23 @@ export function getHtmlTemplate(sessionToken, manageOnly) {
|
|
|
1621
1804
|
</div>
|
|
1622
1805
|
|
|
1623
1806
|
<!-- Login UI Component -->
|
|
1624
|
-
<div class="component-card"
|
|
1807
|
+
<div class="component-card">
|
|
1625
1808
|
<label class="checkbox-item" style="font-weight: 600; margin-bottom: 0.25rem;">
|
|
1626
1809
|
<input type="checkbox" id="comp-login-ui" checked>
|
|
1627
1810
|
🖥️ Login UI
|
|
1628
1811
|
</label>
|
|
1629
|
-
<p style="margin: 0.25rem 0 0 1.5rem; font-size: 0.85rem;
|
|
1812
|
+
<p style="margin: 0.25rem 0 0 1.5rem; font-size: 0.85rem;">
|
|
1630
1813
|
User-facing login, registration, consent, and account management pages.
|
|
1631
1814
|
</p>
|
|
1632
1815
|
</div>
|
|
1633
1816
|
|
|
1634
1817
|
<!-- Admin UI Component -->
|
|
1635
|
-
<div class="component-card"
|
|
1818
|
+
<div class="component-card">
|
|
1636
1819
|
<label class="checkbox-item" style="font-weight: 600; margin-bottom: 0.25rem;">
|
|
1637
1820
|
<input type="checkbox" id="comp-admin-ui" checked>
|
|
1638
1821
|
⚙️ Admin UI
|
|
1639
1822
|
</label>
|
|
1640
|
-
<p style="margin: 0.25rem 0 0 1.5rem; font-size: 0.85rem;
|
|
1823
|
+
<p style="margin: 0.25rem 0 0 1.5rem; font-size: 0.85rem;">
|
|
1641
1824
|
Admin dashboard for managing tenants, clients, users, and system settings.
|
|
1642
1825
|
</p>
|
|
1643
1826
|
</div>
|
|
@@ -1716,7 +1899,7 @@ export function getHtmlTemplate(sessionToken, manageOnly) {
|
|
|
1716
1899
|
</div>
|
|
1717
1900
|
</div>
|
|
1718
1901
|
|
|
1719
|
-
<div class="section-hint" style="margin-top: 0.75rem;
|
|
1902
|
+
<div class="section-hint hint-box" style="margin-top: 0.75rem;">
|
|
1720
1903
|
💡 CORS: Cross-origin requests from Login/Admin UI to API are automatically allowed.
|
|
1721
1904
|
</div>
|
|
1722
1905
|
</div>
|
|
@@ -2122,18 +2305,18 @@ export function getHtmlTemplate(sessionToken, manageOnly) {
|
|
|
2122
2305
|
</h2>
|
|
2123
2306
|
|
|
2124
2307
|
<!-- Admin Setup Section -->
|
|
2125
|
-
<div id="admin-setup-section" class="hidden" style="margin-bottom: 1.5rem; padding: 1rem;
|
|
2308
|
+
<div id="admin-setup-section" class="hidden hint-box" style="margin-bottom: 1.5rem; padding: 1rem;">
|
|
2126
2309
|
<div style="display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.75rem;">
|
|
2127
2310
|
<span style="font-size: 1.5rem;">⚠️</span>
|
|
2128
2311
|
<div>
|
|
2129
|
-
<div style="font-weight: 600;
|
|
2130
|
-
<div style="font-size: 0.875rem;
|
|
2312
|
+
<div style="font-weight: 600;">Admin Account Not Configured</div>
|
|
2313
|
+
<div style="font-size: 0.875rem; opacity: 0.85;">Initial administrator has not been set up for this environment.</div>
|
|
2131
2314
|
</div>
|
|
2132
2315
|
</div>
|
|
2133
2316
|
<button class="btn-primary" id="btn-start-admin-setup" style="margin-top: 0.5rem;">
|
|
2134
2317
|
🔐 Start Admin Account Setup with Passkey
|
|
2135
2318
|
</button>
|
|
2136
|
-
<div id="admin-setup-result" class="hidden" style="margin-top: 1rem; padding: 0.75rem; background:
|
|
2319
|
+
<div id="admin-setup-result" class="hidden" style="margin-top: 1rem; padding: 0.75rem; background: var(--card-bg); border-radius: 6px;">
|
|
2137
2320
|
<div style="font-weight: 500; margin-bottom: 0.5rem;">Setup URL Generated:</div>
|
|
2138
2321
|
<div style="display: flex; gap: 0.5rem; align-items: center;">
|
|
2139
2322
|
<input type="text" id="admin-setup-url" readonly style="flex: 1; padding: 0.5rem; border: 1px solid #d1d5db; border-radius: 4px; font-family: monospace; font-size: 0.875rem;">
|
|
@@ -3709,13 +3892,15 @@ export function getHtmlTemplate(sessionToken, manageOnly) {
|
|
|
3709
3892
|
|
|
3710
3893
|
// Add warning about one-time use and time limit
|
|
3711
3894
|
const setupNote = document.createElement('div');
|
|
3712
|
-
setupNote.
|
|
3895
|
+
setupNote.className = 'hint-box';
|
|
3896
|
+
setupNote.style.cssText = 'margin-top: 0.5rem; margin-bottom: 0.5rem;';
|
|
3713
3897
|
setupNote.innerHTML = '⚠️ This URL can only be used <strong>once</strong> and expires in <strong>1 hour</strong>.';
|
|
3714
3898
|
urlsEl.appendChild(setupNote);
|
|
3715
3899
|
} else {
|
|
3716
3900
|
// Show debug info when setup URL is missing
|
|
3717
3901
|
const debugDiv = document.createElement('div');
|
|
3718
|
-
debugDiv.
|
|
3902
|
+
debugDiv.className = 'hint-box';
|
|
3903
|
+
debugDiv.style.cssText = 'margin-top: 1rem;';
|
|
3719
3904
|
debugDiv.innerHTML = '<strong>⚠️ Admin Setup URL not generated</strong><br>';
|
|
3720
3905
|
if (result && result.adminSetupDebug) {
|
|
3721
3906
|
const debug = result.adminSetupDebug;
|
package/dist/web/ui.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ui.js","sourceRoot":"","sources":["../../src/web/ui.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,MAAM,UAAU,eAAe,CAAC,YAAqB,EAAE,UAAoB;IACzE,gDAAgD;IAChD,MAAM,SAAS,GAAG,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAC1E,MAAM,cAAc,GAAG,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;IAErD,OAAO
|
|
1
|
+
{"version":3,"file":"ui.js","sourceRoot":"","sources":["../../src/web/ui.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,MAAM,UAAU,eAAe,CAAC,YAAqB,EAAE,UAAoB;IACzE,gDAAgD;IAChD,MAAM,SAAS,GAAG,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAC1E,MAAM,cAAc,GAAG,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;IAErD,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6BA4/EoB,SAAS;0BACZ,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA8oEhC,CAAC;AACT,CAAC"}
|