@ai-ecoverse/slicc-spectrum 1.72.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 +4 -4
- 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 +444 -250
- 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 +13 -0
- package/package.json +7 -7
- 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
|
};
|
|
@@ -11933,7 +11933,7 @@ var o54 = class extends a10 {
|
|
|
11933
11933
|
}
|
|
11934
11934
|
render() {
|
|
11935
11935
|
return b`
|
|
11936
|
-
|
|
11936
|
+
${o16(e82())}
|
|
11937
11937
|
`;
|
|
11938
11938
|
}
|
|
11939
11939
|
};
|
|
@@ -11951,7 +11951,7 @@ var o55 = class extends a10 {
|
|
|
11951
11951
|
}
|
|
11952
11952
|
render() {
|
|
11953
11953
|
return b`
|
|
11954
|
-
|
|
11954
|
+
${o16(e83())}
|
|
11955
11955
|
`;
|
|
11956
11956
|
}
|
|
11957
11957
|
};
|
|
@@ -11969,7 +11969,7 @@ var o56 = class extends a10 {
|
|
|
11969
11969
|
}
|
|
11970
11970
|
render() {
|
|
11971
11971
|
return b`
|
|
11972
|
-
|
|
11972
|
+
${o16(e84())}
|
|
11973
11973
|
`;
|
|
11974
11974
|
}
|
|
11975
11975
|
};
|
|
@@ -11987,9 +11987,7 @@ var o57 = class extends a10 {
|
|
|
11987
11987
|
}
|
|
11988
11988
|
render() {
|
|
11989
11989
|
return b`
|
|
11990
|
-
|
|
11991
|
-
${o16(e85())}
|
|
11992
|
-
</span>
|
|
11990
|
+
${o16(e85())}
|
|
11993
11991
|
`;
|
|
11994
11992
|
}
|
|
11995
11993
|
};
|
|
@@ -12007,7 +12005,7 @@ var o58 = class extends a10 {
|
|
|
12007
12005
|
}
|
|
12008
12006
|
render() {
|
|
12009
12007
|
return b`
|
|
12010
|
-
|
|
12008
|
+
${o16(e86())}
|
|
12011
12009
|
`;
|
|
12012
12010
|
}
|
|
12013
12011
|
};
|
|
@@ -12025,7 +12023,7 @@ var o59 = class extends a10 {
|
|
|
12025
12023
|
}
|
|
12026
12024
|
render() {
|
|
12027
12025
|
return b`
|
|
12028
|
-
|
|
12026
|
+
${o16(e87())}
|
|
12029
12027
|
`;
|
|
12030
12028
|
}
|
|
12031
12029
|
};
|
|
@@ -12043,7 +12041,7 @@ var o60 = class extends a10 {
|
|
|
12043
12041
|
}
|
|
12044
12042
|
render() {
|
|
12045
12043
|
return b`
|
|
12046
|
-
|
|
12044
|
+
${o16(e88())}
|
|
12047
12045
|
`;
|
|
12048
12046
|
}
|
|
12049
12047
|
};
|
|
@@ -12981,14 +12979,31 @@ function say(devices, one2, many) {
|
|
|
12981
12979
|
function deviceName(name) {
|
|
12982
12980
|
return name.replace(/^slicc\b/i, "SLICC");
|
|
12983
12981
|
}
|
|
12982
|
+
function named(items) {
|
|
12983
|
+
return items.map((item2) => ({ ...item2, name: deviceName(item2.name) }));
|
|
12984
|
+
}
|
|
12984
12985
|
function networkStatus(port) {
|
|
12985
|
-
|
|
12986
|
-
if (
|
|
12987
|
-
|
|
12988
|
-
|
|
12989
|
-
|
|
12990
|
-
|
|
12991
|
-
|
|
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
|
+
};
|
|
12992
13007
|
}
|
|
12993
13008
|
function remoteLight(status2) {
|
|
12994
13009
|
const devices = status2?.links?.devices ?? [];
|
|
@@ -13133,8 +13148,10 @@ var SliccNetwork = class extends ModelElement {
|
|
|
13133
13148
|
tailnetCopied: { state: true },
|
|
13134
13149
|
revealed: { state: true },
|
|
13135
13150
|
linksError: { state: true },
|
|
13136
|
-
syncError: { state: true }
|
|
13151
|
+
syncError: { state: true },
|
|
13152
|
+
leaderError: { state: true }
|
|
13137
13153
|
};
|
|
13154
|
+
#leaderId = "";
|
|
13138
13155
|
constructor() {
|
|
13139
13156
|
super();
|
|
13140
13157
|
this.checking = false;
|
|
@@ -13147,6 +13164,7 @@ var SliccNetwork = class extends ModelElement {
|
|
|
13147
13164
|
this.revealed = {};
|
|
13148
13165
|
this.linksError = "";
|
|
13149
13166
|
this.syncError = "";
|
|
13167
|
+
this.leaderError = "";
|
|
13150
13168
|
}
|
|
13151
13169
|
static styles = [
|
|
13152
13170
|
r(link_default),
|
|
@@ -13470,6 +13488,7 @@ var SliccNetwork = class extends ModelElement {
|
|
|
13470
13488
|
this.tailnetError = "";
|
|
13471
13489
|
this.linksError = "";
|
|
13472
13490
|
this.syncError = "";
|
|
13491
|
+
this.leaderError = "";
|
|
13473
13492
|
const update = () => this.requestUpdate();
|
|
13474
13493
|
return [
|
|
13475
13494
|
model.tray.on("status", update),
|
|
@@ -13830,6 +13849,60 @@ var SliccNetwork = class extends ModelElement {
|
|
|
13830
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}
|
|
13831
13850
|
</section>`;
|
|
13832
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
|
+
}
|
|
13833
13906
|
#exit(event2, port) {
|
|
13834
13907
|
const value = event2.target.value;
|
|
13835
13908
|
void this.#tailnet("exit", () => port.setExitNode?.(value === "none" ? null : value));
|
|
@@ -13951,6 +14024,7 @@ var SliccNetwork = class extends ModelElement {
|
|
|
13951
14024
|
return b`<div class="page" tabindex="-1">
|
|
13952
14025
|
${this.#state(port, status2)}
|
|
13953
14026
|
${this.#sync(this.model.tray)}
|
|
14027
|
+
${this.#leadersSection(port, status2)}
|
|
13954
14028
|
${this.#tailnetSection(port, status2)}
|
|
13955
14029
|
${this.#linksSection(port, status2)}
|
|
13956
14030
|
${this.#whole(status2)}
|
|
@@ -18004,7 +18078,7 @@ var o62 = class extends o61 {
|
|
|
18004
18078
|
e25("swc-progress-bar", o62);
|
|
18005
18079
|
|
|
18006
18080
|
// node_modules/@adobe/spectrum-wc/dist/patterns/ai-toolkit/conversation-turn/conversation-turn.js
|
|
18007
|
-
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}`;
|
|
18008
18082
|
|
|
18009
18083
|
// node_modules/@adobe/spectrum-wc/dist/patterns/ai-toolkit/conversation-turn/ConversationTurn.js
|
|
18010
18084
|
var a14 = class extends i9 {
|
|
@@ -18653,7 +18727,7 @@ var u19 = {
|
|
|
18653
18727
|
};
|
|
18654
18728
|
|
|
18655
18729
|
// node_modules/@adobe/spectrum-wc/dist/stylesheets/_lit-styles/icon-base.js
|
|
18656
|
-
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)}`;
|
|
18657
18731
|
|
|
18658
18732
|
// node_modules/@adobe/spectrum-wc/dist/components/ui-icons/ui-icon-direction.js
|
|
18659
18733
|
var t63 = i`:host(:dir(rtl)[icon=\"chevron\"]),:host(:dir(rtl)[icon=\"arrow\"]),:host(:dir(rtl)[icon=\"corner-triangle\"]){scale:-1 1}`;
|
|
@@ -18675,7 +18749,7 @@ var l16 = class extends a10 {
|
|
|
18675
18749
|
}
|
|
18676
18750
|
render() {
|
|
18677
18751
|
return b`
|
|
18678
|
-
|
|
18752
|
+
${r26(u19[this.icon], this.size)}
|
|
18679
18753
|
`;
|
|
18680
18754
|
}
|
|
18681
18755
|
};
|
|
@@ -18693,7 +18767,7 @@ function e91(e122) {
|
|
|
18693
18767
|
}
|
|
18694
18768
|
|
|
18695
18769
|
// node_modules/@adobe/spectrum-wc/dist/patterns/ai-toolkit/message-sources/message-sources.js
|
|
18696
|
-
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}`;
|
|
18697
18771
|
|
|
18698
18772
|
// node_modules/@adobe/spectrum-wc/dist/patterns/ai-toolkit/message-sources/MessageSources.js
|
|
18699
18773
|
var c19 = class extends i9 {
|
|
@@ -18785,9 +18859,7 @@ var r27 = class extends a10 {
|
|
|
18785
18859
|
}
|
|
18786
18860
|
render() {
|
|
18787
18861
|
return b`
|
|
18788
|
-
<
|
|
18789
|
-
<slot></slot>
|
|
18790
|
-
</span>
|
|
18862
|
+
<slot></slot>
|
|
18791
18863
|
`;
|
|
18792
18864
|
}
|
|
18793
18865
|
};
|
|
@@ -18871,7 +18943,7 @@ var d14 = () => b`
|
|
|
18871
18943
|
`;
|
|
18872
18944
|
|
|
18873
18945
|
// node_modules/@adobe/spectrum-wc/dist/patterns/ai-toolkit/response-status/response-status-step/response-status-step.js
|
|
18874
|
-
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}}`;
|
|
18875
18947
|
|
|
18876
18948
|
// node_modules/lit-html/directives/choose.js
|
|
18877
18949
|
var r29 = (r40, o93, t90) => {
|
|
@@ -19879,15 +19951,21 @@ function _4(e122) {
|
|
|
19879
19951
|
function v8(e122) {
|
|
19880
19952
|
let t90 = 1;
|
|
19881
19953
|
for (let n37 of e122) t90 = Math.max(t90, n37.stagger);
|
|
19882
|
-
return t90
|
|
19954
|
+
return t90;
|
|
19883
19955
|
}
|
|
19884
|
-
function y4(
|
|
19885
|
-
return v8(
|
|
19956
|
+
function y4(e122) {
|
|
19957
|
+
return v8(e122) + n32 + i20 + r31;
|
|
19886
19958
|
}
|
|
19887
|
-
function b8(
|
|
19959
|
+
function b8(t90) {
|
|
19960
|
+
return y4(t90) / e93 * 1e3;
|
|
19961
|
+
}
|
|
19962
|
+
function x3(t90) {
|
|
19963
|
+
return (v8(t90) + n32) / e93 * 1e3;
|
|
19964
|
+
}
|
|
19965
|
+
function S2(e122, t90) {
|
|
19888
19966
|
return Math.min(1, Math.max(0, e122 / t90));
|
|
19889
19967
|
}
|
|
19890
|
-
function
|
|
19968
|
+
function C3(e122) {
|
|
19891
19969
|
let t90 = [], n37 = null;
|
|
19892
19970
|
for (let r40 of e122) {
|
|
19893
19971
|
let e123 = r40.offset;
|
|
@@ -19895,67 +19973,67 @@ function x3(e122) {
|
|
|
19895
19973
|
}
|
|
19896
19974
|
return t90;
|
|
19897
19975
|
}
|
|
19898
|
-
function
|
|
19976
|
+
function w3(e122, t90) {
|
|
19899
19977
|
let i26 = e122.stagger, a23 = _4(e122), o93 = [{
|
|
19900
19978
|
offset: 0,
|
|
19901
19979
|
translate: `0 ${f7}%`,
|
|
19902
19980
|
easing: i26 > 0 ? "linear" : g4.drop
|
|
19903
19981
|
}];
|
|
19904
19982
|
return i26 > 0 && o93.push({
|
|
19905
|
-
offset:
|
|
19983
|
+
offset: S2(i26, t90),
|
|
19906
19984
|
translate: `0 ${f7}%`,
|
|
19907
19985
|
easing: g4.drop
|
|
19908
19986
|
}), o93.push({
|
|
19909
|
-
offset:
|
|
19987
|
+
offset: S2(i26 + 10, t90),
|
|
19910
19988
|
translate: `0 ${p13}%`,
|
|
19911
19989
|
easing: g4.recover
|
|
19912
19990
|
}), o93.push({
|
|
19913
|
-
offset:
|
|
19991
|
+
offset: S2(i26 + n32, t90),
|
|
19914
19992
|
translate: "0 0%",
|
|
19915
19993
|
easing: "linear"
|
|
19916
19994
|
}), o93.push({
|
|
19917
|
-
offset:
|
|
19995
|
+
offset: S2(a23, t90),
|
|
19918
19996
|
translate: "0 0%",
|
|
19919
19997
|
easing: g4.exit
|
|
19920
19998
|
}), o93.push({
|
|
19921
|
-
offset:
|
|
19999
|
+
offset: S2(a23 + r31, t90),
|
|
19922
20000
|
translate: `0 ${m10}%`,
|
|
19923
20001
|
easing: "linear"
|
|
19924
20002
|
}), o93.push({
|
|
19925
20003
|
offset: 1,
|
|
19926
20004
|
translate: `0 ${m10}%`
|
|
19927
|
-
}),
|
|
20005
|
+
}), C3(o93);
|
|
19928
20006
|
}
|
|
19929
|
-
function
|
|
20007
|
+
function T4(e122, t90) {
|
|
19930
20008
|
let i26 = e122.stagger + n32 - o65, u27 = i26 - a17, d22 = _4(e122), f11 = d22 + c22;
|
|
19931
|
-
return
|
|
20009
|
+
return C3([
|
|
19932
20010
|
{
|
|
19933
20011
|
offset: 0,
|
|
19934
20012
|
scale: "0",
|
|
19935
20013
|
easing: "linear"
|
|
19936
20014
|
},
|
|
19937
20015
|
{
|
|
19938
|
-
offset:
|
|
20016
|
+
offset: S2(u27, t90),
|
|
19939
20017
|
scale: String(s13),
|
|
19940
20018
|
easing: g4.scaleIn
|
|
19941
20019
|
},
|
|
19942
20020
|
{
|
|
19943
|
-
offset:
|
|
20021
|
+
offset: S2(i26, t90),
|
|
19944
20022
|
scale: "1",
|
|
19945
20023
|
easing: "linear"
|
|
19946
20024
|
},
|
|
19947
20025
|
{
|
|
19948
|
-
offset:
|
|
20026
|
+
offset: S2(d22, t90),
|
|
19949
20027
|
scale: "1",
|
|
19950
20028
|
easing: g4.scaleOut
|
|
19951
20029
|
},
|
|
19952
20030
|
{
|
|
19953
|
-
offset:
|
|
20031
|
+
offset: S2(f11, t90),
|
|
19954
20032
|
scale: String(l18),
|
|
19955
20033
|
easing: "linear"
|
|
19956
20034
|
},
|
|
19957
20035
|
{
|
|
19958
|
-
offset:
|
|
20036
|
+
offset: S2(d22 + r31, t90),
|
|
19959
20037
|
scale: "0",
|
|
19960
20038
|
easing: "linear"
|
|
19961
20039
|
},
|
|
@@ -19965,7 +20043,7 @@ function C3(e122, t90) {
|
|
|
19965
20043
|
}
|
|
19966
20044
|
]);
|
|
19967
20045
|
}
|
|
19968
|
-
function
|
|
20046
|
+
function E2(e122) {
|
|
19969
20047
|
return [
|
|
19970
20048
|
{
|
|
19971
20049
|
offset: 0,
|
|
@@ -19973,12 +20051,12 @@ function w3(e122) {
|
|
|
19973
20051
|
easing: g4.fade
|
|
19974
20052
|
},
|
|
19975
20053
|
{
|
|
19976
|
-
offset:
|
|
20054
|
+
offset: S2(u21, e122),
|
|
19977
20055
|
opacity: 1,
|
|
19978
20056
|
easing: "linear"
|
|
19979
20057
|
},
|
|
19980
20058
|
{
|
|
19981
|
-
offset:
|
|
20059
|
+
offset: S2(e122 - d16, e122),
|
|
19982
20060
|
opacity: 1,
|
|
19983
20061
|
easing: g4.fade
|
|
19984
20062
|
},
|
|
@@ -19988,52 +20066,37 @@ function w3(e122) {
|
|
|
19988
20066
|
}
|
|
19989
20067
|
];
|
|
19990
20068
|
}
|
|
19991
|
-
var
|
|
19992
|
-
var
|
|
19993
|
-
|
|
19994
|
-
|
|
19995
|
-
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;
|
|
19996
20073
|
}
|
|
19997
|
-
function
|
|
19998
|
-
|
|
19999
|
-
return t90 + E2 + D3 + t90 + E2;
|
|
20074
|
+
function A4() {
|
|
20075
|
+
return k2() / e93 * 1e3;
|
|
20000
20076
|
}
|
|
20001
|
-
function
|
|
20002
|
-
|
|
20003
|
-
|
|
20004
|
-
function j2(e122, t90, n37) {
|
|
20005
|
-
let r40 = O2(t90), i26 = r40.indexOf(e122.row), a23 = (r40.length - 1) * T4 + E2, o93 = i26 * T4, s19 = a23 + D3 + i26 * T4;
|
|
20006
|
-
return x3([
|
|
20077
|
+
function j2() {
|
|
20078
|
+
let e122 = k2();
|
|
20079
|
+
return [
|
|
20007
20080
|
{
|
|
20008
20081
|
offset: 0,
|
|
20009
20082
|
opacity: 0,
|
|
20010
20083
|
easing: g4.fade
|
|
20011
20084
|
},
|
|
20012
20085
|
{
|
|
20013
|
-
offset:
|
|
20014
|
-
opacity: 0,
|
|
20015
|
-
easing: g4.fade
|
|
20016
|
-
},
|
|
20017
|
-
{
|
|
20018
|
-
offset: b8(o93 + E2, n37),
|
|
20086
|
+
offset: S2(D3, e122),
|
|
20019
20087
|
opacity: 1,
|
|
20020
20088
|
easing: "linear"
|
|
20021
20089
|
},
|
|
20022
20090
|
{
|
|
20023
|
-
offset:
|
|
20091
|
+
offset: S2(D3 + O2, e122),
|
|
20024
20092
|
opacity: 1,
|
|
20025
20093
|
easing: g4.fade
|
|
20026
20094
|
},
|
|
20027
|
-
{
|
|
20028
|
-
offset: b8(s19 + E2, n37),
|
|
20029
|
-
opacity: 0,
|
|
20030
|
-
easing: "linear"
|
|
20031
|
-
},
|
|
20032
20095
|
{
|
|
20033
20096
|
offset: 1,
|
|
20034
20097
|
opacity: 0
|
|
20035
20098
|
}
|
|
20036
|
-
]
|
|
20099
|
+
];
|
|
20037
20100
|
}
|
|
20038
20101
|
var M2 = "0 0px";
|
|
20039
20102
|
|
|
@@ -20058,14 +20121,14 @@ function n33(e122, t90) {
|
|
|
20058
20121
|
}
|
|
20059
20122
|
|
|
20060
20123
|
// node_modules/@adobe/spectrum-wc/dist/patterns/ai-toolkit/pixel-loader/pixel-loader.js
|
|
20061
|
-
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}}`;
|
|
20062
20125
|
|
|
20063
20126
|
// node_modules/@adobe/spectrum-wc/dist/patterns/ai-toolkit/pixel-loader/PixelLoader.js
|
|
20064
20127
|
var w4;
|
|
20065
20128
|
var T5 = "https://spectrum-web-components.adobe.com/?path=/docs/patterns-ai-toolkit-pixel-loader--docs";
|
|
20066
20129
|
var E3 = class e95 extends i9 {
|
|
20067
20130
|
constructor(...e122) {
|
|
20068
|
-
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 = () => {
|
|
20069
20132
|
this._syncTicker(), this._playCells();
|
|
20070
20133
|
};
|
|
20071
20134
|
}
|
|
@@ -20099,7 +20162,9 @@ var E3 = class e95 extends i9 {
|
|
|
20099
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);
|
|
20100
20163
|
}
|
|
20101
20164
|
updated(e122) {
|
|
20102
|
-
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);
|
|
20103
20168
|
}
|
|
20104
20169
|
_prefersReducedMotion() {
|
|
20105
20170
|
return this._reducedMotionQuery ? this._reducedMotionQuery.matches : typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
|
|
@@ -20108,7 +20173,7 @@ var E3 = class e95 extends i9 {
|
|
|
20108
20173
|
return this.paused ? "static" : this._prefersReducedMotion() ? "reduced" : "full";
|
|
20109
20174
|
}
|
|
20110
20175
|
_cycleDuration(e122) {
|
|
20111
|
-
return this._animationMode === "reduced" ? A4(
|
|
20176
|
+
return this._animationMode === "reduced" ? A4() : b8(e122);
|
|
20112
20177
|
}
|
|
20113
20178
|
_isValidPreset(e122) {
|
|
20114
20179
|
return P.includes(e122);
|
|
@@ -20118,7 +20183,26 @@ var E3 = class e95 extends i9 {
|
|
|
20118
20183
|
}
|
|
20119
20184
|
_presetIcons() {
|
|
20120
20185
|
let e122 = this._resolvedPreset;
|
|
20121
|
-
|
|
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;
|
|
20122
20206
|
}
|
|
20123
20207
|
_cellsForIcon(e122) {
|
|
20124
20208
|
var t90;
|
|
@@ -20131,14 +20215,14 @@ var E3 = class e95 extends i9 {
|
|
|
20131
20215
|
isPreset: !!e122
|
|
20132
20216
|
};
|
|
20133
20217
|
}
|
|
20134
|
-
_syncTicker() {
|
|
20218
|
+
_syncTicker(e122 = 0) {
|
|
20135
20219
|
this._stopTicker();
|
|
20136
|
-
let
|
|
20137
|
-
if (!
|
|
20138
|
-
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);
|
|
20139
20223
|
this._ticker = window.setInterval(() => {
|
|
20140
|
-
this._presetIndex = (this._presetIndex + 1) %
|
|
20141
|
-
},
|
|
20224
|
+
this._presetIndex = (this._presetIndex + 1) % t90.length;
|
|
20225
|
+
}, Math.max(0, r40 - e122));
|
|
20142
20226
|
}
|
|
20143
20227
|
_stopTicker() {
|
|
20144
20228
|
this._ticker !== null && (window.clearInterval(this._ticker), this._ticker = null);
|
|
@@ -20179,41 +20263,41 @@ var E3 = class e95 extends i9 {
|
|
|
20179
20263
|
o93 === this._finishToken && this._displayedIcon !== this.icon && (this._displayedIcon = this.icon);
|
|
20180
20264
|
});
|
|
20181
20265
|
}
|
|
20182
|
-
_playCells() {
|
|
20266
|
+
_playCells(e122 = 0) {
|
|
20183
20267
|
this._cancelAnimations();
|
|
20184
|
-
let
|
|
20185
|
-
if (
|
|
20268
|
+
let n37 = this._cellEls(), r40 = this._container(), { cells: o93, isPreset: l24 } = this._activeCells, d22 = this._animationMode;
|
|
20269
|
+
if (n37.forEach((e123) => {
|
|
20186
20270
|
e123.style.removeProperty("translate"), e123.style.removeProperty("scale"), e123.style.removeProperty("opacity");
|
|
20187
|
-
}),
|
|
20188
|
-
|
|
20189
|
-
|
|
20190
|
-
}),
|
|
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");
|
|
20191
20275
|
return;
|
|
20192
20276
|
}
|
|
20193
20277
|
let f11 = {
|
|
20194
|
-
duration: this._cycleDuration(
|
|
20195
|
-
iterations:
|
|
20278
|
+
duration: this._cycleDuration(o93),
|
|
20279
|
+
iterations: l24 ? 1 : Infinity,
|
|
20196
20280
|
fill: "forwards",
|
|
20197
20281
|
easing: "linear"
|
|
20198
20282
|
};
|
|
20199
20283
|
if (d22 === "reduced") {
|
|
20200
|
-
|
|
20201
|
-
|
|
20202
|
-
|
|
20203
|
-
r40 && this._animations.push(e123.animate(j2(r40, a23, t90), f11));
|
|
20204
|
-
});
|
|
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));
|
|
20205
20287
|
return;
|
|
20206
20288
|
}
|
|
20207
|
-
let p17 =
|
|
20208
|
-
|
|
20209
|
-
let n38 =
|
|
20210
|
-
n38 && (this._animations.push(e123.animate(
|
|
20211
|
-
}),
|
|
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
|
+
});
|
|
20212
20296
|
}
|
|
20213
20297
|
_renderCell(t90, n37) {
|
|
20214
20298
|
return b`
|
|
20215
20299
|
<div
|
|
20216
|
-
class
|
|
20300
|
+
class=${n37.topLeft && n37.topRight && n37.bottomRight && n37.bottomLeft ? "swc-PixelLoader-cell swc-PixelLoader-cell--fully-rounded" : "swc-PixelLoader-cell"}
|
|
20217
20301
|
style=${o3({
|
|
20218
20302
|
"grid-column": String(t90.col + 1),
|
|
20219
20303
|
"grid-row": String(t90.row + 1),
|
|
@@ -20249,7 +20333,7 @@ w4 = E3, w4.CORNER_RADIUS = "30%", w4.FINISH_MS = 200, w4.EASE_FINISH = h8, e12(
|
|
|
20249
20333
|
e25("swc-pixel-loader", E3);
|
|
20250
20334
|
|
|
20251
20335
|
// node_modules/@adobe/spectrum-wc/dist/patterns/ai-toolkit/response-status/response-status.js
|
|
20252
|
-
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}}`;
|
|
20253
20337
|
|
|
20254
20338
|
// node_modules/@adobe/spectrum-wc/dist/patterns/ai-toolkit/response-status/ResponseStatus.js
|
|
20255
20339
|
var v9;
|
|
@@ -20263,7 +20347,7 @@ var b9 = class e96 extends i9 {
|
|
|
20263
20347
|
return [t72];
|
|
20264
20348
|
}
|
|
20265
20349
|
constructor() {
|
|
20266
|
-
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, {
|
|
20267
20351
|
config: {
|
|
20268
20352
|
attributes: true,
|
|
20269
20353
|
attributeFilter: ["status"],
|
|
@@ -20279,10 +20363,10 @@ var b9 = class e96 extends i9 {
|
|
|
20279
20363
|
super.connectedCallback(), this._syncStepsMeta();
|
|
20280
20364
|
}
|
|
20281
20365
|
willUpdate(e122) {
|
|
20282
|
-
this._applyLabelRoll();
|
|
20366
|
+
this._applyLabelRoll(), this._resolvedStatus === "active" && (e122.has("status") || e122.has("loader")) && (this._loaderPaused = true, this._engageLoader());
|
|
20283
20367
|
}
|
|
20284
20368
|
disconnectedCallback() {
|
|
20285
|
-
this._clearLabelRollTimers(), super.disconnectedCallback();
|
|
20369
|
+
this._clearLabelRollTimers(), this._clearLoaderStartRaf(), super.disconnectedCallback();
|
|
20286
20370
|
}
|
|
20287
20371
|
_isValidStatus(e122) {
|
|
20288
20372
|
return y5.includes(e122);
|
|
@@ -20389,6 +20473,16 @@ var b9 = class e96 extends i9 {
|
|
|
20389
20473
|
_clearLabelRollTimers() {
|
|
20390
20474
|
this._labelRollTimer !== null && (window.clearTimeout(this._labelRollTimer), this._labelRollTimer = null), this._labelRollRaf !== null && (window.cancelAnimationFrame(this._labelRollRaf), this._labelRollRaf = null);
|
|
20391
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
|
+
}
|
|
20392
20486
|
_prefersReducedMotion() {
|
|
20393
20487
|
return typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
|
|
20394
20488
|
}
|
|
@@ -20470,6 +20564,7 @@ var b9 = class e96 extends i9 {
|
|
|
20470
20564
|
class="swc-ResponseStatus-loader"
|
|
20471
20565
|
preset=${o2(e122)}
|
|
20472
20566
|
icon=${o2(t90)}
|
|
20567
|
+
?paused=${this._loaderPaused}
|
|
20473
20568
|
aria-hidden="true"
|
|
20474
20569
|
></swc-pixel-loader>
|
|
20475
20570
|
`;
|
|
@@ -20509,31 +20604,38 @@ var b9 = class e96 extends i9 {
|
|
|
20509
20604
|
`;
|
|
20510
20605
|
}
|
|
20511
20606
|
_renderHeader(e122) {
|
|
20512
|
-
let t90 = this.
|
|
20607
|
+
let t90 = this._resolvedStatus, n37 = [
|
|
20513
20608
|
"swc-ResponseStatus-row",
|
|
20514
20609
|
e122 ? "swc-ResponseStatus-row--button" : "",
|
|
20515
|
-
|
|
20516
|
-
|
|
20517
|
-
|
|
20518
|
-
].filter(Boolean).join(" "),
|
|
20519
|
-
${this.
|
|
20520
|
-
|
|
20521
|
-
${this._renderLabel()}
|
|
20522
|
-
${e122 ? this._renderChevron(this.open) : A}
|
|
20523
|
-
</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}
|
|
20524
20616
|
`;
|
|
20525
|
-
return
|
|
20526
|
-
|
|
20527
|
-
|
|
20528
|
-
|
|
20529
|
-
|
|
20530
|
-
|
|
20531
|
-
|
|
20532
|
-
|
|
20533
|
-
|
|
20534
|
-
|
|
20535
|
-
|
|
20536
|
-
|
|
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>
|
|
20537
20639
|
`;
|
|
20538
20640
|
}
|
|
20539
20641
|
_renderPanel(t90) {
|
|
@@ -20573,7 +20675,7 @@ v9 = b9, v9.STATUS_LABEL_CLASS = "swc-ResponseStatus-label swc-Body swc-Body--si
|
|
|
20573
20675
|
active: "Generating response",
|
|
20574
20676
|
complete: "Response complete",
|
|
20575
20677
|
stopped: "You stopped the response"
|
|
20576
|
-
}, 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({
|
|
20577
20679
|
type: String,
|
|
20578
20680
|
reflect: true
|
|
20579
20681
|
})], b9.prototype, "status", void 0), e12([n({
|
|
@@ -20724,7 +20826,7 @@ var r32 = class extends i9 {
|
|
|
20724
20826
|
e25("swc-system-message", r32);
|
|
20725
20827
|
|
|
20726
20828
|
// node_modules/@adobe/spectrum-wc/dist/patterns/ai-toolkit/user-message/user-message.js
|
|
20727
|
-
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}`;
|
|
20728
20830
|
|
|
20729
20831
|
// node_modules/@adobe/spectrum-wc/dist/patterns/ai-toolkit/user-message/UserMessage.js
|
|
20730
20832
|
var a18 = class extends i9 {
|
|
@@ -20776,7 +20878,7 @@ var o66 = class extends a10 {
|
|
|
20776
20878
|
}
|
|
20777
20879
|
render() {
|
|
20778
20880
|
return b`
|
|
20779
|
-
|
|
20881
|
+
${o16(e97())}
|
|
20780
20882
|
`;
|
|
20781
20883
|
}
|
|
20782
20884
|
};
|
|
@@ -20794,7 +20896,7 @@ var o67 = class extends a10 {
|
|
|
20794
20896
|
}
|
|
20795
20897
|
render() {
|
|
20796
20898
|
return b`
|
|
20797
|
-
|
|
20899
|
+
${o16(e98())}
|
|
20798
20900
|
`;
|
|
20799
20901
|
}
|
|
20800
20902
|
};
|
|
@@ -20812,7 +20914,7 @@ var o68 = class extends a10 {
|
|
|
20812
20914
|
}
|
|
20813
20915
|
render() {
|
|
20814
20916
|
return b`
|
|
20815
|
-
|
|
20917
|
+
${o16(e99())}
|
|
20816
20918
|
`;
|
|
20817
20919
|
}
|
|
20818
20920
|
};
|
|
@@ -20830,7 +20932,7 @@ var o69 = class extends a10 {
|
|
|
20830
20932
|
}
|
|
20831
20933
|
render() {
|
|
20832
20934
|
return b`
|
|
20833
|
-
|
|
20935
|
+
${o16(e100())}
|
|
20834
20936
|
`;
|
|
20835
20937
|
}
|
|
20836
20938
|
};
|
|
@@ -20848,7 +20950,7 @@ var o70 = class extends a10 {
|
|
|
20848
20950
|
}
|
|
20849
20951
|
render() {
|
|
20850
20952
|
return b`
|
|
20851
|
-
|
|
20953
|
+
${o16(e101())}
|
|
20852
20954
|
`;
|
|
20853
20955
|
}
|
|
20854
20956
|
};
|
|
@@ -20866,7 +20968,7 @@ var o71 = class extends a10 {
|
|
|
20866
20968
|
}
|
|
20867
20969
|
render() {
|
|
20868
20970
|
return b`
|
|
20869
|
-
|
|
20971
|
+
${o16(e102())}
|
|
20870
20972
|
`;
|
|
20871
20973
|
}
|
|
20872
20974
|
};
|
|
@@ -20884,7 +20986,7 @@ var o72 = class extends a10 {
|
|
|
20884
20986
|
}
|
|
20885
20987
|
render() {
|
|
20886
20988
|
return b`
|
|
20887
|
-
|
|
20989
|
+
${o16(e103())}
|
|
20888
20990
|
`;
|
|
20889
20991
|
}
|
|
20890
20992
|
};
|
|
@@ -20902,7 +21004,7 @@ var o73 = class extends a10 {
|
|
|
20902
21004
|
}
|
|
20903
21005
|
render() {
|
|
20904
21006
|
return b`
|
|
20905
|
-
|
|
21007
|
+
${o16(e104())}
|
|
20906
21008
|
`;
|
|
20907
21009
|
}
|
|
20908
21010
|
};
|
|
@@ -20920,7 +21022,7 @@ var o74 = class extends a10 {
|
|
|
20920
21022
|
}
|
|
20921
21023
|
render() {
|
|
20922
21024
|
return b`
|
|
20923
|
-
|
|
21025
|
+
${o16(e105())}
|
|
20924
21026
|
`;
|
|
20925
21027
|
}
|
|
20926
21028
|
};
|
|
@@ -30457,6 +30559,16 @@ function actionLabel(action, handlers, messageId) {
|
|
|
30457
30559
|
const count = action === "drop-turn" ? handlers.dropping(messageId) : 1;
|
|
30458
30560
|
return count > 1 ? `Drop ${count} failed turns` : actionLabels[action];
|
|
30459
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
|
+
}
|
|
30460
30572
|
function time(at) {
|
|
30461
30573
|
return new Date(at).toLocaleTimeString("en-GB", { hour: "2-digit", minute: "2-digit" });
|
|
30462
30574
|
}
|
|
@@ -30467,6 +30579,23 @@ function day(at) {
|
|
|
30467
30579
|
month: "short"
|
|
30468
30580
|
});
|
|
30469
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
|
+
}
|
|
30470
30599
|
function size3(bytes) {
|
|
30471
30600
|
if (bytes < 1024) return `${bytes} B`;
|
|
30472
30601
|
if (bytes < 1024 * 1024) return `${Math.round(bytes / 1024)} KB`;
|
|
@@ -30509,7 +30638,7 @@ function tool(call, color = "light", options = {}) {
|
|
|
30509
30638
|
${call.notes?.length ? notes(call.notes) : A}
|
|
30510
30639
|
${call.image ? b`<img class="shot" src=${call.image} alt=${call.title} />` : A}
|
|
30511
30640
|
${call.meta ? b`<span class="tool-meta">${call.meta}</span>` : A}
|
|
30512
|
-
${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}
|
|
30513
30642
|
</div>`;
|
|
30514
30643
|
if (!options.run) {
|
|
30515
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>`;
|
|
@@ -30642,10 +30771,10 @@ function part(entry, handlers) {
|
|
|
30642
30771
|
case "link":
|
|
30643
30772
|
return b`<div class="link-text">${entry.title}</div>`;
|
|
30644
30773
|
default:
|
|
30645
|
-
return
|
|
30646
|
-
|
|
30647
|
-
|
|
30648
|
-
|
|
30774
|
+
return errorCard(
|
|
30775
|
+
{ title: entry.message, text: entry.detail, action: entry.action },
|
|
30776
|
+
handlers
|
|
30777
|
+
);
|
|
30649
30778
|
}
|
|
30650
30779
|
}
|
|
30651
30780
|
function silent(entry, showThinking) {
|
|
@@ -30699,23 +30828,33 @@ function attachment(item2) {
|
|
|
30699
30828
|
function when(at, title = "") {
|
|
30700
30829
|
return b`<time class="when" datetime=${new Date(at).toISOString()} title=${title || A}>${time(at)}</time>`;
|
|
30701
30830
|
}
|
|
30702
|
-
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) {
|
|
30703
30835
|
const delivered = message.delivered ?? (message.mode === "steer" ? "steer" : void 0);
|
|
30704
30836
|
const agent = message.origin === "agent";
|
|
30705
30837
|
const name = message.from ?? "an agent";
|
|
30706
30838
|
const who2 = agent ? name : message.from ? `From ${message.from}` : "";
|
|
30707
30839
|
const label = agent ? `Request from ${name}` : message.from ? `Message from ${message.from}` : "Your message";
|
|
30708
|
-
|
|
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}>
|
|
30709
30842
|
<div class="bubble">
|
|
30710
|
-
|
|
30711
|
-
${who2 ? b`<span class="who">${who2}</span>` : A}${when(message.createdAt)}
|
|
30712
|
-
${agent ? b`<swc-badge class="origin" size="s" variant="indigo">Agent</swc-badge>` : A}
|
|
30713
|
-
</div>
|
|
30843
|
+
${byline(message, who2, stamp)}${stamp ? A : unseen(message.createdAt)}
|
|
30714
30844
|
${message.text ? b`<swc-user-message class="body"><span class="text">${message.text}</span></swc-user-message>` : A}
|
|
30715
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}
|
|
30716
30847
|
</div>
|
|
30717
30848
|
</swc-conversation-turn>`;
|
|
30718
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
|
+
}
|
|
30719
30858
|
function status(message) {
|
|
30720
30859
|
if (message.status === "stopped") {
|
|
30721
30860
|
return b`<swc-response-status slot="status" status="stopped"></swc-response-status>`;
|
|
@@ -30743,15 +30882,16 @@ function suggestions(text2, handlers) {
|
|
|
30743
30882
|
<swc-suggestion-item data-action="suggestion">${text2}</swc-suggestion-item>
|
|
30744
30883
|
</swc-suggestion-group>`;
|
|
30745
30884
|
}
|
|
30746
|
-
function assistant(message, name, model, handlers, showThinking, suggestion = null, extra = []) {
|
|
30885
|
+
function assistant(message, name, model, handlers, showThinking, suggestion = null, extra = [], stamp = true) {
|
|
30747
30886
|
const usage = message.usage ? `${message.usage.input.toLocaleString("en")} in \xB7 ${message.usage.output.toLocaleString("en")} out \xB7 $${message.usage.cost.toFixed(2)}` : "";
|
|
30748
|
-
|
|
30749
|
-
|
|
30750
|
-
|
|
30751
|
-
|
|
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}
|
|
30752
30892
|
${model ? b`<span class="model" title=${usage}>${model}</span>` : A}
|
|
30753
|
-
${
|
|
30754
|
-
</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)}
|
|
30755
30895
|
<swc-system-message>
|
|
30756
30896
|
${status(message)}
|
|
30757
30897
|
${parts(
|
|
@@ -30770,9 +30910,9 @@ function assistant(message, name, model, handlers, showThinking, suggestion = nu
|
|
|
30770
30910
|
</div>
|
|
30771
30911
|
</swc-conversation-turn>`;
|
|
30772
30912
|
}
|
|
30773
|
-
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) {
|
|
30774
30914
|
const owners = new Map(context.owners);
|
|
30775
|
-
owners.set(message.tool.id, { at: message.createdAt });
|
|
30915
|
+
owners.set(message.tool.id, { at: message.createdAt, stamp });
|
|
30776
30916
|
const shown4 = runs([message.tool, ...extra], { ...context, owners });
|
|
30777
30917
|
return b`<swc-conversation-turn type="system" class="message tool-message" accessible-label=${`Tool ${message.tool.name}`} data-id=${message.id}>
|
|
30778
30918
|
${suggestion && context.suggest ? b`<swc-system-message>${shown4}${suggestions(suggestion, context)}</swc-system-message>` : shown4}
|
|
@@ -30801,10 +30941,15 @@ function system(message, handlers) {
|
|
|
30801
30941
|
}
|
|
30802
30942
|
return event(
|
|
30803
30943
|
"Error",
|
|
30804
|
-
|
|
30805
|
-
|
|
30806
|
-
|
|
30807
|
-
|
|
30944
|
+
errorCard(
|
|
30945
|
+
{
|
|
30946
|
+
id: message.id,
|
|
30947
|
+
title: message.title ?? "Error",
|
|
30948
|
+
text: message.text,
|
|
30949
|
+
action: message.action
|
|
30950
|
+
},
|
|
30951
|
+
handlers
|
|
30952
|
+
)
|
|
30808
30953
|
);
|
|
30809
30954
|
}
|
|
30810
30955
|
var severities = {
|
|
@@ -30824,7 +30969,7 @@ function severityBadge(message, label) {
|
|
|
30824
30969
|
const { prefix, variant, icon } = severities[message.severity];
|
|
30825
30970
|
return b`<span class="sr">${prefix}</span><swc-badge class="severity" size="s" variant=${variant} subtle>${icon}${label}</swc-badge>`;
|
|
30826
30971
|
}
|
|
30827
|
-
function lick(message, handlers) {
|
|
30972
|
+
function lick(message, handlers, stamp = true) {
|
|
30828
30973
|
const [label, variant] = lickLabels[message.channel];
|
|
30829
30974
|
const decide = message.channel === "sudo-request" && message.state === "pending";
|
|
30830
30975
|
const outcome = message.state === "confirmed" ? "Allowed" : message.state === "dismissed" ? "Denied" : "";
|
|
@@ -30833,7 +30978,7 @@ function lick(message, handlers) {
|
|
|
30833
30978
|
<span class="text">${message.text}</span>
|
|
30834
30979
|
${message.count && message.count > 1 ? b`<span class="times" title="Coalesced events">×${message.count}</span>` : A}
|
|
30835
30980
|
${outcome ? b`<swc-badge class="tag" size="s" variant=${message.state === "confirmed" ? "positive" : "neutral"} subtle>${outcome}</swc-badge>` : A}
|
|
30836
|
-
<span class
|
|
30981
|
+
<span class=${stamp ? "when" : "sr"}>${time(message.createdAt)}</span>`;
|
|
30837
30982
|
const actions2 = decide ? b`<div class="decide">
|
|
30838
30983
|
<swc-button size="s" variant="accent" data-action="allow" ?disabled=${handlers.readOnly} @click=${() => handlers.resolve(message.id, "confirmed")}>Allow</swc-button>
|
|
30839
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>
|
|
@@ -30908,9 +31053,34 @@ var messageCss = i`
|
|
|
30908
31053
|
align-self: flex-start;
|
|
30909
31054
|
align-items: flex-start;
|
|
30910
31055
|
}
|
|
30911
|
-
.user[data-
|
|
30912
|
-
background:
|
|
30913
|
-
|
|
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;
|
|
30914
31084
|
}
|
|
30915
31085
|
swc-user-message.body .text {
|
|
30916
31086
|
white-space: pre-wrap;
|
|
@@ -31496,30 +31666,48 @@ var messageCss = i`
|
|
|
31496
31666
|
color: var(--swc-neutral-content-color-default);
|
|
31497
31667
|
}
|
|
31498
31668
|
.error-card {
|
|
31499
|
-
display:
|
|
31669
|
+
display: grid;
|
|
31670
|
+
grid-template-columns: auto minmax(0, 1fr) auto;
|
|
31500
31671
|
align-items: center;
|
|
31501
|
-
|
|
31502
|
-
|
|
31503
|
-
border: var(--swc-border-width-100) solid var(--swc-negative-visual-color);
|
|
31504
|
-
border-inline-start-width: var(--swc-border-width-400);
|
|
31505
|
-
border-radius: var(--swc-corner-radius-100);
|
|
31672
|
+
gap: var(--swc-spacing-50) var(--swc-spacing-200);
|
|
31673
|
+
margin-inline: var(--swc-spacing-700);
|
|
31506
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);
|
|
31507
31678
|
font-size: var(--swc-font-size-100);
|
|
31679
|
+
color: var(--swc-neutral-subdued-content-color-default);
|
|
31508
31680
|
}
|
|
31509
|
-
.error-card .
|
|
31510
|
-
|
|
31511
|
-
|
|
31512
|
-
|
|
31513
|
-
|
|
31514
|
-
|
|
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);
|
|
31515
31689
|
}
|
|
31516
31690
|
.error-card .detail {
|
|
31517
|
-
|
|
31691
|
+
grid-column: 2;
|
|
31692
|
+
overflow-wrap: anywhere;
|
|
31518
31693
|
}
|
|
31519
31694
|
.error-card swc-button {
|
|
31520
|
-
|
|
31695
|
+
grid-column: 3;
|
|
31696
|
+
grid-row: span 2;
|
|
31521
31697
|
white-space: nowrap;
|
|
31522
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
|
+
}
|
|
31523
31711
|
.marker,
|
|
31524
31712
|
.day {
|
|
31525
31713
|
display: flex;
|
|
@@ -31571,8 +31759,7 @@ var messageCss = i`
|
|
|
31571
31759
|
.lick[data-severity='warn'] {
|
|
31572
31760
|
--severity: var(--swc-notice-visual-color);
|
|
31573
31761
|
}
|
|
31574
|
-
.
|
|
31575
|
-
.notes .sr {
|
|
31762
|
+
.sr {
|
|
31576
31763
|
position: absolute;
|
|
31577
31764
|
inline-size: 1px;
|
|
31578
31765
|
block-size: 1px;
|
|
@@ -33339,8 +33526,8 @@ function reach2(command3, cwd) {
|
|
|
33339
33526
|
const hit = scan2(words, cwds, whole);
|
|
33340
33527
|
if (hit) return hit;
|
|
33341
33528
|
}
|
|
33342
|
-
const
|
|
33343
|
-
if (
|
|
33529
|
+
const named2 = segments.flat().find((word) => !word.startsWith("/") && /fnox|secrets-policy/.test(word));
|
|
33530
|
+
if (named2) return absolute([...cwds].pop() ?? start, named2);
|
|
33344
33531
|
const home2 = segments.flat().find((word) => /^~(?:[+-](?:\/|$)|.*\/\.\.(?:\/|$))/.test(word));
|
|
33345
33532
|
if (home2) return home2;
|
|
33346
33533
|
return segments.flat().some((word) => word.includes("$")) || text2.includes("`") ? text2.match(expansion)[0] : null;
|
|
@@ -33630,7 +33817,7 @@ function deadline(at) {
|
|
|
33630
33817
|
}
|
|
33631
33818
|
|
|
33632
33819
|
// node_modules/@adobe/spectrum-wc/dist/components/close-button/close-button.js
|
|
33633
|
-
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)}`;
|
|
33634
33821
|
|
|
33635
33822
|
// node_modules/@adobe/spectrum-wc/dist/components/close-button/CloseButton.js
|
|
33636
33823
|
var c25 = class extends l8 {
|
|
@@ -33785,7 +33972,7 @@ var o78 = class extends a10 {
|
|
|
33785
33972
|
}
|
|
33786
33973
|
render() {
|
|
33787
33974
|
return b`
|
|
33788
|
-
|
|
33975
|
+
${o16(e109())}
|
|
33789
33976
|
`;
|
|
33790
33977
|
}
|
|
33791
33978
|
};
|
|
@@ -33803,7 +33990,7 @@ var o79 = class extends a10 {
|
|
|
33803
33990
|
}
|
|
33804
33991
|
render() {
|
|
33805
33992
|
return b`
|
|
33806
|
-
|
|
33993
|
+
${o16(e110())}
|
|
33807
33994
|
`;
|
|
33808
33995
|
}
|
|
33809
33996
|
};
|
|
@@ -33821,7 +34008,7 @@ var o80 = class extends a10 {
|
|
|
33821
34008
|
}
|
|
33822
34009
|
render() {
|
|
33823
34010
|
return b`
|
|
33824
|
-
|
|
34011
|
+
${o16(e111())}
|
|
33825
34012
|
`;
|
|
33826
34013
|
}
|
|
33827
34014
|
};
|
|
@@ -33839,7 +34026,7 @@ var o81 = class extends a10 {
|
|
|
33839
34026
|
}
|
|
33840
34027
|
render() {
|
|
33841
34028
|
return b`
|
|
33842
|
-
|
|
34029
|
+
${o16(e112())}
|
|
33843
34030
|
`;
|
|
33844
34031
|
}
|
|
33845
34032
|
};
|
|
@@ -33857,7 +34044,7 @@ var o82 = class extends a10 {
|
|
|
33857
34044
|
}
|
|
33858
34045
|
render() {
|
|
33859
34046
|
return b`
|
|
33860
|
-
|
|
34047
|
+
${o16(e113())}
|
|
33861
34048
|
`;
|
|
33862
34049
|
}
|
|
33863
34050
|
};
|
|
@@ -33875,7 +34062,7 @@ var o83 = class extends a10 {
|
|
|
33875
34062
|
}
|
|
33876
34063
|
render() {
|
|
33877
34064
|
return b`
|
|
33878
|
-
|
|
34065
|
+
${o16(e114())}
|
|
33879
34066
|
`;
|
|
33880
34067
|
}
|
|
33881
34068
|
};
|
|
@@ -33893,7 +34080,7 @@ var o84 = class extends a10 {
|
|
|
33893
34080
|
}
|
|
33894
34081
|
render() {
|
|
33895
34082
|
return b`
|
|
33896
|
-
|
|
34083
|
+
${o16(e115())}
|
|
33897
34084
|
`;
|
|
33898
34085
|
}
|
|
33899
34086
|
};
|
|
@@ -33911,7 +34098,7 @@ var o85 = class extends a10 {
|
|
|
33911
34098
|
}
|
|
33912
34099
|
render() {
|
|
33913
34100
|
return b`
|
|
33914
|
-
|
|
34101
|
+
${o16(e116())}
|
|
33915
34102
|
`;
|
|
33916
34103
|
}
|
|
33917
34104
|
};
|
|
@@ -33929,7 +34116,7 @@ var o86 = class extends a10 {
|
|
|
33929
34116
|
}
|
|
33930
34117
|
render() {
|
|
33931
34118
|
return b`
|
|
33932
|
-
|
|
34119
|
+
${o16(e117())}
|
|
33933
34120
|
`;
|
|
33934
34121
|
}
|
|
33935
34122
|
};
|
|
@@ -35647,7 +35834,7 @@ e12([n({
|
|
|
35647
35834
|
e25("swc-dropzone", c27);
|
|
35648
35835
|
|
|
35649
35836
|
// node_modules/@adobe/spectrum-wc/dist/patterns/ai-toolkit/conversation-thread/conversation-thread.js
|
|
35650
|
-
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%}`;
|
|
35651
35838
|
|
|
35652
35839
|
// node_modules/@adobe/spectrum-wc/dist/patterns/ai-toolkit/conversation-thread/ConversationThread.js
|
|
35653
35840
|
var s17 = class extends i9 {
|
|
@@ -35718,7 +35905,7 @@ var o89 = class extends a10 {
|
|
|
35718
35905
|
}
|
|
35719
35906
|
render() {
|
|
35720
35907
|
return b`
|
|
35721
|
-
|
|
35908
|
+
${o16(e120())}
|
|
35722
35909
|
`;
|
|
35723
35910
|
}
|
|
35724
35911
|
};
|
|
@@ -36115,7 +36302,7 @@ var SliccChat = class extends ThemedElement {
|
|
|
36115
36302
|
new CustomEvent("show-surface", { detail: { id: "settings" }, bubbles: true, composed: true })
|
|
36116
36303
|
);
|
|
36117
36304
|
}
|
|
36118
|
-
#message(message, agent, suggestion, changed, extra, owners) {
|
|
36305
|
+
#message(message, agent, suggestion, changed, extra, owners, stamp) {
|
|
36119
36306
|
const model = this.model;
|
|
36120
36307
|
const handlers = { ...this.#handlers, owners };
|
|
36121
36308
|
switch (message.role) {
|
|
@@ -36128,17 +36315,18 @@ var SliccChat = class extends ThemedElement {
|
|
|
36128
36315
|
handlers,
|
|
36129
36316
|
model.settings.get().showThinking,
|
|
36130
36317
|
suggestion,
|
|
36131
|
-
extra
|
|
36318
|
+
extra,
|
|
36319
|
+
stamp
|
|
36132
36320
|
);
|
|
36133
36321
|
}
|
|
36134
36322
|
case "user":
|
|
36135
|
-
return user(message);
|
|
36323
|
+
return user(message, stamp);
|
|
36136
36324
|
case "tool":
|
|
36137
|
-
return toolMessage(message, handlers, extra, suggestion);
|
|
36325
|
+
return toolMessage(message, handlers, extra, suggestion, stamp);
|
|
36138
36326
|
case "system":
|
|
36139
36327
|
return system(message, this.#handlers);
|
|
36140
36328
|
default:
|
|
36141
|
-
return lick(message, this.#handlers);
|
|
36329
|
+
return lick(message, this.#handlers, stamp);
|
|
36142
36330
|
}
|
|
36143
36331
|
}
|
|
36144
36332
|
#items(messages, agent) {
|
|
@@ -36152,12 +36340,17 @@ var SliccChat = class extends ThemedElement {
|
|
|
36152
36340
|
const extra = /* @__PURE__ */ new Map();
|
|
36153
36341
|
const owners = /* @__PURE__ */ new Map();
|
|
36154
36342
|
const into = /* @__PURE__ */ new Map();
|
|
36343
|
+
const stamped = stamps(messages);
|
|
36155
36344
|
let anchor = null;
|
|
36156
36345
|
for (const message of messages) {
|
|
36157
36346
|
const calls = toolOnly(message, showThinking);
|
|
36158
36347
|
if (anchor && calls && day(message.createdAt) === day(anchor.createdAt)) {
|
|
36159
36348
|
extra.set(anchor.id, [...extra.get(anchor.id) ?? [], ...calls]);
|
|
36160
|
-
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
|
+
});
|
|
36161
36354
|
into.set(message.id, anchor.id);
|
|
36162
36355
|
continue;
|
|
36163
36356
|
}
|
|
@@ -36187,7 +36380,8 @@ var SliccChat = class extends ThemedElement {
|
|
|
36187
36380
|
message.id === target2 ? suggestion : null,
|
|
36188
36381
|
changed,
|
|
36189
36382
|
extra.get(message.id) ?? [],
|
|
36190
|
-
owners
|
|
36383
|
+
owners,
|
|
36384
|
+
stamped.has(message.id)
|
|
36191
36385
|
)
|
|
36192
36386
|
]);
|
|
36193
36387
|
}
|
|
@@ -36270,7 +36464,7 @@ var SliccChat = class extends ThemedElement {
|
|
|
36270
36464
|
};
|
|
36271
36465
|
|
|
36272
36466
|
// node_modules/@adobe/spectrum-wc/dist/patterns/ai-toolkit/prompt-field/prompt-field.js
|
|
36273
|
-
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%)}}`;
|
|
36274
36468
|
|
|
36275
36469
|
// node_modules/@adobe/spectrum-wc/dist/patterns/ai-toolkit/prompt-field/PromptField.js
|
|
36276
36470
|
var E5 = "aiLogo";
|
|
@@ -37103,7 +37297,7 @@ var o90 = class extends a10 {
|
|
|
37103
37297
|
}
|
|
37104
37298
|
render() {
|
|
37105
37299
|
return b`
|
|
37106
|
-
|
|
37300
|
+
${o16(e121())}
|
|
37107
37301
|
`;
|
|
37108
37302
|
}
|
|
37109
37303
|
};
|
|
@@ -38424,7 +38618,7 @@ var SliccComposer = class extends ThemedElement {
|
|
|
38424
38618
|
// src/app/lucide.ts
|
|
38425
38619
|
var library = null;
|
|
38426
38620
|
function load() {
|
|
38427
|
-
library ??= import("./chunk-
|
|
38621
|
+
library ??= import("./chunk-VN3QD44H.js");
|
|
38428
38622
|
return library;
|
|
38429
38623
|
}
|
|
38430
38624
|
function pascal(name) {
|
|
@@ -49588,22 +49782,22 @@ function toNamed(code2, next, omit, attribute) {
|
|
|
49588
49782
|
// node_modules/stringify-entities/lib/util/format-smart.js
|
|
49589
49783
|
function formatSmart(code2, next, options) {
|
|
49590
49784
|
let numeric = toHexadecimal(code2, next, options.omitOptionalSemicolons);
|
|
49591
|
-
let
|
|
49785
|
+
let named2;
|
|
49592
49786
|
if (options.useNamedReferences || options.useShortestReferences) {
|
|
49593
|
-
|
|
49787
|
+
named2 = toNamed(
|
|
49594
49788
|
code2,
|
|
49595
49789
|
next,
|
|
49596
49790
|
options.omitOptionalSemicolons,
|
|
49597
49791
|
options.attribute
|
|
49598
49792
|
);
|
|
49599
49793
|
}
|
|
49600
|
-
if ((options.useShortestReferences || !
|
|
49794
|
+
if ((options.useShortestReferences || !named2) && options.useShortestReferences) {
|
|
49601
49795
|
const decimal = toDecimal(code2, next, options.omitOptionalSemicolons);
|
|
49602
49796
|
if (decimal.length < numeric.length) {
|
|
49603
49797
|
numeric = decimal;
|
|
49604
49798
|
}
|
|
49605
49799
|
}
|
|
49606
|
-
return
|
|
49800
|
+
return named2 && (!options.useShortestReferences || named2.length < numeric.length) ? named2 : numeric;
|
|
49607
49801
|
}
|
|
49608
49802
|
|
|
49609
49803
|
// node_modules/stringify-entities/lib/index.js
|