@ai-ecoverse/slicc-spectrum 1.10.0 → 1.11.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
@@ -7971,7 +7971,7 @@ function part(entry, handlers, showThinking) {
7971
7971
  </a>`;
7972
7972
  default:
7973
7973
  return b`<div class="error-card" role="alert">
7974
- <span>${entry.message}</span>
7974
+ <div class="error-text"><span class="lead">${entry.message}</span>${entry.detail ? b`<span class="detail">${entry.detail}</span>` : A}</div>
7975
7975
  ${entry.action ? b`<sp-button size="s" variant="secondary" treatment="outline" @click=${() => handlers.action(entry.action)}>${actionLabels[entry.action]}</sp-button>` : A}
7976
7976
  </div>`;
7977
7977
  }
@@ -8048,7 +8048,7 @@ function system(message, handlers) {
8048
8048
  return b`<div class="notice" role="note" data-id=${message.id}><strong>${message.title}</strong> ${message.text}</div>`;
8049
8049
  }
8050
8050
  return b`<div class="error-card system-error" role="alert" data-id=${message.id}>
8051
- <div><strong>${message.title}</strong><span>${message.text}</span></div>
8051
+ <div class="error-text"><strong>${message.title}</strong><span>${message.text}</span></div>
8052
8052
  ${message.action ? b`<sp-button size="s" variant="secondary" treatment="outline" @click=${() => handlers.action(message.action)}>${actionLabels[message.action]}</sp-button>` : A}
8053
8053
  </div>`;
8054
8054
  }
@@ -8522,8 +8522,20 @@ var messageCss = i`
8522
8522
  margin: 6px 0;
8523
8523
  font-size: var(--spectrum-font-size-75);
8524
8524
  }
8525
- .error-card div {
8525
+ .error-card .error-text {
8526
8526
  display: grid;
8527
+ gap: 2px;
8528
+ flex: 1;
8529
+ min-width: 0;
8530
+ overflow-wrap: anywhere;
8531
+ }
8532
+ .error-card .detail {
8533
+ font-size: var(--spectrum-font-size-50);
8534
+ color: var(--spectrum-neutral-subdued-content-color-default);
8535
+ }
8536
+ .error-card sp-button {
8537
+ flex: none;
8538
+ white-space: nowrap;
8527
8539
  }
8528
8540
  .marker,
8529
8541
  .day {