@ai-ecoverse/slicc-spectrum 2.11.0 → 2.11.1

package/README.md

@@ -257,7 +257,7 @@ The chevron only expands and collapses; a click on the row, <kbd>Enter</kbd> or
 <kbd>→</kbd> expands a cone and then moves to its first scoop, <kbd>←</kbd> moves from a scoop to its cone and then collapses it, and neither changes the active agent.
 Several cones can be open at once, and they stay open for every view of the panel on the same model, so a layout switch keeps them; when the active agent has changed since the panel last showed it, its cone opens again as the panel mounts, so on a phone a cone you tapped still shows its scoops when you come back to Agents, and a cone you closed stays closed.
 When the active scoop's cone is collapsed, the cone row takes the Tab stop.
-A row's first line starts with a dot coloured by status, always in the same place, and, when there are unread messages, the unread count beside it (`99+` from a hundred up, at `--swc-font-size-50`, white on the accent fill, or on the negative fill when the cone is in error).
+A row's first line starts with a status mark shaped by status (a filled disk when idle, a pulsing ringed disk when working that `prefers-reduced-motion` stills, a dashed ring when thinking, a hollow ring when waiting, and an alert triangle when in error), always in the same place, and, when there are unread messages, the unread count beside it (`99+` from a hundred up, at `--swc-font-size-50`, white on the accent fill, or on the negative fill when the cone is in error).
 Then comes the name; the context fill, when it's high, sits in the top right corner.
 Every row has up to two lines of conversation title, aligned to the top under the name, with no status word, so nothing moves when the status changes; the accessible name and the tooltip say the status and the exact unread count.
 A cone with scoops has a ribbon line below: one segment per scoop, coloured by status at 3:1 or more on every row background, then its scoops in words, naming only the busy ones, as in "2 scoops · 1 waiting" ("2 scoops" when all are idle).
@@ -266,7 +266,7 @@ Rows without scoops or errors have no empty ribbon or error line.
 With no agents while the agent port's `starting()` returns a line, the panel says "The agent shows up here once it starts." (`[data-empty="starting"]`, subdued) and has no **New cone**; the line goes, and New cone comes back, once an agent arrives or the line clears.
 The drop or delete button sits in its own column on the row's right edge, under the context fill, so the title ellipsizes before it and the focus ring stays whole; it shows on hover, on keyboard focus of the row, when <kbd>Tab</kbd> from the selected row reaches it, and always on touch, and it hides again once a pointer that clicked it leaves.
 The selected row has an accent bar on its inline-start edge.
-Under forced colors, the dots, segments, unread circle and selection bar keep `CanvasText`, `Highlight` and `HighlightText`.
+Under forced colors, the status marks keep their shapes in `CanvasText`, and the segments, unread circle and selection bar keep `CanvasText`, `Highlight` and `HighlightText`.
 A cone with scoops carries `aria-expanded`, and `aria-controls` names its scoop rows while they show.
 Expanding and collapsing have no motion.
 **New cone** sits at the bottom.
@@ -301,7 +301,7 @@ While pending, cards leave the log for their own region between the header and t
 Clicking a waiting card (not its controls), or <kbd>Enter</kbd> on it, scrolls the log to where it was asked, at the bottom of the view above the composer.
 When a card leaves the region (answered, timed out or decided elsewhere) while it has focus, focus moves to the newest card still waiting, else the composer; a timed-out card goes back to its place in the log.
 Under `prefers-reduced-motion`, nothing animates and the scroll is instant.
-The header is one row: a dot coloured by status (`data-agent-status`, with the status in its `aria-label` and tooltip, and no word, so the pickers never move; in forced colours it paints `CanvasText`, like the Agents markers), a model picker that names each model's provider and leaves out classifiers and models with `tools: false` (with no model on offer, **Set up a model**, `data-action="set-up-model"`, opens Settings), the thinking picker, the context meter and **New conversation**, which calls `clear` and puts focus back in the composer; on a cone, when the port can freeze, its tooltip says the old conversation stays in the Freezer.
+The header is one row: a status mark shaped by status (`data-agent-status`, with the status in its `aria-label` and tooltip, focusable so the keyboard reaches it, and no visible word, so the pickers never move; in forced colours its shape paints `CanvasText`, like the Agents markers), a model picker that names each model's provider and leaves out classifiers and models with `tools: false` (with no model on offer, **Set up a model**, `data-action="set-up-model"`, opens Settings), the thinking picker, the context meter and **New conversation**, which calls `clear` and puts focus back in the composer; on a cone, when the port can freeze, its tooltip says the old conversation stays in the Freezer.
 It never wraps: when it's short of room, the model picker's label is cut with an ellipsis, and under 560px wide (`header[data-compact]`) New conversation is icon-only, with `accessible-label` and its tooltip.
 The pickers re-read `models()` on `settings`, `accounts` and `agents`.
 When a live agent's model, or `Settings.model`, is no longer offered and its provider (the id before `/`) isn't a connected account, it moves to the offered chat model with `default: true`, else the first one; frozen agents are left alone, and so is everything on a follower unless it has Control and is connected.

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>