@ai-ecoverse/slicc-spectrum 1.71.0 → 1.73.0

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