@ai-ecoverse/slicc-spectrum 1.72.0 → 1.73.0

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