@ai-ecoverse/slicc-spectrum 2.10.0 → 2.11.1

package/dist/slicc-ui.js

@@ -8454,6 +8454,24 @@ var o42 = class extends a8 {
 };
 e26("swc-icon-close", o42);
 
+// node_modules/@adobe/spectrum-wc-icons/dist/AlertTriangle.js
+function e75() {
+  return '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="var(--swc-icon-color, currentColor)" d="M10 15.123a.9.9 0 0 1-.627-.228.956.956 0 0 1 0-1.285.87.87 0 0 1 .626-.234c.237-.01.466.08.633.247a.86.86 0 0 1 .242.627.88.88 0 0 1-.228.639.86.86 0 0 1-.647.234M10 11.75a.75.75 0 0 1-.75-.75V7a.75.75 0 0 1 1.5 0v4a.75.75 0 0 1-.75.75"/><path fill="var(--swc-icon-color, currentColor)" d="M16.733 18H3.267c-.8 0-1.523-.41-1.933-1.098s-.427-1.518-.046-2.222L8.02 2.232a2.248 2.248 0 0 1 3.958 0l6.733 12.448c.381.704.364 1.535-.046 2.222S17.534 18 16.733 18M10 2.553a.73.73 0 0 0-.66.392L2.607 15.393a.74.74 0 0 0 .016.74.74.74 0 0 0 .644.367h13.466a.74.74 0 0 0 .644-.366.74.74 0 0 0 .016-.741L10.66 2.945a.73.73 0 0 0-.66-.392"/></svg>';
+}
+
+// node_modules/@adobe/spectrum-wc-icons/dist/swc-icon-alert-triangle.js
+var o43 = class extends a8 {
+  static get styles() {
+    return [t40];
+  }
+  render() {
+    return b`
+      ${o15(e75())}
+    `;
+  }
+};
+e26("swc-icon-alert-triangle", o43);
+
 // src/app/base.ts
 var typed = false;
 document.addEventListener("keydown", () => typed = true, true);
@@ -8605,26 +8623,158 @@ function chatModels(options2) {
 function statusLight(status2) {
   return b`<swc-status-light size="s" variant=${statusVariant[status2]}>${statusLabel[status2]}</swc-status-light>`;
 }
+function statusMark(status2) {
+  if (status2 !== "error") return A;
+  return b`<swc-icon-alert-triangle size="xs" aria-hidden="true"></swc-icon-alert-triangle>`;
+}
 function statusDot(status2) {
-  return b`<span class="dot" data-agent-status=${status2} data-variant=${statusVariant[status2]} role="img" aria-label=${statusLabel[status2]} title=${statusLabel[status2]}></span>`;
+  return b`<span
+    class="dot"
+    data-agent-status=${status2}
+    data-variant=${statusVariant[status2]}
+    role="img"
+    aria-label=${statusLabel[status2]}
+    title=${statusLabel[status2]}
+    tabindex="0"
+    >${statusMark(status2)}</span
+  >`;
 }
 var shared = i`
+  @keyframes status-working {
+    50% {
+      opacity: 0.45;
+    }
+  }
   .dot {
-    display: inline-block;
+    display: inline-flex;
     flex: none;
+    align-items: center;
+    justify-content: center;
+    box-sizing: border-box;
     width: var(--swc-spacing-100);
     height: var(--swc-spacing-100);
+    border: var(--swc-border-width-200) solid transparent;
     border-radius: var(--swc-corner-radius-full);
     background: var(--swc-neutral-visual-color);
+    color: var(--swc-neutral-visual-color);
+  }
+  .dot:focus {
+    outline: none;
+  }
+  .dot:focus-visible {
+    outline: var(--swc-focus-indicator-thickness) solid var(--swc-focus-indicator-color);
+    outline-offset: var(--swc-focus-ring-gap);
   }
   .dot[data-variant='info'] {
     background: var(--swc-informative-visual-color);
+    color: var(--swc-informative-visual-color);
   }
   .dot[data-variant='notice'] {
     background: var(--swc-notice-visual-color);
+    color: var(--swc-notice-visual-color);
   }
   .dot[data-variant='negative'] {
     background: var(--swc-negative-visual-color);
+    color: var(--swc-negative-visual-color);
+  }
+  .dot[data-agent-status] {
+    margin-inline: var(--swc-border-width-200);
+  }
+  .dot[data-agent-status='thinking'] {
+    background: transparent;
+    border-style: dashed;
+    border-color: var(--swc-informative-visual-color);
+  }
+  .dot[data-agent-status='waiting'] {
+    background: transparent;
+    border-color: var(--swc-notice-visual-color);
+  }
+  .dot[data-agent-status='working'] {
+    box-shadow: 0 0 0 var(--swc-border-width-200) var(--swc-informative-visual-color);
+    animation: status-working calc(var(--swc-animation-duration-600) * 4)
+      var(--swc-animation-ease-in-out) infinite;
+  }
+  .dot[data-agent-status='error'] {
+    width: var(--swc-spacing-200);
+    height: var(--swc-spacing-200);
+    margin-inline: calc(
+      var(--swc-border-width-200) - (var(--swc-spacing-200) - var(--swc-spacing-100)) / 2
+    );
+    border: none;
+    background: transparent;
+    color: var(--swc-negative-visual-color);
+  }
+  .dot[data-agent-status='error'] swc-icon-alert-triangle {
+    display: block;
+    inline-size: 100%;
+    block-size: 100%;
+    --swc-icon-inline-size: 100%;
+    --swc-icon-block-size: 100%;
+    --swc-icon-color: currentColor;
+  }
+  .marker.status {
+    border: var(--swc-border-width-200) solid transparent;
+    margin-inline-end: var(--swc-border-width-200);
+  }
+  .marker.status[data-status='thinking'] {
+    background: transparent;
+    border-style: dashed;
+    border-color: var(--status-color);
+  }
+  .marker.status[data-status='waiting'] {
+    background: transparent;
+    border-color: var(--status-color);
+  }
+  .marker.status[data-status='working'] {
+    box-shadow: 0 0 0 var(--swc-border-width-200) var(--status-color);
+    animation: status-working calc(var(--swc-animation-duration-600) * 4)
+      var(--swc-animation-ease-in-out) infinite;
+  }
+  .marker.status[data-status='error'] {
+    border: none;
+    background: transparent;
+    color: var(--status-color);
+  }
+  .marker.status[data-status='error'] swc-icon-alert-triangle {
+    display: block;
+    inline-size: 100%;
+    block-size: 100%;
+    --swc-icon-inline-size: 100%;
+    --swc-icon-block-size: 100%;
+    --swc-icon-color: currentColor;
+  }
+  @media (prefers-reduced-motion: reduce) {
+    .dot[data-agent-status='working'],
+    .marker.status[data-status='working'] {
+      animation: none;
+    }
+  }
+  @media (forced-colors: active) {
+    .dot[data-agent-status],
+    .marker.status[data-status] {
+      forced-color-adjust: none;
+      background: CanvasText;
+      color: CanvasText;
+      border-color: CanvasText;
+      box-shadow: none;
+    }
+    .dot[data-agent-status='thinking'],
+    .dot[data-agent-status='waiting'],
+    .dot[data-agent-status='error'],
+    .marker.status[data-status='thinking'],
+    .marker.status[data-status='waiting'],
+    .marker.status[data-status='error'] {
+      background: transparent;
+    }
+    .dot[data-agent-status='working'],
+    .marker.status[data-status='working'] {
+      box-shadow:
+        0 0 0 var(--swc-border-width-100) Canvas,
+        0 0 0 calc(var(--swc-border-width-100) + var(--swc-border-width-200)) CanvasText;
+    }
+    .dot:focus-visible {
+      outline-color: Highlight;
+    }
   }
   .count {
     display: inline-block;
@@ -8764,10 +8914,10 @@ var s7 = class {
 defineElement("sp-button", Button);
 
 // node_modules/@spectrum-web-components/button-group/src/button-group.css.js
-var o43 = i`
+var o44 = i`
     :host{--spectrum-buttongroup-spacing:var(--mod-buttongroup-spacing,var(--mod-buttongroup-spacing-horizontal,var(--spectrum-spacing-300)));--spectrum-buttongroup-display:flex;--spectrum-buttongroup-flex-direction:row;--spectrum-buttongroup-justify-content:var(--mod-buttongroup-justify-content,normal)}:host([size=s]){--spectrum-buttongroup-spacing:var(--mod-buttongroup-spacing,var(--mod-buttongroup-spacing-horizontal,var(--spectrum-spacing-200)))}:host([vertical]){--mod-buttongroup-spacing:var(--mod-buttongroup-spacing-vertical);--spectrum-buttongroup-display:inline-flex;--spectrum-buttongroup-flex-direction:column}:host{display:var(--spectrum-buttongroup-display);flex-direction:var(--spectrum-buttongroup-flex-direction);gap:var(--spectrum-buttongroup-spacing);justify-content:var(--spectrum-buttongroup-justify-content);flex-wrap:wrap}::slotted(*){flex-shrink:0}:host([vertical]) ::slotted(sp-action-button){--spectrum-actionbutton-label-flex-grow:1;--spectrum-actionbutton-label-text-align:left}:host([vertical]:dir(rtl)) ::slotted(sp-action-button){--spectrum-actionbutton-label-text-align:right}
 `;
-var button_group_css_default = o43;
+var button_group_css_default = o44;
 
 // node_modules/@spectrum-web-components/button-group/src/ButtonGroup.js
 var a9 = Object.defineProperty;
@@ -8873,20 +9023,20 @@ function h5(a20, r36) {
     }
   }), t90;
 }
-var o44 = class o45 extends FocusVisiblePolyfillMixin(SpectrumElement) {
+var o45 = class o46 extends FocusVisiblePolyfillMixin(SpectrumElement) {
   constructor() {
     super(...arguments);
     this.resizeController = new s7(this, { callback: () => {
       this.shouldManageTabOrderForScrolling();
     } });
     this._variant = "";
-    this.labelledbyId = `sp-dialog-label-${o45.instanceCount++}`;
+    this.labelledbyId = `sp-dialog-label-${o46.instanceCount++}`;
     this.shouldManageTabOrderForScrolling = () => {
       if (!this.contentElement) return;
       const { offsetHeight: e128, scrollHeight: t90 } = this.contentElement;
       e128 < t90 ? this.contentElement.tabIndex = 0 : this.contentElement.removeAttribute("tabindex");
     };
-    this.describedbyId = `sp-dialog-description-${o45.instanceCount++}`;
+    this.describedbyId = `sp-dialog-description-${o46.instanceCount++}`;
   }
   static get styles() {
     return [alert_dialog_css_default];
@@ -8959,17 +9109,17 @@ var o44 = class o45 extends FocusVisiblePolyfillMixin(SpectrumElement) {
     `;
   }
 };
-o44.instanceCount = 0, l12([e(".content")], o44.prototype, "contentElement", 2), l12([n({ type: String, reflect: true })], o44.prototype, "variant", 1);
-var AlertDialog = o44;
+o45.instanceCount = 0, l12([e(".content")], o45.prototype, "contentElement", 2), l12([n({ type: String, reflect: true })], o45.prototype, "variant", 1);
+var AlertDialog = o45;
 
 // node_modules/@spectrum-web-components/alert-dialog/sp-alert-dialog.js
 defineElement("sp-alert-dialog", AlertDialog);
 
 // node_modules/@spectrum-web-components/icon/src/spectrum-icon-asterisk.css.js
-var e75 = i`
+var e76 = i`
     .spectrum-UIIcon-Asterisk75{--spectrum-icon-size:var(--spectrum-asterisk-icon-size-75)}.spectrum-UIIcon-Asterisk100{--spectrum-icon-size:var(--spectrum-asterisk-icon-size-100)}.spectrum-UIIcon-Asterisk200{--spectrum-icon-size:var(--spectrum-asterisk-icon-size-200)}.spectrum-UIIcon-Asterisk300{--spectrum-icon-size:var(--spectrum-asterisk-icon-size-300)}
 `;
-var spectrum_icon_asterisk_css_default = e75;
+var spectrum_icon_asterisk_css_default = e76;
 
 // node_modules/@spectrum-web-components/icons-ui/src/icons-s2/Asterisk100.js
 var Asterisk100Icon = ({ width: l21 = 24, height: t90 = 24, hidden: e128 = false, title: r36 = "Asterisk100" } = {}) => tag`<svg
@@ -9022,7 +9172,7 @@ var field_label_css_default = t44;
 // node_modules/@spectrum-web-components/field-label/src/FieldLabel.js
 var c16 = Object.defineProperty;
 var d11 = Object.getOwnPropertyDescriptor;
-var o46 = (n38, l21, e128, i26) => {
+var o47 = (n38, l21, e128, i26) => {
   for (var t90 = i26 > 1 ? void 0 : i26 ? d11(l21, e128) : l21, s17 = n38.length - 1, r36; s17 >= 0; s17--) (r36 = n38[s17]) && (t90 = (i26 ? r36(l21, e128, t90) : r36(t90)) || t90);
   return i26 && t90 && c16(l21, e128, t90), t90;
 };
@@ -9082,16 +9232,16 @@ var FieldLabel = class extends SizedMixin(SpectrumElement, { noDefaultSize: true
     this.hasAttribute("id") || this.setAttribute("id", `${this.tagName.toLowerCase()}-${randomID()}`), e128.has("for") && (this.resolvedElement.selector = this.for ? `#${this.for}` : ""), (e128.has("id") || e128.has(elementResolverUpdatedSymbol)) && this.manageTarget();
   }
 };
-o46([n({ type: Boolean, reflect: true })], FieldLabel.prototype, "disabled", 2), o46([n({ type: String })], FieldLabel.prototype, "id", 2), o46([n({ type: String })], FieldLabel.prototype, "for", 2), o46([n({ type: Boolean, reflect: true })], FieldLabel.prototype, "required", 2), o46([e("slot")], FieldLabel.prototype, "slotEl", 2), o46([n({ type: String, reflect: true, attribute: "side-aligned" })], FieldLabel.prototype, "sideAligned", 2);
+o47([n({ type: Boolean, reflect: true })], FieldLabel.prototype, "disabled", 2), o47([n({ type: String })], FieldLabel.prototype, "id", 2), o47([n({ type: String })], FieldLabel.prototype, "for", 2), o47([n({ type: Boolean, reflect: true })], FieldLabel.prototype, "required", 2), o47([e("slot")], FieldLabel.prototype, "slotEl", 2), o47([n({ type: String, reflect: true, attribute: "side-aligned" })], FieldLabel.prototype, "sideAligned", 2);
 
 // node_modules/@spectrum-web-components/field-label/sp-field-label.js
 defineElement("sp-field-label", FieldLabel);
 
 // node_modules/@spectrum-web-components/help-text/src/help-text.css.js
-var e76 = i`
+var e77 = i`
     @media (forced-colors:active){:host{--highcontrast-helptext-content-color-default:CanvasText;--highcontrast-helptext-icon-color-default:CanvasText}:host,.text,.icon{forced-color-adjust:none}}:host{--spectrum-helptext-content-color-default:var(--spectrum-neutral-subdued-content-color-default);--spectrum-helptext-icon-color-default:var(--spectrum-neutral-subdued-content-color-default);min-block-size:var(--mod-helptext-min-height,var(--spectrum-helptext-min-height));font-size:var(--mod-helptext-font-size,var(--spectrum-helptext-font-size));color:var(--highcontrast-helptext-content-color-default,var(--mod-helptext-content-color-default,var(--spectrum-helptext-content-color-default)));display:flex}:host([size=s]){--spectrum-helptext-min-height:var(--spectrum-component-height-75);--spectrum-helptext-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-helptext-font-size:var(--spectrum-font-size-75);--spectrum-helptext-text-to-visual:var(--spectrum-text-to-visual-75);--spectrum-helptext-top-to-workflow-icon:var(--spectrum-help-text-top-to-workflow-icon-small);--spectrum-helptext-bottom-to-workflow-icon:var(--spectrum-helptext-top-to-workflow-icon)}:host,:host{--spectrum-helptext-min-height:var(--spectrum-component-height-75);--spectrum-helptext-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-helptext-font-size:var(--spectrum-font-size-75);--spectrum-helptext-text-to-visual:var(--spectrum-text-to-visual-75);--spectrum-helptext-top-to-workflow-icon:var(--spectrum-help-text-top-to-workflow-icon-medium);--spectrum-helptext-bottom-to-workflow-icon:var(--spectrum-helptext-top-to-workflow-icon)}:host([size=l]){--spectrum-helptext-min-height:var(--spectrum-component-height-100);--spectrum-helptext-icon-size:var(--spectrum-workflow-icon-size-200);--spectrum-helptext-font-size:var(--spectrum-font-size-100);--spectrum-helptext-text-to-visual:var(--spectrum-text-to-visual-100);--spectrum-helptext-top-to-workflow-icon:var(--spectrum-help-text-top-to-workflow-icon-large);--spectrum-helptext-bottom-to-workflow-icon:var(--spectrum-helptext-top-to-workflow-icon)}:host([size=xl]){--spectrum-helptext-min-height:var(--spectrum-component-height-200);--spectrum-helptext-icon-size:var(--spectrum-workflow-icon-size-300);--spectrum-helptext-font-size:var(--spectrum-font-size-200);--spectrum-helptext-text-to-visual:var(--spectrum-text-to-visual-200);--spectrum-helptext-top-to-workflow-icon:var(--spectrum-help-text-top-to-workflow-icon-extra-large);--spectrum-helptext-bottom-to-workflow-icon:var(--spectrum-helptext-top-to-workflow-icon)}:host([variant=neutral]){--spectrum-helptext-content-color-default:var(--spectrum-neutral-subdued-content-color-default);--spectrum-helptext-icon-color-default:var(--spectrum-neutral-subdued-content-color-default)}:host([variant=negative]){--spectrum-helptext-content-color-default:var(--spectrum-negative-color-900);--spectrum-helptext-icon-color-default:var(--spectrum-negative-color-900)}:host([disabled]){--spectrum-helptext-content-color-default:var(--spectrum-disabled-content-color);--spectrum-helptext-icon-color-default:var(--spectrum-disabled-content-color)}:host(:lang(ja)),:host(:lang(ko)),:host(:lang(zh)){--mod-helptext-line-height:var(--mod-helptext-line-height-cjk,var(--spectrum-cjk-line-height-100))}.icon{inline-size:var(--mod-helptext-icon-size,var(--spectrum-helptext-icon-size));block-size:var(--mod-helptext-icon-size,var(--spectrum-helptext-icon-size));flex-shrink:0;margin-inline-end:var(--mod-helptext-text-to-visual,var(--spectrum-helptext-text-to-visual));padding-block-start:var(--mod-helptext-top-to-workflow-icon,var(--spectrum-helptext-top-to-workflow-icon));padding-block-end:var(--mod-helptext-bottom-to-workflow-icon,var(--spectrum-helptext-bottom-to-workflow-icon))}.text{line-height:var(--mod-helptext-line-height,var(--spectrum-line-height-100));padding-block-start:var(--mod-helptext-top-to-text,var(--spectrum-helptext-top-to-text));padding-block-end:var(--mod-helptext-bottom-to-text,var(--spectrum-helptext-bottom-to-text))}:host([variant=neutral]) .text{color:var(--highcontrast-helptext-content-color-default,var(--mod-helptext-content-color-default,var(--spectrum-helptext-content-color-default)))}:host([variant=neutral]) .icon{color:var(--highcontrast-helptext-icon-color-default,var(--mod-helptext-icon-color-default,var(--spectrum-helptext-icon-color-default)))}:host([variant=negative]) .text{color:var(--highcontrast-helptext-content-color-default,var(--mod-helptext-content-color-default,var(--spectrum-helptext-content-color-default)))}:host([variant=negative]) .icon{color:var(--highcontrast-helptext-icon-color-default,var(--mod-helptext-icon-color-default,var(--spectrum-helptext-icon-color-default)))}:host([disabled]) .text{color:var(--highcontrast-helptext-content-color-default,var(--mod-helptext-content-color-default,var(--spectrum-helptext-content-color-default)))}:host([disabled]) .icon{color:var(--highcontrast-helptext-icon-color-default,var(--mod-helptext-icon-color-default,var(--spectrum-helptext-icon-color-default)))}:host{--spectrum-helptext-top-to-text:var(--system-helptext-top-to-text);--spectrum-helptext-bottom-to-text:var(--system-helptext-bottom-to-text)}:host([size=s]){--spectrum-helptext-top-to-text:var(--system-helptext-top-to-text-small);--spectrum-helptext-bottom-to-text:var(--system-helptext-bottom-to-text-small)}:host([size=l]){--spectrum-helptext-top-to-text:var(--system-helptext-top-to-text-large);--spectrum-helptext-bottom-to-text:var(--system-helptext-bottom-to-text-large)}:host([size=xl]){--spectrum-helptext-top-to-text:var(--system-helptext-top-to-text-extra-large);--spectrum-helptext-bottom-to-text:var(--system-helptext-bottom-to-text-extra-large)}
 `;
-var help_text_css_default = e76;
+var help_text_css_default = e77;
 
 // node_modules/@spectrum-web-components/help-text/src/HelpText.js
 var c17 = Object.defineProperty;
@@ -9384,7 +9534,7 @@ function prompt(options2) {
 var t45 = i`@keyframes swc-fills-rotate{0%{transform:rotate(var(--swc-progress-circle-rotate-start, -90deg))}to{transform:rotate(var(--swc-progress-circle-rotate-end, 270deg))}}@keyframes swc-dashoffset-animation{0%,to{stroke-dashoffset:75px}30%{stroke-dashoffset:var(--swc-progress-circle-dashoffset-30, 20px)}}:host{display:inline-block;align-self:center;justify-self:center;place-self:center}*{box-sizing:border-box}.swc-ProgressCircle{--_swc-progress-circle-size: var(--swc-progress-circle-size, var(--swc-progress-circle-size-medium));--_swc-progress-circle-track-border-color: var(--swc-progress-circle-track-border-color, var(--swc-gray-300));--_swc-progress-circle-fill-border-color: var(--swc-progress-circle-fill-border-color, var(--swc-accent-color-900));--_swc-progress-circle-thickness: var(--swc-progress-circle-thickness, var(--swc-progress-circle-thickness-medium));display:inline-block;position:relative;inline-size:var(--_swc-progress-circle-size);block-size:var(--_swc-progress-circle-size);direction:ltr;transform:translateZ(0)}.swc-ProgressCircle-fill,.swc-ProgressCircle-track{inline-size:var(--_swc-progress-circle-size);block-size:var(--_swc-progress-circle-size)}.swc-ProgressCircle-track{stroke:var(--_swc-progress-circle-track-border-color);stroke-width:var(--_swc-progress-circle-thickness)}.swc-ProgressCircle-fill{stroke:var(--_swc-progress-circle-fill-border-color);stroke-width:var(--_swc-progress-circle-thickness);transform:rotate(-90deg);transform-origin:center}.swc-ProgressCircle--indeterminate .swc-ProgressCircle-fill{transform-origin:center;animation:swc-fills-rotate 1s cubic-bezier(.6,.1,.3,.9) infinite,swc-dashoffset-animation 1s cubic-bezier(.25,.1,.25,1.3) infinite;will-change:transform}:host([size=\"s\"]){--swc-progress-circle-size: var(--swc-progress-circle-size-small);--swc-progress-circle-thickness: var(--swc-progress-circle-thickness-small)}:host([size=\"l\"]){--swc-progress-circle-size: var(--swc-progress-circle-size-large);--swc-progress-circle-thickness: var(--swc-progress-circle-thickness-large)}.swc-ProgressCircle:where(.swc-ProgressCircle--staticWhite){--swc-progress-circle-track-border-color: var(--swc-transparent-static-white-300);--swc-progress-circle-fill-border-color: var(--swc-transparent-static-white-950)}.swc-ProgressCircle:where(.swc-ProgressCircle--staticBlack){--swc-progress-circle-track-border-color: var(--swc-transparent-static-black-300);--swc-progress-circle-fill-border-color: var(--swc-transparent-static-black-950)}@media(prefers-reduced-motion:reduce){.swc-ProgressCircle--indeterminate .swc-ProgressCircle-fill{--swc-progress-circle-dashoffset-30: 0;--swc-progress-circle-rotate-start: 0deg;--swc-progress-circle-rotate-end: 360deg;animation-duration:15s;animation-timing-function:linear,linear}}@media(forced-colors:active){.swc-ProgressCircle{--swc-progress-circle-fill-border-color: Highlight;@media(prefers-color-scheme:dark){--swc-progress-circle-track-border-color: var(--swc-transparent-static-white-300)}@media(prefers-color-scheme:light){--swc-progress-circle-track-border-color: var(--swc-transparent-static-black-300)}}}`;
 
 // node_modules/@adobe/spectrum-wc-core/dist/components/progress-circle/ProgressCircle.types.js
-var e77 = [
+var e78 = [
   "s",
   "m",
   "l"
@@ -9393,7 +9543,7 @@ var t46 = ["white", "black"];
 
 // node_modules/@adobe/spectrum-wc-core/dist/components/progress-circle/ProgressCircle.base.js
 var u15;
-var d12 = class e78 extends i13(i9, { validSizes: e77 }) {
+var d12 = class e79 extends i13(i9, { validSizes: e78 }) {
   constructor(...e128) {
     super(...e128), this.label = "", this.progress = null, this.languageResolver = new i11(this);
   }
@@ -9418,11 +9568,11 @@ var d12 = class e78 extends i13(i9, { validSizes: e77 }) {
     }).format(((e128 = this.progress) == null ? 0 : e128) / 100);
   }
   warnDeprecatedLightDomChildren() {
-    r8(this, e78.hasMeaningfulLightDomChildren(this), `<${this.localName}> no longer has a default slot. Light DOM children are not rendered and are not used for an accessible name. Use the "label" attribute or property, or "aria-label" / "aria-labelledby" on the host instead.`, "https://spectrum-web-components.adobe.com/?path=/docs/components-progress-circle--docs", { level: "deprecation" });
+    r8(this, e79.hasMeaningfulLightDomChildren(this), `<${this.localName}> no longer has a default slot. Light DOM children are not rendered and are not used for an accessible name. Use the "label" attribute or property, or "aria-label" / "aria-labelledby" on the host instead.`, "https://spectrum-web-components.adobe.com/?path=/docs/components-progress-circle--docs", { level: "deprecation" });
   }
   willUpdate(t90) {
     if (t90.has("progress") && this.progress !== null) {
-      let t91 = e78.clampProgress(this.progress);
+      let t91 = e79.clampProgress(this.progress);
       t91 !== this.progress && (this.progress = t91);
     }
     super.willUpdate(t90);
@@ -9431,7 +9581,7 @@ var d12 = class e78 extends i13(i9, { validSizes: e77 }) {
     super.firstUpdated(e128), this.setAttribute("role", "progressbar");
   }
   updated(t90) {
-    if (super.updated(t90), t90.has("progress") && (this.progress !== null && this.progress >= 0 ? (this.setAttribute("aria-valuemin", "0"), this.setAttribute("aria-valuemax", "100"), this.setAttribute("aria-valuenow", String(this.progress)), this.setAttribute("aria-valuetext", this.formatProgress())) : (this.removeAttribute("aria-valuemin"), this.removeAttribute("aria-valuemax"), this.removeAttribute("aria-valuenow"), this.removeAttribute("aria-valuetext"))), this.progress !== null && t90.has(e29) && this.setAttribute("aria-valuetext", this.formatProgress()), t90.has("label") && (this.label.length ? this.setAttribute("aria-label", this.label) : t90.get("label") === this.getAttribute("aria-label") && this.removeAttribute("aria-label")), t90.has("label") && !this.hasAccessibleName() && (this.setAttribute("aria-label", e78.DEFAULT_LABEL), r8(this, true, `<${this.localName}> requires an accessible name. A default label of "${e78.DEFAULT_LABEL}" has been applied, but a more specific label should be provided via:`, "https://spectrum-web-components.adobe.com/?path=/docs/components-progress-circle--docs", {
+    if (super.updated(t90), t90.has("progress") && (this.progress !== null && this.progress >= 0 ? (this.setAttribute("aria-valuemin", "0"), this.setAttribute("aria-valuemax", "100"), this.setAttribute("aria-valuenow", String(this.progress)), this.setAttribute("aria-valuetext", this.formatProgress())) : (this.removeAttribute("aria-valuemin"), this.removeAttribute("aria-valuemax"), this.removeAttribute("aria-valuenow"), this.removeAttribute("aria-valuetext"))), this.progress !== null && t90.has(e29) && this.setAttribute("aria-valuetext", this.formatProgress()), t90.has("label") && (this.label.length ? this.setAttribute("aria-label", this.label) : t90.get("label") === this.getAttribute("aria-label") && this.removeAttribute("aria-label")), t90.has("label") && !this.hasAccessibleName() && (this.setAttribute("aria-label", e79.DEFAULT_LABEL), r8(this, true, `<${this.localName}> requires an accessible name. A default label of "${e79.DEFAULT_LABEL}" has been applied, but a more specific label should be provided via:`, "https://spectrum-web-components.adobe.com/?path=/docs/components-progress-circle--docs", {
       type: "accessibility",
       issues: [
         'value supplied to the "label" attribute, which will be displayed visually as part of the element, or',
@@ -9514,24 +9664,6 @@ l13 = u16, l13.STATIC_COLORS = t46, e12([n({
 // node_modules/@adobe/spectrum-wc/dist/components/progress-circle/swc-progress-circle.js
 e26("swc-progress-circle", u16);
 
-// node_modules/@adobe/spectrum-wc-icons/dist/AlertTriangle.js
-function e79() {
-  return '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="var(--swc-icon-color, currentColor)" d="M10 15.123a.9.9 0 0 1-.627-.228.956.956 0 0 1 0-1.285.87.87 0 0 1 .626-.234c.237-.01.466.08.633.247a.86.86 0 0 1 .242.627.88.88 0 0 1-.228.639.86.86 0 0 1-.647.234M10 11.75a.75.75 0 0 1-.75-.75V7a.75.75 0 0 1 1.5 0v4a.75.75 0 0 1-.75.75"/><path fill="var(--swc-icon-color, currentColor)" d="M16.733 18H3.267c-.8 0-1.523-.41-1.933-1.098s-.427-1.518-.046-2.222L8.02 2.232a2.248 2.248 0 0 1 3.958 0l6.733 12.448c.381.704.364 1.535-.046 2.222S17.534 18 16.733 18M10 2.553a.73.73 0 0 0-.66.392L2.607 15.393a.74.74 0 0 0 .016.74.74.74 0 0 0 .644.367h13.466a.74.74 0 0 0 .644-.366.74.74 0 0 0 .016-.741L10.66 2.945a.73.73 0 0 0-.66-.392"/></svg>';
-}
-
-// node_modules/@adobe/spectrum-wc-icons/dist/swc-icon-alert-triangle.js
-var o47 = class extends a8 {
-  static get styles() {
-    return [t40];
-  }
-  render() {
-    return b`
-      ${o15(e79())}
-    `;
-  }
-};
-e26("swc-icon-alert-triangle", o47);
-
 // node_modules/@adobe/spectrum-wc-icons/dist/UserFollowing.js
 function e80() {
   return '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="var(--swc-icon-color, currentColor)" d="M15 10.5a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9m2.4 3.35L15.09 17a.623.623 0 0 1-.968.048l-1.439-1.599a.625.625 0 0 1 .93-.836l.924 1.028 1.855-2.53a.625.625 0 1 1 1.007.74M2.274 18.752a.75.75 0 0 1-.733-.91c.596-2.73 3.313-5.025 6.608-5.58a.75.75 0 0 1 .249 1.48c-2.706.455-4.923 2.273-5.391 4.42a.75.75 0 0 1-.733.59m7.726-7.9c-2.485 0-4.507-2.153-4.507-4.8s2.022-4.8 4.507-4.8 4.507 2.153 4.507 4.8-2.022 4.8-4.507 4.8m0-8.1c-1.658 0-3.007 1.48-3.007 3.3s1.349 3.3 3.007 3.3 3.007-1.48 3.007-3.3-1.349-3.3-3.007-3.3"/></svg>';
@@ -37759,12 +37891,6 @@ var SliccChat = class _SliccChat extends ThemedElement {
       header .dot {
         align-self: center;
       }
-      @media (forced-colors: active) {
-        header .dot[data-agent-status] {
-          forced-color-adjust: none;
-          background: CanvasText;
-        }
-      }
       header swc-meter {
         flex: 0 1 calc(var(--swc-spacing-400) * 6);
         min-width: calc(var(--swc-spacing-400) * 4.5);
@@ -38867,7 +38993,7 @@ var panelCss = i`
 `;
 var letters = { added: "A", modified: "M", deleted: "D" };
 var statusLabels = { added: "Added", modified: "Modified", deleted: "Deleted" };
-function statusMark(status2, announce = true) {
+function statusMark2(status2, announce = true) {
   return b`<span class="status" data-status=${status2} title=${statusLabels[status2]}
     ><span aria-hidden="true">${letters[status2]}</span>${announce ? b`<span class="sr">${statusLabels[status2]}</span>` : A}</span
   >`;
@@ -39399,7 +39525,7 @@ var SliccFileView = class extends ThemedElement {
     return b`<div class="bar">
         <span class="path" title=${this.path}>${this.path}</span>
         <span class="spacer"></span>
-        ${change ? b`${statusMark(change.status, false)}
+        ${change ? b`${statusMark2(change.status, false)}
               <span>${by ? `${statusLabels[change.status]} by ${by}` : statusLabels[change.status]}</span>
               <swc-action-button size="s" quiet @click=${() => request(this, "open-diff", this.path)}>
                 <swc-icon-compare slot="icon"></swc-icon-compare>Diff
@@ -41144,6 +41270,7 @@ var SliccAgents = class extends ModelElement {
       block-size: var(--swc-spacing-200);
       border-radius: var(--swc-corner-radius-full);
       background: var(--status-color);
+      color: var(--status-color);
     }
     .marker.unread {
       --status-color: var(--swc-accent-background-color-default);
@@ -41270,7 +41397,7 @@ var SliccAgents = class extends ModelElement {
       }
     }
     @media (forced-colors: active) {
-      .marker,
+      .marker.unread,
       .segment,
       li[aria-selected='true']::before {
         forced-color-adjust: none;
@@ -41507,7 +41634,7 @@ var SliccAgents = class extends ModelElement {
     >
       ${this.#disclosure(agent, scoops, open)}
       <div class="head">
-        <span class="marker status" data-status=${agent.status} aria-hidden="true"></span>
+        <span class="marker status" data-status=${agent.status} aria-hidden="true">${statusMark(agent.status)}</span>
         ${unread ? b`<span class="marker unread" data-status=${agent.status} aria-hidden="true">${unreadCount(unread)}</span>` : A}
         <span class="name">${agent.name}</span>
       </div>
@@ -54145,7 +54272,7 @@ var SliccChanges = class extends ModelElement {
       title=${`${change.path}, ${change.status}${by ? ` by ${by}` : ""}`}
       @click=${() => request(this, "open-diff", change.path)}
     >
-      ${statusMark(change.status)}
+      ${statusMark2(change.status)}
       <span class="name">${basename(change.path)}</span>
       <span class="where"><bdi>${[at, by].filter(Boolean).join(" \xB7 ")}</bdi></span>
       ${watchOnly(this.model) ? A : b`<span class="actions">
@@ -54319,7 +54446,7 @@ var SliccDiffPanel = class extends ThemedElement {
     }
     const by = author(model, change);
     return b`<div class="bar">
-        ${statusMark(change.status, false)}
+        ${statusMark2(change.status, false)}
         <span class="path" title=${this.path}>${this.path}</span>
         <span class="label">${statusLabels[change.status]}${by ? ` by ${by}` : ""}</span>
         <span class="spacer"></span>
@@ -54352,7 +54479,8 @@ function elapsed(ms) {
   return `${Math.floor(seconds / 60)}:${String(seconds % 60).padStart(2, "0")}`;
 }
 function liveLine(item2, now) {
-  return [item2.label, item2.what, item2.asker, elapsed(now - item2.since)].filter(Boolean).join(" \xB7 ");
+  const tail2 = item2.endedAt != null ? "Ended" : elapsed(now - item2.since);
+  return [item2.label, item2.what, item2.asker, tail2].filter(Boolean).join(" \xB7 ");
 }
 var SliccLive = class extends ModelElement {
   static properties = {
@@ -54393,6 +54521,9 @@ var SliccLive = class extends ModelElement {
       border-radius: 50%;
       background: var(--swc-negative-visual-color);
     }
+    .chip[data-ended] .dot {
+      background: var(--swc-neutral-visual-color);
+    }
     .text {
       flex: 0 1 auto;
       min-width: 0;
@@ -54426,6 +54557,9 @@ var SliccLive = class extends ModelElement {
   #items() {
     return this.model?.live?.items() ?? [];
   }
+  #live() {
+    return this.#items().some((item2) => item2.endedAt == null);
+  }
   #tick(on2) {
     if (on2 && !this.#timer) this.#timer = setInterval(() => this.now = Date.now(), 1e3);
     if (!on2 && this.#timer) {
@@ -54435,13 +54569,17 @@ var SliccLive = class extends ModelElement {
   }
   updated(changed2) {
     super.updated(changed2);
-    this.#tick(this.isConnected && this.#items().length > 0);
+    this.#tick(this.isConnected && this.#live());
   }
   #chip(item2) {
-    const rest = liveLine({ ...item2, label: "" }, this.now);
-    return b`<div class="chip" role="listitem" data-id=${item2.id} data-kind=${item2.kind}>
+    const ended3 = item2.endedAt != null;
+    const rest = [item2.what, item2.asker].filter(Boolean).join(" \xB7 ");
+    const stamp = ended3 ? null : elapsed(this.now - item2.since);
+    return b`<div class="chip" role="listitem" data-id=${item2.id} data-kind=${item2.kind} ?data-ended=${ended3}>
       <span class="dot" aria-hidden="true"></span>
-      <span class="text" title=${liveLine(item2, this.now)}><span class="label">${item2.label}</span><span class="detail"> · ${rest}</span></span>
+      <span class="text" title=${liveLine(item2, this.now)}
+        ><span class="label">${item2.label}</span>${rest ? b`<span class="detail"> · ${rest}</span>` : A}${ended3 ? b`<span class="ended"> · Ended</span>` : b`<span class="detail"> · ${stamp}</span>`}</span
+      >
       <swc-action-button size="s" quiet data-action="live-act" accessible-label=${`${item2.action.label}: ${item2.label}`} @click=${() => this.model?.live?.act(item2.id)}>${item2.action.label}</swc-action-button>
     </div>`;
   }