@ai-ecoverse/slicc-spectrum 1.71.0 → 1.73.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +5 -5
- package/dist/{chunk-2EPADERK.js → chunk-VN3QD44H.js} +3446 -3388
- package/dist/chunk-VN3QD44H.js.map +7 -0
- package/dist/slicc-dummy.js +67 -2
- package/dist/slicc-dummy.js.map +2 -2
- package/dist/slicc-ui.js +457 -265
- package/dist/slicc-ui.js.map +3 -3
- package/dist/types/app/messages.d.ts +6 -4
- package/dist/types/app/network.d.ts +7 -1
- package/dist/types/dummy/index.d.ts +3 -2
- package/dist/types/dummy/network.d.ts +8 -2
- package/dist/types/dummy.d.ts +2 -2
- package/dist/types/model/types.d.ts +14 -0
- package/package.json +8 -8
- package/dist/chunk-2EPADERK.js.map +0 -7
package/dist/slicc-ui.js
CHANGED
|
@@ -5017,8 +5017,8 @@ function e25(e122, t90) {
|
|
|
5017
5017
|
}
|
|
5018
5018
|
|
|
5019
5019
|
// node_modules/@adobe/spectrum-wc-core/dist/element/version.js
|
|
5020
|
-
var e26 = "2.0.0-beta.
|
|
5021
|
-
var t20 = "2.0.0-beta.
|
|
5020
|
+
var e26 = "2.0.0-beta.5";
|
|
5021
|
+
var t20 = "2.0.0-beta.5";
|
|
5022
5022
|
|
|
5023
5023
|
// node_modules/@adobe/spectrum-wc-core/dist/element/spectrum-element.js
|
|
5024
5024
|
var r13;
|
|
@@ -8151,7 +8151,7 @@ var r24 = class extends g2 {
|
|
|
8151
8151
|
e25("swc-tooltip", r24);
|
|
8152
8152
|
|
|
8153
8153
|
// node_modules/@adobe/spectrum-wc-icons/dist/stylesheets/icon-base.js
|
|
8154
|
-
var t40 = i`:host{--swc-icon-inline-size: var(--swc-workflow-icon-medium);--swc-icon-block-size: var(--swc-workflow-icon-medium);
|
|
8154
|
+
var t40 = i`:host{--swc-icon-inline-size: var(--swc-workflow-icon-medium);--swc-icon-block-size: var(--swc-workflow-icon-medium);box-sizing:border-box;display:block;inline-size:var(--swc-icon-inline-size);block-size:var(--swc-icon-block-size);color:var(--swc-icon-color, currentColor)}:host([size=\"xs\"]){--swc-icon-inline-size: var(--swc-workflow-icon-extra-small);--swc-icon-block-size: var(--swc-workflow-icon-extra-small)}:host([size=\"s\"]){--swc-icon-inline-size: var(--swc-workflow-icon-small);--swc-icon-block-size: var(--swc-workflow-icon-small)}:host([size=\"m\"]){--swc-icon-inline-size: var(--swc-workflow-icon-medium);--swc-icon-block-size: var(--swc-workflow-icon-medium)}:host([size=\"l\"]){--swc-icon-inline-size: var(--swc-workflow-icon-large);--swc-icon-block-size: var(--swc-workflow-icon-large)}:host([size=\"xl\"]){--swc-icon-inline-size: var(--swc-workflow-icon-extra-large);--swc-icon-block-size: var(--swc-workflow-icon-extra-large)}svg,::slotted(*){box-sizing:border-box;display:block;inline-size:100%;block-size:100%;fill:var(--swc-icon-color, currentColor)}`;
|
|
8155
8155
|
|
|
8156
8156
|
// node_modules/@adobe/spectrum-wc-icons/dist/Chat.js
|
|
8157
8157
|
function e45() {
|
|
@@ -8200,7 +8200,7 @@ var o17 = class extends a10 {
|
|
|
8200
8200
|
}
|
|
8201
8201
|
render() {
|
|
8202
8202
|
return b`
|
|
8203
|
-
|
|
8203
|
+
${o16(e45())}
|
|
8204
8204
|
`;
|
|
8205
8205
|
}
|
|
8206
8206
|
};
|
|
@@ -8218,7 +8218,7 @@ var o18 = class extends a10 {
|
|
|
8218
8218
|
}
|
|
8219
8219
|
render() {
|
|
8220
8220
|
return b`
|
|
8221
|
-
|
|
8221
|
+
${o16(e47())}
|
|
8222
8222
|
`;
|
|
8223
8223
|
}
|
|
8224
8224
|
};
|
|
@@ -8236,7 +8236,7 @@ var o19 = class extends a10 {
|
|
|
8236
8236
|
}
|
|
8237
8237
|
render() {
|
|
8238
8238
|
return b`
|
|
8239
|
-
|
|
8239
|
+
${o16(e48())}
|
|
8240
8240
|
`;
|
|
8241
8241
|
}
|
|
8242
8242
|
};
|
|
@@ -8254,7 +8254,7 @@ var o20 = class extends a10 {
|
|
|
8254
8254
|
}
|
|
8255
8255
|
render() {
|
|
8256
8256
|
return b`
|
|
8257
|
-
|
|
8257
|
+
${o16(e49())}
|
|
8258
8258
|
`;
|
|
8259
8259
|
}
|
|
8260
8260
|
};
|
|
@@ -8272,7 +8272,7 @@ var o21 = class extends a10 {
|
|
|
8272
8272
|
}
|
|
8273
8273
|
render() {
|
|
8274
8274
|
return b`
|
|
8275
|
-
|
|
8275
|
+
${o16(e50())}
|
|
8276
8276
|
`;
|
|
8277
8277
|
}
|
|
8278
8278
|
};
|
|
@@ -8290,7 +8290,7 @@ var o22 = class extends a10 {
|
|
|
8290
8290
|
}
|
|
8291
8291
|
render() {
|
|
8292
8292
|
return b`
|
|
8293
|
-
|
|
8293
|
+
${o16(e51())}
|
|
8294
8294
|
`;
|
|
8295
8295
|
}
|
|
8296
8296
|
};
|
|
@@ -8308,7 +8308,7 @@ var o23 = class extends a10 {
|
|
|
8308
8308
|
}
|
|
8309
8309
|
render() {
|
|
8310
8310
|
return b`
|
|
8311
|
-
|
|
8311
|
+
${o16(e52())}
|
|
8312
8312
|
`;
|
|
8313
8313
|
}
|
|
8314
8314
|
};
|
|
@@ -8326,7 +8326,7 @@ var o24 = class extends a10 {
|
|
|
8326
8326
|
}
|
|
8327
8327
|
render() {
|
|
8328
8328
|
return b`
|
|
8329
|
-
|
|
8329
|
+
${o16(e53())}
|
|
8330
8330
|
`;
|
|
8331
8331
|
}
|
|
8332
8332
|
};
|
|
@@ -8344,7 +8344,7 @@ var o25 = class extends a10 {
|
|
|
8344
8344
|
}
|
|
8345
8345
|
render() {
|
|
8346
8346
|
return b`
|
|
8347
|
-
|
|
8347
|
+
${o16(e54())}
|
|
8348
8348
|
`;
|
|
8349
8349
|
}
|
|
8350
8350
|
};
|
|
@@ -8362,7 +8362,7 @@ var o26 = class extends a10 {
|
|
|
8362
8362
|
}
|
|
8363
8363
|
render() {
|
|
8364
8364
|
return b`
|
|
8365
|
-
|
|
8365
|
+
${o16(e55())}
|
|
8366
8366
|
`;
|
|
8367
8367
|
}
|
|
8368
8368
|
};
|
|
@@ -8380,7 +8380,7 @@ var o27 = class extends a10 {
|
|
|
8380
8380
|
}
|
|
8381
8381
|
render() {
|
|
8382
8382
|
return b`
|
|
8383
|
-
|
|
8383
|
+
${o16(e56())}
|
|
8384
8384
|
`;
|
|
8385
8385
|
}
|
|
8386
8386
|
};
|
|
@@ -8398,7 +8398,7 @@ var o28 = class extends a10 {
|
|
|
8398
8398
|
}
|
|
8399
8399
|
render() {
|
|
8400
8400
|
return b`
|
|
8401
|
-
|
|
8401
|
+
${o16(e57())}
|
|
8402
8402
|
`;
|
|
8403
8403
|
}
|
|
8404
8404
|
};
|
|
@@ -8416,7 +8416,7 @@ var o29 = class extends a10 {
|
|
|
8416
8416
|
}
|
|
8417
8417
|
render() {
|
|
8418
8418
|
return b`
|
|
8419
|
-
|
|
8419
|
+
${o16(e58())}
|
|
8420
8420
|
`;
|
|
8421
8421
|
}
|
|
8422
8422
|
};
|
|
@@ -8434,7 +8434,7 @@ var o30 = class extends a10 {
|
|
|
8434
8434
|
}
|
|
8435
8435
|
render() {
|
|
8436
8436
|
return b`
|
|
8437
|
-
|
|
8437
|
+
${o16(e59())}
|
|
8438
8438
|
`;
|
|
8439
8439
|
}
|
|
8440
8440
|
};
|
|
@@ -8452,7 +8452,7 @@ var o31 = class extends a10 {
|
|
|
8452
8452
|
}
|
|
8453
8453
|
render() {
|
|
8454
8454
|
return b`
|
|
8455
|
-
|
|
8455
|
+
${o16(e60())}
|
|
8456
8456
|
`;
|
|
8457
8457
|
}
|
|
8458
8458
|
};
|
|
@@ -8470,7 +8470,7 @@ var o32 = class extends a10 {
|
|
|
8470
8470
|
}
|
|
8471
8471
|
render() {
|
|
8472
8472
|
return b`
|
|
8473
|
-
|
|
8473
|
+
${o16(e61())}
|
|
8474
8474
|
`;
|
|
8475
8475
|
}
|
|
8476
8476
|
};
|
|
@@ -8488,7 +8488,7 @@ var o33 = class extends a10 {
|
|
|
8488
8488
|
}
|
|
8489
8489
|
render() {
|
|
8490
8490
|
return b`
|
|
8491
|
-
|
|
8491
|
+
${o16(e62())}
|
|
8492
8492
|
`;
|
|
8493
8493
|
}
|
|
8494
8494
|
};
|
|
@@ -8506,7 +8506,7 @@ var o34 = class extends a10 {
|
|
|
8506
8506
|
}
|
|
8507
8507
|
render() {
|
|
8508
8508
|
return b`
|
|
8509
|
-
|
|
8509
|
+
${o16(e63())}
|
|
8510
8510
|
`;
|
|
8511
8511
|
}
|
|
8512
8512
|
};
|
|
@@ -8524,7 +8524,7 @@ var o35 = class extends a10 {
|
|
|
8524
8524
|
}
|
|
8525
8525
|
render() {
|
|
8526
8526
|
return b`
|
|
8527
|
-
|
|
8527
|
+
${o16(e64())}
|
|
8528
8528
|
`;
|
|
8529
8529
|
}
|
|
8530
8530
|
};
|
|
@@ -8542,7 +8542,7 @@ var o36 = class extends a10 {
|
|
|
8542
8542
|
}
|
|
8543
8543
|
render() {
|
|
8544
8544
|
return b`
|
|
8545
|
-
|
|
8545
|
+
${o16(e65())}
|
|
8546
8546
|
`;
|
|
8547
8547
|
}
|
|
8548
8548
|
};
|
|
@@ -8560,7 +8560,7 @@ var o37 = class extends a10 {
|
|
|
8560
8560
|
}
|
|
8561
8561
|
render() {
|
|
8562
8562
|
return b`
|
|
8563
|
-
|
|
8563
|
+
${o16(e66())}
|
|
8564
8564
|
`;
|
|
8565
8565
|
}
|
|
8566
8566
|
};
|
|
@@ -8578,7 +8578,7 @@ var o38 = class extends a10 {
|
|
|
8578
8578
|
}
|
|
8579
8579
|
render() {
|
|
8580
8580
|
return b`
|
|
8581
|
-
|
|
8581
|
+
${o16(e67())}
|
|
8582
8582
|
`;
|
|
8583
8583
|
}
|
|
8584
8584
|
};
|
|
@@ -8596,7 +8596,7 @@ var o39 = class extends a10 {
|
|
|
8596
8596
|
}
|
|
8597
8597
|
render() {
|
|
8598
8598
|
return b`
|
|
8599
|
-
|
|
8599
|
+
${o16(e68())}
|
|
8600
8600
|
`;
|
|
8601
8601
|
}
|
|
8602
8602
|
};
|
|
@@ -8614,7 +8614,7 @@ var o40 = class extends a10 {
|
|
|
8614
8614
|
}
|
|
8615
8615
|
render() {
|
|
8616
8616
|
return b`
|
|
8617
|
-
|
|
8617
|
+
${o16(e69())}
|
|
8618
8618
|
`;
|
|
8619
8619
|
}
|
|
8620
8620
|
};
|
|
@@ -8632,7 +8632,7 @@ var o41 = class extends a10 {
|
|
|
8632
8632
|
}
|
|
8633
8633
|
render() {
|
|
8634
8634
|
return b`
|
|
8635
|
-
|
|
8635
|
+
${o16(e70())}
|
|
8636
8636
|
`;
|
|
8637
8637
|
}
|
|
8638
8638
|
};
|
|
@@ -8650,7 +8650,7 @@ var o42 = class extends a10 {
|
|
|
8650
8650
|
}
|
|
8651
8651
|
render() {
|
|
8652
8652
|
return b`
|
|
8653
|
-
|
|
8653
|
+
${o16(e71())}
|
|
8654
8654
|
`;
|
|
8655
8655
|
}
|
|
8656
8656
|
};
|
|
@@ -9695,7 +9695,7 @@ var o47 = class extends a10 {
|
|
|
9695
9695
|
}
|
|
9696
9696
|
render() {
|
|
9697
9697
|
return b`
|
|
9698
|
-
|
|
9698
|
+
${o16(e76())}
|
|
9699
9699
|
`;
|
|
9700
9700
|
}
|
|
9701
9701
|
};
|
|
@@ -9713,7 +9713,7 @@ var o48 = class extends a10 {
|
|
|
9713
9713
|
}
|
|
9714
9714
|
render() {
|
|
9715
9715
|
return b`
|
|
9716
|
-
|
|
9716
|
+
${o16(e77())}
|
|
9717
9717
|
`;
|
|
9718
9718
|
}
|
|
9719
9719
|
};
|
|
@@ -9960,7 +9960,7 @@ var o49 = class extends a10 {
|
|
|
9960
9960
|
}
|
|
9961
9961
|
render() {
|
|
9962
9962
|
return b`
|
|
9963
|
-
|
|
9963
|
+
${o16(e78())}
|
|
9964
9964
|
`;
|
|
9965
9965
|
}
|
|
9966
9966
|
};
|
|
@@ -9978,7 +9978,7 @@ var o50 = class extends a10 {
|
|
|
9978
9978
|
}
|
|
9979
9979
|
render() {
|
|
9980
9980
|
return b`
|
|
9981
|
-
|
|
9981
|
+
${o16(e79())}
|
|
9982
9982
|
`;
|
|
9983
9983
|
}
|
|
9984
9984
|
};
|
|
@@ -10817,7 +10817,7 @@ var o51 = class extends a10 {
|
|
|
10817
10817
|
}
|
|
10818
10818
|
render() {
|
|
10819
10819
|
return b`
|
|
10820
|
-
|
|
10820
|
+
${o16(e80())}
|
|
10821
10821
|
`;
|
|
10822
10822
|
}
|
|
10823
10823
|
};
|
|
@@ -10835,7 +10835,7 @@ var o52 = class extends a10 {
|
|
|
10835
10835
|
}
|
|
10836
10836
|
render() {
|
|
10837
10837
|
return b`
|
|
10838
|
-
|
|
10838
|
+
${o16(e81())}
|
|
10839
10839
|
`;
|
|
10840
10840
|
}
|
|
10841
10841
|
};
|
|
@@ -11075,31 +11075,29 @@ var SliccMonitor = class extends ModelElement {
|
|
|
11075
11075
|
}
|
|
11076
11076
|
.reading {
|
|
11077
11077
|
display: flex;
|
|
11078
|
+
flex-wrap: wrap;
|
|
11078
11079
|
align-items: baseline;
|
|
11079
|
-
gap: var(--swc-spacing-75);
|
|
11080
|
-
min-width: 0;
|
|
11081
|
-
white-space: nowrap;
|
|
11082
|
-
}
|
|
11083
|
-
.value,
|
|
11084
|
-
.rest {
|
|
11080
|
+
column-gap: var(--swc-spacing-75);
|
|
11085
11081
|
min-width: 0;
|
|
11082
|
+
height: 1lh;
|
|
11086
11083
|
overflow: hidden;
|
|
11087
|
-
|
|
11084
|
+
white-space: nowrap;
|
|
11085
|
+
font-size: var(--swc-font-size-300);
|
|
11088
11086
|
}
|
|
11089
11087
|
.value {
|
|
11090
11088
|
flex: none;
|
|
11091
11089
|
max-width: 100%;
|
|
11092
|
-
|
|
11090
|
+
overflow: hidden;
|
|
11091
|
+
text-overflow: ellipsis;
|
|
11093
11092
|
font-weight: var(--swc-bold-font-weight);
|
|
11094
11093
|
font-variant-numeric: tabular-nums;
|
|
11095
11094
|
}
|
|
11096
|
-
.
|
|
11097
|
-
|
|
11095
|
+
.unit,
|
|
11096
|
+
.delta {
|
|
11097
|
+
flex: none;
|
|
11098
|
+
font-size: var(--swc-font-size-100);
|
|
11098
11099
|
color: var(--swc-neutral-subdued-content-color-default);
|
|
11099
11100
|
}
|
|
11100
|
-
.unit + .delta {
|
|
11101
|
-
margin-inline-start: var(--swc-spacing-75);
|
|
11102
|
-
}
|
|
11103
11101
|
.spark {
|
|
11104
11102
|
align-self: end;
|
|
11105
11103
|
height: var(--swc-component-height-100);
|
|
@@ -11300,7 +11298,7 @@ var SliccMonitor = class extends ModelElement {
|
|
|
11300
11298
|
}
|
|
11301
11299
|
#vital(vital) {
|
|
11302
11300
|
if (vital.ratio !== void 0) {
|
|
11303
|
-
return b`<div class="vital" data-id=${vital.id}>
|
|
11301
|
+
return b`<div class="vital" data-id=${vital.id} title=${vital.hint ?? vital.unit ?? A}>
|
|
11304
11302
|
<swc-meter
|
|
11305
11303
|
size="s"
|
|
11306
11304
|
variant=${meterVariant2(vital.ratio)}
|
|
@@ -11313,7 +11311,7 @@ var SliccMonitor = class extends ModelElement {
|
|
|
11313
11311
|
const line = vital.series ? sparkline(vital.series) : "";
|
|
11314
11312
|
return b`<div class="vital" data-id=${vital.id}>
|
|
11315
11313
|
<div class="label">${vital.label}</div>
|
|
11316
|
-
<div class="reading"
|
|
11314
|
+
<div class="reading" title=${vital.hint ?? [vital.value, vital.unit, vital.delta].filter(Boolean).join(" ")}><span class="value">${vital.value}</span>${vital.unit ? b`<span class="unit">${vital.unit}</span>` : A}${vital.delta ? b`<span class="delta">${vital.delta}</span>` : A}</div>
|
|
11317
11315
|
<div class="spark">${line ? b`<svg viewBox="0 0 120 28" preserveAspectRatio="none" aria-hidden="true">${w`<polyline points=${line}></polyline>`}</svg>` : A}</div>
|
|
11318
11316
|
</div>`;
|
|
11319
11317
|
}
|
|
@@ -11935,7 +11933,7 @@ var o54 = class extends a10 {
|
|
|
11935
11933
|
}
|
|
11936
11934
|
render() {
|
|
11937
11935
|
return b`
|
|
11938
|
-
|
|
11936
|
+
${o16(e82())}
|
|
11939
11937
|
`;
|
|
11940
11938
|
}
|
|
11941
11939
|
};
|
|
@@ -11953,7 +11951,7 @@ var o55 = class extends a10 {
|
|
|
11953
11951
|
}
|
|
11954
11952
|
render() {
|
|
11955
11953
|
return b`
|
|
11956
|
-
|
|
11954
|
+
${o16(e83())}
|
|
11957
11955
|
`;
|
|
11958
11956
|
}
|
|
11959
11957
|
};
|
|
@@ -11971,7 +11969,7 @@ var o56 = class extends a10 {
|
|
|
11971
11969
|
}
|
|
11972
11970
|
render() {
|
|
11973
11971
|
return b`
|
|
11974
|
-
|
|
11972
|
+
${o16(e84())}
|
|
11975
11973
|
`;
|
|
11976
11974
|
}
|
|
11977
11975
|
};
|
|
@@ -11989,9 +11987,7 @@ var o57 = class extends a10 {
|
|
|
11989
11987
|
}
|
|
11990
11988
|
render() {
|
|
11991
11989
|
return b`
|
|
11992
|
-
|
|
11993
|
-
${o16(e85())}
|
|
11994
|
-
</span>
|
|
11990
|
+
${o16(e85())}
|
|
11995
11991
|
`;
|
|
11996
11992
|
}
|
|
11997
11993
|
};
|
|
@@ -12009,7 +12005,7 @@ var o58 = class extends a10 {
|
|
|
12009
12005
|
}
|
|
12010
12006
|
render() {
|
|
12011
12007
|
return b`
|
|
12012
|
-
|
|
12008
|
+
${o16(e86())}
|
|
12013
12009
|
`;
|
|
12014
12010
|
}
|
|
12015
12011
|
};
|
|
@@ -12027,7 +12023,7 @@ var o59 = class extends a10 {
|
|
|
12027
12023
|
}
|
|
12028
12024
|
render() {
|
|
12029
12025
|
return b`
|
|
12030
|
-
|
|
12026
|
+
${o16(e87())}
|
|
12031
12027
|
`;
|
|
12032
12028
|
}
|
|
12033
12029
|
};
|
|
@@ -12045,7 +12041,7 @@ var o60 = class extends a10 {
|
|
|
12045
12041
|
}
|
|
12046
12042
|
render() {
|
|
12047
12043
|
return b`
|
|
12048
|
-
|
|
12044
|
+
${o16(e88())}
|
|
12049
12045
|
`;
|
|
12050
12046
|
}
|
|
12051
12047
|
};
|
|
@@ -12983,14 +12979,31 @@ function say(devices, one2, many) {
|
|
|
12983
12979
|
function deviceName(name) {
|
|
12984
12980
|
return name.replace(/^slicc\b/i, "SLICC");
|
|
12985
12981
|
}
|
|
12982
|
+
function named(items) {
|
|
12983
|
+
return items.map((item2) => ({ ...item2, name: deviceName(item2.name) }));
|
|
12984
|
+
}
|
|
12986
12985
|
function networkStatus(port) {
|
|
12987
|
-
|
|
12988
|
-
if (
|
|
12989
|
-
|
|
12990
|
-
|
|
12991
|
-
|
|
12992
|
-
|
|
12993
|
-
|
|
12986
|
+
let status2 = port.status();
|
|
12987
|
+
if (status2.links)
|
|
12988
|
+
status2 = { ...status2, links: { ...status2.links, devices: named(status2.links.devices) } };
|
|
12989
|
+
if (status2.leaders) status2 = { ...status2, leaders: named(status2.leaders) };
|
|
12990
|
+
return status2;
|
|
12991
|
+
}
|
|
12992
|
+
var leaderStates = {
|
|
12993
|
+
connecting: ["info", "Connecting"],
|
|
12994
|
+
reconnecting: ["notice", "Reconnecting"],
|
|
12995
|
+
connected: ["positive", "Connected"],
|
|
12996
|
+
disconnected: ["neutral", "Disconnected"],
|
|
12997
|
+
failed: ["negative", "Failed"],
|
|
12998
|
+
unlinked: ["neutral", "Unlinked"]
|
|
12999
|
+
};
|
|
13000
|
+
function leaderConfirm(leader) {
|
|
13001
|
+
return {
|
|
13002
|
+
title: `Forget ${leader.name}?`,
|
|
13003
|
+
body: "To follow it again, you\u2019ll need a new invite from it.",
|
|
13004
|
+
action: "Forget",
|
|
13005
|
+
variant: "destructive"
|
|
13006
|
+
};
|
|
12994
13007
|
}
|
|
12995
13008
|
function remoteLight(status2) {
|
|
12996
13009
|
const devices = status2?.links?.devices ?? [];
|
|
@@ -13135,8 +13148,10 @@ var SliccNetwork = class extends ModelElement {
|
|
|
13135
13148
|
tailnetCopied: { state: true },
|
|
13136
13149
|
revealed: { state: true },
|
|
13137
13150
|
linksError: { state: true },
|
|
13138
|
-
syncError: { state: true }
|
|
13151
|
+
syncError: { state: true },
|
|
13152
|
+
leaderError: { state: true }
|
|
13139
13153
|
};
|
|
13154
|
+
#leaderId = "";
|
|
13140
13155
|
constructor() {
|
|
13141
13156
|
super();
|
|
13142
13157
|
this.checking = false;
|
|
@@ -13149,6 +13164,7 @@ var SliccNetwork = class extends ModelElement {
|
|
|
13149
13164
|
this.revealed = {};
|
|
13150
13165
|
this.linksError = "";
|
|
13151
13166
|
this.syncError = "";
|
|
13167
|
+
this.leaderError = "";
|
|
13152
13168
|
}
|
|
13153
13169
|
static styles = [
|
|
13154
13170
|
r(link_default),
|
|
@@ -13472,6 +13488,7 @@ var SliccNetwork = class extends ModelElement {
|
|
|
13472
13488
|
this.tailnetError = "";
|
|
13473
13489
|
this.linksError = "";
|
|
13474
13490
|
this.syncError = "";
|
|
13491
|
+
this.leaderError = "";
|
|
13475
13492
|
const update = () => this.requestUpdate();
|
|
13476
13493
|
return [
|
|
13477
13494
|
model.tray.on("status", update),
|
|
@@ -13832,6 +13849,60 @@ var SliccNetwork = class extends ModelElement {
|
|
|
13832
13849
|
${this.linksError ? b`<div class="error" role="alert" data-error="links"><swc-icon-alert-triangle size="s" aria-hidden="true"></swc-icon-alert-triangle><span>${this.linksError}</span></div>` : A}
|
|
13833
13850
|
</section>`;
|
|
13834
13851
|
}
|
|
13852
|
+
#leaderAct(kind, leader, run2) {
|
|
13853
|
+
return this.#act(
|
|
13854
|
+
`leader:${kind}:${leader.id}`,
|
|
13855
|
+
() => {
|
|
13856
|
+
this.#leaderId = leader.id;
|
|
13857
|
+
return run2(leader.id);
|
|
13858
|
+
},
|
|
13859
|
+
"leaderError"
|
|
13860
|
+
);
|
|
13861
|
+
}
|
|
13862
|
+
async #forgetLeader(event2, port, leader) {
|
|
13863
|
+
const trigger2 = event2.currentTarget;
|
|
13864
|
+
if (await confirm({ ...leaderConfirm(leader), trigger: trigger2 }))
|
|
13865
|
+
await this.#leaderAct("forget", leader, (id) => port.forgetLeader?.(id));
|
|
13866
|
+
}
|
|
13867
|
+
#leaderButton(kind, label, leader, click) {
|
|
13868
|
+
const action = `leader:${kind}:${leader.id}`;
|
|
13869
|
+
return b`<swc-button size="s" variant="secondary" fill-style="outline" data-action=${`${kind}-leader`} accessible-label=${`${label} ${leader.name}`} ?pending=${this.busy === action} ?disabled=${this.#waiting(action)} @click=${click}>${label}</swc-button>`;
|
|
13870
|
+
}
|
|
13871
|
+
#leaderActions(port, leader) {
|
|
13872
|
+
if (leader.state === "unlinked") return A;
|
|
13873
|
+
const off = leader.state === "disconnected";
|
|
13874
|
+
const retry = leader.state === "failed" && !!port.retryLeader;
|
|
13875
|
+
const reconnect = off && !!port.reconnectLeader;
|
|
13876
|
+
const disconnect = !off && !!port.disconnectLeader;
|
|
13877
|
+
if (!retry && !reconnect && !disconnect && !port.forgetLeader) return A;
|
|
13878
|
+
return b`<div class="actions">
|
|
13879
|
+
${reconnect ? this.#leaderButton("reconnect", "Reconnect", leader, () => this.#leaderAct("reconnect", leader, (id) => port.reconnectLeader?.(id))) : A}
|
|
13880
|
+
${retry ? this.#leaderButton("retry", "Retry", leader, () => this.#leaderAct("retry", leader, (id) => port.retryLeader?.(id))) : A}
|
|
13881
|
+
${disconnect ? this.#leaderButton("disconnect", "Disconnect", leader, () => this.#leaderAct("disconnect", leader, (id) => port.disconnectLeader?.(id))) : A}
|
|
13882
|
+
${port.forgetLeader ? this.#leaderButton("forget", "Forget", leader, (event2) => this.#forgetLeader(event2, port, leader)) : A}
|
|
13883
|
+
</div>`;
|
|
13884
|
+
}
|
|
13885
|
+
#leader(port, leader) {
|
|
13886
|
+
const [variant, label] = leaderStates[leader.state];
|
|
13887
|
+
return b`<li class="device leader" data-leader=${leader.id} data-state=${leader.state}>
|
|
13888
|
+
<div class="who">
|
|
13889
|
+
<span class="name" title=${leader.name}>${leader.name}</span>
|
|
13890
|
+
<swc-status-light size="s" variant=${variant}>${label}</swc-status-light>
|
|
13891
|
+
</div>
|
|
13892
|
+
<span class="where">${leader.hub}</span>
|
|
13893
|
+
${leader.state === "failed" ? b`<p data-leader-error>${leader.error ?? "Couldn\u2019t reach its hub."}</p>` : A}
|
|
13894
|
+
${leader.state === "unlinked" ? b`<p class="muted" data-unlinked>${leader.name} stopped sharing with this SLICC.</p>` : A}
|
|
13895
|
+
${this.#leaderActions(port, leader)}
|
|
13896
|
+
${this.leaderError && this.#leaderId === leader.id ? b`<div class="error" role="alert" data-error="leader"><swc-icon-alert-triangle size="s" aria-hidden="true"></swc-icon-alert-triangle><span>${this.leaderError}</span></div>` : A}
|
|
13897
|
+
</li>`;
|
|
13898
|
+
}
|
|
13899
|
+
#leadersSection(port, status2) {
|
|
13900
|
+
if (!status2.leaders?.length) return A;
|
|
13901
|
+
return b`<section aria-labelledby="leaders" data-leaders=${status2.leaders.length}>
|
|
13902
|
+
<h2 id="leaders">Leaders</h2>
|
|
13903
|
+
<ul aria-labelledby="leaders">${status2.leaders.map((leader) => this.#leader(port, leader))}</ul>
|
|
13904
|
+
</section>`;
|
|
13905
|
+
}
|
|
13835
13906
|
#exit(event2, port) {
|
|
13836
13907
|
const value = event2.target.value;
|
|
13837
13908
|
void this.#tailnet("exit", () => port.setExitNode?.(value === "none" ? null : value));
|
|
@@ -13953,6 +14024,7 @@ var SliccNetwork = class extends ModelElement {
|
|
|
13953
14024
|
return b`<div class="page" tabindex="-1">
|
|
13954
14025
|
${this.#state(port, status2)}
|
|
13955
14026
|
${this.#sync(this.model.tray)}
|
|
14027
|
+
${this.#leadersSection(port, status2)}
|
|
13956
14028
|
${this.#tailnetSection(port, status2)}
|
|
13957
14029
|
${this.#linksSection(port, status2)}
|
|
13958
14030
|
${this.#whole(status2)}
|
|
@@ -18006,7 +18078,7 @@ var o62 = class extends o61 {
|
|
|
18006
18078
|
e25("swc-progress-bar", o62);
|
|
18007
18079
|
|
|
18008
18080
|
// node_modules/@adobe/spectrum-wc/dist/patterns/ai-toolkit/conversation-turn/conversation-turn.js
|
|
18009
|
-
var t50 = i`:host{display:block;inline-size:100%}:host(:focus-visible){outline:none}*,*:before,*:after{box-sizing:border-box}.swc-ConversationTurn{display:flex;inline-size:100%;min-inline-size:0}.swc-ConversationTurn>slot{display:flex;flex-direction:column;gap:8px;inline-size:100%;min-inline-size:0}:host([type=\"user\"]) .swc-ConversationTurn{justify-content:flex-end}:host([type=\"user\"]) .swc-ConversationTurn>slot{align-items:flex-end}:host([type=\"system\"]) .swc-ConversationTurn{justify-content:flex-start}:host([type=\"system\"]) .swc-ConversationTurn>slot{align-items:stretch}:host([type=\"system\"]) ::slotted(*){flex:1 1 100%;min-inline-size:0;max-inline-size:100%}:host(:focus-visible) ::slotted(*){outline:2px solid var(--swc-blue-800);outline-offset:2px}`;
|
|
18081
|
+
var t50 = i`:host{display:block;inline-size:100%}:host(:focus-visible){outline:none}*,*:before,*:after{box-sizing:border-box}.swc-ConversationTurn{display:flex;inline-size:100%;min-inline-size:0}.swc-ConversationTurn>slot{display:flex;flex-direction:column;gap:8px;inline-size:100%;min-inline-size:0}:host([type=\"user\"]) .swc-ConversationTurn{justify-content:flex-end}:host([type=\"user\"]) .swc-ConversationTurn>slot{align-items:flex-end;max-inline-size:min(100%,536px,max(75%,25ch))}:host([type=\"system\"]) .swc-ConversationTurn{justify-content:flex-start}:host([type=\"system\"]) .swc-ConversationTurn>slot{align-items:stretch}:host([type=\"system\"]) ::slotted(*){flex:1 1 100%;min-inline-size:0;max-inline-size:100%}:host(:focus-visible) ::slotted(*){outline:2px solid var(--swc-blue-800);outline-offset:2px}`;
|
|
18010
18082
|
|
|
18011
18083
|
// node_modules/@adobe/spectrum-wc/dist/patterns/ai-toolkit/conversation-turn/ConversationTurn.js
|
|
18012
18084
|
var a14 = class extends i9 {
|
|
@@ -18655,7 +18727,7 @@ var u19 = {
|
|
|
18655
18727
|
};
|
|
18656
18728
|
|
|
18657
18729
|
// node_modules/@adobe/spectrum-wc/dist/stylesheets/_lit-styles/icon-base.js
|
|
18658
|
-
var t62 = i`:host{--swc-icon-inline-size: var(--swc-workflow-icon-medium);--swc-icon-block-size: var(--swc-workflow-icon-medium);
|
|
18730
|
+
var t62 = i`:host{--swc-icon-inline-size: var(--swc-workflow-icon-medium);--swc-icon-block-size: var(--swc-workflow-icon-medium);box-sizing:border-box;display:block;inline-size:var(--swc-icon-inline-size);block-size:var(--swc-icon-block-size);color:var(--swc-icon-color, currentColor)}:host([size=\"xs\"]){--swc-icon-inline-size: var(--swc-workflow-icon-extra-small);--swc-icon-block-size: var(--swc-workflow-icon-extra-small)}:host([size=\"s\"]){--swc-icon-inline-size: var(--swc-workflow-icon-small);--swc-icon-block-size: var(--swc-workflow-icon-small)}:host([size=\"m\"]){--swc-icon-inline-size: var(--swc-workflow-icon-medium);--swc-icon-block-size: var(--swc-workflow-icon-medium)}:host([size=\"l\"]){--swc-icon-inline-size: var(--swc-workflow-icon-large);--swc-icon-block-size: var(--swc-workflow-icon-large)}:host([size=\"xl\"]){--swc-icon-inline-size: var(--swc-workflow-icon-extra-large);--swc-icon-block-size: var(--swc-workflow-icon-extra-large)}svg,::slotted(*){box-sizing:border-box;display:block;inline-size:100%;block-size:100%;fill:var(--swc-icon-color, currentColor)}`;
|
|
18659
18731
|
|
|
18660
18732
|
// node_modules/@adobe/spectrum-wc/dist/components/ui-icons/ui-icon-direction.js
|
|
18661
18733
|
var t63 = i`:host(:dir(rtl)[icon=\"chevron\"]),:host(:dir(rtl)[icon=\"arrow\"]),:host(:dir(rtl)[icon=\"corner-triangle\"]){scale:-1 1}`;
|
|
@@ -18677,7 +18749,7 @@ var l16 = class extends a10 {
|
|
|
18677
18749
|
}
|
|
18678
18750
|
render() {
|
|
18679
18751
|
return b`
|
|
18680
|
-
|
|
18752
|
+
${r26(u19[this.icon], this.size)}
|
|
18681
18753
|
`;
|
|
18682
18754
|
}
|
|
18683
18755
|
};
|
|
@@ -18695,7 +18767,7 @@ function e91(e122) {
|
|
|
18695
18767
|
}
|
|
18696
18768
|
|
|
18697
18769
|
// node_modules/@adobe/spectrum-wc/dist/patterns/ai-toolkit/message-sources/message-sources.js
|
|
18698
|
-
var t65 = i`:host{display:block}*,*:before,*:after{box-sizing:border-box}.swc-MessageSources{display:flex;flex-direction:column
|
|
18770
|
+
var t65 = i`:host{display:block}*,*:before,*:after{box-sizing:border-box}.swc-MessageSources{display:flex;flex-direction:column}.swc-MessageSources-toggle{display:inline-flex;gap:8px;align-items:center;inline-size:-moz-fit-content;inline-size:fit-content;padding:3px 8px;font-family:var(--swc-sans-font-family-stack);font-size:var(--swc-font-size-100);font-weight:700;line-height:var(--swc-line-height-font-size-100);color:var(--swc-gray-800);background:transparent;border:none;border-radius:8px;transition:background .13s cubic-bezier(.45,0,.4,1)}.swc-MessageSources-toggle:hover{color:var(--swc-gray-800);background:var(--swc-gray-100)}.swc-MessageSources-chevron{transition:transform .13s ease}.swc-MessageSources-chevron--down{transform:rotate(90deg)}.swc-MessageSources-list{interpolate-size:allow-keywords;display:flex;visibility:hidden;flex-direction:column;gap:4px;block-size:0;padding:0 8px;margin:0;overflow:hidden;list-style:none;counter-reset:sources;transition:block-size .16s cubic-bezier(.45,0,.4,1),visibility .16s linear}.swc-MessageSources-toggle[aria-expanded=true]+.swc-MessageSources-list{visibility:visible;block-size:auto}.swc-MessageSources-item{display:flex;gap:8px;align-items:center;font-size:var(--swc-font-size-100);font-weight:400;line-height:var(--swc-line-height-font-size-100);color:var(--swc-gray-800);list-style:none;counter-increment:sources}.swc-MessageSources-item:first-child{margin-block-start:8px}.swc-MessageSources-item:before{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;inline-size:16px;block-size:20px;font-size:var(--swc-font-size-50);font-weight:700;color:var(--swc-gray-700);background:var(--swc-gray-100);border-radius:4px;content:counter(sources)}.swc-MessageSources-link{color:var(--swc-gray-800);text-underline-offset:2px}slot[hidden]{display:none}`;
|
|
18699
18771
|
|
|
18700
18772
|
// node_modules/@adobe/spectrum-wc/dist/patterns/ai-toolkit/message-sources/MessageSources.js
|
|
18701
18773
|
var c19 = class extends i9 {
|
|
@@ -18787,9 +18859,7 @@ var r27 = class extends a10 {
|
|
|
18787
18859
|
}
|
|
18788
18860
|
render() {
|
|
18789
18861
|
return b`
|
|
18790
|
-
<
|
|
18791
|
-
<slot></slot>
|
|
18792
|
-
</span>
|
|
18862
|
+
<slot></slot>
|
|
18793
18863
|
`;
|
|
18794
18864
|
}
|
|
18795
18865
|
};
|
|
@@ -18873,7 +18943,7 @@ var d14 = () => b`
|
|
|
18873
18943
|
`;
|
|
18874
18944
|
|
|
18875
18945
|
// node_modules/@adobe/spectrum-wc/dist/patterns/ai-toolkit/response-status/response-status-step/response-status-step.js
|
|
18876
|
-
var t67 = i`:host{display:grid;grid-template-columns:20px 1fr;align-items:stretch;grid-column-gap:
|
|
18946
|
+
var t67 = i`:host{display:grid;grid-template-columns:20px 1fr;align-items:stretch;grid-column-gap:6px;-moz-column-gap:6px;column-gap:6px}*,*:before,*:after{box-sizing:border-box}:host(:last-of-type){animation:swc-response-status-step-enter-opacity .65s cubic-bezier(.45,0,.4,1),swc-response-status-step-enter-position .31s cubic-bezier(.18,.41,.4,1)}@keyframes swc-response-status-step-enter-opacity{0%{opacity:0}to{opacity:1}}@keyframes swc-response-status-step-enter-position{0%{transform:translateY(6px)}to{transform:translateY(0)}}.swc-ResponseStatusStep-rail{display:flex;flex-direction:column;align-items:center;overflow:visible}:host(:not(:last-of-type)) .swc-ResponseStatusStep-rail{box-sizing:content-box}.swc-ResponseStatusStep-icon{flex-shrink:0;inline-size:8px;block-size:8px;margin:4px;margin-block:6px;color:var(--swc-gray-500);transition:color .16s cubic-bezier(.45,0,.4,1)}:host([status=\"complete\"]) .swc-ResponseStatusStep-icon{transition:color .16s cubic-bezier(.45,0,.4,1),opacity .16s cubic-bezier(.45,0,.4,1)}:host(:first-of-type) .swc-ResponseStatusStep-icon{margin-block-start:14px}.swc-ResponseStatusStep-line{flex:1 1 auto;inline-size:1px;min-block-size:8px;margin-block-start:2px;background:var(--swc-gray-300)}:host(:last-of-type) .swc-ResponseStatusStep-line{display:none}.swc-ResponseStatusStep-icon--active{color:var(--swc-gray-600)}.swc-ResponseStatusStep-icon--stopped{color:var(--swc-gray-700)}.swc-ResponseStatusStep-body{align-self:start;min-inline-size:0}:host(:not(:last-of-type)) .swc-ResponseStatusStep-body{padding-block-end:12px}:host(:first-of-type) .swc-ResponseStatusStep-body:not(:has(>.swc-ResponseStatusStep-toggle)){margin-block-start:8px}.swc-Body{margin-block:var(--swc-body-margin-top, 0) var(--swc-body-margin-bottom, 0);font-family:var(--swc-body-font-family, var(--swc-sans-font-family-stack));font-size:var(--swc-body-font-size, var(--swc-font-size-200));font-weight:var(--swc-body-font-weight, var(--swc-regular-font-weight));line-height:var(--swc-body-line-height, var(--swc-line-height-font-size-200));color:var(--swc-body-font-color, var(--swc-gray-800));letter-spacing:var(--swc-body-letter-spacing, normal);&:lang(zh),&:lang(ja),&:lang(ko){--swc-body-line-height: var(--swc-body-cjk-line-height, 1.7);--swc-body-letter-spacing: var(--swc-body-cjk-letter-spacing, var(--swc-letter-spacing));--swc-body-font-size: var(--swc-body-cjk-font-size, var(--swc-font-size-100))}}.swc-Body--sizeXXS{--swc-body-font-size: var(--swc-font-size-50);--swc-body-line-height: var(--swc-line-height-font-size-50);&:lang(zh),&:lang(ja),&:lang(ko){--swc-body-cjk-font-size: var(--swc-font-size-25)}}.swc-Detail{margin-block:var(--swc-detail-margin-top, 0) var(--swc-detail-margin-bottom, 0);font-family:var(--swc-detail-font-family, var(--swc-sans-font-family-stack));font-size:var(--swc-detail-font-size, var(--swc-font-size-100));font-weight:var(--swc-detail-font-weight, var(--swc-medium-font-weight));line-height:var(--swc-detail-line-height, var(--swc-line-height-font-size-100));color:var(--swc-detail-font-color, var(--swc-gray-600));letter-spacing:var(--swc-detail-letter-spacing, normal);&:lang(zh),&:lang(ja),&:lang(ko){--swc-detail-line-height: var(--swc-detail-cjk-line-height, 1.5);--swc-detail-letter-spacing: var(--swc-detail-cjk-letter-spacing, var(--swc-letter-spacing))}}.swc-Detail--sizeS{--swc-detail-font-size: var(--swc-font-size-75);--swc-detail-line-height: var(--swc-line-height-font-size-75);&:lang(zh),&:lang(ja),&:lang(ko){--swc-detail-cjk-font-size: var(--swc-font-size-50)}}.swc-ResponseStatusStep-title{display:inline-block;position:relative;padding:2px 8px;margin:0;color:var(--swc-gray-600);transition:background .13s cubic-bezier(.45,0,.4,1),color .1s cubic-bezier(.45,0,.4,1)}.swc-ResponseStatusStep-titleShimmer{--_swc-response-status-step-shimmer-spread: 60%;position:absolute;inset:0;padding:2px 8px;contain:strict;color:transparent;overflow:clip;pointer-events:none}@supports (-webkit-mask-clip: text){:host([status=\"active\"]) .swc-ResponseStatusStep-titleShimmer{-webkit-mask-image:linear-gradient(white,white);mask-image:linear-gradient(#fff,#fff);-webkit-mask-clip:text}}:host([status=\"active\"]) .swc-ResponseStatusStep-titleShimmer:after{position:absolute;inset:0;background:linear-gradient(90deg,transparent calc(50% - var(--_swc-response-status-step-shimmer-spread)),var(--swc-gray-900) 50%,transparent calc(50% + var(--_swc-response-status-step-shimmer-spread)));content:\"\";animation:swc-response-status-step-shimmer 1.8s cubic-bezier(.41,.01,.43,.99) infinite;will-change:transform}@keyframes swc-response-status-step-shimmer{0%{translate:-100% 0}80%,to{translate:100% 0}}.swc-ResponseStatusStep-detail{max-inline-size:340px;color:var(--swc-gray-600)}.swc-ResponseStatusStep-toggle{display:flex;gap:8px;align-items:center;inline-size:-moz-fit-content;inline-size:fit-content;padding:0;margin-block-end:4px;color:inherit;text-align:start;background:transparent;border:none;border-radius:6px}.swc-ResponseStatusStep-toggle:hover,.swc-ResponseStatusStep-toggle:focus-visible{background:var(--swc-gray-75)}.swc-ResponseStatusStep-toggle:focus-visible{outline:2px solid var(--swc-blue-800);outline-offset:2px}:host(:first-of-type) .swc-ResponseStatusStep-toggle{margin-block-start:8px}.swc-ResponseStatusStep-detailPanel{display:grid;visibility:hidden;grid-template-rows:0fr;inline-size:-moz-fit-content;inline-size:fit-content;background-color:transparent;border-radius:10px;transition:grid-template-rows 80ms cubic-bezier(.45,0,.4,1),visibility .18s linear,background-color 80ms cubic-bezier(.45,0,.4,1)}.swc-ResponseStatusStep-detailPanel--open{visibility:visible;grid-template-rows:1fr;padding:8px;background-color:var(--swc-background-layer-1-color);border:1px solid transparent}.swc-ResponseStatusStep-detailClip{visibility:hidden;min-block-size:0;overflow:hidden;opacity:0;transition:opacity .18s cubic-bezier(.45,0,.4,1)}.swc-ResponseStatusStep-detailPanel--open .swc-ResponseStatusStep-detailClip{visibility:visible;opacity:1}.swc-ResponseStatusStep-detailScroll{box-sizing:content-box;inline-size:-moz-fit-content;inline-size:fit-content;max-block-size:var(--swc-response-status-step-detail-max-block-size, 120px);padding-inline-end:48px;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:var(--swc-gray-500) transparent;scrollbar-width:thin}.swc-ResponseStatusStep-detailScroll::-webkit-scrollbar{width:4px}.swc-ResponseStatusStep-detailScroll::-webkit-scrollbar-track{background:transparent}.swc-ResponseStatusStep-detailScroll::-webkit-scrollbar-thumb{background:var(--swc-gray-500);border-radius:9999px}.swc-ResponseStatusStep-detailScroll:focus-visible{outline:none}.swc-ResponseStatusStep-detailPanel:has(.swc-ResponseStatusStep-detailScroll:focus-visible){margin-block-end:4px;margin-inline-end:4px;outline:2px solid var(--swc-blue-800);outline-offset:2px}@supports (animation-timeline: scroll()){.swc-ResponseStatusStep-detailScroll{animation-timeline:scroll(self block);animation-name:swc-response-status-detail-fade;animation-timing-function:linear;animation-fill-mode:both}@keyframes swc-response-status-detail-fade{0%{-webkit-mask-image:linear-gradient(to bottom,rgb(0,0,0) calc(100% - 24px),rgba(0,0,0,0) 100%);mask-image:linear-gradient(to bottom,#000 calc(100% - 24px),#0000)}15%,85%{-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgb(0,0,0) 24px,rgb(0,0,0) calc(100% - 24px),rgba(0,0,0,0) 100%);mask-image:linear-gradient(to bottom,#0000 0,#000 24px calc(100% - 24px),#0000)}to{-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgb(0,0,0) 24px,rgb(0,0,0) 100%);mask-image:linear-gradient(to bottom,#0000 0,#000 24px 100%)}}}@media(prefers-reduced-motion:reduce){:host(:last-of-type){animation:none}:host([status=\"active\"]) .swc-ResponseStatusStep-title{color:var(--swc-gray-800)}.swc-ResponseStatusStep-titleShimmer{display:none}}@media(forced-colors:active){.swc-ResponseStatusStep-icon{color:CanvasText}.swc-ResponseStatusStep-line{background:CanvasText}.swc-ResponseStatusStep-detailScroll{-webkit-mask-image:none;mask-image:none;animation:none}.swc-ResponseStatusStep-toggle:focus-visible,.swc-ResponseStatusStep-detailPanel:has(.swc-ResponseStatusStep-detailScroll:focus-visible){outline-color:CanvasText}:host([status=\"active\"]) .swc-ResponseStatusStep-title{color:CanvasText}.swc-ResponseStatusStep-titleShimmer{display:none}}`;
|
|
18877
18947
|
|
|
18878
18948
|
// node_modules/lit-html/directives/choose.js
|
|
18879
18949
|
var r29 = (r40, o93, t90) => {
|
|
@@ -19881,15 +19951,21 @@ function _4(e122) {
|
|
|
19881
19951
|
function v8(e122) {
|
|
19882
19952
|
let t90 = 1;
|
|
19883
19953
|
for (let n37 of e122) t90 = Math.max(t90, n37.stagger);
|
|
19884
|
-
return t90
|
|
19954
|
+
return t90;
|
|
19955
|
+
}
|
|
19956
|
+
function y4(e122) {
|
|
19957
|
+
return v8(e122) + n32 + i20 + r31;
|
|
19885
19958
|
}
|
|
19886
|
-
function
|
|
19887
|
-
return
|
|
19959
|
+
function b8(t90) {
|
|
19960
|
+
return y4(t90) / e93 * 1e3;
|
|
19888
19961
|
}
|
|
19889
|
-
function
|
|
19962
|
+
function x3(t90) {
|
|
19963
|
+
return (v8(t90) + n32) / e93 * 1e3;
|
|
19964
|
+
}
|
|
19965
|
+
function S2(e122, t90) {
|
|
19890
19966
|
return Math.min(1, Math.max(0, e122 / t90));
|
|
19891
19967
|
}
|
|
19892
|
-
function
|
|
19968
|
+
function C3(e122) {
|
|
19893
19969
|
let t90 = [], n37 = null;
|
|
19894
19970
|
for (let r40 of e122) {
|
|
19895
19971
|
let e123 = r40.offset;
|
|
@@ -19897,67 +19973,67 @@ function x3(e122) {
|
|
|
19897
19973
|
}
|
|
19898
19974
|
return t90;
|
|
19899
19975
|
}
|
|
19900
|
-
function
|
|
19976
|
+
function w3(e122, t90) {
|
|
19901
19977
|
let i26 = e122.stagger, a23 = _4(e122), o93 = [{
|
|
19902
19978
|
offset: 0,
|
|
19903
19979
|
translate: `0 ${f7}%`,
|
|
19904
19980
|
easing: i26 > 0 ? "linear" : g4.drop
|
|
19905
19981
|
}];
|
|
19906
19982
|
return i26 > 0 && o93.push({
|
|
19907
|
-
offset:
|
|
19983
|
+
offset: S2(i26, t90),
|
|
19908
19984
|
translate: `0 ${f7}%`,
|
|
19909
19985
|
easing: g4.drop
|
|
19910
19986
|
}), o93.push({
|
|
19911
|
-
offset:
|
|
19987
|
+
offset: S2(i26 + 10, t90),
|
|
19912
19988
|
translate: `0 ${p13}%`,
|
|
19913
19989
|
easing: g4.recover
|
|
19914
19990
|
}), o93.push({
|
|
19915
|
-
offset:
|
|
19991
|
+
offset: S2(i26 + n32, t90),
|
|
19916
19992
|
translate: "0 0%",
|
|
19917
19993
|
easing: "linear"
|
|
19918
19994
|
}), o93.push({
|
|
19919
|
-
offset:
|
|
19995
|
+
offset: S2(a23, t90),
|
|
19920
19996
|
translate: "0 0%",
|
|
19921
19997
|
easing: g4.exit
|
|
19922
19998
|
}), o93.push({
|
|
19923
|
-
offset:
|
|
19999
|
+
offset: S2(a23 + r31, t90),
|
|
19924
20000
|
translate: `0 ${m10}%`,
|
|
19925
20001
|
easing: "linear"
|
|
19926
20002
|
}), o93.push({
|
|
19927
20003
|
offset: 1,
|
|
19928
20004
|
translate: `0 ${m10}%`
|
|
19929
|
-
}),
|
|
20005
|
+
}), C3(o93);
|
|
19930
20006
|
}
|
|
19931
|
-
function
|
|
20007
|
+
function T4(e122, t90) {
|
|
19932
20008
|
let i26 = e122.stagger + n32 - o65, u27 = i26 - a17, d22 = _4(e122), f11 = d22 + c22;
|
|
19933
|
-
return
|
|
20009
|
+
return C3([
|
|
19934
20010
|
{
|
|
19935
20011
|
offset: 0,
|
|
19936
20012
|
scale: "0",
|
|
19937
20013
|
easing: "linear"
|
|
19938
20014
|
},
|
|
19939
20015
|
{
|
|
19940
|
-
offset:
|
|
20016
|
+
offset: S2(u27, t90),
|
|
19941
20017
|
scale: String(s13),
|
|
19942
20018
|
easing: g4.scaleIn
|
|
19943
20019
|
},
|
|
19944
20020
|
{
|
|
19945
|
-
offset:
|
|
20021
|
+
offset: S2(i26, t90),
|
|
19946
20022
|
scale: "1",
|
|
19947
20023
|
easing: "linear"
|
|
19948
20024
|
},
|
|
19949
20025
|
{
|
|
19950
|
-
offset:
|
|
20026
|
+
offset: S2(d22, t90),
|
|
19951
20027
|
scale: "1",
|
|
19952
20028
|
easing: g4.scaleOut
|
|
19953
20029
|
},
|
|
19954
20030
|
{
|
|
19955
|
-
offset:
|
|
20031
|
+
offset: S2(f11, t90),
|
|
19956
20032
|
scale: String(l18),
|
|
19957
20033
|
easing: "linear"
|
|
19958
20034
|
},
|
|
19959
20035
|
{
|
|
19960
|
-
offset:
|
|
20036
|
+
offset: S2(d22 + r31, t90),
|
|
19961
20037
|
scale: "0",
|
|
19962
20038
|
easing: "linear"
|
|
19963
20039
|
},
|
|
@@ -19967,7 +20043,7 @@ function C3(e122, t90) {
|
|
|
19967
20043
|
}
|
|
19968
20044
|
]);
|
|
19969
20045
|
}
|
|
19970
|
-
function
|
|
20046
|
+
function E2(e122) {
|
|
19971
20047
|
return [
|
|
19972
20048
|
{
|
|
19973
20049
|
offset: 0,
|
|
@@ -19975,12 +20051,12 @@ function w3(e122) {
|
|
|
19975
20051
|
easing: g4.fade
|
|
19976
20052
|
},
|
|
19977
20053
|
{
|
|
19978
|
-
offset:
|
|
20054
|
+
offset: S2(u21, e122),
|
|
19979
20055
|
opacity: 1,
|
|
19980
20056
|
easing: "linear"
|
|
19981
20057
|
},
|
|
19982
20058
|
{
|
|
19983
|
-
offset:
|
|
20059
|
+
offset: S2(e122 - d16, e122),
|
|
19984
20060
|
opacity: 1,
|
|
19985
20061
|
easing: g4.fade
|
|
19986
20062
|
},
|
|
@@ -19990,52 +20066,37 @@ function w3(e122) {
|
|
|
19990
20066
|
}
|
|
19991
20067
|
];
|
|
19992
20068
|
}
|
|
19993
|
-
var
|
|
19994
|
-
var
|
|
19995
|
-
|
|
19996
|
-
|
|
19997
|
-
return Array.from(new Set(e122.map((e123) => e123.row))).sort((e123, t90) => t90 - e123);
|
|
20069
|
+
var D3 = t69(1e3);
|
|
20070
|
+
var O2 = t69(300);
|
|
20071
|
+
function k2() {
|
|
20072
|
+
return D3 + O2 + D3;
|
|
19998
20073
|
}
|
|
19999
|
-
function
|
|
20000
|
-
|
|
20001
|
-
return t90 + E2 + D3 + t90 + E2;
|
|
20074
|
+
function A4() {
|
|
20075
|
+
return k2() / e93 * 1e3;
|
|
20002
20076
|
}
|
|
20003
|
-
function
|
|
20004
|
-
|
|
20005
|
-
|
|
20006
|
-
function j2(e122, t90, n37) {
|
|
20007
|
-
let r40 = O2(t90), i26 = r40.indexOf(e122.row), a23 = (r40.length - 1) * T4 + E2, o93 = i26 * T4, s19 = a23 + D3 + i26 * T4;
|
|
20008
|
-
return x3([
|
|
20077
|
+
function j2() {
|
|
20078
|
+
let e122 = k2();
|
|
20079
|
+
return [
|
|
20009
20080
|
{
|
|
20010
20081
|
offset: 0,
|
|
20011
20082
|
opacity: 0,
|
|
20012
20083
|
easing: g4.fade
|
|
20013
20084
|
},
|
|
20014
20085
|
{
|
|
20015
|
-
offset:
|
|
20016
|
-
opacity: 0,
|
|
20017
|
-
easing: g4.fade
|
|
20018
|
-
},
|
|
20019
|
-
{
|
|
20020
|
-
offset: b8(o93 + E2, n37),
|
|
20086
|
+
offset: S2(D3, e122),
|
|
20021
20087
|
opacity: 1,
|
|
20022
20088
|
easing: "linear"
|
|
20023
20089
|
},
|
|
20024
20090
|
{
|
|
20025
|
-
offset:
|
|
20091
|
+
offset: S2(D3 + O2, e122),
|
|
20026
20092
|
opacity: 1,
|
|
20027
20093
|
easing: g4.fade
|
|
20028
20094
|
},
|
|
20029
|
-
{
|
|
20030
|
-
offset: b8(s19 + E2, n37),
|
|
20031
|
-
opacity: 0,
|
|
20032
|
-
easing: "linear"
|
|
20033
|
-
},
|
|
20034
20095
|
{
|
|
20035
20096
|
offset: 1,
|
|
20036
20097
|
opacity: 0
|
|
20037
20098
|
}
|
|
20038
|
-
]
|
|
20099
|
+
];
|
|
20039
20100
|
}
|
|
20040
20101
|
var M2 = "0 0px";
|
|
20041
20102
|
|
|
@@ -20060,14 +20121,14 @@ function n33(e122, t90) {
|
|
|
20060
20121
|
}
|
|
20061
20122
|
|
|
20062
20123
|
// node_modules/@adobe/spectrum-wc/dist/patterns/ai-toolkit/pixel-loader/pixel-loader.js
|
|
20063
|
-
var t71 = i`:host{display:inline-block}*,*:before,*:after{box-sizing:border-box}.swc-PixelLoader{--_swc-pixel-loader-size: var(--swc-pixel-loader-size, 56px);display:grid;position:relative;grid-template-rows:repeat(7,1fr);grid-template-columns:repeat(7,1fr);inline-size:var(--_swc-pixel-loader-size);block-size:var(--_swc-pixel-loader-size);color:var(--swc-pixel-loader-color, currentcolor)}.swc-PixelLoader-cell{background:currentcolor;transform-origin:center}@media(forced-colors:active){.swc-PixelLoader-cell{background:CanvasText}}`;
|
|
20124
|
+
var t71 = i`:host{display:inline-block}*,*:before,*:after{box-sizing:border-box}.swc-PixelLoader{--_swc-pixel-loader-size: var(--swc-pixel-loader-size, 56px);display:grid;position:relative;grid-template-rows:repeat(7,1fr);grid-template-columns:repeat(7,1fr);inline-size:var(--_swc-pixel-loader-size);block-size:var(--_swc-pixel-loader-size);color:var(--swc-pixel-loader-color, currentcolor)}.swc-PixelLoader-cell{background:currentcolor;transform-origin:center}.swc-PixelLoader-cell--fully-rounded{will-change:translate,scale}@media(forced-colors:active){.swc-PixelLoader-cell{background:CanvasText}}`;
|
|
20064
20125
|
|
|
20065
20126
|
// node_modules/@adobe/spectrum-wc/dist/patterns/ai-toolkit/pixel-loader/PixelLoader.js
|
|
20066
20127
|
var w4;
|
|
20067
20128
|
var T5 = "https://spectrum-web-components.adobe.com/?path=/docs/patterns-ai-toolkit-pixel-loader--docs";
|
|
20068
20129
|
var E3 = class e95 extends i9 {
|
|
20069
20130
|
constructor(...e122) {
|
|
20070
|
-
super(...e122), this.icon = "aiLogo", this.paused = false, this.label = "Loading", this._presetIndex = 0, this._animations = [], this._containerCache = null, this._cellElsCache = null, this._ticker = null, this._reducedMotionQuery = null, this._displayedIcon = "aiLogo", this._finishToken = 0, this._handleReducedMotionChange = () => {
|
|
20131
|
+
super(...e122), this.icon = "aiLogo", this.paused = false, this.label = "Loading", this._presetIndex = 0, this._animations = [], this._containerCache = null, this._cellElsCache = null, this._shuffledPresetIcons = null, this._ticker = null, this._reducedMotionQuery = null, this._displayedIcon = "aiLogo", this._finishToken = 0, this._handleReducedMotionChange = () => {
|
|
20071
20132
|
this._syncTicker(), this._playCells();
|
|
20072
20133
|
};
|
|
20073
20134
|
}
|
|
@@ -20101,7 +20162,9 @@ var E3 = class e95 extends i9 {
|
|
|
20101
20162
|
this._validateProps(e122), e122.has("preset") && (this._presetIndex = 0), e122.has("preset") && !this._resolvedPreset && (this._displayedIcon = this.icon), e122.has("icon") && this._shouldCommitIconImmediately() && (this._displayedIcon = this.icon);
|
|
20102
20163
|
}
|
|
20103
20164
|
updated(e122) {
|
|
20104
|
-
super.updated(e122), (e122.has("_displayedIcon") || e122.has("preset") || e122.has("_presetIndex")) && (this._containerCache = null, this._cellElsCache = null)
|
|
20165
|
+
super.updated(e122), (e122.has("_displayedIcon") || e122.has("preset") || e122.has("_presetIndex")) && (this._containerCache = null, this._cellElsCache = null);
|
|
20166
|
+
let t90 = e122.get("paused") === true && !this.paused && this._animationMode === "full" ? x3(this._activeCells.cells) : 0;
|
|
20167
|
+
(e122.has("preset") || e122.has("paused") || e122.has("_presetIndex")) && this._syncTicker(t90), e122.has("icon") && this._displayedIcon !== this.icon && this._finishThenSwap(), (e122.has("preset") || e122.has("paused") || e122.has("_presetIndex") || e122.has("_displayedIcon") && !this._resolvedPreset) && this._playCells(t90);
|
|
20105
20168
|
}
|
|
20106
20169
|
_prefersReducedMotion() {
|
|
20107
20170
|
return this._reducedMotionQuery ? this._reducedMotionQuery.matches : typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
|
|
@@ -20110,7 +20173,7 @@ var E3 = class e95 extends i9 {
|
|
|
20110
20173
|
return this.paused ? "static" : this._prefersReducedMotion() ? "reduced" : "full";
|
|
20111
20174
|
}
|
|
20112
20175
|
_cycleDuration(e122) {
|
|
20113
|
-
return this._animationMode === "reduced" ? A4(
|
|
20176
|
+
return this._animationMode === "reduced" ? A4() : b8(e122);
|
|
20114
20177
|
}
|
|
20115
20178
|
_isValidPreset(e122) {
|
|
20116
20179
|
return P.includes(e122);
|
|
@@ -20120,7 +20183,26 @@ var E3 = class e95 extends i9 {
|
|
|
20120
20183
|
}
|
|
20121
20184
|
_presetIcons() {
|
|
20122
20185
|
let e122 = this._resolvedPreset;
|
|
20123
|
-
|
|
20186
|
+
if (!e122) return;
|
|
20187
|
+
let t90 = F[e122];
|
|
20188
|
+
if (e122 !== "mega") return t90;
|
|
20189
|
+
if (this._shuffledPresetKey !== e122 || !this._shuffledPresetIcons) {
|
|
20190
|
+
let [n37, ...r40] = t90, i26 = this._shuffled(r40);
|
|
20191
|
+
if (e122 === "mega") {
|
|
20192
|
+
let e123 = r40.filter((e124) => e124.startsWith("adobe")), t91 = 0;
|
|
20193
|
+
this._shuffledPresetIcons = [n37, ...i26.map((n38) => n38.startsWith("adobe") ? e123[t91++] : n38)];
|
|
20194
|
+
} else this._shuffledPresetIcons = [n37, ...i26];
|
|
20195
|
+
this._shuffledPresetKey = e122;
|
|
20196
|
+
}
|
|
20197
|
+
return this._shuffledPresetIcons;
|
|
20198
|
+
}
|
|
20199
|
+
_shuffled(e122) {
|
|
20200
|
+
let t90 = [...e122];
|
|
20201
|
+
for (let e123 = t90.length - 1; e123 > 0; e123--) {
|
|
20202
|
+
let n37 = Math.floor(Math.random() * (e123 + 1));
|
|
20203
|
+
[t90[e123], t90[n37]] = [t90[n37], t90[e123]];
|
|
20204
|
+
}
|
|
20205
|
+
return t90;
|
|
20124
20206
|
}
|
|
20125
20207
|
_cellsForIcon(e122) {
|
|
20126
20208
|
var t90;
|
|
@@ -20133,14 +20215,14 @@ var E3 = class e95 extends i9 {
|
|
|
20133
20215
|
isPreset: !!e122
|
|
20134
20216
|
};
|
|
20135
20217
|
}
|
|
20136
|
-
_syncTicker() {
|
|
20218
|
+
_syncTicker(e122 = 0) {
|
|
20137
20219
|
this._stopTicker();
|
|
20138
|
-
let
|
|
20139
|
-
if (!
|
|
20140
|
-
let
|
|
20220
|
+
let t90 = this._presetIcons();
|
|
20221
|
+
if (!t90 || !this.isConnected || this._animationMode === "static") return;
|
|
20222
|
+
let n37 = this._cellsForIcon(t90[this._presetIndex % t90.length]), r40 = this._cycleDuration(n37);
|
|
20141
20223
|
this._ticker = window.setInterval(() => {
|
|
20142
|
-
this._presetIndex = (this._presetIndex + 1) %
|
|
20143
|
-
},
|
|
20224
|
+
this._presetIndex = (this._presetIndex + 1) % t90.length;
|
|
20225
|
+
}, Math.max(0, r40 - e122));
|
|
20144
20226
|
}
|
|
20145
20227
|
_stopTicker() {
|
|
20146
20228
|
this._ticker !== null && (window.clearInterval(this._ticker), this._ticker = null);
|
|
@@ -20181,41 +20263,41 @@ var E3 = class e95 extends i9 {
|
|
|
20181
20263
|
o93 === this._finishToken && this._displayedIcon !== this.icon && (this._displayedIcon = this.icon);
|
|
20182
20264
|
});
|
|
20183
20265
|
}
|
|
20184
|
-
_playCells() {
|
|
20266
|
+
_playCells(e122 = 0) {
|
|
20185
20267
|
this._cancelAnimations();
|
|
20186
|
-
let
|
|
20187
|
-
if (
|
|
20268
|
+
let n37 = this._cellEls(), r40 = this._container(), { cells: o93, isPreset: l24 } = this._activeCells, d22 = this._animationMode;
|
|
20269
|
+
if (n37.forEach((e123) => {
|
|
20188
20270
|
e123.style.removeProperty("translate"), e123.style.removeProperty("scale"), e123.style.removeProperty("opacity");
|
|
20189
|
-
}),
|
|
20190
|
-
|
|
20191
|
-
|
|
20192
|
-
}),
|
|
20271
|
+
}), r40 == null || r40.style.removeProperty("opacity"), d22 === "static") {
|
|
20272
|
+
n37.forEach((e123, n38) => {
|
|
20273
|
+
o93[n38] && (e123.style.translate = M2, e123.style.scale = "1", e123.style.opacity = "1");
|
|
20274
|
+
}), r40 && (r40.style.opacity = "1");
|
|
20193
20275
|
return;
|
|
20194
20276
|
}
|
|
20195
20277
|
let f11 = {
|
|
20196
|
-
duration: this._cycleDuration(
|
|
20197
|
-
iterations:
|
|
20278
|
+
duration: this._cycleDuration(o93),
|
|
20279
|
+
iterations: l24 ? 1 : Infinity,
|
|
20198
20280
|
fill: "forwards",
|
|
20199
20281
|
easing: "linear"
|
|
20200
20282
|
};
|
|
20201
20283
|
if (d22 === "reduced") {
|
|
20202
|
-
|
|
20203
|
-
|
|
20204
|
-
|
|
20205
|
-
r40 && this._animations.push(e123.animate(j2(r40, a23, t90), f11));
|
|
20206
|
-
});
|
|
20284
|
+
n37.forEach((e123, n38) => {
|
|
20285
|
+
o93[n38] && (e123.style.translate = M2, e123.style.scale = "1", e123.style.opacity = "1");
|
|
20286
|
+
}), r40 && this._animations.push(r40.animate(j2(), f11));
|
|
20207
20287
|
return;
|
|
20208
20288
|
}
|
|
20209
|
-
let p17 =
|
|
20210
|
-
|
|
20211
|
-
let n38 =
|
|
20212
|
-
n38 && (this._animations.push(e123.animate(
|
|
20213
|
-
}),
|
|
20289
|
+
let p17 = y4(o93);
|
|
20290
|
+
n37.forEach((e123, t90) => {
|
|
20291
|
+
let n38 = o93[t90];
|
|
20292
|
+
n38 && (this._animations.push(e123.animate(w3(n38, p17), f11)), this._animations.push(e123.animate(T4(n38, p17), f11)));
|
|
20293
|
+
}), r40 && this._animations.push(r40.animate(E2(p17), f11)), e122 > 0 && this._animations.forEach((t90) => {
|
|
20294
|
+
t90.currentTime = e122;
|
|
20295
|
+
});
|
|
20214
20296
|
}
|
|
20215
20297
|
_renderCell(t90, n37) {
|
|
20216
20298
|
return b`
|
|
20217
20299
|
<div
|
|
20218
|
-
class
|
|
20300
|
+
class=${n37.topLeft && n37.topRight && n37.bottomRight && n37.bottomLeft ? "swc-PixelLoader-cell swc-PixelLoader-cell--fully-rounded" : "swc-PixelLoader-cell"}
|
|
20219
20301
|
style=${o3({
|
|
20220
20302
|
"grid-column": String(t90.col + 1),
|
|
20221
20303
|
"grid-row": String(t90.row + 1),
|
|
@@ -20251,7 +20333,7 @@ w4 = E3, w4.CORNER_RADIUS = "30%", w4.FINISH_MS = 200, w4.EASE_FINISH = h8, e12(
|
|
|
20251
20333
|
e25("swc-pixel-loader", E3);
|
|
20252
20334
|
|
|
20253
20335
|
// node_modules/@adobe/spectrum-wc/dist/patterns/ai-toolkit/response-status/response-status.js
|
|
20254
|
-
var t72 = i`:host{display:block}*,*:before,*:after{box-sizing:border-box}.swc-ResponseStatus{display:flex;flex-direction:column}.swc-ResponseStatus-row{display:flex;gap:8px;align-items:center;min-block-size:var(--_swc-response-status-row-block-size, 32px)
|
|
20336
|
+
var t72 = i`:host{display:block}*,*:before,*:after{box-sizing:border-box}.swc-ResponseStatus{display:flex;flex-direction:column}.swc-ResponseStatus-row{display:flex;position:relative;gap:8px;align-items:center;inline-size:100%;min-block-size:var(--_swc-response-status-row-block-size, 32px);padding:0;color:inherit;text-align:start;background:transparent;border:none}.swc-ResponseStatus-row--button{border-radius:8px}.swc-ResponseStatus-row--button:has(>.swc-ResponseStatus-headerTrail--button:focus-visible){outline:2px solid var(--swc-blue-800);outline-offset:2px}.swc-ResponseStatus-label{--swc-body-font-color: var(--swc-gray-700);text-align:start}.swc-ResponseStatus-headerTrail{display:inline-flex;gap:8px;align-items:center;min-inline-size:0}.swc-ResponseStatus-headerTrail--button{flex:1;padding:0;font:inherit;color:inherit;text-align:start;background:transparent;border:none}.swc-ResponseStatus-headerTrail--button:focus-visible{outline:none}.swc-ResponseStatus-headerTrail--button:before{position:absolute;inset:0;z-index:1;content:\"\"}.swc-ResponseStatus-headerTrailViewport{min-inline-size:0;block-size:var(--_swc-response-status-label-line-size, 1.33em);overflow:hidden}.swc-ResponseStatus-headerTrailViewport--settled{block-size:auto;overflow:visible}.swc-ResponseStatus-headerTrailCrossfade{display:inline-flex;position:relative;align-items:center;inline-size:-moz-fit-content;inline-size:fit-content;max-inline-size:100%}.swc-ResponseStatus-headerTrailLine{display:inline-flex;align-items:center;max-inline-size:100%;block-size:var(--_swc-response-status-label-line-size, 1.33em);white-space:nowrap}.swc-ResponseStatus-headerTrailLine .swc-ResponseStatus-label{flex:0 1 auto;min-inline-size:0;overflow:hidden;text-overflow:ellipsis}.swc-ResponseStatus-headerTrailLine--settled{block-size:auto;white-space:normal}.swc-ResponseStatus-headerTrailLine--settled .swc-ResponseStatus-label{-webkit-box-orient:vertical;display:-webkit-box;white-space:normal;overflow:hidden;-webkit-line-clamp:var(--swc-response-status-label-max-lines, 2);line-clamp:var(--swc-response-status-label-max-lines, 2)}.swc-ResponseStatus-row--complete .swc-ResponseStatus-headerTrailLine--settled .swc-ResponseStatus-label{-webkit-line-clamp:var(--swc-response-status-label-max-lines, unset);line-clamp:var(--swc-response-status-label-max-lines, unset)}.swc-ResponseStatus-headerTrailLine--exit{position:absolute;inset-block-start:0;inset-inline-start:0;opacity:1;transition:opacity .15s cubic-bezier(.15,.47,.67,.77)}.swc-ResponseStatus-headerTrailLine--enter{opacity:0;transition:opacity .35s cubic-bezier(.14,.45,.45,.99)}.swc-ResponseStatus-headerTrailCrossfade--engaged .swc-ResponseStatus-headerTrailLine--exit{opacity:0}.swc-ResponseStatus-headerTrailCrossfade--engaged .swc-ResponseStatus-headerTrailLine--enter{opacity:1}.swc-ResponseStatus-loader{--swc-pixel-loader-size: var(--swc-workflow-icon-large);--swc-pixel-loader-color: var(--swc-gray-600);flex-shrink:0;transition:all .13s cubic-bezier(.45,0,.4,1)}.swc-ResponseStatus-chevron{flex-shrink:0;color:var(--swc-gray-700);rotate:0deg;transition:rotate .13s cubic-bezier(.45,0,.4,1)}.swc-ResponseStatus-chevron--down{rotate:90deg}.swc-ResponseStatus-row--button:has(>.swc-ResponseStatus-headerTrail--button:is(:hover,:focus-visible,[aria-expanded=true])) .swc-ResponseStatus-label{--swc-body-font-color: var(--swc-gray-800);transition:all .13s cubic-bezier(.45,0,.4,1)}.swc-ResponseStatus-row--button:has(>.swc-ResponseStatus-headerTrail--button:is(:hover,:focus-visible,[aria-expanded=true])) .swc-ResponseStatus-chevron{color:var(--swc-gray-800);transition:rotate .13s cubic-bezier(.45,0,.4,1),color .13s cubic-bezier(.45,0,.4,1)}.swc-ResponseStatus-row--button:has(>.swc-ResponseStatus-headerTrail--button:is(:hover,:focus-visible,[aria-expanded=true])) .swc-ResponseStatus-loader{--swc-pixel-loader-color: var(--swc-gray-800)}.swc-ResponseStatus--agentic{inline-size:100%}.swc-ResponseStatus-row--processing{padding-inline:8px;border-radius:8px}.swc-ResponseStatus-check{flex-shrink:0}.swc-ResponseStatus-leadingIcon{display:flex;flex-shrink:0;inline-size:var(--swc-workflow-icon-large);block-size:var(--swc-workflow-icon-large);overflow:hidden;opacity:1;transition:inline-size .16s cubic-bezier(.22,1,.36,1),margin-inline-end .16s cubic-bezier(.22,1,.36,1),opacity .16s cubic-bezier(.22,1,.36,1)}.swc-ResponseStatus-leadingIcon--collapsed{inline-size:0;margin-inline-end:-8px;opacity:0}.swc-ResponseStatus-panel{display:grid;visibility:hidden;grid-template-rows:0fr;transition:grid-template-rows .25s cubic-bezier(.21,0,.15,.99),visibility .25s linear}.swc-ResponseStatus-panel--open{visibility:visible;grid-template-rows:1fr}.swc-ResponseStatus-panel>*{min-block-size:0;overflow:hidden;opacity:0;transition:opacity .16s cubic-bezier(.45,0,.4,1)}.swc-ResponseStatus-panel--open>*{opacity:1}.swc-ResponseStatus-steps{padding-inline-start:32px;margin:0;list-style:none}.swc-Body{margin-block:var(--swc-body-margin-top, 0) var(--swc-body-margin-bottom, 0);font-family:var(--swc-body-font-family, var(--swc-sans-font-family-stack));font-size:var(--swc-body-font-size, var(--swc-font-size-200));font-weight:var(--swc-body-font-weight, var(--swc-regular-font-weight));line-height:var(--swc-body-line-height, var(--swc-line-height-font-size-200));color:var(--swc-body-font-color, var(--swc-gray-800));letter-spacing:var(--swc-body-letter-spacing, normal);&:lang(zh),&:lang(ja),&:lang(ko){--swc-body-line-height: var(--swc-body-cjk-line-height, 1.7);--swc-body-letter-spacing: var(--swc-body-cjk-letter-spacing, var(--swc-letter-spacing));--swc-body-font-size: var(--swc-body-cjk-font-size, var(--swc-font-size-100))}}.swc-Body--sizeS{--swc-body-font-size: var(--swc-font-size-100);--swc-body-line-height: var(--swc-line-height-font-size-100)}@media(prefers-reduced-motion:reduce){.swc-ResponseStatus-headerTrailLine{transition:none}}@media(forced-colors:active){.swc-ResponseStatus-loader{color:CanvasText}.swc-ResponseStatus-row--button:has(>.swc-ResponseStatus-headerTrail--button:focus-visible){outline-color:CanvasText}}`;
|
|
20255
20337
|
|
|
20256
20338
|
// node_modules/@adobe/spectrum-wc/dist/patterns/ai-toolkit/response-status/ResponseStatus.js
|
|
20257
20339
|
var v9;
|
|
@@ -20265,7 +20347,7 @@ var b9 = class e96 extends i9 {
|
|
|
20265
20347
|
return [t72];
|
|
20266
20348
|
}
|
|
20267
20349
|
constructor() {
|
|
20268
|
-
super(), this.panelId = e91("swc-response-status-panel"), this._hasSteps = false, this._hasActiveStep = false, this._activeStepLabel = "", this._activeStepEl = null, this._labelSlotText = "", this._displayedLabel = "", this._rollFromLabel = "", this._rollToLabel = "", this._rollActive = false, this._rollEngaged = false, this.status = "active", this.open = false, this.accessibleLabel = "", this.loader = "mega", this._labelRollTimer = null, this._labelRollRaf = null, new t2(this, {
|
|
20350
|
+
super(), this.panelId = e91("swc-response-status-panel"), this._hasSteps = false, this._hasActiveStep = false, this._activeStepLabel = "", this._activeStepEl = null, this._labelSlotText = "", this._displayedLabel = "", this._rollFromLabel = "", this._rollToLabel = "", this._rollActive = false, this._rollEngaged = false, this._loaderPaused = false, this._loaderStartRaf = null, this._loaderStartTimer = null, this.status = "active", this.open = false, this.accessibleLabel = "", this.loader = "mega", this._labelRollTimer = null, this._labelRollRaf = null, new t2(this, {
|
|
20269
20351
|
config: {
|
|
20270
20352
|
attributes: true,
|
|
20271
20353
|
attributeFilter: ["status"],
|
|
@@ -20281,10 +20363,10 @@ var b9 = class e96 extends i9 {
|
|
|
20281
20363
|
super.connectedCallback(), this._syncStepsMeta();
|
|
20282
20364
|
}
|
|
20283
20365
|
willUpdate(e122) {
|
|
20284
|
-
this._applyLabelRoll();
|
|
20366
|
+
this._applyLabelRoll(), this._resolvedStatus === "active" && (e122.has("status") || e122.has("loader")) && (this._loaderPaused = true, this._engageLoader());
|
|
20285
20367
|
}
|
|
20286
20368
|
disconnectedCallback() {
|
|
20287
|
-
this._clearLabelRollTimers(), super.disconnectedCallback();
|
|
20369
|
+
this._clearLabelRollTimers(), this._clearLoaderStartRaf(), super.disconnectedCallback();
|
|
20288
20370
|
}
|
|
20289
20371
|
_isValidStatus(e122) {
|
|
20290
20372
|
return y5.includes(e122);
|
|
@@ -20391,6 +20473,16 @@ var b9 = class e96 extends i9 {
|
|
|
20391
20473
|
_clearLabelRollTimers() {
|
|
20392
20474
|
this._labelRollTimer !== null && (window.clearTimeout(this._labelRollTimer), this._labelRollTimer = null), this._labelRollRaf !== null && (window.cancelAnimationFrame(this._labelRollRaf), this._labelRollRaf = null);
|
|
20393
20475
|
}
|
|
20476
|
+
_clearLoaderStartRaf() {
|
|
20477
|
+
this._loaderStartRaf !== null && (window.cancelAnimationFrame(this._loaderStartRaf), this._loaderStartRaf = null), this._loaderStartTimer !== null && (window.clearTimeout(this._loaderStartTimer), this._loaderStartTimer = null), this._loaderPaused = false;
|
|
20478
|
+
}
|
|
20479
|
+
_engageLoader() {
|
|
20480
|
+
this._clearLoaderStartRaf(), this._loaderPaused = true, this._loaderStartRaf = window.requestAnimationFrame(() => {
|
|
20481
|
+
this._loaderStartRaf = null, this._loaderStartTimer = window.setTimeout(() => {
|
|
20482
|
+
this._loaderStartTimer = null, this._loaderPaused = false;
|
|
20483
|
+
}, e96.LOADER_START_DELAY_MS);
|
|
20484
|
+
});
|
|
20485
|
+
}
|
|
20394
20486
|
_prefersReducedMotion() {
|
|
20395
20487
|
return typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
|
|
20396
20488
|
}
|
|
@@ -20472,6 +20564,7 @@ var b9 = class e96 extends i9 {
|
|
|
20472
20564
|
class="swc-ResponseStatus-loader"
|
|
20473
20565
|
preset=${o2(e122)}
|
|
20474
20566
|
icon=${o2(t90)}
|
|
20567
|
+
?paused=${this._loaderPaused}
|
|
20475
20568
|
aria-hidden="true"
|
|
20476
20569
|
></swc-pixel-loader>
|
|
20477
20570
|
`;
|
|
@@ -20511,31 +20604,38 @@ var b9 = class e96 extends i9 {
|
|
|
20511
20604
|
`;
|
|
20512
20605
|
}
|
|
20513
20606
|
_renderHeader(e122) {
|
|
20514
|
-
let t90 = this.
|
|
20607
|
+
let t90 = this._resolvedStatus, n37 = [
|
|
20515
20608
|
"swc-ResponseStatus-row",
|
|
20516
20609
|
e122 ? "swc-ResponseStatus-row--button" : "",
|
|
20517
|
-
|
|
20518
|
-
|
|
20519
|
-
|
|
20520
|
-
].filter(Boolean).join(" "),
|
|
20521
|
-
${this.
|
|
20522
|
-
|
|
20523
|
-
${this._renderLabel()}
|
|
20524
|
-
${e122 ? this._renderChevron(this.open) : A}
|
|
20525
|
-
</span>
|
|
20610
|
+
t90 === "active" ? "swc-ResponseStatus-row--processing" : "",
|
|
20611
|
+
t90 === "stopped" ? "swc-ResponseStatus-row--stopped" : "",
|
|
20612
|
+
t90 === "complete" ? "swc-ResponseStatus-row--complete" : ""
|
|
20613
|
+
].filter(Boolean).join(" "), r40 = b`
|
|
20614
|
+
${this._renderLabel()}
|
|
20615
|
+
${e122 ? this._renderChevron(this.open) : A}
|
|
20526
20616
|
`;
|
|
20527
|
-
return
|
|
20528
|
-
|
|
20529
|
-
|
|
20530
|
-
|
|
20531
|
-
|
|
20532
|
-
|
|
20533
|
-
|
|
20534
|
-
|
|
20535
|
-
|
|
20536
|
-
|
|
20537
|
-
|
|
20538
|
-
|
|
20617
|
+
return b`
|
|
20618
|
+
<div class=${n37}>
|
|
20619
|
+
${this._renderLeadingIcon()}
|
|
20620
|
+
${e122 ? b`
|
|
20621
|
+
<button
|
|
20622
|
+
type="button"
|
|
20623
|
+
class="swc-ResponseStatus-headerTrail swc-ResponseStatus-headerTrail--button"
|
|
20624
|
+
aria-expanded=${this.open}
|
|
20625
|
+
aria-controls=${this.panelId}
|
|
20626
|
+
@click=${this._handleToggle}
|
|
20627
|
+
>
|
|
20628
|
+
${r40}
|
|
20629
|
+
</button>
|
|
20630
|
+
` : b`
|
|
20631
|
+
<span
|
|
20632
|
+
class="swc-ResponseStatus-headerTrail"
|
|
20633
|
+
role=${o2(t90 === "active" ? "status" : void 0)}
|
|
20634
|
+
>
|
|
20635
|
+
${r40}
|
|
20636
|
+
</span>
|
|
20637
|
+
`}
|
|
20638
|
+
</div>
|
|
20539
20639
|
`;
|
|
20540
20640
|
}
|
|
20541
20641
|
_renderPanel(t90) {
|
|
@@ -20575,7 +20675,7 @@ v9 = b9, v9.STATUS_LABEL_CLASS = "swc-ResponseStatus-label swc-Body swc-Body--si
|
|
|
20575
20675
|
active: "Generating response",
|
|
20576
20676
|
complete: "Response complete",
|
|
20577
20677
|
stopped: "You stopped the response"
|
|
20578
|
-
}, v9.ACTIVE_STEP_OPEN_LABEL = "Processing\u2026", v9.DEFAULT_ACCESSIBLE_LABEL = "Execution steps", v9.LABEL_ROLL_DURATION_MS = 350, e12([r2()], b9.prototype, "_hasSteps", void 0), e12([r2()], b9.prototype, "_hasActiveStep", void 0), e12([r2()], b9.prototype, "_activeStepLabel", void 0), e12([r2()], b9.prototype, "_labelSlotText", void 0), e12([r2()], b9.prototype, "_displayedLabel", void 0), e12([r2()], b9.prototype, "_rollFromLabel", void 0), e12([r2()], b9.prototype, "_rollToLabel", void 0), e12([r2()], b9.prototype, "_rollActive", void 0), e12([r2()], b9.prototype, "_rollEngaged", void 0), e12([n({
|
|
20678
|
+
}, v9.ACTIVE_STEP_OPEN_LABEL = "Processing\u2026", v9.DEFAULT_ACCESSIBLE_LABEL = "Execution steps", v9.LABEL_ROLL_DURATION_MS = 350, v9.LOADER_START_DELAY_MS = 300, e12([r2()], b9.prototype, "_hasSteps", void 0), e12([r2()], b9.prototype, "_hasActiveStep", void 0), e12([r2()], b9.prototype, "_activeStepLabel", void 0), e12([r2()], b9.prototype, "_labelSlotText", void 0), e12([r2()], b9.prototype, "_displayedLabel", void 0), e12([r2()], b9.prototype, "_rollFromLabel", void 0), e12([r2()], b9.prototype, "_rollToLabel", void 0), e12([r2()], b9.prototype, "_rollActive", void 0), e12([r2()], b9.prototype, "_rollEngaged", void 0), e12([r2()], b9.prototype, "_loaderPaused", void 0), e12([n({
|
|
20579
20679
|
type: String,
|
|
20580
20680
|
reflect: true
|
|
20581
20681
|
})], b9.prototype, "status", void 0), e12([n({
|
|
@@ -20726,7 +20826,7 @@ var r32 = class extends i9 {
|
|
|
20726
20826
|
e25("swc-system-message", r32);
|
|
20727
20827
|
|
|
20728
20828
|
// node_modules/@adobe/spectrum-wc/dist/patterns/ai-toolkit/user-message/user-message.js
|
|
20729
|
-
var t76 = i`:host{display:block;inline-size:-moz-fit-content;inline-size:fit-content;
|
|
20829
|
+
var t76 = i`:host{display:block;inline-size:-moz-fit-content;inline-size:fit-content;padding-block:8px;padding-inline:16px;font-family:var(--swc-sans-font-family-stack);font-size:var(--swc-font-size-200);font-weight:400;line-height:1.5;color:var(--swc-gray-800);background:var(--swc-gray-50);border:1px solid transparent;border-radius:10px}*,*:before,*:after{box-sizing:border-box}:host([type=\"card\"]){inline-size:324px;min-inline-size:212px;max-inline-size:440px;padding:16px}:host([type=\"media\"]){inline-size:-moz-fit-content;inline-size:fit-content;padding:8px}.swc-UserMessage-attachment{display:flex;min-inline-size:0}.swc-UserMessage-attachment--card{gap:16px;align-items:center}.swc-UserMessage-attachment--media{flex-direction:column;gap:8px;inline-size:180px;min-inline-size:150px;max-inline-size:210px;block-size:180px;min-block-size:135px}.swc-UserMessage-thumbnail{min-inline-size:0}.swc-UserMessage-thumbnail ::slotted(*){display:block}:host([type=\"card\"]) .swc-UserMessage-thumbnail{display:flex;flex-shrink:0;align-items:center;justify-content:center}:host([type=\"card\"]) .swc-UserMessage-thumbnail ::slotted(*){box-sizing:border-box;flex-shrink:0;inline-size:var(--swc-thumbnail-size-300);block-size:var(--swc-thumbnail-size-300);border:1px solid transparent;border-radius:3px;-o-object-fit:cover;object-fit:cover}:host([type=\"media\"]) .swc-UserMessage-thumbnail{position:relative;flex:1 0 0;inline-size:100%;min-block-size:0;background:var(--swc-gray-100);border:1px solid transparent;border-radius:5px;overflow:hidden}:host([type=\"media\"]) .swc-UserMessage-thumbnail ::slotted(*){box-sizing:border-box;position:absolute;inset:0;inline-size:100%;block-size:100%;-o-object-fit:cover;object-fit:cover}.swc-UserMessage-meta{display:flex;flex-direction:column;gap:2px;min-inline-size:0}:host([type=\"card\"]) .swc-UserMessage-meta{flex:1;align-items:flex-start}:host([type=\"media\"]) .swc-UserMessage-meta{inline-size:100%}.swc-UserMessage-title{font-family:var(--swc-sans-font-family-stack);font-size:var(--swc-font-size-100);font-weight:700;line-height:var(--swc-line-height-font-size-100);color:var(--swc-gray-900)}.swc-UserMessage-subtitle{font-family:var(--swc-sans-font-family-stack);font-size:var(--swc-font-size-75);font-weight:400;line-height:var(--swc-line-height-font-size-75);color:var(--swc-gray-800);text-overflow:ellipsis}:host([type=\"card\"]) .swc-UserMessage-title,:host([type=\"card\"]) .swc-UserMessage-subtitle,:host([type=\"media\"]) .swc-UserMessage-title{inline-size:100%;min-inline-size:0;text-align:start}:host([type=\"card\"]) .swc-UserMessage-title ::slotted(*),:host([type=\"media\"]) .swc-UserMessage-title ::slotted(*),:host([type=\"card\"]) .swc-UserMessage-subtitle ::slotted(*),:host([type=\"media\"]) .swc-UserMessage-subtitle ::slotted(*){display:block;min-inline-size:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}`;
|
|
20730
20830
|
|
|
20731
20831
|
// node_modules/@adobe/spectrum-wc/dist/patterns/ai-toolkit/user-message/UserMessage.js
|
|
20732
20832
|
var a18 = class extends i9 {
|
|
@@ -20778,7 +20878,7 @@ var o66 = class extends a10 {
|
|
|
20778
20878
|
}
|
|
20779
20879
|
render() {
|
|
20780
20880
|
return b`
|
|
20781
|
-
|
|
20881
|
+
${o16(e97())}
|
|
20782
20882
|
`;
|
|
20783
20883
|
}
|
|
20784
20884
|
};
|
|
@@ -20796,7 +20896,7 @@ var o67 = class extends a10 {
|
|
|
20796
20896
|
}
|
|
20797
20897
|
render() {
|
|
20798
20898
|
return b`
|
|
20799
|
-
|
|
20899
|
+
${o16(e98())}
|
|
20800
20900
|
`;
|
|
20801
20901
|
}
|
|
20802
20902
|
};
|
|
@@ -20814,7 +20914,7 @@ var o68 = class extends a10 {
|
|
|
20814
20914
|
}
|
|
20815
20915
|
render() {
|
|
20816
20916
|
return b`
|
|
20817
|
-
|
|
20917
|
+
${o16(e99())}
|
|
20818
20918
|
`;
|
|
20819
20919
|
}
|
|
20820
20920
|
};
|
|
@@ -20832,7 +20932,7 @@ var o69 = class extends a10 {
|
|
|
20832
20932
|
}
|
|
20833
20933
|
render() {
|
|
20834
20934
|
return b`
|
|
20835
|
-
|
|
20935
|
+
${o16(e100())}
|
|
20836
20936
|
`;
|
|
20837
20937
|
}
|
|
20838
20938
|
};
|
|
@@ -20850,7 +20950,7 @@ var o70 = class extends a10 {
|
|
|
20850
20950
|
}
|
|
20851
20951
|
render() {
|
|
20852
20952
|
return b`
|
|
20853
|
-
|
|
20953
|
+
${o16(e101())}
|
|
20854
20954
|
`;
|
|
20855
20955
|
}
|
|
20856
20956
|
};
|
|
@@ -20868,7 +20968,7 @@ var o71 = class extends a10 {
|
|
|
20868
20968
|
}
|
|
20869
20969
|
render() {
|
|
20870
20970
|
return b`
|
|
20871
|
-
|
|
20971
|
+
${o16(e102())}
|
|
20872
20972
|
`;
|
|
20873
20973
|
}
|
|
20874
20974
|
};
|
|
@@ -20886,7 +20986,7 @@ var o72 = class extends a10 {
|
|
|
20886
20986
|
}
|
|
20887
20987
|
render() {
|
|
20888
20988
|
return b`
|
|
20889
|
-
|
|
20989
|
+
${o16(e103())}
|
|
20890
20990
|
`;
|
|
20891
20991
|
}
|
|
20892
20992
|
};
|
|
@@ -20904,7 +21004,7 @@ var o73 = class extends a10 {
|
|
|
20904
21004
|
}
|
|
20905
21005
|
render() {
|
|
20906
21006
|
return b`
|
|
20907
|
-
|
|
21007
|
+
${o16(e104())}
|
|
20908
21008
|
`;
|
|
20909
21009
|
}
|
|
20910
21010
|
};
|
|
@@ -20922,7 +21022,7 @@ var o74 = class extends a10 {
|
|
|
20922
21022
|
}
|
|
20923
21023
|
render() {
|
|
20924
21024
|
return b`
|
|
20925
|
-
|
|
21025
|
+
${o16(e105())}
|
|
20926
21026
|
`;
|
|
20927
21027
|
}
|
|
20928
21028
|
};
|
|
@@ -30459,6 +30559,16 @@ function actionLabel(action, handlers, messageId) {
|
|
|
30459
30559
|
const count = action === "drop-turn" ? handlers.dropping(messageId) : 1;
|
|
30460
30560
|
return count > 1 ? `Drop ${count} failed turns` : actionLabels[action];
|
|
30461
30561
|
}
|
|
30562
|
+
function errorCard(item2, handlers) {
|
|
30563
|
+
const id = item2.id ?? "";
|
|
30564
|
+
const action = item2.action ? b`<swc-button size="s" variant="secondary" fill-style="outline" data-action=${item2.action} ?disabled=${handlers.readOnly} @click=${() => handlers.action(item2.action, item2.id)}>${actionLabel(item2.action, handlers, id)}</swc-button>` : A;
|
|
30565
|
+
return b`<div class="error-card" role="alert" data-id=${id || A}>
|
|
30566
|
+
<swc-icon-alert-diamond class="icon" size="s" aria-hidden="true"></swc-icon-alert-diamond>
|
|
30567
|
+
<span class="sr">Error: </span><span class="lead">${item2.title}</span>
|
|
30568
|
+
${item2.text ? b`<span class="detail">${item2.text}</span>` : A}
|
|
30569
|
+
${action}
|
|
30570
|
+
</div>`;
|
|
30571
|
+
}
|
|
30462
30572
|
function time(at) {
|
|
30463
30573
|
return new Date(at).toLocaleTimeString("en-GB", { hour: "2-digit", minute: "2-digit" });
|
|
30464
30574
|
}
|
|
@@ -30469,6 +30579,23 @@ function day(at) {
|
|
|
30469
30579
|
month: "short"
|
|
30470
30580
|
});
|
|
30471
30581
|
}
|
|
30582
|
+
var stampGap = 2 * 6e4;
|
|
30583
|
+
function stamps(messages) {
|
|
30584
|
+
const shown4 = /* @__PURE__ */ new Set();
|
|
30585
|
+
let last = -Infinity;
|
|
30586
|
+
let seen = "";
|
|
30587
|
+
for (const message of messages) {
|
|
30588
|
+
const label = day(message.createdAt);
|
|
30589
|
+
if (label !== seen) {
|
|
30590
|
+
seen = label;
|
|
30591
|
+
last = -Infinity;
|
|
30592
|
+
}
|
|
30593
|
+
if (message.role === "system" || message.createdAt - last < stampGap) continue;
|
|
30594
|
+
shown4.add(message.id);
|
|
30595
|
+
last = message.createdAt;
|
|
30596
|
+
}
|
|
30597
|
+
return shown4;
|
|
30598
|
+
}
|
|
30472
30599
|
function size3(bytes) {
|
|
30473
30600
|
if (bytes < 1024) return `${bytes} B`;
|
|
30474
30601
|
if (bytes < 1024 * 1024) return `${Math.round(bytes / 1024)} KB`;
|
|
@@ -30511,7 +30638,7 @@ function tool(call, color = "light", options = {}) {
|
|
|
30511
30638
|
${call.notes?.length ? notes(call.notes) : A}
|
|
30512
30639
|
${call.image ? b`<img class="shot" src=${call.image} alt=${call.title} />` : A}
|
|
30513
30640
|
${call.meta ? b`<span class="tool-meta">${call.meta}</span>` : A}
|
|
30514
|
-
${options.owner ? b`<span class
|
|
30641
|
+
${options.owner ? b`<span class=${options.owner.stamp === false ? "sr" : "ran"}>Ran at ${when(options.owner.at)}</span>` : A}
|
|
30515
30642
|
</div>`;
|
|
30516
30643
|
if (!options.run) {
|
|
30517
30644
|
return b`<div class="tool" id=${`run-${call.id}`} role="region" aria-label=${label} data-id=${options.owner?.id ?? A} data-status=${call.status} data-tool=${call.name} data-kind=${kind.id}>${content}</div>`;
|
|
@@ -30644,10 +30771,10 @@ function part(entry, handlers) {
|
|
|
30644
30771
|
case "link":
|
|
30645
30772
|
return b`<div class="link-text">${entry.title}</div>`;
|
|
30646
30773
|
default:
|
|
30647
|
-
return
|
|
30648
|
-
|
|
30649
|
-
|
|
30650
|
-
|
|
30774
|
+
return errorCard(
|
|
30775
|
+
{ title: entry.message, text: entry.detail, action: entry.action },
|
|
30776
|
+
handlers
|
|
30777
|
+
);
|
|
30651
30778
|
}
|
|
30652
30779
|
}
|
|
30653
30780
|
function silent(entry, showThinking) {
|
|
@@ -30701,23 +30828,33 @@ function attachment(item2) {
|
|
|
30701
30828
|
function when(at, title = "") {
|
|
30702
30829
|
return b`<time class="when" datetime=${new Date(at).toISOString()} title=${title || A}>${time(at)}</time>`;
|
|
30703
30830
|
}
|
|
30704
|
-
function
|
|
30831
|
+
function unseen(at) {
|
|
30832
|
+
return b`<time class="sr" datetime=${new Date(at).toISOString()}>${time(at)}</time>`;
|
|
30833
|
+
}
|
|
30834
|
+
function user(message, stamp = true) {
|
|
30705
30835
|
const delivered = message.delivered ?? (message.mode === "steer" ? "steer" : void 0);
|
|
30706
30836
|
const agent = message.origin === "agent";
|
|
30707
30837
|
const name = message.from ?? "an agent";
|
|
30708
30838
|
const who2 = agent ? name : message.from ? `From ${message.from}` : "";
|
|
30709
30839
|
const label = agent ? `Request from ${name}` : message.from ? `Message from ${message.from}` : "Your message";
|
|
30710
|
-
|
|
30840
|
+
const remote = agent || !!message.from && !people.has(message.origin ?? "user");
|
|
30841
|
+
return b`<swc-conversation-turn type="user" class="message user" accessible-label=${label} data-id=${message.id} data-mode=${message.mode ?? "send"} data-delivered=${delivered ?? "run"} data-origin=${message.origin ?? "user"} data-remote=${remote ? "" : A}>
|
|
30711
30842
|
<div class="bubble">
|
|
30712
|
-
|
|
30713
|
-
${who2 ? b`<span class="who">${who2}</span>` : A}${when(message.createdAt)}
|
|
30714
|
-
${agent ? b`<swc-badge class="origin" size="s" variant="indigo">Agent</swc-badge>` : A}
|
|
30715
|
-
</div>
|
|
30843
|
+
${byline(message, who2, stamp)}${stamp ? A : unseen(message.createdAt)}
|
|
30716
30844
|
${message.text ? b`<swc-user-message class="body"><span class="text">${message.text}</span></swc-user-message>` : A}
|
|
30717
30845
|
${message.attachments?.length ? b`<div class="attachments">${message.attachments.map(attachment)}</div>` : A}
|
|
30846
|
+
${remote ? b`<span class="reaction" aria-hidden="true">🤖</span>` : A}
|
|
30718
30847
|
</div>
|
|
30719
30848
|
</swc-conversation-turn>`;
|
|
30720
30849
|
}
|
|
30850
|
+
var people = /* @__PURE__ */ new Set(["follower", "guest"]);
|
|
30851
|
+
function byline(message, who2, stamp) {
|
|
30852
|
+
if (!who2 && !stamp) return A;
|
|
30853
|
+
return b`<div class="meta">
|
|
30854
|
+
${who2 ? b`<span class="who">${who2}</span>` : A}${stamp ? when(message.createdAt) : A}
|
|
30855
|
+
${message.origin === "agent" ? b`<swc-badge class="origin" size="s" variant="indigo">Agent</swc-badge>` : A}
|
|
30856
|
+
</div>`;
|
|
30857
|
+
}
|
|
30721
30858
|
function status(message) {
|
|
30722
30859
|
if (message.status === "stopped") {
|
|
30723
30860
|
return b`<swc-response-status slot="status" status="stopped"></swc-response-status>`;
|
|
@@ -30745,15 +30882,16 @@ function suggestions(text2, handlers) {
|
|
|
30745
30882
|
<swc-suggestion-item data-action="suggestion">${text2}</swc-suggestion-item>
|
|
30746
30883
|
</swc-suggestion-group>`;
|
|
30747
30884
|
}
|
|
30748
|
-
function assistant(message, name, model, handlers, showThinking, suggestion = null, extra = []) {
|
|
30885
|
+
function assistant(message, name, model, handlers, showThinking, suggestion = null, extra = [], stamp = true) {
|
|
30749
30886
|
const usage = message.usage ? `${message.usage.input.toLocaleString("en")} in \xB7 ${message.usage.output.toLocaleString("en")} out \xB7 $${message.usage.cost.toFixed(2)}` : "";
|
|
30750
|
-
|
|
30751
|
-
|
|
30752
|
-
|
|
30753
|
-
|
|
30887
|
+
const failed2 = message.status === "error";
|
|
30888
|
+
return b`<swc-conversation-turn type="system" class="message assistant" accessible-label=${`Reply from ${name}`} aria-description=${usage || A} data-id=${message.id} data-status=${message.status}>
|
|
30889
|
+
<div class="reply" title=${!stamp && !model && usage || A}>
|
|
30890
|
+
${stamp || model || failed2 ? b`<div class="meta">
|
|
30891
|
+
${stamp ? when(message.createdAt, model ? "" : usage) : A}
|
|
30754
30892
|
${model ? b`<span class="model" title=${usage}>${model}</span>` : A}
|
|
30755
|
-
${
|
|
30756
|
-
</div
|
|
30893
|
+
${failed2 ? b`<swc-badge class="tag" size="s" variant="negative" subtle><swc-icon-alert-diamond slot="icon" size="s" aria-hidden="true"></swc-icon-alert-diamond>Failed</swc-badge>` : A}
|
|
30894
|
+
</div>` : A}${stamp ? A : unseen(message.createdAt)}
|
|
30757
30895
|
<swc-system-message>
|
|
30758
30896
|
${status(message)}
|
|
30759
30897
|
${parts(
|
|
@@ -30772,9 +30910,9 @@ function assistant(message, name, model, handlers, showThinking, suggestion = nu
|
|
|
30772
30910
|
</div>
|
|
30773
30911
|
</swc-conversation-turn>`;
|
|
30774
30912
|
}
|
|
30775
|
-
function toolMessage(message, context = { color: "light", model: null }, extra = [], suggestion = null) {
|
|
30913
|
+
function toolMessage(message, context = { color: "light", model: null }, extra = [], suggestion = null, stamp = true) {
|
|
30776
30914
|
const owners = new Map(context.owners);
|
|
30777
|
-
owners.set(message.tool.id, { at: message.createdAt });
|
|
30915
|
+
owners.set(message.tool.id, { at: message.createdAt, stamp });
|
|
30778
30916
|
const shown4 = runs([message.tool, ...extra], { ...context, owners });
|
|
30779
30917
|
return b`<swc-conversation-turn type="system" class="message tool-message" accessible-label=${`Tool ${message.tool.name}`} data-id=${message.id}>
|
|
30780
30918
|
${suggestion && context.suggest ? b`<swc-system-message>${shown4}${suggestions(suggestion, context)}</swc-system-message>` : shown4}
|
|
@@ -30803,10 +30941,15 @@ function system(message, handlers) {
|
|
|
30803
30941
|
}
|
|
30804
30942
|
return event(
|
|
30805
30943
|
"Error",
|
|
30806
|
-
|
|
30807
|
-
|
|
30808
|
-
|
|
30809
|
-
|
|
30944
|
+
errorCard(
|
|
30945
|
+
{
|
|
30946
|
+
id: message.id,
|
|
30947
|
+
title: message.title ?? "Error",
|
|
30948
|
+
text: message.text,
|
|
30949
|
+
action: message.action
|
|
30950
|
+
},
|
|
30951
|
+
handlers
|
|
30952
|
+
)
|
|
30810
30953
|
);
|
|
30811
30954
|
}
|
|
30812
30955
|
var severities = {
|
|
@@ -30826,7 +30969,7 @@ function severityBadge(message, label) {
|
|
|
30826
30969
|
const { prefix, variant, icon } = severities[message.severity];
|
|
30827
30970
|
return b`<span class="sr">${prefix}</span><swc-badge class="severity" size="s" variant=${variant} subtle>${icon}${label}</swc-badge>`;
|
|
30828
30971
|
}
|
|
30829
|
-
function lick(message, handlers) {
|
|
30972
|
+
function lick(message, handlers, stamp = true) {
|
|
30830
30973
|
const [label, variant] = lickLabels[message.channel];
|
|
30831
30974
|
const decide = message.channel === "sudo-request" && message.state === "pending";
|
|
30832
30975
|
const outcome = message.state === "confirmed" ? "Allowed" : message.state === "dismissed" ? "Denied" : "";
|
|
@@ -30835,7 +30978,7 @@ function lick(message, handlers) {
|
|
|
30835
30978
|
<span class="text">${message.text}</span>
|
|
30836
30979
|
${message.count && message.count > 1 ? b`<span class="times" title="Coalesced events">×${message.count}</span>` : A}
|
|
30837
30980
|
${outcome ? b`<swc-badge class="tag" size="s" variant=${message.state === "confirmed" ? "positive" : "neutral"} subtle>${outcome}</swc-badge>` : A}
|
|
30838
|
-
<span class
|
|
30981
|
+
<span class=${stamp ? "when" : "sr"}>${time(message.createdAt)}</span>`;
|
|
30839
30982
|
const actions2 = decide ? b`<div class="decide">
|
|
30840
30983
|
<swc-button size="s" variant="accent" data-action="allow" ?disabled=${handlers.readOnly} @click=${() => handlers.resolve(message.id, "confirmed")}>Allow</swc-button>
|
|
30841
30984
|
<swc-button size="s" variant="secondary" fill-style="outline" data-action="deny" ?disabled=${handlers.readOnly} @click=${() => handlers.resolve(message.id, "dismissed")}>Deny</swc-button>
|
|
@@ -30910,9 +31053,34 @@ var messageCss = i`
|
|
|
30910
31053
|
align-self: flex-start;
|
|
30911
31054
|
align-items: flex-start;
|
|
30912
31055
|
}
|
|
30913
|
-
.user[data-
|
|
30914
|
-
background:
|
|
30915
|
-
|
|
31056
|
+
.user[data-remote] swc-user-message.body {
|
|
31057
|
+
background: light-dark(
|
|
31058
|
+
var(--swc-indigo-subtle-background-color-default),
|
|
31059
|
+
color-mix(in srgb, var(--swc-indigo-900) 8%, var(--swc-gray-50))
|
|
31060
|
+
);
|
|
31061
|
+
border-color: transparent;
|
|
31062
|
+
}
|
|
31063
|
+
.user[data-remote] .bubble {
|
|
31064
|
+
position: relative;
|
|
31065
|
+
margin-block-end: var(--swc-spacing-300);
|
|
31066
|
+
}
|
|
31067
|
+
.reaction {
|
|
31068
|
+
position: absolute;
|
|
31069
|
+
inset-block-end: calc(var(--swc-spacing-300) * -1);
|
|
31070
|
+
inset-inline-end: var(--swc-spacing-200);
|
|
31071
|
+
display: inline-flex;
|
|
31072
|
+
align-items: center;
|
|
31073
|
+
justify-content: center;
|
|
31074
|
+
min-inline-size: var(--swc-spacing-400);
|
|
31075
|
+
block-size: var(--swc-spacing-400);
|
|
31076
|
+
padding-inline: var(--swc-spacing-75);
|
|
31077
|
+
border-radius: calc(var(--swc-spacing-400) / 2);
|
|
31078
|
+
border: var(--swc-border-width-100) solid var(--swc-gray-300);
|
|
31079
|
+
background: var(--swc-background-layer-2-color);
|
|
31080
|
+
box-shadow: var(--swc-drop-shadow-emphasized-default-x) var(--swc-drop-shadow-emphasized-default-y)
|
|
31081
|
+
var(--swc-drop-shadow-emphasized-default-blur) var(--swc-drop-shadow-emphasized-default-color);
|
|
31082
|
+
font-size: var(--swc-font-size-100);
|
|
31083
|
+
line-height: 1;
|
|
30916
31084
|
}
|
|
30917
31085
|
swc-user-message.body .text {
|
|
30918
31086
|
white-space: pre-wrap;
|
|
@@ -31498,30 +31666,48 @@ var messageCss = i`
|
|
|
31498
31666
|
color: var(--swc-neutral-content-color-default);
|
|
31499
31667
|
}
|
|
31500
31668
|
.error-card {
|
|
31501
|
-
display:
|
|
31669
|
+
display: grid;
|
|
31670
|
+
grid-template-columns: auto minmax(0, 1fr) auto;
|
|
31502
31671
|
align-items: center;
|
|
31503
|
-
|
|
31504
|
-
|
|
31505
|
-
border: var(--swc-border-width-100) solid var(--swc-negative-visual-color);
|
|
31506
|
-
border-inline-start-width: var(--swc-border-width-400);
|
|
31507
|
-
border-radius: var(--swc-corner-radius-100);
|
|
31672
|
+
gap: var(--swc-spacing-50) var(--swc-spacing-200);
|
|
31673
|
+
margin-inline: var(--swc-spacing-700);
|
|
31508
31674
|
padding: var(--swc-spacing-200) var(--swc-spacing-300);
|
|
31675
|
+
border: var(--swc-border-width-100) solid var(--swc-gray-200);
|
|
31676
|
+
border-radius: var(--swc-corner-radius-100);
|
|
31677
|
+
background: var(--swc-background-layer-1-color);
|
|
31509
31678
|
font-size: var(--swc-font-size-100);
|
|
31679
|
+
color: var(--swc-neutral-subdued-content-color-default);
|
|
31510
31680
|
}
|
|
31511
|
-
.error-card .
|
|
31512
|
-
|
|
31513
|
-
|
|
31514
|
-
|
|
31515
|
-
|
|
31516
|
-
|
|
31681
|
+
.error-card .icon {
|
|
31682
|
+
grid-row: span 2;
|
|
31683
|
+
color: var(--swc-negative-visual-color);
|
|
31684
|
+
}
|
|
31685
|
+
.error-card .lead {
|
|
31686
|
+
grid-column: 2;
|
|
31687
|
+
font-weight: var(--swc-bold-font-weight);
|
|
31688
|
+
color: var(--swc-neutral-content-color-default);
|
|
31517
31689
|
}
|
|
31518
31690
|
.error-card .detail {
|
|
31519
|
-
|
|
31691
|
+
grid-column: 2;
|
|
31692
|
+
overflow-wrap: anywhere;
|
|
31520
31693
|
}
|
|
31521
31694
|
.error-card swc-button {
|
|
31522
|
-
|
|
31695
|
+
grid-column: 3;
|
|
31696
|
+
grid-row: span 2;
|
|
31523
31697
|
white-space: nowrap;
|
|
31524
31698
|
}
|
|
31699
|
+
@container (inline-size < 480px) {
|
|
31700
|
+
.error-card {
|
|
31701
|
+
margin-inline: var(--swc-spacing-300);
|
|
31702
|
+
}
|
|
31703
|
+
}
|
|
31704
|
+
@container (inline-size < 360px) {
|
|
31705
|
+
.error-card swc-button {
|
|
31706
|
+
grid-column: 2;
|
|
31707
|
+
grid-row: auto;
|
|
31708
|
+
justify-self: start;
|
|
31709
|
+
}
|
|
31710
|
+
}
|
|
31525
31711
|
.marker,
|
|
31526
31712
|
.day {
|
|
31527
31713
|
display: flex;
|
|
@@ -31573,8 +31759,7 @@ var messageCss = i`
|
|
|
31573
31759
|
.lick[data-severity='warn'] {
|
|
31574
31760
|
--severity: var(--swc-notice-visual-color);
|
|
31575
31761
|
}
|
|
31576
|
-
.
|
|
31577
|
-
.notes .sr {
|
|
31762
|
+
.sr {
|
|
31578
31763
|
position: absolute;
|
|
31579
31764
|
inline-size: 1px;
|
|
31580
31765
|
block-size: 1px;
|
|
@@ -33341,8 +33526,8 @@ function reach2(command3, cwd) {
|
|
|
33341
33526
|
const hit = scan2(words, cwds, whole);
|
|
33342
33527
|
if (hit) return hit;
|
|
33343
33528
|
}
|
|
33344
|
-
const
|
|
33345
|
-
if (
|
|
33529
|
+
const named2 = segments.flat().find((word) => !word.startsWith("/") && /fnox|secrets-policy/.test(word));
|
|
33530
|
+
if (named2) return absolute([...cwds].pop() ?? start, named2);
|
|
33346
33531
|
const home2 = segments.flat().find((word) => /^~(?:[+-](?:\/|$)|.*\/\.\.(?:\/|$))/.test(word));
|
|
33347
33532
|
if (home2) return home2;
|
|
33348
33533
|
return segments.flat().some((word) => word.includes("$")) || text2.includes("`") ? text2.match(expansion)[0] : null;
|
|
@@ -33632,7 +33817,7 @@ function deadline(at) {
|
|
|
33632
33817
|
}
|
|
33633
33818
|
|
|
33634
33819
|
// node_modules/@adobe/spectrum-wc/dist/components/close-button/close-button.js
|
|
33635
|
-
var t79 = i`:host{display:inline-flex;vertical-align:top}*{box-sizing:border-box}.swc-CloseButton{--_swc-close-button-border-width: 2px;-webkit-tap-highlight-color:transparent;display:inline-flex;position:relative;align-items:center;justify-content:center;inline-size:var(--swc-close-button-size, var(--swc-component-height-100));block-size:var(--swc-close-button-size, var(--swc-component-height-100));padding:0;margin:0;color:var(--swc-close-button-icon-color-default, var(--swc-gray-800));background-color:var(--swc-close-button-background-color-default, transparent);border-color:transparent;border-style:solid;border-width:var(--_swc-close-button-border-width);border-radius:var(--swc-close-button-border-radius, 50%);overflow:visible;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:0 solid transparent;transition-timing-function:cubic-bezier(.45,0,.4,1);transition-duration:.13s;transition-property:outline,border-color,color,background-color,transform}.swc-CloseButton:focus-visible{color:var(--swc-close-button-icon-color-focus, var(--swc-gray-900));background-color:var(--swc-close-button-background-color-focus, var(--swc-gray-100));outline:var(--swc-close-button-focus-indicator-thickness, 2px) solid var(--swc-close-button-focus-indicator-color, var(--swc-blue-800));outline-offset:var(--swc-close-button-focus-indicator-gap, 2px)}.swc-CloseButton:hover{color:var(--swc-close-button-icon-color-hover, var(--swc-gray-900));background-color:var(--swc-close-button-background-color-hover, var(--swc-gray-100))}.swc-CloseButton:active{color:var(--swc-close-button-icon-color-down, var(--swc-gray-900));background-color:var(--swc-close-button-background-color-down, var(--swc-gray-100));transform:perspective(var(--swc-close-button-size, var(--swc-component-height-100))) translateZ(-2px);will-change:transform}.swc-CloseButton:disabled:is(*,:hover){color:var(--swc-close-button-icon-color-disabled, var(--swc-gray-400));background-color:var(--swc-close-button-background-color-default, transparent);cursor:default;transform:none}.swc-CloseButton-icon{display:block;flex-shrink:0
|
|
33820
|
+
var t79 = i`:host{display:inline-flex;vertical-align:top}*{box-sizing:border-box}.swc-CloseButton{--_swc-close-button-border-width: 2px;-webkit-tap-highlight-color:transparent;display:inline-flex;position:relative;align-items:center;justify-content:center;inline-size:var(--swc-close-button-size, var(--swc-component-height-100));block-size:var(--swc-close-button-size, var(--swc-component-height-100));padding:0;margin:0;color:var(--swc-close-button-icon-color-default, var(--swc-gray-800));background-color:var(--swc-close-button-background-color-default, transparent);border-color:transparent;border-style:solid;border-width:var(--_swc-close-button-border-width);border-radius:var(--swc-close-button-border-radius, 50%);overflow:visible;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:0 solid transparent;transition-timing-function:cubic-bezier(.45,0,.4,1);transition-duration:.13s;transition-property:outline,border-color,color,background-color,transform}.swc-CloseButton:focus-visible{color:var(--swc-close-button-icon-color-focus, var(--swc-gray-900));background-color:var(--swc-close-button-background-color-focus, var(--swc-gray-100));outline:var(--swc-close-button-focus-indicator-thickness, 2px) solid var(--swc-close-button-focus-indicator-color, var(--swc-blue-800));outline-offset:var(--swc-close-button-focus-indicator-gap, 2px)}.swc-CloseButton:hover{color:var(--swc-close-button-icon-color-hover, var(--swc-gray-900));background-color:var(--swc-close-button-background-color-hover, var(--swc-gray-100))}.swc-CloseButton:active{color:var(--swc-close-button-icon-color-down, var(--swc-gray-900));background-color:var(--swc-close-button-background-color-down, var(--swc-gray-100));transform:perspective(var(--swc-close-button-size, var(--swc-component-height-100))) translateZ(-2px);will-change:transform}.swc-CloseButton:disabled:is(*,:hover){color:var(--swc-close-button-icon-color-disabled, var(--swc-gray-400));background-color:var(--swc-close-button-background-color-default, transparent);cursor:default;transform:none}.swc-CloseButton-icon{display:block;flex-shrink:0}:host([size=\"s\"]){--swc-close-button-size: var(--swc-component-height-75)}:host([size=\"m\"]){--swc-close-button-size: var(--swc-component-height-100)}:host([size=\"l\"]){--swc-close-button-size: var(--swc-component-height-200)}:host([size=\"xl\"]){--swc-close-button-size: var(--swc-component-height-300)}:host([static-color=\"white\"]){--swc-close-button-background-color-default: transparent;--swc-close-button-background-color-down: rgba(255, 255, 255, .11);--swc-close-button-background-color-focus: rgba(255, 255, 255, .11);--swc-close-button-background-color-hover: rgba(255, 255, 255, .11);--swc-close-button-focus-indicator-color: var(--swc-white);--swc-close-button-icon-color-default: rgba(255, 255, 255, .85);--swc-close-button-icon-color-disabled: var(--swc-transparent-white-100);--swc-close-button-icon-color-down: rgba(255, 255, 255, .94);--swc-close-button-icon-color-focus: rgba(255, 255, 255, .94);--swc-close-button-icon-color-hover: rgba(255, 255, 255, .94)}:host([static-color=\"black\"]){--swc-close-button-background-color-default: transparent;--swc-close-button-background-color-down: rgba(0, 0, 0, .09);--swc-close-button-background-color-focus: rgba(0, 0, 0, .09);--swc-close-button-background-color-hover: rgba(0, 0, 0, .09);--swc-close-button-focus-indicator-color: var(--swc-black);--swc-close-button-icon-color-default: rgba(0, 0, 0, .84);--swc-close-button-icon-color-disabled: var(--swc-transparent-black-100);--swc-close-button-icon-color-down: rgba(0, 0, 0, .93);--swc-close-button-icon-color-focus: rgba(0, 0, 0, .93);--swc-close-button-icon-color-hover: rgba(0, 0, 0, .93)}`;
|
|
33636
33821
|
|
|
33637
33822
|
// node_modules/@adobe/spectrum-wc/dist/components/close-button/CloseButton.js
|
|
33638
33823
|
var c25 = class extends l8 {
|
|
@@ -33787,7 +33972,7 @@ var o78 = class extends a10 {
|
|
|
33787
33972
|
}
|
|
33788
33973
|
render() {
|
|
33789
33974
|
return b`
|
|
33790
|
-
|
|
33975
|
+
${o16(e109())}
|
|
33791
33976
|
`;
|
|
33792
33977
|
}
|
|
33793
33978
|
};
|
|
@@ -33805,7 +33990,7 @@ var o79 = class extends a10 {
|
|
|
33805
33990
|
}
|
|
33806
33991
|
render() {
|
|
33807
33992
|
return b`
|
|
33808
|
-
|
|
33993
|
+
${o16(e110())}
|
|
33809
33994
|
`;
|
|
33810
33995
|
}
|
|
33811
33996
|
};
|
|
@@ -33823,7 +34008,7 @@ var o80 = class extends a10 {
|
|
|
33823
34008
|
}
|
|
33824
34009
|
render() {
|
|
33825
34010
|
return b`
|
|
33826
|
-
|
|
34011
|
+
${o16(e111())}
|
|
33827
34012
|
`;
|
|
33828
34013
|
}
|
|
33829
34014
|
};
|
|
@@ -33841,7 +34026,7 @@ var o81 = class extends a10 {
|
|
|
33841
34026
|
}
|
|
33842
34027
|
render() {
|
|
33843
34028
|
return b`
|
|
33844
|
-
|
|
34029
|
+
${o16(e112())}
|
|
33845
34030
|
`;
|
|
33846
34031
|
}
|
|
33847
34032
|
};
|
|
@@ -33859,7 +34044,7 @@ var o82 = class extends a10 {
|
|
|
33859
34044
|
}
|
|
33860
34045
|
render() {
|
|
33861
34046
|
return b`
|
|
33862
|
-
|
|
34047
|
+
${o16(e113())}
|
|
33863
34048
|
`;
|
|
33864
34049
|
}
|
|
33865
34050
|
};
|
|
@@ -33877,7 +34062,7 @@ var o83 = class extends a10 {
|
|
|
33877
34062
|
}
|
|
33878
34063
|
render() {
|
|
33879
34064
|
return b`
|
|
33880
|
-
|
|
34065
|
+
${o16(e114())}
|
|
33881
34066
|
`;
|
|
33882
34067
|
}
|
|
33883
34068
|
};
|
|
@@ -33895,7 +34080,7 @@ var o84 = class extends a10 {
|
|
|
33895
34080
|
}
|
|
33896
34081
|
render() {
|
|
33897
34082
|
return b`
|
|
33898
|
-
|
|
34083
|
+
${o16(e115())}
|
|
33899
34084
|
`;
|
|
33900
34085
|
}
|
|
33901
34086
|
};
|
|
@@ -33913,7 +34098,7 @@ var o85 = class extends a10 {
|
|
|
33913
34098
|
}
|
|
33914
34099
|
render() {
|
|
33915
34100
|
return b`
|
|
33916
|
-
|
|
34101
|
+
${o16(e116())}
|
|
33917
34102
|
`;
|
|
33918
34103
|
}
|
|
33919
34104
|
};
|
|
@@ -33931,7 +34116,7 @@ var o86 = class extends a10 {
|
|
|
33931
34116
|
}
|
|
33932
34117
|
render() {
|
|
33933
34118
|
return b`
|
|
33934
|
-
|
|
34119
|
+
${o16(e117())}
|
|
33935
34120
|
`;
|
|
33936
34121
|
}
|
|
33937
34122
|
};
|
|
@@ -35649,7 +35834,7 @@ e12([n({
|
|
|
35649
35834
|
e25("swc-dropzone", c27);
|
|
35650
35835
|
|
|
35651
35836
|
// node_modules/@adobe/spectrum-wc/dist/patterns/ai-toolkit/conversation-thread/conversation-thread.js
|
|
35652
|
-
var t87 = i`:host{display:block;inline-size:100%}*,*:before,*:after{box-sizing:border-box}.swc-ConversationThread{display:flex;flex-direction:column;gap:
|
|
35837
|
+
var t87 = i`:host{display:block;inline-size:100%}*,*:before,*:after{box-sizing:border-box}.swc-ConversationThread{display:flex;flex-direction:column;gap:24px;inline-size:100%}`;
|
|
35653
35838
|
|
|
35654
35839
|
// node_modules/@adobe/spectrum-wc/dist/patterns/ai-toolkit/conversation-thread/ConversationThread.js
|
|
35655
35840
|
var s17 = class extends i9 {
|
|
@@ -35720,7 +35905,7 @@ var o89 = class extends a10 {
|
|
|
35720
35905
|
}
|
|
35721
35906
|
render() {
|
|
35722
35907
|
return b`
|
|
35723
|
-
|
|
35908
|
+
${o16(e120())}
|
|
35724
35909
|
`;
|
|
35725
35910
|
}
|
|
35726
35911
|
};
|
|
@@ -36117,7 +36302,7 @@ var SliccChat = class extends ThemedElement {
|
|
|
36117
36302
|
new CustomEvent("show-surface", { detail: { id: "settings" }, bubbles: true, composed: true })
|
|
36118
36303
|
);
|
|
36119
36304
|
}
|
|
36120
|
-
#message(message, agent, suggestion, changed, extra, owners) {
|
|
36305
|
+
#message(message, agent, suggestion, changed, extra, owners, stamp) {
|
|
36121
36306
|
const model = this.model;
|
|
36122
36307
|
const handlers = { ...this.#handlers, owners };
|
|
36123
36308
|
switch (message.role) {
|
|
@@ -36130,17 +36315,18 @@ var SliccChat = class extends ThemedElement {
|
|
|
36130
36315
|
handlers,
|
|
36131
36316
|
model.settings.get().showThinking,
|
|
36132
36317
|
suggestion,
|
|
36133
|
-
extra
|
|
36318
|
+
extra,
|
|
36319
|
+
stamp
|
|
36134
36320
|
);
|
|
36135
36321
|
}
|
|
36136
36322
|
case "user":
|
|
36137
|
-
return user(message);
|
|
36323
|
+
return user(message, stamp);
|
|
36138
36324
|
case "tool":
|
|
36139
|
-
return toolMessage(message, handlers, extra, suggestion);
|
|
36325
|
+
return toolMessage(message, handlers, extra, suggestion, stamp);
|
|
36140
36326
|
case "system":
|
|
36141
36327
|
return system(message, this.#handlers);
|
|
36142
36328
|
default:
|
|
36143
|
-
return lick(message, this.#handlers);
|
|
36329
|
+
return lick(message, this.#handlers, stamp);
|
|
36144
36330
|
}
|
|
36145
36331
|
}
|
|
36146
36332
|
#items(messages, agent) {
|
|
@@ -36154,12 +36340,17 @@ var SliccChat = class extends ThemedElement {
|
|
|
36154
36340
|
const extra = /* @__PURE__ */ new Map();
|
|
36155
36341
|
const owners = /* @__PURE__ */ new Map();
|
|
36156
36342
|
const into = /* @__PURE__ */ new Map();
|
|
36343
|
+
const stamped = stamps(messages);
|
|
36157
36344
|
let anchor = null;
|
|
36158
36345
|
for (const message of messages) {
|
|
36159
36346
|
const calls = toolOnly(message, showThinking);
|
|
36160
36347
|
if (anchor && calls && day(message.createdAt) === day(anchor.createdAt)) {
|
|
36161
36348
|
extra.set(anchor.id, [...extra.get(anchor.id) ?? [], ...calls]);
|
|
36162
|
-
owners.set(calls[0].id, {
|
|
36349
|
+
owners.set(calls[0].id, {
|
|
36350
|
+
id: message.id,
|
|
36351
|
+
at: message.createdAt,
|
|
36352
|
+
stamp: stamped.has(message.id)
|
|
36353
|
+
});
|
|
36163
36354
|
into.set(message.id, anchor.id);
|
|
36164
36355
|
continue;
|
|
36165
36356
|
}
|
|
@@ -36189,7 +36380,8 @@ var SliccChat = class extends ThemedElement {
|
|
|
36189
36380
|
message.id === target2 ? suggestion : null,
|
|
36190
36381
|
changed,
|
|
36191
36382
|
extra.get(message.id) ?? [],
|
|
36192
|
-
owners
|
|
36383
|
+
owners,
|
|
36384
|
+
stamped.has(message.id)
|
|
36193
36385
|
)
|
|
36194
36386
|
]);
|
|
36195
36387
|
}
|
|
@@ -36272,7 +36464,7 @@ var SliccChat = class extends ThemedElement {
|
|
|
36272
36464
|
};
|
|
36273
36465
|
|
|
36274
36466
|
// node_modules/@adobe/spectrum-wc/dist/patterns/ai-toolkit/prompt-field/prompt-field.js
|
|
36275
|
-
var t88 = i`:host{display:block;inline-size:100%}*,*:before,*:after{box-sizing:border-box}.swc-PromptField{--_swc-prompt-field-transition: .7s cubic-bezier(.32, .72, 0, 1);display:flex;flex-direction:column;gap:12px;inline-size:100%}.swc-PromptField-box{--_swc-prompt-field-recede-surface: var(--swc-background-layer-2-color);--_swc-prompt-field-border-color: light-dark(oklch(from var(--swc-prompt-field-brand-color) 73.58% .2376 h / 10%), rgba(255, 255, 255, .05));--_swc-prompt-field-drop-shadow-color: light-dark(oklch(from var(--swc-prompt-field-brand-color) 58.26% .2265 calc(h - .4) / 5%), oklch(from var(--swc-prompt-field-brand-color) 66.17% .2508 calc(h - .5) / 5%));--_swc-prompt-field-inset-shadow-color: rgba(255, 255, 255, .04);display:flex;position:relative;z-index:0;flex:1 1 auto;flex-direction:column;min-inline-size:0;padding:16px;background:radial-gradient(circle at var(--_swc-prompt-field-wash-x, right) bottom in oklab,var(--_swc-prompt-field-bg-stop-1) 0%,var(--_swc-prompt-field-bg-stop-2) 35%,var(--_swc-prompt-field-bg-stop-3) 82%,var(--_swc-prompt-field-bg-stop-4) 100%);border-radius:24px;box-shadow:0 20px 20px -24px var(--_swc-prompt-field-prominent-outer-glow-color, transparent),0 -3px 10px 1px var(--_swc-prompt-field-drop-shadow-color);overflow:clip;cursor:text;transition:--_swc-prompt-field-con-hue-opacity var(--_swc-prompt-field-transition),--_swc-prompt-field-bg-stop-1 var(--_swc-prompt-field-transition),--_swc-prompt-field-bg-stop-2 var(--_swc-prompt-field-transition),--_swc-prompt-field-bg-stop-3 var(--_swc-prompt-field-transition),--_swc-prompt-field-bg-stop-4 var(--_swc-prompt-field-transition),box-shadow var(--_swc-prompt-field-transition)}:host([size=\"s\"]) .swc-PromptField-box{border-radius:16px}@media(prefers-reduced-motion:reduce){.swc-PromptField-box{transition:none}}.swc-PromptField-box:has(.swc-PromptField-input-area.has-attachment){padding-block-start:8px}:host([disabled]){cursor:default}:host([disabled]) .swc-PromptField-outer-border{pointer-events:none}.swc-PromptField-outer-border{--_swc-prompt-field-outer-shadow: light-dark(oklch(from var(--swc-prompt-field-brand-color) 73.58% .2376 h / 10%), oklch(from var(--swc-prompt-field-brand-color) 66.17% .2508 calc(h - .5) / 0%));--_swc-prompt-field-outer-recede-stop: light-dark(rgb(255, 255, 255), rgba(255, 255, 255, .02));display:flex;padding:6px;container-type:inline-size;background:linear-gradient(var(--_swc-prompt-field-outer-dir, to right) in oklch,var(--_swc-prompt-field-outer-stop-1) 0%,var(--_swc-prompt-field-outer-stop-2) 37%,var(--_swc-prompt-field-outer-stop-3) 77%);border-radius:30px;box-shadow:0 2px 4px var(--_swc-prompt-field-outer-shadow),0 6px 16px -10px var(--_swc-prompt-field-outer-hue);transition:--_swc-prompt-field-outer-stop-1 var(--_swc-prompt-field-transition),--_swc-prompt-field-outer-stop-2 var(--_swc-prompt-field-transition),--_swc-prompt-field-outer-stop-3 var(--_swc-prompt-field-transition),box-shadow var(--_swc-prompt-field-transition);:host([size=\"s\"]) &{padding:0;background:none;border-radius:16px;box-shadow:none}:host([variant=\"subtle\"]) &{--_swc-prompt-field-outer-shadow: rgba(0, 0, 0, .05);--_swc-prompt-field-outer-hue: transparent;--_swc-prompt-field-outer-stop-1: var(--_swc-prompt-field-outer-recede-stop);--_swc-prompt-field-outer-stop-2: var(--_swc-prompt-field-outer-recede-stop);--_swc-prompt-field-outer-stop-3: var(--_swc-prompt-field-outer-recede-stop);&:hover{--_swc-prompt-field-outer-shadow: light-dark(oklch(from var(--swc-prompt-field-brand-color) 73.58% .2376 h / 10%), oklch(from var(--swc-prompt-field-brand-color) 66.17% .2508 calc(h - .5) / 0%));--_swc-prompt-field-outer-hue: light-dark(oklch(from oklch(from var(--swc-prompt-field-brand-color) 67.5% .2134 calc(h - 292.3) / 50%) l c h / 20%), oklch(from oklch(from var(--swc-prompt-field-brand-color) 23.87% .1407 calc(h - 38.8) ) l c h / 0%));--_swc-prompt-field-outer-stop-1: light-dark(oklch(from oklch(from var(--swc-prompt-field-brand-color) 73.58% .2376 h / 60%) l c h / 2%), rgba(255, 255, 255, .02));--_swc-prompt-field-outer-stop-2: light-dark(oklch(from oklch(from var(--swc-prompt-field-brand-color) 67.5% .2134 calc(h - 292.3) / 50%) l c h / 2%), rgba(255, 255, 255, .02));--_swc-prompt-field-outer-stop-3: light-dark(oklch(from oklch(from var(--swc-prompt-field-brand-color) 78.78% .1692 calc(h - 254) / 40%) l c h / 2%), rgba(255, 255, 255, .02))}}:host([variant=\"balanced\"]) &{--_swc-prompt-field-outer-hue: light-dark(oklch(from oklch(from var(--swc-prompt-field-brand-color) 67.5% .2134 calc(h - 292.3) / 50%) l c h / 30%), oklch(from oklch(from var(--swc-prompt-field-brand-color) 23.87% .1407 calc(h - 38.8) ) l c h / 0%));--_swc-prompt-field-outer-stop-1: light-dark(oklch(from oklch(from var(--swc-prompt-field-brand-color) 73.58% .2376 h / 60%) l c h / 3%), rgba(255, 255, 255, .02));--_swc-prompt-field-outer-stop-2: light-dark(oklch(from oklch(from var(--swc-prompt-field-brand-color) 67.5% .2134 calc(h - 292.3) / 50%) l c h / 3%), rgba(255, 255, 255, .02));--_swc-prompt-field-outer-stop-3: light-dark(oklch(from oklch(from var(--swc-prompt-field-brand-color) 78.78% .1692 calc(h - 254) / 40%) l c h / 3%), rgba(255, 255, 255, .02))}:host([variant=\"prominent\"]) &{--_swc-prompt-field-outer-hue: light-dark(oklch(from oklch(from var(--swc-prompt-field-brand-color) 67.5% .2134 calc(h - 292.3) / 50%) l c h / 40%), oklch(from oklch(from var(--swc-prompt-field-brand-color) 23.87% .1407 calc(h - 38.8) ) l c h / 40%));--_swc-prompt-field-outer-stop-1: light-dark(oklch(from oklch(from var(--swc-prompt-field-brand-color) 73.58% .2376 h / 60%) l c h / 4%), oklch(from oklch(from var(--swc-prompt-field-brand-color) 23.18% .1116 calc(h - 3.1) ) l c h / 40%));--_swc-prompt-field-outer-stop-2: light-dark(oklch(from oklch(from var(--swc-prompt-field-brand-color) 67.5% .2134 calc(h - 292.3) / 50%) l c h / 4%), oklch(from oklch(from var(--swc-prompt-field-brand-color) 23.87% .1407 calc(h - 38.8) ) l c h / 40%));--_swc-prompt-field-outer-stop-3: light-dark(oklch(from oklch(from var(--swc-prompt-field-brand-color) 78.78% .1692 calc(h - 254) / 40%) l c h / 4%), oklch(from oklch(from var(--swc-prompt-field-brand-color) 23.87% .1407 calc(h - 38.8) ) l c h / 40%))}:host(:not([generating])) &:focus-within{--_swc-prompt-field-outer-shadow: light-dark(rgba(0, 0, 0, .05), rgba(0, 0, 0, .03));--_swc-prompt-field-outer-hue: transparent;--_swc-prompt-field-outer-stop-1: var(--_swc-prompt-field-outer-recede-stop);--_swc-prompt-field-outer-stop-2: var(--_swc-prompt-field-outer-recede-stop);--_swc-prompt-field-outer-stop-3: var(--_swc-prompt-field-outer-recede-stop)}}@media(prefers-reduced-motion:reduce){.swc-PromptField-outer-border{transition:none}}.swc-PromptField-box:after{position:absolute;inset:0;z-index:-1;border-radius:inherit;box-shadow:inset 0 -20px 20px -24px var(--_swc-prompt-field-prominent-inset-glow-color, transparent),inset 0 0 0 1px var(--_swc-prompt-field-border-color),inset 0 6px 15px 0 var(--_swc-prompt-field-inset-shadow-color),inset 0 0 0 0 transparent,inset 0 -5px 21.6px #ffffff0a,inset 0 24px 32px #ffffff0a;pointer-events:none;content:\"\";transition:box-shadow var(--_swc-prompt-field-transition)}@media(prefers-reduced-motion:reduce){.swc-PromptField-box:after{transition:none}}:host([generating]) .swc-PromptField-box:after{box-shadow:inset 0 -20px 20px -24px var(--_swc-prompt-field-prominent-inset-glow-color, transparent),inset 0 0 0 1px var(--_swc-prompt-field-border-color),inset 0 6px 15px 0 var(--_swc-prompt-field-inset-shadow-color),inset 0 -32px 100px -50px light-dark(rgb(254,246,255),oklch(from var(--swc-prompt-field-brand-color) 44.18% .1934 calc(h - 1.8))),inset 0 -5px 21.6px #ffffff0a,inset 0 24px 32px #ffffff0a}.swc-PromptField-gloss{position:absolute;inset:0;z-index:-1;background:linear-gradient(to bottom in oklch,light-dark(rgba(255,255,255,.75),rgba(0,0,0,.4)) 0%,light-dark(rgba(255,255,255,.75),rgba(0,0,0,.4)) 37%,light-dark(rgba(255,255,255,.15),rgba(0,0,0,.12)) 83%,light-dark(rgba(255,255,255,.15),rgba(0,0,0,.12)) 100%);background:linear-gradient(to bottom in oklch,light-dark(rgba(255,255,255,.75),rgba(0,0,0,.4)) 0% 37%,light-dark(rgba(255,255,255,.15),rgba(0,0,0,.12)) 83% 100%);pointer-events:none}.swc-PromptField-box:before{--_swc-prompt-field-rotation: 7deg;--_swc-prompt-field-translation: 44px;position:absolute;inset:-44px;z-index:-1;background:radial-gradient(50% 50% at -20% 100% in oklch,oklch(from light-dark(oklch(from var(--swc-prompt-field-brand-color) 95.17% .0271 calc(h + 32.1)),oklch(from var(--swc-prompt-field-brand-color) 50.12% .1912 calc(h - 313.3))) l c h / var(--_swc-prompt-field-con-hue-opacity)),transparent),radial-gradient(70% 60% at 5% 80% in oklch,oklch(from light-dark(rgb(254,246,255),oklch(from var(--swc-prompt-field-brand-color) 44.18% .1934 calc(h - 1.8))) l c h / var(--_swc-prompt-field-con-hue-opacity)),transparent),radial-gradient(70% 50% at 40% 80% in oklch,oklch(from light-dark(oklch(from var(--swc-prompt-field-brand-color) 95.64% .036 calc(h + .6)),oklch(from var(--swc-prompt-field-brand-color) 31.55% .1704 calc(h - 24.5))) l c h / var(--_swc-prompt-field-con-hue-opacity)),transparent);pointer-events:none;content:\"\"}:host(:dir(rtl)) .swc-PromptField-box{--_swc-prompt-field-wash-x: left}:host(:dir(rtl)) .swc-PromptField-box:before{transform:scaleX(-1)}:host(:dir(rtl)) .swc-PromptField-outer-border{--_swc-prompt-field-outer-dir: to left}@supports (rotate: atan(1px / 1cqw)){.swc-PromptField-box:before{--_swc-prompt-field-rotation: atan(30px / 50cqw);--_swc-prompt-field-translation: clamp(44px, 44px * (800px / 100cqw), 72px)}}:host([generating]) .swc-PromptField-box:before{animation:swc-prompt-field-hue-translate 2s linear infinite,swc-prompt-field-hue-rotate 3s linear infinite,swc-prompt-field-hue-scale 4s linear infinite}@media(prefers-reduced-motion:reduce){:host([generating]) .swc-PromptField-box:before{animation:none}}@keyframes swc-prompt-field-hue-rotate{0%{rotate:0deg}25%{rotate:var(--_swc-prompt-field-rotation)}50%{rotate:0deg}75%{rotate:calc(-1 * var(--_swc-prompt-field-rotation))}to{rotate:0deg}}@keyframes swc-prompt-field-hue-translate{0%{translate:0 0}50%{translate:0 var(--_swc-prompt-field-translation)}to{translate:0 0}}@keyframes swc-prompt-field-hue-scale{0%{scale:1 1}50%{scale:3 1}to{scale:1 1}}:host([variant=\"subtle\"]:not([generating])) .swc-PromptField-box{--_swc-prompt-field-con-hue-opacity: 0%;--_swc-prompt-field-bg-stop-1: var(--_swc-prompt-field-recede-surface);--_swc-prompt-field-bg-stop-2: var(--_swc-prompt-field-recede-surface);--_swc-prompt-field-bg-stop-3: var(--_swc-prompt-field-recede-surface);--_swc-prompt-field-bg-stop-4: var(--_swc-prompt-field-recede-surface);--_swc-prompt-field-border-color: light-dark(rgba(0, 0, 0, .05), rgba(255, 255, 255, .05));--_swc-prompt-field-drop-shadow-color: transparent}:host([variant=\"subtle\"]:not([generating])) :where(.swc-PromptField-outer-border:hover) .swc-PromptField-box{--_swc-prompt-field-con-hue-opacity: 12.5%;--_swc-prompt-field-bg-stop-1: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 95.18% .0231 calc(h - 44.5) ) 30%), color-mix(in oklch, var(--swc-gray-75), rgb(0, 0, 0) 40%));--_swc-prompt-field-bg-stop-2: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 91.32% .0721 calc(h + .1) ) 30%), color-mix(in oklch, var(--swc-gray-75), oklch(from var(--swc-prompt-field-brand-color) 23.87% .1407 calc(h - 38.8) ) 40%));--_swc-prompt-field-bg-stop-3: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 95.52% .0222 calc(h - 294.6) ) 30%), color-mix(in oklch, var(--swc-gray-75), oklch(from var(--swc-prompt-field-brand-color) 23.18% .1116 calc(h - 3.1) ) 40%));--_swc-prompt-field-bg-stop-4: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 95.08% .0433 calc(h - 243.9) ) 30%), color-mix(in oklch, var(--swc-gray-75), oklch(from var(--swc-prompt-field-brand-color) 22.42% .072 calc(h - 288.8) ) 40%));--_swc-prompt-field-border-color: light-dark(oklch(from var(--swc-prompt-field-brand-color) 73.58% .2376 h / 10%), rgba(255, 255, 255, .05));--_swc-prompt-field-drop-shadow-color: light-dark(oklch(from var(--swc-prompt-field-brand-color) 58.26% .2265 calc(h - .4) / 5%), oklch(from var(--swc-prompt-field-brand-color) 66.17% .2508 calc(h - .5) / 5%))}:host([variant=\"balanced\"]:not([generating])) .swc-PromptField-box{--_swc-prompt-field-con-hue-opacity: 12.5%;--_swc-prompt-field-bg-stop-1: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 95.18% .0231 calc(h - 44.5) ) 12.5%), color-mix(in oklch, var(--swc-gray-75), rgb(0, 0, 0) 20%));--_swc-prompt-field-bg-stop-2: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 91.32% .0721 calc(h + .1) ) 12.5%), color-mix(in oklch, var(--swc-gray-75), oklch(from var(--swc-prompt-field-brand-color) 23.87% .1407 calc(h - 38.8) ) 20%));--_swc-prompt-field-bg-stop-3: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 95.52% .0222 calc(h - 294.6) ) 12.5%), color-mix(in oklch, var(--swc-gray-75), oklch(from var(--swc-prompt-field-brand-color) 23.18% .1116 calc(h - 3.1) ) 20%));--_swc-prompt-field-bg-stop-4: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 95.08% .0433 calc(h - 243.9) ) 12.5%), color-mix(in oklch, var(--swc-gray-75), oklch(from var(--swc-prompt-field-brand-color) 22.42% .072 calc(h - 288.8) ) 20%))}:host([variant=\"balanced\"]:not([generating])) :where(.swc-PromptField-outer-border:hover) .swc-PromptField-box{--_swc-prompt-field-con-hue-opacity: 20%;--_swc-prompt-field-bg-stop-1: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 95.18% .0231 calc(h - 44.5) ) 30%), color-mix(in oklch, var(--swc-gray-75), rgb(0, 0, 0) 40%));--_swc-prompt-field-bg-stop-2: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 91.32% .0721 calc(h + .1) ) 30%), color-mix(in oklch, var(--swc-gray-75), oklch(from var(--swc-prompt-field-brand-color) 23.87% .1407 calc(h - 38.8) ) 40%));--_swc-prompt-field-bg-stop-3: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 95.52% .0222 calc(h - 294.6) ) 30%), color-mix(in oklch, var(--swc-gray-75), oklch(from var(--swc-prompt-field-brand-color) 23.18% .1116 calc(h - 3.1) ) 40%));--_swc-prompt-field-bg-stop-4: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 95.08% .0433 calc(h - 243.9) ) 30%), color-mix(in oklch, var(--swc-gray-75), oklch(from var(--swc-prompt-field-brand-color) 22.42% .072 calc(h - 288.8) ) 40%))}:host([variant=\"prominent\"]){--_swc-prompt-field-prominent-outer-glow-color: light-dark(oklch(from var(--swc-prompt-field-brand-color) 85.78% .1222 calc(h + .4) ), oklch(from var(--swc-prompt-field-brand-color) 37.57% .1726 calc(h - 2.6) ));--_swc-prompt-field-prominent-inset-glow-color: light-dark(oklch(from var(--swc-prompt-field-brand-color) 85.78% .1222 calc(h + .4) ), oklch(from var(--swc-prompt-field-brand-color) 37.57% .1726 calc(h - 2.6) ))}:host([variant=\"prominent\"]:not([generating])) .swc-PromptField-box{--_swc-prompt-field-con-hue-opacity: 75%;--_swc-prompt-field-bg-stop-1: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 95.18% .0231 calc(h - 44.5) ) 30%), color-mix(in oklch, var(--swc-gray-75), rgb(0, 0, 0) 20%));--_swc-prompt-field-bg-stop-2: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 91.32% .0721 calc(h + .1) ) 30%), color-mix(in oklch, var(--swc-gray-75), oklch(from var(--swc-prompt-field-brand-color) 23.87% .1407 calc(h - 38.8) ) 20%));--_swc-prompt-field-bg-stop-3: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 95.52% .0222 calc(h - 294.6) ) 30%), color-mix(in oklch, var(--swc-gray-75), oklch(from var(--swc-prompt-field-brand-color) 23.18% .1116 calc(h - 3.1) ) 20%));--_swc-prompt-field-bg-stop-4: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 95.08% .0433 calc(h - 243.9) ) 30%), color-mix(in oklch, var(--swc-gray-75), oklch(from var(--swc-prompt-field-brand-color) 22.42% .072 calc(h - 288.8) ) 20%))}:host([variant=\"prominent\"]:not([generating])) :where(.swc-PromptField-outer-border:hover) .swc-PromptField-box{--_swc-prompt-field-con-hue-opacity: 100%;--_swc-prompt-field-bg-stop-1: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 95.18% .0231 calc(h - 44.5) ) 30%), color-mix(in oklch, var(--swc-gray-75), rgb(0, 0, 0) 40%));--_swc-prompt-field-bg-stop-2: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 91.32% .0721 calc(h + .1) ) 30%), color-mix(in oklch, var(--swc-gray-75), oklch(from var(--swc-prompt-field-brand-color) 23.87% .1407 calc(h - 38.8) ) 40%));--_swc-prompt-field-bg-stop-3: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 95.52% .0222 calc(h - 294.6) ) 30%), color-mix(in oklch, var(--swc-gray-75), oklch(from var(--swc-prompt-field-brand-color) 23.18% .1116 calc(h - 3.1) ) 40%));--_swc-prompt-field-bg-stop-4: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 95.08% .0433 calc(h - 243.9) ) 30%), color-mix(in oklch, var(--swc-gray-75), oklch(from var(--swc-prompt-field-brand-color) 22.42% .072 calc(h - 288.8) ) 40%))}:host([variant=\"subtle\"][generating]) .swc-PromptField-box{--_swc-prompt-field-con-hue-opacity: 20%;--_swc-prompt-field-bg-stop-1: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 90.63% .0456 calc(h - 45.1) ) 20%), color-mix(in oklch, var(--swc-gray-75), rgb(0, 0, 0) 20%));--_swc-prompt-field-bg-stop-2: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 95.64% .036 calc(h + .6) ) 20%), color-mix(in oklch, var(--swc-gray-75), oklch(from var(--swc-prompt-field-brand-color) 26.65% .1587 calc(h - 40.2) ) 20%));--_swc-prompt-field-bg-stop-3: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 95.08% .0433 calc(h - 243.9) ) 20%), color-mix(in oklch, var(--swc-gray-75), oklch(from var(--swc-prompt-field-brand-color) 25.8% .0855 calc(h - 290.4) ) 20%));--_swc-prompt-field-bg-stop-4: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 85.78% .1222 calc(h + .4) ) 20%), color-mix(in oklch, var(--swc-gray-75), oklch(from var(--swc-prompt-field-brand-color) 37.57% .1726 calc(h - 2.6) ) 20%));--_swc-prompt-field-spread-shadow-opacity: 30%}:host([variant=\"subtle\"][generating]) :where(.swc-PromptField-outer-border:hover) .swc-PromptField-box{--_swc-prompt-field-con-hue-opacity: 75%;--_swc-prompt-field-bg-stop-1: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 90.63% .0456 calc(h - 45.1) ) 20%), color-mix(in oklch, var(--swc-gray-75), rgb(0, 0, 0) 20%));--_swc-prompt-field-bg-stop-2: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 95.64% .036 calc(h + .6) ) 20%), color-mix(in oklch, var(--swc-gray-75), oklch(from var(--swc-prompt-field-brand-color) 26.65% .1587 calc(h - 40.2) ) 20%));--_swc-prompt-field-bg-stop-3: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 95.08% .0433 calc(h - 243.9) ) 20%), color-mix(in oklch, var(--swc-gray-75), oklch(from var(--swc-prompt-field-brand-color) 25.8% .0855 calc(h - 290.4) ) 20%));--_swc-prompt-field-bg-stop-4: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 85.78% .1222 calc(h + .4) ) 20%), color-mix(in oklch, var(--swc-gray-75), oklch(from var(--swc-prompt-field-brand-color) 37.57% .1726 calc(h - 2.6) ) 20%));--_swc-prompt-field-spread-shadow-opacity: 30%}:host([variant=\"balanced\"][generating]) .swc-PromptField-box{--_swc-prompt-field-con-hue-opacity: 50%;--_swc-prompt-field-bg-stop-1: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 90.63% .0456 calc(h - 45.1) ) 50%), color-mix(in oklch, var(--swc-gray-75), rgb(0, 0, 0) 50%));--_swc-prompt-field-bg-stop-2: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 95.64% .036 calc(h + .6) ) 50%), color-mix(in oklch, var(--swc-gray-75), oklch(from var(--swc-prompt-field-brand-color) 26.65% .1587 calc(h - 40.2) ) 50%));--_swc-prompt-field-bg-stop-3: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 95.08% .0433 calc(h - 243.9) ) 50%), color-mix(in oklch, var(--swc-gray-75), oklch(from var(--swc-prompt-field-brand-color) 25.8% .0855 calc(h - 290.4) ) 50%));--_swc-prompt-field-bg-stop-4: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 85.78% .1222 calc(h + .4) ) 50%), color-mix(in oklch, var(--swc-gray-75), oklch(from var(--swc-prompt-field-brand-color) 37.57% .1726 calc(h - 2.6) ) 50%));--_swc-prompt-field-spread-shadow-opacity: 50%}:host([variant=\"balanced\"][generating]) :where(.swc-PromptField-outer-border:hover) .swc-PromptField-box{--_swc-prompt-field-con-hue-opacity: 100%;--_swc-prompt-field-bg-stop-1: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 90.63% .0456 calc(h - 45.1) ) 75%), color-mix(in oklch, var(--swc-gray-75), rgb(0, 0, 0) 75%));--_swc-prompt-field-bg-stop-2: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 95.64% .036 calc(h + .6) ) 75%), color-mix(in oklch, var(--swc-gray-75), oklch(from var(--swc-prompt-field-brand-color) 26.65% .1587 calc(h - 40.2) ) 75%));--_swc-prompt-field-bg-stop-3: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 95.08% .0433 calc(h - 243.9) ) 75%), color-mix(in oklch, var(--swc-gray-75), oklch(from var(--swc-prompt-field-brand-color) 25.8% .0855 calc(h - 290.4) ) 75%));--_swc-prompt-field-bg-stop-4: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 85.78% .1222 calc(h + .4) ) 75%), color-mix(in oklch, var(--swc-gray-75), oklch(from var(--swc-prompt-field-brand-color) 37.57% .1726 calc(h - 2.6) ) 75%));--_swc-prompt-field-spread-shadow-opacity: 50%}:host([variant=\"prominent\"][generating]) .swc-PromptField-box{--_swc-prompt-field-con-hue-opacity: 75%;--_swc-prompt-field-bg-stop-1: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 90.63% .0456 calc(h - 45.1) ) 100%), color-mix(in oklch, var(--swc-gray-75), rgb(0, 0, 0) 75%));--_swc-prompt-field-bg-stop-2: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 95.64% .036 calc(h + .6) ) 100%), color-mix(in oklch, var(--swc-gray-75), oklch(from var(--swc-prompt-field-brand-color) 26.65% .1587 calc(h - 40.2) ) 75%));--_swc-prompt-field-bg-stop-3: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 95.08% .0433 calc(h - 243.9) ) 100%), color-mix(in oklch, var(--swc-gray-75), oklch(from var(--swc-prompt-field-brand-color) 25.8% .0855 calc(h - 290.4) ) 75%));--_swc-prompt-field-bg-stop-4: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 85.78% .1222 calc(h + .4) ) 100%), color-mix(in oklch, var(--swc-gray-75), oklch(from var(--swc-prompt-field-brand-color) 37.57% .1726 calc(h - 2.6) ) 75%));--_swc-prompt-field-spread-shadow-opacity: 50%}:host([variant=\"prominent\"][generating]) :where(.swc-PromptField-outer-border:hover) .swc-PromptField-box{--_swc-prompt-field-con-hue-opacity: 100%;--_swc-prompt-field-bg-stop-1: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 90.63% .0456 calc(h - 45.1) ) 100%), color-mix(in oklch, var(--swc-gray-75), rgb(0, 0, 0) 100%));--_swc-prompt-field-bg-stop-2: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 95.64% .036 calc(h + .6) ) 100%), color-mix(in oklch, var(--swc-gray-75), oklch(from var(--swc-prompt-field-brand-color) 26.65% .1587 calc(h - 40.2) ) 100%));--_swc-prompt-field-bg-stop-3: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 95.08% .0433 calc(h - 243.9) ) 100%), color-mix(in oklch, var(--swc-gray-75), oklch(from var(--swc-prompt-field-brand-color) 25.8% .0855 calc(h - 290.4) ) 100%));--_swc-prompt-field-bg-stop-4: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 85.78% .1222 calc(h + .4) ) 100%), color-mix(in oklch, var(--swc-gray-75), oklch(from var(--swc-prompt-field-brand-color) 37.57% .1726 calc(h - 2.6) ) 100%));--_swc-prompt-field-spread-shadow-opacity: 50%}:host(:not([generating])) .swc-PromptField-box:focus-within{--_swc-prompt-field-con-hue-opacity: 0%;--_swc-prompt-field-bg-stop-1: var(--_swc-prompt-field-recede-surface);--_swc-prompt-field-bg-stop-2: var(--_swc-prompt-field-recede-surface);--_swc-prompt-field-bg-stop-3: var(--_swc-prompt-field-recede-surface);--_swc-prompt-field-bg-stop-4: var(--_swc-prompt-field-recede-surface);--_swc-prompt-field-border-color: light-dark(rgba(0, 0, 0, .05), rgba(255, 255, 255, .05));--_swc-prompt-field-inset-shadow-color: transparent;--_swc-prompt-field-drop-shadow-color: transparent;--_swc-prompt-field-prominent-outer-glow-color: transparent;--_swc-prompt-field-prominent-inset-glow-color: transparent}:host([generating]) .swc-PromptField-box{--_swc-prompt-field-generating-glow: 0 6px 83px rgb(from light-dark(oklch(from var(--swc-prompt-field-brand-color) 85.68% .0856 calc(h + 35.2) ), oklch(from var(--swc-prompt-field-brand-color) 26.22% .105 calc(h - 314.8) )) r g b / var(--_swc-prompt-field-spread-shadow-opacity, 50%));box-shadow:0 20px 20px -24px var(--_swc-prompt-field-prominent-outer-glow-color, transparent),0 -3px 10px 1px var(--_swc-prompt-field-drop-shadow-color),var(--_swc-prompt-field-generating-glow)}:host([generating][size=\"s\"]) .swc-PromptField-box{--_swc-prompt-field-generating-glow: 0 0 0 transparent}:host .swc-PromptField-outer-border.dragged{--_swc-prompt-field-drag-fill: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 91.32% .0721 calc(h + .1) ) 30%), color-mix(in srgb, var(--swc-background-layer-2-color) 85%, rgb(236, 105, 255) 15%));--_swc-prompt-field-drag-focus-indicator-color: var(--swc-indigo-800);--_swc-prompt-field-outer-stop-1: var(--_swc-prompt-field-outer-recede-stop);--_swc-prompt-field-outer-stop-2: var(--_swc-prompt-field-outer-recede-stop);--_swc-prompt-field-outer-stop-3: var(--_swc-prompt-field-outer-recede-stop);box-shadow:none}:host .swc-PromptField-outer-border.dragged .swc-PromptField-box{background:var(--_swc-prompt-field-drag-fill);box-shadow:none;outline:2px solid var(--_swc-prompt-field-drag-focus-indicator-color);outline-offset:-2px}:host .swc-PromptField-outer-border.dragged .swc-PromptField-box:before,:host .swc-PromptField-outer-border.dragged .swc-PromptField-gloss{background:none}:host .swc-PromptField-outer-border.dragged .swc-PromptField-box:after{box-shadow:inset 0 0 0 1px var(--_swc-prompt-field-border-color)}.swc-PromptField-input-area{--_swc-prompt-field-attachment-scrollbar-size: 12px;display:flex;flex-direction:column;gap:16px;min-inline-size:0;padding-block-start:0;padding-inline:0}.swc-PromptField-input-area:has(.swc-PromptField-attachments-scroll:is(.has-scroll-prev,.has-scroll-next)){gap:calc(16px - var(--_swc-prompt-field-attachment-scrollbar-size))}.swc-PromptField-controls{display:flex;position:relative;flex-direction:column;gap:0;transition:gap .16s cubic-bezier(.45,0,.4,1)}:host(:not([collapsed])) .swc-PromptField-controls{gap:32px}@media(prefers-reduced-motion:reduce){.swc-PromptField-controls{transition:none}}.swc-PromptField-text-group{display:flex;gap:12px;align-items:center;min-inline-size:0;min-block-size:var(--swc-component-height-100);padding-block-start:calc((var(--swc-component-height-100) - (var(--swc-font-size-200) * 1.5)) / 2);padding-inline-start:4px;padding-inline-end:calc(var(--swc-component-height-100) + 16px)}:host([size=\"s\"]) .swc-PromptField-text-group{gap:8px;min-block-size:var(--swc-component-height-75);padding-block-start:calc((var(--swc-component-height-75) - (var(--swc-font-size-100) * 1.3)) / 2);padding-inline-start:2px;padding-inline-end:calc(var(--swc-component-height-75) + 16px)}.swc-PromptField-status-icon{display:flex;flex:0 0 auto;align-items:center;align-self:flex-start;justify-content:center;inline-size:24px;block-size:24px;color:light-dark(rgba(0,0,0,.84),rgba(255,255,255,.85))}.swc-PromptField-status-icon swc-pixel-loader{--swc-pixel-loader-size: 21px}::slotted(swc-upload-attachment){--swc-upload-attachment-focus-indicator-color: light-dark(var(--swc-black), var(--swc-white))}.swc-PromptField-attachments--single{--_swc-prompt-field-attachment-badge-clearance: 16px;display:flex;flex-wrap:wrap;gap:16px;align-items:start;padding-block-start:var(--_swc-prompt-field-attachment-badge-clearance)}.swc-PromptField-attachments--single>slot{display:contents}.swc-PromptField-attachments--single>slot::slotted(*){flex:0 0 auto}.swc-PromptField-attachments--single>slot::slotted([type=\"card\"]){flex-shrink:1;flex-basis:auto}.swc-PromptField-attachments--single>slot::slotted([type=\"media\"]){box-sizing:border-box;inline-size:var(--swc-prompt-field-attachment-media-inline-size, 68px);min-inline-size:var(--swc-prompt-field-attachment-media-min-inline-size, 68px);block-size:var(--swc-prompt-field-attachment-media-block-size, 68px);min-block-size:var(--swc-prompt-field-attachment-media-min-block-size, 68px);aspect-ratio:1 / 1}.swc-PromptField-attachments--multiple{--_swc-prompt-field-attachment-badge-clearance: 16px;min-inline-size:0}.swc-PromptField-attachments-row{position:relative;inline-size:100%}.swc-PromptField-attachments-viewport{position:relative;flex:1 1 auto;min-inline-size:0;border-radius:4px;overflow:visible}.swc-PromptField-attachments-scroll{--_swc-prompt-field-attachment-fade-plateau: calc(var(--swc-component-height-100) + 4px);--_swc-prompt-field-attachment-fade-soft: 24px;--_swc-prompt-field-attachment-fade: calc(var(--_swc-prompt-field-attachment-fade-plateau) + var(--_swc-prompt-field-attachment-fade-soft));--_swc-prompt-field-attachment-fade-start: 0px;--_swc-prompt-field-attachment-fade-end: 0px;box-sizing:border-box;inline-size:100%;max-inline-size:100%;padding-block-start:var(--_swc-prompt-field-attachment-badge-clearance, 0);padding-inline:4px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:inline proximity;scroll-padding-inline:4px;-webkit-mask-image:linear-gradient(to right,transparent 0,transparent calc(var(--_swc-prompt-field-attachment-fade-start) - var(--_swc-prompt-field-attachment-fade-soft)),black var(--_swc-prompt-field-attachment-fade-start),black calc(100% - var(--_swc-prompt-field-attachment-fade-end)),transparent calc(100% - var(--_swc-prompt-field-attachment-fade-end) + var(--_swc-prompt-field-attachment-fade-soft)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,transparent calc(var(--_swc-prompt-field-attachment-fade-start) - var(--_swc-prompt-field-attachment-fade-soft)),black var(--_swc-prompt-field-attachment-fade-start),black calc(100% - var(--_swc-prompt-field-attachment-fade-end)),transparent calc(100% - var(--_swc-prompt-field-attachment-fade-end) + var(--_swc-prompt-field-attachment-fade-soft)),transparent 100%)}.swc-PromptField-attachments-scroll.has-scroll-prev{--_swc-prompt-field-attachment-fade-start: var(--_swc-prompt-field-attachment-fade);scroll-padding-inline-start:calc(var(--swc-component-height-100) + 24px + 4px)}.swc-PromptField-attachments-scroll.has-scroll-next{--_swc-prompt-field-attachment-fade-end: var(--_swc-prompt-field-attachment-fade);scroll-padding-inline-end:calc(var(--swc-component-height-100) + 24px + 4px)}.swc-PromptField-attachments-scroll:is(.has-scroll-prev,.has-scroll-next){padding-block-end:var(--_swc-prompt-field-attachment-scrollbar-size)}:host(:dir(rtl)) .swc-PromptField-attachments-scroll{-webkit-mask-image:linear-gradient(to left,transparent 0,transparent calc(var(--_swc-prompt-field-attachment-fade-start) - var(--_swc-prompt-field-attachment-fade-soft)),black var(--_swc-prompt-field-attachment-fade-start),black calc(100% - var(--_swc-prompt-field-attachment-fade-end)),transparent calc(100% - var(--_swc-prompt-field-attachment-fade-end) + var(--_swc-prompt-field-attachment-fade-soft)),transparent 100%);mask-image:linear-gradient(to left,transparent 0,transparent calc(var(--_swc-prompt-field-attachment-fade-start) - var(--_swc-prompt-field-attachment-fade-soft)),black var(--_swc-prompt-field-attachment-fade-start),black calc(100% - var(--_swc-prompt-field-attachment-fade-end)),transparent calc(100% - var(--_swc-prompt-field-attachment-fade-end) + var(--_swc-prompt-field-attachment-fade-soft)),transparent 100%)}.swc-PromptField-attachments-tiles{display:flex;flex-wrap:nowrap;align-items:start;inline-size:-moz-max-content;inline-size:max-content;min-inline-size:100%;min-block-size:var(--swc-prompt-field-attachment-media-block-size, 68px)}.swc-PromptField-attachments-tiles>slot{display:flex;flex:0 0 auto;flex-wrap:nowrap;gap:8px;align-items:start}.swc-PromptField-attachments-tiles>slot::slotted(*){flex:0 0 auto;scroll-snap-align:start}.swc-PromptField-attachments-tiles>slot::slotted([type=\"card\"]){box-sizing:border-box;inline-size:var(--swc-prompt-field-attachment-card-inline-size, 240px);min-inline-size:var(--swc-prompt-field-attachment-card-inline-size, 240px);max-inline-size:var(--swc-prompt-field-attachment-card-inline-size, 240px)}.swc-PromptField-attachments-tiles>slot::slotted([type=\"media\"]){box-sizing:border-box;inline-size:var(--swc-prompt-field-attachment-media-inline-size, 68px);min-inline-size:var(--swc-prompt-field-attachment-media-min-inline-size, 68px);max-inline-size:var(--swc-prompt-field-attachment-media-inline-size, 68px);block-size:var(--swc-prompt-field-attachment-media-block-size, 68px);min-block-size:var(--swc-prompt-field-attachment-media-min-block-size, 68px);aspect-ratio:1 / 1}.swc-PromptField-attachments-scroll-prev,.swc-PromptField-attachments-scroll-next{--_swc-prompt-field-attachment-scroll-icon-transform: none;--swc-action-button-focus-indicator-color: light-dark(var(--swc-black), var(--swc-white));--swc-action-button-border-radius: 50%;position:absolute;inset-block-start:calc((var(--_swc-prompt-field-attachment-badge-clearance, 0) + var(--swc-prompt-field-attachment-media-block-size, 68px)) / 2);z-index:4;flex:0 0 auto;transform:translateY(-50%);transition:opacity .13s cubic-bezier(.45,0,.4,1)}.swc-PromptField-attachments-scroll-prev[aria-disabled=true],.swc-PromptField-attachments-scroll-next[aria-disabled=true]{pointer-events:none;opacity:0}.swc-PromptField-attachments-scroll-prev{--_swc-prompt-field-attachment-scroll-icon-transform: scaleX(-1);inset-inline-start:0}.swc-PromptField-attachments-scroll-next{inset-inline-end:0}.swc-PromptField-attachments-scroll-prev swc-icon,.swc-PromptField-attachments-scroll-next swc-icon{display:inline-flex;position:relative;z-index:2;align-items:center;justify-content:center;transform:var(--_swc-prompt-field-attachment-scroll-icon-transform)}:host(:dir(rtl)) .swc-PromptField-attachments-scroll-prev{--_swc-prompt-field-attachment-scroll-icon-transform: none}:host(:dir(rtl)) .swc-PromptField-attachments-scroll-next{--_swc-prompt-field-attachment-scroll-icon-transform: scaleX(-1)}.swc-PromptField-textarea{field-sizing:content;display:block;flex:1 1 0%;min-inline-size:0;min-block-size:calc(var(--swc-font-size-200) * 1.5 * var(--_swc-prompt-field-textarea-min-rows, 1));max-block-size:min(calc(var(--swc-font-size-200) * 1.5 * var(--_swc-prompt-field-textarea-max-rows, 999)),var(--swc-prompt-field-max-block-size, 40vh));padding:0;font-family:var(--swc-sans-font-family-stack);font-size:var(--swc-font-size-200);font-weight:400;line-height:1.5;color:var(--swc-gray-900);background:transparent;border:none;overflow-y:auto;resize:none;outline:none}.swc-PromptField-textarea::-moz-placeholder{color:var(--swc-gray-600)}.swc-PromptField-textarea::placeholder{color:var(--swc-gray-600)}.swc-PromptField-textarea:disabled{color:var(--swc-gray-500);cursor:default}:host([size=\"s\"]) .swc-PromptField-textarea{min-block-size:calc(var(--swc-font-size-100) * 1.3 * var(--_swc-prompt-field-textarea-min-rows, 1));max-block-size:min(calc(var(--swc-font-size-100) * 1.3 * var(--_swc-prompt-field-textarea-max-rows, 999)),var(--swc-prompt-field-max-block-size, 40vh));font-size:var(--swc-font-size-100);line-height:1.3}.swc-PromptField-leading-actions{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .16s cubic-bezier(.45,0,.4,1),opacity .13s cubic-bezier(.45,0,.4,1)}:host(:not([collapsed])) .swc-PromptField-leading-actions{grid-template-rows:1fr;opacity:1}@media(prefers-reduced-motion:reduce){.swc-PromptField-leading-actions{transition:none}}.swc-PromptField-leading-actions-row{overflow-clip-margin:4px;display:flex;gap:4px;align-items:center;min-block-size:0;overflow:clip}:host(:not([collapsed])) .swc-PromptField-leading-actions-row{overflow:visible}.swc-PromptField-upload{--swc-action-button-focus-indicator-color: light-dark(var(--swc-black), var(--swc-white));--swc-action-button-content-color-default: light-dark(rgba(0, 0, 0, .84), rgba(255, 255, 255, .85));--swc-action-button-content-color-hover: light-dark(rgba(0, 0, 0, .93), rgba(255, 255, 255, .94));--swc-action-button-background-color-hover: light-dark(rgba(0, 0, 0, .12), rgba(255, 255, 255, .14));--swc-action-button-background-color-focus: light-dark(rgba(0, 0, 0, .12), rgba(255, 255, 255, .14));--swc-action-button-background-color-down: light-dark(rgba(0, 0, 0, .12), rgba(255, 255, 255, .14))}.swc-PromptField-send,.swc-PromptField-stop{--swc-action-button-focus-indicator-color: light-dark(var(--swc-black), var(--swc-white));--swc-action-button-border-radius: 50%;--swc-action-button-content-color-default: var(--swc-gray-25);--swc-action-button-content-color-hover: var(--swc-gray-25);--swc-action-button-content-color-focus: var(--swc-gray-25);--swc-action-button-content-color-down: var(--swc-gray-25);position:absolute;inset-block-end:0;inset-inline-end:0}.swc-PromptField-send{--_swc-prompt-field-send-fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));--_swc-prompt-field-send-icon: light-dark(rgb(255, 255, 255), rgb(0, 0, 0));--swc-action-button-background-color-default: color-mix(in oklch, var(--_swc-prompt-field-send-fill), transparent 15%);--swc-action-button-background-color-hover: color-mix(in oklch, var(--_swc-prompt-field-send-fill), transparent 5%);--swc-action-button-background-color-focus: color-mix(in oklch, var(--_swc-prompt-field-send-fill), transparent 15%);--swc-action-button-background-color-down: color-mix(in oklch, var(--_swc-prompt-field-send-fill), transparent 5%);--swc-action-button-content-color-default: var(--_swc-prompt-field-send-icon);--swc-action-button-content-color-hover: var(--_swc-prompt-field-send-icon);--swc-action-button-content-color-focus: var(--_swc-prompt-field-send-icon);--swc-action-button-content-color-down: var(--_swc-prompt-field-send-icon);--swc-action-button-background-color-disabled: color-mix(in oklch, var(--_swc-prompt-field-send-fill), transparent 89%);--swc-action-button-content-color-disabled: var(--swc-gray-400)}.swc-PromptField-stop{--swc-action-button-background-color-default: var(--swc-gray-900);--swc-action-button-background-color-hover: var(--swc-gray-800);--swc-action-button-background-color-focus: var(--swc-gray-900);--swc-action-button-background-color-down: var(--swc-gray-900)}.swc-PromptField-footer{display:flex;align-items:center;justify-content:center}slot[name=legal]{--swc-link-text-color-default: var(--swc-gray-600);--swc-link-text-color-hover: var(--swc-gray-900);--swc-link-text-color-down: var(--swc-gray-900);--swc-link-text-color-focus: var(--swc-gray-900);font-size:var(--swc-font-size-75);line-height:var(--swc-line-height-font-size-75);color:var(--swc-gray-600);text-align:center}::slotted([slot=\"legal\"]){margin:0}@media(prefers-reduced-motion:reduce){.swc-PromptField-attachments-scroll{scroll-behavior:auto}.swc-PromptField-attachments-scroll-prev,.swc-PromptField-attachments-scroll-next{transition:none}}@media(prefers-contrast:more),(forced-colors:active){:host .swc-PromptField-box:focus-within{outline:2px solid var(--swc-gray-900)}.swc-PromptField-outer-border{border:2px solid color-mix(in oklch,var(--swc-prompt-field-brand-color),transparent 65%)}}`;
|
|
36467
|
+
var t88 = i`:host{display:block;inline-size:100%}*,*:before,*:after{box-sizing:border-box}.swc-PromptField{--_swc-prompt-field-transition: .7s cubic-bezier(.32, .72, 0, 1);display:flex;flex-direction:column;gap:12px;inline-size:100%}.swc-PromptField-box{--_swc-prompt-field-recede-surface: var(--swc-background-layer-2-color);--_swc-prompt-field-recede-border-color: light-dark(rgba(0, 0, 0, .06), rgba(255, 255, 255, .06));--_swc-prompt-field-recede-shadow-color: rgba(0, 0, 0, .03);--_swc-prompt-field-border-color: light-dark(oklch(from var(--swc-prompt-field-brand-color) 73.58% .2376 h / 10%), rgba(255, 255, 255, .05));--_swc-prompt-field-drop-shadow-color: light-dark(oklch(from var(--swc-prompt-field-brand-color) 58.26% .2265 calc(h - .4) / 5%), oklch(from var(--swc-prompt-field-brand-color) 66.17% .2508 calc(h - .5) / 5%));--_swc-prompt-field-container-shadow-color: transparent;--_swc-prompt-field-inset-shadow-color: rgba(255, 255, 255, .04);display:flex;position:relative;z-index:0;flex:1 1 auto;flex-direction:column;min-inline-size:0;padding:16px;background:radial-gradient(circle at var(--_swc-prompt-field-wash-x, right) bottom in oklab,var(--_swc-prompt-field-bg-stop-1) 0%,var(--_swc-prompt-field-bg-stop-2) 35%,var(--_swc-prompt-field-bg-stop-3) 82%,var(--_swc-prompt-field-bg-stop-4) 100%);border-radius:24px;box-shadow:0 20px 20px -24px var(--_swc-prompt-field-prominent-outer-glow-color, transparent),0 -3px 10px 1px var(--_swc-prompt-field-drop-shadow-color),0 8px 32px 0 var(--_swc-prompt-field-container-shadow-color);overflow:clip;cursor:text;transition:--_swc-prompt-field-con-hue-opacity var(--_swc-prompt-field-transition),--_swc-prompt-field-bg-stop-1 var(--_swc-prompt-field-transition),--_swc-prompt-field-bg-stop-2 var(--_swc-prompt-field-transition),--_swc-prompt-field-bg-stop-3 var(--_swc-prompt-field-transition),--_swc-prompt-field-bg-stop-4 var(--_swc-prompt-field-transition),box-shadow var(--_swc-prompt-field-transition)}:host([size=\"s\"]) .swc-PromptField-box{border-radius:16px}@media(prefers-reduced-motion:reduce){.swc-PromptField-box{transition:none}}.swc-PromptField-box:has(.swc-PromptField-input-area.has-attachment){padding-block-start:8px}:host([disabled]){cursor:default}:host([disabled]) .swc-PromptField-outer-border{pointer-events:none}.swc-PromptField-outer-border{--_swc-prompt-field-outer-shadow: light-dark(oklch(from var(--swc-prompt-field-brand-color) 73.58% .2376 h / 10%), oklch(from var(--swc-prompt-field-brand-color) 66.17% .2508 calc(h - .5) / 0%));--_swc-prompt-field-outer-recede-stop: light-dark(rgb(255, 255, 255), rgba(255, 255, 255, .02));display:flex;padding:6px;container-type:inline-size;background:linear-gradient(var(--_swc-prompt-field-outer-dir, to right) in oklch,var(--_swc-prompt-field-outer-stop-1) 0%,var(--_swc-prompt-field-outer-stop-2) 37%,var(--_swc-prompt-field-outer-stop-3) 77%);border-radius:30px;box-shadow:0 2px 4px var(--_swc-prompt-field-outer-shadow),0 6px 16px -10px var(--_swc-prompt-field-outer-hue);transition:--_swc-prompt-field-outer-stop-1 var(--_swc-prompt-field-transition),--_swc-prompt-field-outer-stop-2 var(--_swc-prompt-field-transition),--_swc-prompt-field-outer-stop-3 var(--_swc-prompt-field-transition),box-shadow var(--_swc-prompt-field-transition);:host([size=\"s\"]) &{padding:0;background:none;border-radius:16px;box-shadow:none}:host([variant=\"subtle\"]) &{--_swc-prompt-field-outer-shadow: rgba(0, 0, 0, .05);--_swc-prompt-field-outer-hue: transparent;--_swc-prompt-field-outer-stop-1: var(--_swc-prompt-field-outer-recede-stop);--_swc-prompt-field-outer-stop-2: var(--_swc-prompt-field-outer-recede-stop);--_swc-prompt-field-outer-stop-3: var(--_swc-prompt-field-outer-recede-stop);&:hover{--_swc-prompt-field-outer-shadow: light-dark(oklch(from var(--swc-prompt-field-brand-color) 73.58% .2376 h / 10%), oklch(from var(--swc-prompt-field-brand-color) 66.17% .2508 calc(h - .5) / 0%));--_swc-prompt-field-outer-hue: light-dark(oklch(from oklch(from var(--swc-prompt-field-brand-color) 67.5% .2134 calc(h - 292.3) / 50%) l c h / 20%), oklch(from oklch(from var(--swc-prompt-field-brand-color) 23.87% .1407 calc(h - 38.8) ) l c h / 0%));--_swc-prompt-field-outer-stop-1: light-dark(oklch(from oklch(from var(--swc-prompt-field-brand-color) 73.58% .2376 h / 60%) l c h / 2%), rgba(255, 255, 255, .02));--_swc-prompt-field-outer-stop-2: light-dark(oklch(from oklch(from var(--swc-prompt-field-brand-color) 67.5% .2134 calc(h - 292.3) / 50%) l c h / 2%), rgba(255, 255, 255, .02));--_swc-prompt-field-outer-stop-3: light-dark(oklch(from oklch(from var(--swc-prompt-field-brand-color) 78.78% .1692 calc(h - 254) / 40%) l c h / 2%), rgba(255, 255, 255, .02))}}:host([variant=\"balanced\"]) &{--_swc-prompt-field-outer-hue: light-dark(oklch(from oklch(from var(--swc-prompt-field-brand-color) 67.5% .2134 calc(h - 292.3) / 50%) l c h / 30%), oklch(from oklch(from var(--swc-prompt-field-brand-color) 23.87% .1407 calc(h - 38.8) ) l c h / 0%));--_swc-prompt-field-outer-stop-1: light-dark(oklch(from oklch(from var(--swc-prompt-field-brand-color) 73.58% .2376 h / 60%) l c h / 3%), rgba(255, 255, 255, .02));--_swc-prompt-field-outer-stop-2: light-dark(oklch(from oklch(from var(--swc-prompt-field-brand-color) 67.5% .2134 calc(h - 292.3) / 50%) l c h / 3%), rgba(255, 255, 255, .02));--_swc-prompt-field-outer-stop-3: light-dark(oklch(from oklch(from var(--swc-prompt-field-brand-color) 78.78% .1692 calc(h - 254) / 40%) l c h / 3%), rgba(255, 255, 255, .02))}:host([variant=\"prominent\"]) &{--_swc-prompt-field-outer-hue: light-dark(oklch(from oklch(from var(--swc-prompt-field-brand-color) 67.5% .2134 calc(h - 292.3) / 50%) l c h / 40%), oklch(from oklch(from var(--swc-prompt-field-brand-color) 23.87% .1407 calc(h - 38.8) ) l c h / 40%));--_swc-prompt-field-outer-stop-1: light-dark(oklch(from oklch(from var(--swc-prompt-field-brand-color) 73.58% .2376 h / 60%) l c h / 4%), oklch(from oklch(from var(--swc-prompt-field-brand-color) 23.18% .1116 calc(h - 3.1) ) l c h / 40%));--_swc-prompt-field-outer-stop-2: light-dark(oklch(from oklch(from var(--swc-prompt-field-brand-color) 67.5% .2134 calc(h - 292.3) / 50%) l c h / 4%), oklch(from oklch(from var(--swc-prompt-field-brand-color) 23.87% .1407 calc(h - 38.8) ) l c h / 40%));--_swc-prompt-field-outer-stop-3: light-dark(oklch(from oklch(from var(--swc-prompt-field-brand-color) 78.78% .1692 calc(h - 254) / 40%) l c h / 4%), oklch(from oklch(from var(--swc-prompt-field-brand-color) 23.87% .1407 calc(h - 38.8) ) l c h / 40%))}:host(:not([generating])) &:focus-within{--_swc-prompt-field-outer-shadow: light-dark(rgba(0, 0, 0, .05), rgba(0, 0, 0, .03));--_swc-prompt-field-outer-hue: transparent;--_swc-prompt-field-outer-stop-1: var(--_swc-prompt-field-outer-recede-stop);--_swc-prompt-field-outer-stop-2: var(--_swc-prompt-field-outer-recede-stop);--_swc-prompt-field-outer-stop-3: var(--_swc-prompt-field-outer-recede-stop)}}@media(prefers-reduced-motion:reduce){.swc-PromptField-outer-border{transition:none}}.swc-PromptField-box:after{position:absolute;inset:0;z-index:-1;border-radius:inherit;box-shadow:inset 0 -20px 20px -24px var(--_swc-prompt-field-prominent-inset-glow-color, transparent),inset 0 0 0 1px var(--_swc-prompt-field-border-color),inset 0 6px 15px 0 var(--_swc-prompt-field-inset-shadow-color),inset 0 0 0 0 transparent,inset 0 -5px 21.6px #ffffff0a,inset 0 24px 32px #ffffff0a;pointer-events:none;content:\"\";transition:box-shadow var(--_swc-prompt-field-transition)}@media(prefers-reduced-motion:reduce){.swc-PromptField-box:after{transition:none}}:host([generating]) .swc-PromptField-box:after{box-shadow:inset 0 -20px 20px -24px var(--_swc-prompt-field-prominent-inset-glow-color, transparent),inset 0 0 0 1px var(--_swc-prompt-field-border-color),inset 0 6px 15px 0 var(--_swc-prompt-field-inset-shadow-color),inset 0 -32px 100px -50px light-dark(rgb(254,246,255),oklch(from var(--swc-prompt-field-brand-color) 44.18% .1934 calc(h - 1.8))),inset 0 -5px 21.6px #ffffff0a,inset 0 24px 32px #ffffff0a}.swc-PromptField-gloss{position:absolute;inset:0;z-index:-1;background:linear-gradient(to bottom in oklch,light-dark(rgba(255,255,255,.75),rgba(0,0,0,.4)) 0%,light-dark(rgba(255,255,255,.75),rgba(0,0,0,.4)) 37%,light-dark(rgba(255,255,255,.15),rgba(0,0,0,.12)) 83%,light-dark(rgba(255,255,255,.15),rgba(0,0,0,.12)) 100%);background:linear-gradient(to bottom in oklch,light-dark(rgba(255,255,255,.75),rgba(0,0,0,.4)) 0% 37%,light-dark(rgba(255,255,255,.15),rgba(0,0,0,.12)) 83% 100%);pointer-events:none}.swc-PromptField-box:before{--_swc-prompt-field-rotation: 7deg;--_swc-prompt-field-translation: 44px;position:absolute;inset:-44px;z-index:-1;background:radial-gradient(50% 50% at -20% 100% in oklch,oklch(from light-dark(oklch(from var(--swc-prompt-field-brand-color) 95.17% .0271 calc(h + 32.1)),oklch(from var(--swc-prompt-field-brand-color) 50.12% .1912 calc(h - 313.3))) l c h / var(--_swc-prompt-field-con-hue-opacity)),transparent),radial-gradient(70% 60% at 5% 80% in oklch,oklch(from light-dark(rgb(254,246,255),oklch(from var(--swc-prompt-field-brand-color) 44.18% .1934 calc(h - 1.8))) l c h / var(--_swc-prompt-field-con-hue-opacity)),transparent),radial-gradient(70% 50% at 40% 80% in oklch,oklch(from light-dark(oklch(from var(--swc-prompt-field-brand-color) 95.64% .036 calc(h + .6)),oklch(from var(--swc-prompt-field-brand-color) 31.55% .1704 calc(h - 24.5))) l c h / var(--_swc-prompt-field-con-hue-opacity)),transparent);pointer-events:none;content:\"\"}:host(:dir(rtl)) .swc-PromptField-box{--_swc-prompt-field-wash-x: left}:host(:dir(rtl)) .swc-PromptField-box:before{transform:scaleX(-1)}:host(:dir(rtl)) .swc-PromptField-outer-border{--_swc-prompt-field-outer-dir: to left}@supports (rotate: atan(1px / 1cqw)){.swc-PromptField-box:before{--_swc-prompt-field-rotation: atan(30px / 50cqw);--_swc-prompt-field-translation: clamp(44px, 44px * (800px / 100cqw), 72px)}}:host([generating]) .swc-PromptField-box:before{animation:swc-prompt-field-hue-translate 2s linear infinite,swc-prompt-field-hue-rotate 3s linear infinite,swc-prompt-field-hue-scale 4s linear infinite}@media(prefers-reduced-motion:reduce){:host([generating]) .swc-PromptField-box:before{animation:none}}@keyframes swc-prompt-field-hue-rotate{0%{rotate:0deg}25%{rotate:var(--_swc-prompt-field-rotation)}50%{rotate:0deg}75%{rotate:calc(-1 * var(--_swc-prompt-field-rotation))}to{rotate:0deg}}@keyframes swc-prompt-field-hue-translate{0%{translate:0 0}50%{translate:0 var(--_swc-prompt-field-translation)}to{translate:0 0}}@keyframes swc-prompt-field-hue-scale{0%{scale:1 1}50%{scale:3 1}to{scale:1 1}}:host([variant=\"subtle\"]:not([generating])) .swc-PromptField-box{--_swc-prompt-field-con-hue-opacity: 0%;--_swc-prompt-field-bg-stop-1: var(--_swc-prompt-field-recede-surface);--_swc-prompt-field-bg-stop-2: var(--_swc-prompt-field-recede-surface);--_swc-prompt-field-bg-stop-3: var(--_swc-prompt-field-recede-surface);--_swc-prompt-field-bg-stop-4: var(--_swc-prompt-field-recede-surface);--_swc-prompt-field-border-color: var(--_swc-prompt-field-recede-border-color);--_swc-prompt-field-drop-shadow-color: transparent;--_swc-prompt-field-container-shadow-color: var(--_swc-prompt-field-recede-shadow-color)}:host([variant=\"subtle\"]:not([generating])) :where(.swc-PromptField-outer-border:hover) .swc-PromptField-box{--_swc-prompt-field-con-hue-opacity: 12.5%;--_swc-prompt-field-bg-stop-1: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 95.18% .0231 calc(h - 44.5) ) 30%), color-mix(in oklch, var(--swc-gray-75), rgb(0, 0, 0) 40%));--_swc-prompt-field-bg-stop-2: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 91.32% .0721 calc(h + .1) ) 30%), color-mix(in oklch, var(--swc-gray-75), oklch(from var(--swc-prompt-field-brand-color) 23.87% .1407 calc(h - 38.8) ) 40%));--_swc-prompt-field-bg-stop-3: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 95.52% .0222 calc(h - 294.6) ) 30%), color-mix(in oklch, var(--swc-gray-75), oklch(from var(--swc-prompt-field-brand-color) 23.18% .1116 calc(h - 3.1) ) 40%));--_swc-prompt-field-bg-stop-4: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 95.08% .0433 calc(h - 243.9) ) 30%), color-mix(in oklch, var(--swc-gray-75), oklch(from var(--swc-prompt-field-brand-color) 22.42% .072 calc(h - 288.8) ) 40%));--_swc-prompt-field-border-color: light-dark(oklch(from var(--swc-prompt-field-brand-color) 73.58% .2376 h / 10%), rgba(255, 255, 255, .05));--_swc-prompt-field-drop-shadow-color: light-dark(oklch(from var(--swc-prompt-field-brand-color) 58.26% .2265 calc(h - .4) / 5%), oklch(from var(--swc-prompt-field-brand-color) 66.17% .2508 calc(h - .5) / 5%));--_swc-prompt-field-container-shadow-color: transparent}:host([variant=\"balanced\"]:not([generating])) .swc-PromptField-box{--_swc-prompt-field-con-hue-opacity: 12.5%;--_swc-prompt-field-bg-stop-1: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 95.18% .0231 calc(h - 44.5) ) 12.5%), color-mix(in oklch, var(--swc-gray-75), rgb(0, 0, 0) 20%));--_swc-prompt-field-bg-stop-2: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 91.32% .0721 calc(h + .1) ) 12.5%), color-mix(in oklch, var(--swc-gray-75), oklch(from var(--swc-prompt-field-brand-color) 23.87% .1407 calc(h - 38.8) ) 20%));--_swc-prompt-field-bg-stop-3: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 95.52% .0222 calc(h - 294.6) ) 12.5%), color-mix(in oklch, var(--swc-gray-75), oklch(from var(--swc-prompt-field-brand-color) 23.18% .1116 calc(h - 3.1) ) 20%));--_swc-prompt-field-bg-stop-4: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 95.08% .0433 calc(h - 243.9) ) 12.5%), color-mix(in oklch, var(--swc-gray-75), oklch(from var(--swc-prompt-field-brand-color) 22.42% .072 calc(h - 288.8) ) 20%))}:host([variant=\"balanced\"]:not([generating])) :where(.swc-PromptField-outer-border:hover) .swc-PromptField-box{--_swc-prompt-field-con-hue-opacity: 20%;--_swc-prompt-field-bg-stop-1: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 95.18% .0231 calc(h - 44.5) ) 30%), color-mix(in oklch, var(--swc-gray-75), rgb(0, 0, 0) 40%));--_swc-prompt-field-bg-stop-2: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 91.32% .0721 calc(h + .1) ) 30%), color-mix(in oklch, var(--swc-gray-75), oklch(from var(--swc-prompt-field-brand-color) 23.87% .1407 calc(h - 38.8) ) 40%));--_swc-prompt-field-bg-stop-3: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 95.52% .0222 calc(h - 294.6) ) 30%), color-mix(in oklch, var(--swc-gray-75), oklch(from var(--swc-prompt-field-brand-color) 23.18% .1116 calc(h - 3.1) ) 40%));--_swc-prompt-field-bg-stop-4: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 95.08% .0433 calc(h - 243.9) ) 30%), color-mix(in oklch, var(--swc-gray-75), oklch(from var(--swc-prompt-field-brand-color) 22.42% .072 calc(h - 288.8) ) 40%))}:host([variant=\"prominent\"]){--_swc-prompt-field-prominent-outer-glow-color: light-dark(oklch(from var(--swc-prompt-field-brand-color) 85.78% .1222 calc(h + .4) ), oklch(from var(--swc-prompt-field-brand-color) 37.57% .1726 calc(h - 2.6) ));--_swc-prompt-field-prominent-inset-glow-color: light-dark(oklch(from var(--swc-prompt-field-brand-color) 85.78% .1222 calc(h + .4) ), oklch(from var(--swc-prompt-field-brand-color) 37.57% .1726 calc(h - 2.6) ))}:host([variant=\"prominent\"]:not([generating])) .swc-PromptField-box{--_swc-prompt-field-con-hue-opacity: 75%;--_swc-prompt-field-bg-stop-1: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 95.18% .0231 calc(h - 44.5) ) 30%), color-mix(in oklch, var(--swc-gray-75), rgb(0, 0, 0) 20%));--_swc-prompt-field-bg-stop-2: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 91.32% .0721 calc(h + .1) ) 30%), color-mix(in oklch, var(--swc-gray-75), oklch(from var(--swc-prompt-field-brand-color) 23.87% .1407 calc(h - 38.8) ) 20%));--_swc-prompt-field-bg-stop-3: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 95.52% .0222 calc(h - 294.6) ) 30%), color-mix(in oklch, var(--swc-gray-75), oklch(from var(--swc-prompt-field-brand-color) 23.18% .1116 calc(h - 3.1) ) 20%));--_swc-prompt-field-bg-stop-4: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 95.08% .0433 calc(h - 243.9) ) 30%), color-mix(in oklch, var(--swc-gray-75), oklch(from var(--swc-prompt-field-brand-color) 22.42% .072 calc(h - 288.8) ) 20%))}:host([variant=\"prominent\"]:not([generating])) :where(.swc-PromptField-outer-border:hover) .swc-PromptField-box{--_swc-prompt-field-con-hue-opacity: 100%;--_swc-prompt-field-bg-stop-1: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 95.18% .0231 calc(h - 44.5) ) 30%), color-mix(in oklch, var(--swc-gray-75), rgb(0, 0, 0) 40%));--_swc-prompt-field-bg-stop-2: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 91.32% .0721 calc(h + .1) ) 30%), color-mix(in oklch, var(--swc-gray-75), oklch(from var(--swc-prompt-field-brand-color) 23.87% .1407 calc(h - 38.8) ) 40%));--_swc-prompt-field-bg-stop-3: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 95.52% .0222 calc(h - 294.6) ) 30%), color-mix(in oklch, var(--swc-gray-75), oklch(from var(--swc-prompt-field-brand-color) 23.18% .1116 calc(h - 3.1) ) 40%));--_swc-prompt-field-bg-stop-4: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 95.08% .0433 calc(h - 243.9) ) 30%), color-mix(in oklch, var(--swc-gray-75), oklch(from var(--swc-prompt-field-brand-color) 22.42% .072 calc(h - 288.8) ) 40%))}:host([variant=\"subtle\"][generating]) .swc-PromptField-box{--_swc-prompt-field-con-hue-opacity: 20%;--_swc-prompt-field-bg-stop-1: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 90.63% .0456 calc(h - 45.1) ) 20%), color-mix(in oklch, var(--swc-gray-75), rgb(0, 0, 0) 20%));--_swc-prompt-field-bg-stop-2: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 95.64% .036 calc(h + .6) ) 20%), color-mix(in oklch, var(--swc-gray-75), oklch(from var(--swc-prompt-field-brand-color) 26.65% .1587 calc(h - 40.2) ) 20%));--_swc-prompt-field-bg-stop-3: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 95.08% .0433 calc(h - 243.9) ) 20%), color-mix(in oklch, var(--swc-gray-75), oklch(from var(--swc-prompt-field-brand-color) 25.8% .0855 calc(h - 290.4) ) 20%));--_swc-prompt-field-bg-stop-4: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 85.78% .1222 calc(h + .4) ) 20%), color-mix(in oklch, var(--swc-gray-75), oklch(from var(--swc-prompt-field-brand-color) 37.57% .1726 calc(h - 2.6) ) 20%));--_swc-prompt-field-spread-shadow-opacity: 30%}:host([variant=\"subtle\"][generating]) :where(.swc-PromptField-outer-border:hover) .swc-PromptField-box{--_swc-prompt-field-con-hue-opacity: 75%;--_swc-prompt-field-bg-stop-1: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 90.63% .0456 calc(h - 45.1) ) 20%), color-mix(in oklch, var(--swc-gray-75), rgb(0, 0, 0) 20%));--_swc-prompt-field-bg-stop-2: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 95.64% .036 calc(h + .6) ) 20%), color-mix(in oklch, var(--swc-gray-75), oklch(from var(--swc-prompt-field-brand-color) 26.65% .1587 calc(h - 40.2) ) 20%));--_swc-prompt-field-bg-stop-3: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 95.08% .0433 calc(h - 243.9) ) 20%), color-mix(in oklch, var(--swc-gray-75), oklch(from var(--swc-prompt-field-brand-color) 25.8% .0855 calc(h - 290.4) ) 20%));--_swc-prompt-field-bg-stop-4: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 85.78% .1222 calc(h + .4) ) 20%), color-mix(in oklch, var(--swc-gray-75), oklch(from var(--swc-prompt-field-brand-color) 37.57% .1726 calc(h - 2.6) ) 20%));--_swc-prompt-field-spread-shadow-opacity: 30%}:host([variant=\"balanced\"][generating]) .swc-PromptField-box{--_swc-prompt-field-con-hue-opacity: 50%;--_swc-prompt-field-bg-stop-1: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 90.63% .0456 calc(h - 45.1) ) 50%), color-mix(in oklch, var(--swc-gray-75), rgb(0, 0, 0) 50%));--_swc-prompt-field-bg-stop-2: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 95.64% .036 calc(h + .6) ) 50%), color-mix(in oklch, var(--swc-gray-75), oklch(from var(--swc-prompt-field-brand-color) 26.65% .1587 calc(h - 40.2) ) 50%));--_swc-prompt-field-bg-stop-3: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 95.08% .0433 calc(h - 243.9) ) 50%), color-mix(in oklch, var(--swc-gray-75), oklch(from var(--swc-prompt-field-brand-color) 25.8% .0855 calc(h - 290.4) ) 50%));--_swc-prompt-field-bg-stop-4: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 85.78% .1222 calc(h + .4) ) 50%), color-mix(in oklch, var(--swc-gray-75), oklch(from var(--swc-prompt-field-brand-color) 37.57% .1726 calc(h - 2.6) ) 50%));--_swc-prompt-field-spread-shadow-opacity: 50%}:host([variant=\"balanced\"][generating]) :where(.swc-PromptField-outer-border:hover) .swc-PromptField-box{--_swc-prompt-field-con-hue-opacity: 100%;--_swc-prompt-field-bg-stop-1: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 90.63% .0456 calc(h - 45.1) ) 75%), color-mix(in oklch, var(--swc-gray-75), rgb(0, 0, 0) 75%));--_swc-prompt-field-bg-stop-2: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 95.64% .036 calc(h + .6) ) 75%), color-mix(in oklch, var(--swc-gray-75), oklch(from var(--swc-prompt-field-brand-color) 26.65% .1587 calc(h - 40.2) ) 75%));--_swc-prompt-field-bg-stop-3: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 95.08% .0433 calc(h - 243.9) ) 75%), color-mix(in oklch, var(--swc-gray-75), oklch(from var(--swc-prompt-field-brand-color) 25.8% .0855 calc(h - 290.4) ) 75%));--_swc-prompt-field-bg-stop-4: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 85.78% .1222 calc(h + .4) ) 75%), color-mix(in oklch, var(--swc-gray-75), oklch(from var(--swc-prompt-field-brand-color) 37.57% .1726 calc(h - 2.6) ) 75%));--_swc-prompt-field-spread-shadow-opacity: 50%}:host([variant=\"prominent\"][generating]) .swc-PromptField-box{--_swc-prompt-field-con-hue-opacity: 75%;--_swc-prompt-field-bg-stop-1: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 90.63% .0456 calc(h - 45.1) ) 100%), color-mix(in oklch, var(--swc-gray-75), rgb(0, 0, 0) 75%));--_swc-prompt-field-bg-stop-2: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 95.64% .036 calc(h + .6) ) 100%), color-mix(in oklch, var(--swc-gray-75), oklch(from var(--swc-prompt-field-brand-color) 26.65% .1587 calc(h - 40.2) ) 75%));--_swc-prompt-field-bg-stop-3: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 95.08% .0433 calc(h - 243.9) ) 100%), color-mix(in oklch, var(--swc-gray-75), oklch(from var(--swc-prompt-field-brand-color) 25.8% .0855 calc(h - 290.4) ) 75%));--_swc-prompt-field-bg-stop-4: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 85.78% .1222 calc(h + .4) ) 100%), color-mix(in oklch, var(--swc-gray-75), oklch(from var(--swc-prompt-field-brand-color) 37.57% .1726 calc(h - 2.6) ) 75%));--_swc-prompt-field-spread-shadow-opacity: 50%}:host([variant=\"prominent\"][generating]) :where(.swc-PromptField-outer-border:hover) .swc-PromptField-box{--_swc-prompt-field-con-hue-opacity: 100%;--_swc-prompt-field-bg-stop-1: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 90.63% .0456 calc(h - 45.1) ) 100%), color-mix(in oklch, var(--swc-gray-75), rgb(0, 0, 0) 100%));--_swc-prompt-field-bg-stop-2: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 95.64% .036 calc(h + .6) ) 100%), color-mix(in oklch, var(--swc-gray-75), oklch(from var(--swc-prompt-field-brand-color) 26.65% .1587 calc(h - 40.2) ) 100%));--_swc-prompt-field-bg-stop-3: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 95.08% .0433 calc(h - 243.9) ) 100%), color-mix(in oklch, var(--swc-gray-75), oklch(from var(--swc-prompt-field-brand-color) 25.8% .0855 calc(h - 290.4) ) 100%));--_swc-prompt-field-bg-stop-4: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 85.78% .1222 calc(h + .4) ) 100%), color-mix(in oklch, var(--swc-gray-75), oklch(from var(--swc-prompt-field-brand-color) 37.57% .1726 calc(h - 2.6) ) 100%));--_swc-prompt-field-spread-shadow-opacity: 50%}:host(:not([generating])) .swc-PromptField-box:focus-within{--_swc-prompt-field-con-hue-opacity: 0%;--_swc-prompt-field-bg-stop-1: var(--_swc-prompt-field-recede-surface);--_swc-prompt-field-bg-stop-2: var(--_swc-prompt-field-recede-surface);--_swc-prompt-field-bg-stop-3: var(--_swc-prompt-field-recede-surface);--_swc-prompt-field-bg-stop-4: var(--_swc-prompt-field-recede-surface);--_swc-prompt-field-border-color: var(--_swc-prompt-field-recede-border-color);--_swc-prompt-field-inset-shadow-color: transparent;--_swc-prompt-field-drop-shadow-color: transparent;--_swc-prompt-field-container-shadow-color: var(--_swc-prompt-field-recede-shadow-color);--_swc-prompt-field-prominent-outer-glow-color: transparent;--_swc-prompt-field-prominent-inset-glow-color: transparent}:host([generating]) .swc-PromptField-box{--_swc-prompt-field-generating-glow: 0 6px 83px rgb(from light-dark(oklch(from var(--swc-prompt-field-brand-color) 85.68% .0856 calc(h + 35.2) ), oklch(from var(--swc-prompt-field-brand-color) 26.22% .105 calc(h - 314.8) )) r g b / var(--_swc-prompt-field-spread-shadow-opacity, 50%));box-shadow:0 20px 20px -24px var(--_swc-prompt-field-prominent-outer-glow-color, transparent),0 -3px 10px 1px var(--_swc-prompt-field-drop-shadow-color),0 8px 32px 0 var(--_swc-prompt-field-container-shadow-color),var(--_swc-prompt-field-generating-glow)}:host([generating][size=\"s\"]) .swc-PromptField-box{--_swc-prompt-field-generating-glow: 0 0 0 transparent}:host .swc-PromptField-outer-border.dragged{--_swc-prompt-field-drag-fill: light-dark(color-mix(in oklch, white, oklch(from var(--swc-prompt-field-brand-color) 91.32% .0721 calc(h + .1) ) 30%), color-mix(in srgb, var(--swc-background-layer-2-color) 85%, rgb(236, 105, 255) 15%));--_swc-prompt-field-drag-focus-indicator-color: var(--swc-indigo-800);--_swc-prompt-field-outer-stop-1: var(--_swc-prompt-field-outer-recede-stop);--_swc-prompt-field-outer-stop-2: var(--_swc-prompt-field-outer-recede-stop);--_swc-prompt-field-outer-stop-3: var(--_swc-prompt-field-outer-recede-stop);box-shadow:none}:host .swc-PromptField-outer-border.dragged .swc-PromptField-box{background:var(--_swc-prompt-field-drag-fill);box-shadow:none;outline:2px solid var(--_swc-prompt-field-drag-focus-indicator-color);outline-offset:-2px}:host .swc-PromptField-outer-border.dragged .swc-PromptField-box:before,:host .swc-PromptField-outer-border.dragged .swc-PromptField-gloss{background:none}:host .swc-PromptField-outer-border.dragged .swc-PromptField-box:after{box-shadow:inset 0 0 0 1px var(--_swc-prompt-field-border-color)}.swc-PromptField-input-area{--_swc-prompt-field-attachment-scrollbar-size: 12px;display:flex;flex-direction:column;gap:16px;min-inline-size:0;padding-block-start:0;padding-inline:0}.swc-PromptField-input-area:has(.swc-PromptField-attachments-scroll:is(.has-scroll-prev,.has-scroll-next)){gap:calc(16px - var(--_swc-prompt-field-attachment-scrollbar-size))}.swc-PromptField-controls{display:flex;position:relative;flex-direction:column;gap:0;transition:gap .16s cubic-bezier(.45,0,.4,1)}:host(:not([collapsed])) .swc-PromptField-controls{gap:32px}@media(prefers-reduced-motion:reduce){.swc-PromptField-controls{transition:none}}.swc-PromptField-text-group{display:flex;gap:12px;align-items:center;min-inline-size:0;min-block-size:var(--swc-component-height-100);padding-block-start:calc((var(--swc-component-height-100) - (var(--swc-font-size-200) * 1.5)) / 2);padding-inline-start:4px;padding-inline-end:calc(var(--swc-component-height-100) + 16px)}:host([size=\"s\"]) .swc-PromptField-text-group{gap:8px;min-block-size:var(--swc-component-height-75);padding-block-start:calc((var(--swc-component-height-75) - (var(--swc-font-size-100) * 1.3)) / 2);padding-inline-start:2px;padding-inline-end:calc(var(--swc-component-height-75) + 16px)}.swc-PromptField-status-icon{display:flex;flex:0 0 auto;align-items:center;align-self:flex-start;justify-content:center;inline-size:24px;block-size:24px;color:light-dark(rgba(0,0,0,.84),rgba(255,255,255,.85))}.swc-PromptField-status-icon swc-pixel-loader{--swc-pixel-loader-size: 21px}::slotted(swc-upload-attachment){--swc-upload-attachment-focus-indicator-color: light-dark(var(--swc-black), var(--swc-white))}.swc-PromptField-attachments--single{--_swc-prompt-field-attachment-badge-clearance: 16px;display:flex;flex-wrap:wrap;gap:16px;align-items:start;padding-block-start:var(--_swc-prompt-field-attachment-badge-clearance)}.swc-PromptField-attachments--single>slot{display:contents}.swc-PromptField-attachments--single>slot::slotted(*){flex:0 0 auto}.swc-PromptField-attachments--single>slot::slotted([type=\"card\"]){flex-shrink:1;flex-basis:auto}.swc-PromptField-attachments--single>slot::slotted([type=\"media\"]){box-sizing:border-box;inline-size:var(--swc-prompt-field-attachment-media-inline-size, 68px);min-inline-size:var(--swc-prompt-field-attachment-media-min-inline-size, 68px);block-size:var(--swc-prompt-field-attachment-media-block-size, 68px);min-block-size:var(--swc-prompt-field-attachment-media-min-block-size, 68px);aspect-ratio:1 / 1}.swc-PromptField-attachments--multiple{--_swc-prompt-field-attachment-badge-clearance: 16px;min-inline-size:0}.swc-PromptField-attachments-row{position:relative;inline-size:100%}.swc-PromptField-attachments-viewport{position:relative;flex:1 1 auto;min-inline-size:0;border-radius:4px;overflow:visible}.swc-PromptField-attachments-scroll{--_swc-prompt-field-attachment-fade-plateau: calc(var(--swc-component-height-100) + 4px);--_swc-prompt-field-attachment-fade-soft: 24px;--_swc-prompt-field-attachment-fade: calc(var(--_swc-prompt-field-attachment-fade-plateau) + var(--_swc-prompt-field-attachment-fade-soft));--_swc-prompt-field-attachment-fade-start: 0px;--_swc-prompt-field-attachment-fade-end: 0px;box-sizing:border-box;inline-size:100%;max-inline-size:100%;padding-block-start:var(--_swc-prompt-field-attachment-badge-clearance, 0);padding-inline:4px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:inline proximity;scroll-padding-inline:4px;-webkit-mask-image:linear-gradient(to right,transparent 0,transparent calc(var(--_swc-prompt-field-attachment-fade-start) - var(--_swc-prompt-field-attachment-fade-soft)),black var(--_swc-prompt-field-attachment-fade-start),black calc(100% - var(--_swc-prompt-field-attachment-fade-end)),transparent calc(100% - var(--_swc-prompt-field-attachment-fade-end) + var(--_swc-prompt-field-attachment-fade-soft)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,transparent calc(var(--_swc-prompt-field-attachment-fade-start) - var(--_swc-prompt-field-attachment-fade-soft)),black var(--_swc-prompt-field-attachment-fade-start),black calc(100% - var(--_swc-prompt-field-attachment-fade-end)),transparent calc(100% - var(--_swc-prompt-field-attachment-fade-end) + var(--_swc-prompt-field-attachment-fade-soft)),transparent 100%)}.swc-PromptField-attachments-scroll.has-scroll-prev{--_swc-prompt-field-attachment-fade-start: var(--_swc-prompt-field-attachment-fade);scroll-padding-inline-start:calc(var(--swc-component-height-100) + 24px + 4px)}.swc-PromptField-attachments-scroll.has-scroll-next{--_swc-prompt-field-attachment-fade-end: var(--_swc-prompt-field-attachment-fade);scroll-padding-inline-end:calc(var(--swc-component-height-100) + 24px + 4px)}.swc-PromptField-attachments-scroll:is(.has-scroll-prev,.has-scroll-next){padding-block-end:var(--_swc-prompt-field-attachment-scrollbar-size)}:host(:dir(rtl)) .swc-PromptField-attachments-scroll{-webkit-mask-image:linear-gradient(to left,transparent 0,transparent calc(var(--_swc-prompt-field-attachment-fade-start) - var(--_swc-prompt-field-attachment-fade-soft)),black var(--_swc-prompt-field-attachment-fade-start),black calc(100% - var(--_swc-prompt-field-attachment-fade-end)),transparent calc(100% - var(--_swc-prompt-field-attachment-fade-end) + var(--_swc-prompt-field-attachment-fade-soft)),transparent 100%);mask-image:linear-gradient(to left,transparent 0,transparent calc(var(--_swc-prompt-field-attachment-fade-start) - var(--_swc-prompt-field-attachment-fade-soft)),black var(--_swc-prompt-field-attachment-fade-start),black calc(100% - var(--_swc-prompt-field-attachment-fade-end)),transparent calc(100% - var(--_swc-prompt-field-attachment-fade-end) + var(--_swc-prompt-field-attachment-fade-soft)),transparent 100%)}.swc-PromptField-attachments-tiles{display:flex;flex-wrap:nowrap;align-items:start;inline-size:-moz-max-content;inline-size:max-content;min-inline-size:100%;min-block-size:var(--swc-prompt-field-attachment-media-block-size, 68px)}.swc-PromptField-attachments-tiles>slot{display:flex;flex:0 0 auto;flex-wrap:nowrap;gap:8px;align-items:start}.swc-PromptField-attachments-tiles>slot::slotted(*){flex:0 0 auto;scroll-snap-align:start}.swc-PromptField-attachments-tiles>slot::slotted([type=\"card\"]){box-sizing:border-box;inline-size:var(--swc-prompt-field-attachment-card-inline-size, 240px);min-inline-size:var(--swc-prompt-field-attachment-card-inline-size, 240px);max-inline-size:var(--swc-prompt-field-attachment-card-inline-size, 240px)}.swc-PromptField-attachments-tiles>slot::slotted([type=\"media\"]){box-sizing:border-box;inline-size:var(--swc-prompt-field-attachment-media-inline-size, 68px);min-inline-size:var(--swc-prompt-field-attachment-media-min-inline-size, 68px);max-inline-size:var(--swc-prompt-field-attachment-media-inline-size, 68px);block-size:var(--swc-prompt-field-attachment-media-block-size, 68px);min-block-size:var(--swc-prompt-field-attachment-media-min-block-size, 68px);aspect-ratio:1 / 1}.swc-PromptField-attachments-scroll-prev,.swc-PromptField-attachments-scroll-next{--_swc-prompt-field-attachment-scroll-icon-transform: none;--swc-action-button-focus-indicator-color: light-dark(var(--swc-black), var(--swc-white));--swc-action-button-border-radius: 50%;position:absolute;inset-block-start:calc((var(--_swc-prompt-field-attachment-badge-clearance, 0) + var(--swc-prompt-field-attachment-media-block-size, 68px)) / 2);z-index:4;flex:0 0 auto;transform:translateY(-50%);transition:opacity .13s cubic-bezier(.45,0,.4,1)}.swc-PromptField-attachments-scroll-prev[aria-disabled=true],.swc-PromptField-attachments-scroll-next[aria-disabled=true]{pointer-events:none;opacity:0}.swc-PromptField-attachments-scroll-prev{--_swc-prompt-field-attachment-scroll-icon-transform: scaleX(-1);inset-inline-start:0}.swc-PromptField-attachments-scroll-next{inset-inline-end:0}.swc-PromptField-attachments-scroll-prev swc-icon,.swc-PromptField-attachments-scroll-next swc-icon{display:inline-flex;position:relative;z-index:2;align-items:center;justify-content:center;transform:var(--_swc-prompt-field-attachment-scroll-icon-transform)}:host(:dir(rtl)) .swc-PromptField-attachments-scroll-prev{--_swc-prompt-field-attachment-scroll-icon-transform: none}:host(:dir(rtl)) .swc-PromptField-attachments-scroll-next{--_swc-prompt-field-attachment-scroll-icon-transform: scaleX(-1)}.swc-PromptField-textarea{field-sizing:content;display:block;flex:1 1 0%;min-inline-size:0;min-block-size:calc(var(--swc-font-size-200) * 1.5 * var(--_swc-prompt-field-textarea-min-rows, 1));max-block-size:min(calc(var(--swc-font-size-200) * 1.5 * var(--_swc-prompt-field-textarea-max-rows, 999)),var(--swc-prompt-field-max-block-size, 40vh));padding:0;font-family:var(--swc-sans-font-family-stack);font-size:var(--swc-font-size-200);font-weight:400;line-height:1.5;color:var(--swc-gray-900);background:transparent;border:none;overflow-y:auto;resize:none;outline:none}.swc-PromptField-textarea::-moz-placeholder{color:var(--swc-gray-600)}.swc-PromptField-textarea::placeholder{color:var(--swc-gray-600)}.swc-PromptField-textarea:disabled{color:var(--swc-gray-500);cursor:default}:host([size=\"s\"]) .swc-PromptField-textarea{min-block-size:calc(var(--swc-font-size-100) * 1.3 * var(--_swc-prompt-field-textarea-min-rows, 1));max-block-size:min(calc(var(--swc-font-size-100) * 1.3 * var(--_swc-prompt-field-textarea-max-rows, 999)),var(--swc-prompt-field-max-block-size, 40vh));font-size:var(--swc-font-size-100);line-height:1.3}.swc-PromptField-leading-actions{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .16s cubic-bezier(.45,0,.4,1),opacity .13s cubic-bezier(.45,0,.4,1)}:host(:not([collapsed])) .swc-PromptField-leading-actions{grid-template-rows:1fr;opacity:1}@media(prefers-reduced-motion:reduce){.swc-PromptField-leading-actions{transition:none}}.swc-PromptField-leading-actions-row{overflow-clip-margin:4px;display:flex;gap:4px;align-items:center;min-block-size:0;overflow:clip}:host(:not([collapsed])) .swc-PromptField-leading-actions-row{overflow:visible}.swc-PromptField-upload{--swc-action-button-focus-indicator-color: light-dark(var(--swc-black), var(--swc-white));--swc-action-button-content-color-default: light-dark(rgba(0, 0, 0, .84), rgba(255, 255, 255, .85));--swc-action-button-content-color-hover: light-dark(rgba(0, 0, 0, .93), rgba(255, 255, 255, .94));--swc-action-button-background-color-hover: light-dark(rgba(0, 0, 0, .12), rgba(255, 255, 255, .14));--swc-action-button-background-color-focus: light-dark(rgba(0, 0, 0, .12), rgba(255, 255, 255, .14));--swc-action-button-background-color-down: light-dark(rgba(0, 0, 0, .12), rgba(255, 255, 255, .14))}.swc-PromptField-send,.swc-PromptField-stop{--swc-action-button-focus-indicator-color: light-dark(var(--swc-black), var(--swc-white));--swc-action-button-border-radius: 50%;--swc-action-button-content-color-default: var(--swc-gray-25);--swc-action-button-content-color-hover: var(--swc-gray-25);--swc-action-button-content-color-focus: var(--swc-gray-25);--swc-action-button-content-color-down: var(--swc-gray-25);position:absolute;inset-block-end:0;inset-inline-end:0}.swc-PromptField-send{--_swc-prompt-field-send-fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));--_swc-prompt-field-send-icon: light-dark(rgb(255, 255, 255), rgb(0, 0, 0));--swc-action-button-background-color-default: color-mix(in oklch, var(--_swc-prompt-field-send-fill), transparent 15%);--swc-action-button-background-color-hover: color-mix(in oklch, var(--_swc-prompt-field-send-fill), transparent 5%);--swc-action-button-background-color-focus: color-mix(in oklch, var(--_swc-prompt-field-send-fill), transparent 15%);--swc-action-button-background-color-down: color-mix(in oklch, var(--_swc-prompt-field-send-fill), transparent 5%);--swc-action-button-content-color-default: var(--_swc-prompt-field-send-icon);--swc-action-button-content-color-hover: var(--_swc-prompt-field-send-icon);--swc-action-button-content-color-focus: var(--_swc-prompt-field-send-icon);--swc-action-button-content-color-down: var(--_swc-prompt-field-send-icon);--swc-action-button-background-color-disabled: color-mix(in oklch, var(--_swc-prompt-field-send-fill), transparent 89%);--swc-action-button-content-color-disabled: var(--swc-gray-400)}.swc-PromptField-stop{--swc-action-button-background-color-default: var(--swc-gray-900);--swc-action-button-background-color-hover: var(--swc-gray-800);--swc-action-button-background-color-focus: var(--swc-gray-900);--swc-action-button-background-color-down: var(--swc-gray-900)}.swc-PromptField-footer{display:flex;align-items:center;justify-content:center}slot[name=legal]{--swc-link-text-color-default: var(--swc-gray-600);--swc-link-text-color-hover: var(--swc-gray-900);--swc-link-text-color-down: var(--swc-gray-900);--swc-link-text-color-focus: var(--swc-gray-900);font-size:var(--swc-font-size-75);line-height:var(--swc-line-height-font-size-75);color:var(--swc-gray-600);text-align:center}::slotted([slot=\"legal\"]){margin:0}@media(prefers-reduced-motion:reduce){.swc-PromptField-attachments-scroll{scroll-behavior:auto}.swc-PromptField-attachments-scroll-prev,.swc-PromptField-attachments-scroll-next{transition:none}}@media(prefers-contrast:more),(forced-colors:active){:host .swc-PromptField-box:focus-within{outline:2px solid var(--swc-gray-900)}.swc-PromptField-outer-border{border:2px solid color-mix(in oklch,var(--swc-prompt-field-brand-color),transparent 65%)}}`;
|
|
36276
36468
|
|
|
36277
36469
|
// node_modules/@adobe/spectrum-wc/dist/patterns/ai-toolkit/prompt-field/PromptField.js
|
|
36278
36470
|
var E5 = "aiLogo";
|
|
@@ -37105,7 +37297,7 @@ var o90 = class extends a10 {
|
|
|
37105
37297
|
}
|
|
37106
37298
|
render() {
|
|
37107
37299
|
return b`
|
|
37108
|
-
|
|
37300
|
+
${o16(e121())}
|
|
37109
37301
|
`;
|
|
37110
37302
|
}
|
|
37111
37303
|
};
|
|
@@ -38426,7 +38618,7 @@ var SliccComposer = class extends ThemedElement {
|
|
|
38426
38618
|
// src/app/lucide.ts
|
|
38427
38619
|
var library = null;
|
|
38428
38620
|
function load() {
|
|
38429
|
-
library ??= import("./chunk-
|
|
38621
|
+
library ??= import("./chunk-VN3QD44H.js");
|
|
38430
38622
|
return library;
|
|
38431
38623
|
}
|
|
38432
38624
|
function pascal(name) {
|
|
@@ -49590,22 +49782,22 @@ function toNamed(code2, next, omit, attribute) {
|
|
|
49590
49782
|
// node_modules/stringify-entities/lib/util/format-smart.js
|
|
49591
49783
|
function formatSmart(code2, next, options) {
|
|
49592
49784
|
let numeric = toHexadecimal(code2, next, options.omitOptionalSemicolons);
|
|
49593
|
-
let
|
|
49785
|
+
let named2;
|
|
49594
49786
|
if (options.useNamedReferences || options.useShortestReferences) {
|
|
49595
|
-
|
|
49787
|
+
named2 = toNamed(
|
|
49596
49788
|
code2,
|
|
49597
49789
|
next,
|
|
49598
49790
|
options.omitOptionalSemicolons,
|
|
49599
49791
|
options.attribute
|
|
49600
49792
|
);
|
|
49601
49793
|
}
|
|
49602
|
-
if ((options.useShortestReferences || !
|
|
49794
|
+
if ((options.useShortestReferences || !named2) && options.useShortestReferences) {
|
|
49603
49795
|
const decimal = toDecimal(code2, next, options.omitOptionalSemicolons);
|
|
49604
49796
|
if (decimal.length < numeric.length) {
|
|
49605
49797
|
numeric = decimal;
|
|
49606
49798
|
}
|
|
49607
49799
|
}
|
|
49608
|
-
return
|
|
49800
|
+
return named2 && (!options.useShortestReferences || named2.length < numeric.length) ? named2 : numeric;
|
|
49609
49801
|
}
|
|
49610
49802
|
|
|
49611
49803
|
// node_modules/stringify-entities/lib/index.js
|