@ai-ecoverse/slicc-spectrum 1.77.0 → 1.78.0

package/dist/slicc-ui.js

@@ -8638,12 +8638,12 @@ var o41 = class extends a10 {
 };
 e25("swc-icon-view-grid", o41);
 
-// node_modules/@adobe/spectrum-wc-icons/dist/Close.js
+// node_modules/@adobe/spectrum-wc-icons/dist/ChevronRight.js
 function e71() {
-  return '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="var(--swc-icon-color, currentColor)" d="m11.06 10 5.207-5.206a.75.75 0 1 0-1.06-1.06L10 8.938 4.793 3.733a.75.75 0 1 0-1.06 1.06L8.939 10l-5.206 5.206a.75.75 0 1 0 1.06 1.06L10 11.062l5.207 5.206a.75.75 0 0 0 1.06 0 .75.75 0 0 0 0-1.06z"/></svg>';
+  return '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="var(--swc-icon-color, currentColor)" d="M7.75 16.465a.748.748 0 0 1-.54-1.27l4.999-5.197-4.986-5.184a.75.75 0 0 1 .02-1.06.75.75 0 0 1 1.06.021L13.79 9.48c.28.29.28.749 0 1.039l-5.5 5.716a.75.75 0 0 1-.54.23"/></svg>';
 }
 
-// node_modules/@adobe/spectrum-wc-icons/dist/swc-icon-close.js
+// node_modules/@adobe/spectrum-wc-icons/dist/swc-icon-chevron-right.js
 var o42 = class extends a10 {
   static get styles() {
     return [t40];
@@ -8654,7 +8654,25 @@ var o42 = class extends a10 {
     `;
   }
 };
-e25("swc-icon-close", o42);
+e25("swc-icon-chevron-right", o42);
+
+// node_modules/@adobe/spectrum-wc-icons/dist/Close.js
+function e72() {
+  return '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="var(--swc-icon-color, currentColor)" d="m11.06 10 5.207-5.206a.75.75 0 1 0-1.06-1.06L10 8.938 4.793 3.733a.75.75 0 1 0-1.06 1.06L8.939 10l-5.206 5.206a.75.75 0 1 0 1.06 1.06L10 11.062l5.207 5.206a.75.75 0 0 0 1.06 0 .75.75 0 0 0 0-1.06z"/></svg>';
+}
+
+// node_modules/@adobe/spectrum-wc-icons/dist/swc-icon-close.js
+var o43 = class extends a10 {
+  static get styles() {
+    return [t40];
+  }
+  render() {
+    return b`
+      ${o16(e72())}
+    `;
+  }
+};
+e25("swc-icon-close", o43);
 
 // src/app/base.ts
 var ModelElement = class extends i2 {
@@ -8950,10 +8968,10 @@ var s8 = class {
 };
 
 // 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 a11 = Object.defineProperty;
@@ -9059,20 +9077,20 @@ function h5(a23, r40) {
     }
   }), t90;
 }
-var o44 = class o45 extends FocusVisiblePolyfillMixin(SpectrumElement) {
+var o45 = class o46 extends FocusVisiblePolyfillMixin(SpectrumElement) {
   constructor() {
     super(...arguments);
     this.resizeController = new s8(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: e122, scrollHeight: t90 } = this.contentElement;
       e122 < 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];
@@ -9145,17 +9163,17 @@ var o44 = class o45 extends FocusVisiblePolyfillMixin(SpectrumElement) {
     `;
   }
 };
-o44.instanceCount = 0, l13([e(".content")], o44.prototype, "contentElement", 2), l13([n({ type: String, reflect: true })], o44.prototype, "variant", 1);
-var AlertDialog = o44;
+o45.instanceCount = 0, l13([e(".content")], o45.prototype, "contentElement", 2), l13([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 e72 = i`
+var e73 = 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 = e72;
+var spectrum_icon_asterisk_css_default = e73;
 
 // node_modules/@spectrum-web-components/icons-ui/src/icons-s2/Asterisk100.js
 var Asterisk100Icon = ({ width: l24 = 24, height: t90 = 24, hidden: e122 = false, title: r40 = "Asterisk100" } = {}) => tag`<svg
@@ -9208,7 +9226,7 @@ var field_label_css_default = t44;
 // node_modules/@spectrum-web-components/field-label/src/FieldLabel.js
 var c15 = Object.defineProperty;
 var d12 = Object.getOwnPropertyDescriptor;
-var o46 = (n37, l24, e122, i26) => {
+var o47 = (n37, l24, e122, i26) => {
   for (var t90 = i26 > 1 ? void 0 : i26 ? d12(l24, e122) : l24, s19 = n37.length - 1, r40; s19 >= 0; s19--) (r40 = n37[s19]) && (t90 = (i26 ? r40(l24, e122, t90) : r40(t90)) || t90);
   return i26 && t90 && c15(l24, e122, t90), t90;
 };
@@ -9268,16 +9286,16 @@ var FieldLabel = class extends SizedMixin(SpectrumElement, { noDefaultSize: true
     this.hasAttribute("id") || this.setAttribute("id", `${this.tagName.toLowerCase()}-${randomID()}`), e122.has("for") && (this.resolvedElement.selector = this.for ? `#${this.for}` : ""), (e122.has("id") || e122.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 e73 = i`
+var e74 = 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 = e73;
+var help_text_css_default = e74;
 
 // node_modules/@spectrum-web-components/help-text/src/HelpText.js
 var c16 = Object.defineProperty;
@@ -9557,7 +9575,7 @@ function prompt(options) {
 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-white-300);--swc-progress-circle-fill-border-color: var(--swc-transparent-white-900)}.swc-ProgressCircle:where(.swc-ProgressCircle--staticBlack){--swc-progress-circle-track-border-color: var(--swc-transparent-black-300);--swc-progress-circle-fill-border-color: var(--swc-transparent-black-900)}@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-white-300)}@media(prefers-color-scheme:light){--swc-progress-circle-track-border-color: var(--swc-transparent-black-300)}}}`;
 
 // node_modules/@adobe/spectrum-wc-core/dist/components/progress-circle/ProgressCircle.types.js
-var e74 = [
+var e75 = [
   "s",
   "m",
   "l"
@@ -9566,7 +9584,7 @@ var t46 = ["white", "black"];
 
 // node_modules/@adobe/spectrum-wc-core/dist/components/progress-circle/ProgressCircle.base.js
 var u16;
-var d13 = class e75 extends i12(i9, { validSizes: e74 }) {
+var d13 = class e76 extends i12(i9, { validSizes: e75 }) {
   constructor(...e122) {
     super(...e122), this.label = "", this.progress = null, this.languageResolver = new i10(this);
   }
@@ -9591,11 +9609,11 @@ var d13 = class e75 extends i12(i9, { validSizes: e74 }) {
     }).format(((e122 = this.progress) == null ? 0 : e122) / 100);
   }
   warnDeprecatedLightDomChildren() {
-    r9(this, e75.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" });
+    r9(this, e76.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 = e75.clampProgress(this.progress);
+      let t91 = e76.clampProgress(this.progress);
       t91 !== this.progress && (this.progress = t91);
     }
     super.willUpdate(t90);
@@ -9604,7 +9622,7 @@ var d13 = class e75 extends i12(i9, { validSizes: e74 }) {
     super.firstUpdated(e122), 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(e27) && 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", e75.DEFAULT_LABEL), r9(this, true, `<${this.localName}> requires an accessible name. A default label of "${e75.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(e27) && 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", e76.DEFAULT_LABEL), r9(this, true, `<${this.localName}> requires an accessible name. A default label of "${e76.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',
@@ -9688,40 +9706,40 @@ l14 = u17, l14.STATIC_COLORS = t46, e12([n({
 e25("swc-progress-circle", u17);
 
 // node_modules/@adobe/spectrum-wc-icons/dist/AlertTriangle.js
-function e76() {
+function e77() {
   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 a10 {
+var o48 = class extends a10 {
   static get styles() {
     return [t40];
   }
   render() {
     return b`
-      ${o16(e76())}
+      ${o16(e77())}
     `;
   }
 };
-e25("swc-icon-alert-triangle", o47);
+e25("swc-icon-alert-triangle", o48);
 
 // node_modules/@adobe/spectrum-wc-icons/dist/UserFollowing.js
-function e77() {
+function e78() {
   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>';
 }
 
 // node_modules/@adobe/spectrum-wc-icons/dist/swc-icon-user-following.js
-var o48 = class extends a10 {
+var o49 = class extends a10 {
   static get styles() {
     return [t40];
   }
   render() {
     return b`
-      ${o16(e77())}
+      ${o16(e78())}
     `;
   }
 };
-e25("swc-icon-user-following", o48);
+e25("swc-icon-user-following", o49);
 
 // src/app/follow.ts
 var lights = {
@@ -9961,40 +9979,40 @@ var SliccFollow = class extends ModelElement {
 };
 
 // node_modules/@adobe/spectrum-wc-icons/dist/AlertDiamond.js
-function e78() {
+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 18.795a2.24 2.24 0 0 1-1.591-.66l-6.545-6.544a2.254 2.254 0 0 1 0-3.182l6.545-6.545c.849-.85 2.333-.85 3.182 0l6.545 6.545a2.254 2.254 0 0 1 0 3.182l-6.545 6.545c-.425.425-.99.659-1.591.659m0-16.09c-.2 0-.389.078-.53.22L2.925 9.47a.75.75 0 0 0 0 1.06l6.545 6.545a.77.77 0 0 0 1.06 0l6.545-6.545a.75.75 0 0 0 0-1.06L10.53 2.925a.75.75 0 0 0-.53-.22"/><path fill="var(--swc-icon-color, currentColor)" d="M10 14.998a.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.625a.75.75 0 0 1-.75-.75v-5a.75.75 0 0 1 1.5 0v5a.75.75 0 0 1-.75.75"/></svg>';
 }
 
 // node_modules/@adobe/spectrum-wc-icons/dist/swc-icon-alert-diamond.js
-var o49 = class extends a10 {
+var o50 = class extends a10 {
   static get styles() {
     return [t40];
   }
   render() {
     return b`
-      ${o16(e78())}
+      ${o16(e79())}
     `;
   }
 };
-e25("swc-icon-alert-diamond", o49);
+e25("swc-icon-alert-diamond", o50);
 
 // node_modules/@adobe/spectrum-wc-icons/dist/FolderAdd.js
-function e79() {
+function e80() {
   return '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="var(--swc-icon-color, currentColor)" d="M8.373 15.498H3.25a.75.75 0 0 1-.75-.75v-8.25h14.25a.75.75 0 0 1 .75.75V9.07a.75.75 0 0 0 1.5 0V7.248c0-1.24-1.01-2.25-2.25-2.25h-5.964a.75.75 0 0 1-.566-.258L8.515 2.773a2.25 2.25 0 0 0-1.7-.775H3.25C2.01 1.998 1 3.008 1 4.248v10.5c0 1.24 1.01 2.25 2.25 2.25h5.123a.75.75 0 0 0 0-1.5m-5.123-12h3.565a.75.75 0 0 1 .567.258l1.076 1.242H2.5v-.75a.75.75 0 0 1 .75-.75"/><path fill="var(--swc-icon-color, currentColor)" d="M15 10.498a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9m2.5 5.125h-1.875v1.875a.625.625 0 1 1-1.25 0v-1.875H12.5a.625.625 0 1 1 0-1.25h1.875v-1.875a.625.625 0 1 1 1.25 0v1.875H17.5a.625.625 0 1 1 0 1.25"/></svg>';
 }
 
 // node_modules/@adobe/spectrum-wc-icons/dist/swc-icon-folder-add.js
-var o50 = class extends a10 {
+var o51 = class extends a10 {
   static get styles() {
     return [t40];
   }
   render() {
     return b`
-      ${o16(e79())}
+      ${o16(e80())}
     `;
   }
 };
-e25("swc-icon-folder-add", o50);
+e25("swc-icon-folder-add", o51);
 
 // src/app/search.ts
 var searchCss = i`
@@ -10083,6 +10101,11 @@ var panelCss = i`
   .spacer {
     flex: 1;
   }
+  .bar [data-watch-note] {
+    flex: none;
+    font-size: var(--swc-font-size-75);
+    color: var(--swc-neutral-subdued-content-color-default);
+  }
   .body {
     flex: 1;
     min-height: 0;
@@ -10817,24 +10840,6 @@ var SliccFreezer = class extends ModelElement {
   }
 };
 
-// node_modules/@adobe/spectrum-wc-icons/dist/ChevronRight.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="M7.75 16.465a.748.748 0 0 1-.54-1.27l4.999-5.197-4.986-5.184a.75.75 0 0 1 .02-1.06.75.75 0 0 1 1.06.021L13.79 9.48c.28.29.28.749 0 1.039l-5.5 5.716a.75.75 0 0 1-.54.23"/></svg>';
-}
-
-// node_modules/@adobe/spectrum-wc-icons/dist/swc-icon-chevron-right.js
-var o51 = class extends a10 {
-  static get styles() {
-    return [t40];
-  }
-  render() {
-    return b`
-      ${o16(e80())}
-    `;
-  }
-};
-e25("swc-icon-chevron-right", o51);
-
 // node_modules/@adobe/spectrum-wc-icons/dist/Copy.js
 function e81() {
   return '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="var(--swc-icon-color, currentColor)" d="M11.75 18h-7.5C3.01 18 2 16.99 2 15.75v-7.5C2 7.01 3.01 6 4.25 6a.75.75 0 0 1 0 1.5.75.75 0 0 0-.75.75v7.5c0 .413.337.75.75.75h7.5c.413 0 .75-.337.75-.75a.75.75 0 0 1 1.5 0c0 1.24-1.01 2.25-2.25 2.25m-5-13A.75.75 0 0 1 6 4.25C6 3.01 7.01 2 8.25 2a.75.75 0 0 1 0 1.5.75.75 0 0 0-.75.75.75.75 0 0 1-.75.75M13 3.5h-2A.75.75 0 0 1 11 2h2a.75.75 0 0 1 0 1.5"/><path fill="var(--swc-icon-color, currentColor)" d="M13 14h-2a.75.75 0 0 1 0-1.5h2a.75.75 0 0 1 0 1.5m2.75 0a.75.75 0 0 1 0-1.5c.413 0 .75-.337.75-.75a.75.75 0 0 1 1.5 0c0 1.24-1.01 2.25-2.25 2.25m1.5-9a.75.75 0 0 1-.75-.75.75.75 0 0 0-.75-.75.75.75 0 0 1 0-1.5C16.99 2 18 3.01 18 4.25a.75.75 0 0 1-.75.75m0 4.75A.75.75 0 0 1 16.5 9V7A.75.75 0 0 1 18 7v2a.75.75 0 0 1-.75.75m-10.5 0A.75.75 0 0 1 6 9V7a.75.75 0 0 1 1.5 0v2a.75.75 0 0 1-.75.75M8.25 14C7.01 14 6 12.99 6 11.75a.75.75 0 0 1 1.5 0c0 .413.337.75.75.75a.75.75 0 0 1 0 1.5"/></svg>';
@@ -11422,17 +11427,25 @@ var statusOrder = ["working", "thinking", "waiting", "error", "idle"];
 function scoopSummary(scoops) {
   if (scoops.length === 0) return "";
   const counts = statusOrder.map((status2) => [status2, scoops.filter((scoop) => scoop.status === status2).length]).filter(([, count]) => count > 0).map(([status2, count]) => `${count} ${statusLabel[status2].toLowerCase()}`);
-  return `${scoops.length} scoop${scoops.length === 1 ? "" : "s"}: ${counts.join(", ")}`;
+  return `${scoopCount(scoops)}: ${counts.join(", ")}`;
+}
+function scoopCount(scoops) {
+  return `${scoops.length} scoop${scoops.length === 1 ? "" : "s"}`;
+}
+function scoopBrief(scoops) {
+  if (scoops.length === 0) return "";
+  const busy = statusOrder.filter((status2) => status2 !== "idle").map((status2) => [status2, scoops.filter((scoop) => scoop.status === status2).length]).filter(([, count]) => count > 0).map(([status2, count]) => `${count} ${statusLabel[status2].toLowerCase()}`);
+  return [scoopCount(scoops), busy.join(", ")].filter(Boolean).join(" \xB7 ");
 }
 function unreadCount(unread) {
-  return unread > 9 ? "9+" : String(unread);
+  return unread > 99 ? "99+" : String(unread);
 }
 function fillShown(fill2) {
   return fill2 >= 0.5;
 }
 var SliccAgents = class extends ModelElement {
   static properties = { ...ModelElement.properties, errors: { state: true } };
-  #expanded = null;
+  #expanded = /* @__PURE__ */ new Set();
   #pointer = false;
   #modality = (event2) => {
     this.#pointer = event2.type === "pointerdown";
@@ -11469,21 +11482,22 @@ var SliccAgents = class extends ModelElement {
     }
     li {
       --row-background: var(--swc-background-layer-1-color);
-      --row-head: 1lh;
-      --row-description: calc(2 * 1.4 * var(--swc-font-size-75));
       position: relative;
       display: grid;
-      grid-template-columns: minmax(0, 1fr) auto;
-      grid-template-areas: 'head fill' 'description description' 'ribbon ribbon' 'error error';
-      grid-template-rows: var(--row-head) var(--row-description) var(--swc-spacing-100);
-      align-items: center;
+      grid-template-columns: var(--swc-component-height-75) minmax(0, 1fr) auto;
+      grid-template-areas:
+        'toggle head fill'
+        'toggle description strip'
+        'toggle ribbon ribbon'
+        'toggle error error';
+      align-items: start;
       column-gap: var(--swc-spacing-100);
-      padding: var(--swc-spacing-75) var(--swc-spacing-200);
+      padding: var(--swc-spacing-75) var(--swc-spacing-200) var(--swc-spacing-75) var(--swc-spacing-100);
       background: var(--row-background);
       cursor: pointer;
     }
     li.scoop {
-      padding-inline-start: calc(var(--swc-spacing-200) + var(--swc-spacing-300));
+      padding-inline-start: calc(var(--swc-spacing-100) + var(--swc-spacing-300));
     }
     li:hover {
       --row-background: var(--swc-gray-100);
@@ -11491,40 +11505,66 @@ var SliccAgents = class extends ModelElement {
     li[aria-selected='true'] {
       --row-background: var(--swc-gray-200);
     }
+    li[aria-selected='true']::before {
+      content: '';
+      position: absolute;
+      inset-block: 0;
+      inset-inline-start: 0;
+      inline-size: var(--swc-spacing-75);
+      background: var(--swc-accent-color-900);
+    }
     li:focus-visible {
       outline: var(--swc-focus-indicator-thickness) solid var(--swc-focus-indicator-color);
       outline-offset: calc(-1 * var(--swc-focus-indicator-thickness));
     }
+    .toggle {
+      grid-area: toggle;
+      align-self: start;
+    }
+    .toggle swc-icon-chevron-right:dir(rtl) {
+      transform: scaleX(-1);
+    }
+    .toggle[data-open] swc-icon-chevron-right {
+      transform: rotate(90deg);
+    }
     .head {
       grid-area: head;
+      align-self: center;
       display: flex;
       align-items: center;
       gap: var(--swc-spacing-75);
       min-inline-size: 0;
+      min-block-size: var(--swc-component-height-75);
     }
     .head > * {
       flex: none;
     }
     .marker {
+      --status-color: var(--swc-gray-600);
       flex: none;
       display: inline-flex;
       align-items: center;
       justify-content: center;
+      box-sizing: border-box;
       inline-size: var(--swc-spacing-200);
       block-size: var(--swc-spacing-200);
       border-radius: var(--swc-corner-radius-full);
-      font-size: var(--swc-font-size-25);
-      font-variant-numeric: tabular-nums;
-      line-height: 1;
+      background: var(--status-color);
     }
     .marker.unread {
-      box-sizing: border-box;
+      --status-color: var(--swc-accent-background-color-default);
       inline-size: auto;
-      min-inline-size: var(--swc-spacing-200);
-      padding-inline: var(--swc-spacing-50);
-      background: var(--swc-accent-background-color-default);
+      min-inline-size: var(--swc-spacing-300);
+      block-size: var(--swc-spacing-300);
+      padding-inline: var(--swc-spacing-75);
       color: var(--swc-white);
+      font-size: var(--swc-font-size-50);
+      font-variant-numeric: tabular-nums;
       font-weight: var(--swc-bold-font-weight);
+      line-height: var(--swc-line-height-100);
+    }
+    .marker.unread[data-status='error'] {
+      --status-color: var(--swc-negative-background-color-default);
     }
     .name {
       flex: 0 1 auto;
@@ -11538,12 +11578,13 @@ var SliccAgents = class extends ModelElement {
     }
     .title {
       grid-area: description;
+      align-self: start;
       display: -webkit-box;
       -webkit-box-orient: vertical;
       -webkit-line-clamp: 2;
       overflow: hidden;
       overflow-wrap: anywhere;
-      line-height: 1.4;
+      line-height: var(--swc-line-height-100);
       font-size: var(--swc-font-size-75);
       color: var(--swc-neutral-subdued-content-color-default);
     }
@@ -11553,40 +11594,48 @@ var SliccAgents = class extends ModelElement {
     .ribbon {
       grid-area: ribbon;
       display: flex;
+      flex-wrap: wrap;
       align-items: center;
-      gap: var(--swc-spacing-50);
-      overflow: hidden;
-    }
-    .status,
-    .segment {
-      background: var(--swc-neutral-visual-color);
-    }
-    .status[data-status='thinking'],
-    .status[data-status='working'],
-    .segment[data-status='thinking'],
-    .segment[data-status='working'] {
-      background: var(--swc-informative-visual-color);
+      gap: var(--swc-spacing-100);
+      min-inline-size: 0;
+      margin-block-start: var(--swc-spacing-75);
+      font-size: var(--swc-font-size-75);
+      line-height: var(--swc-line-height-100);
+      color: var(--swc-neutral-subdued-content-color-default);
     }
-    .status[data-status='waiting'],
-    .segment[data-status='waiting'] {
-      background: var(--swc-notice-visual-color);
+    .segments {
+      display: flex;
+      flex-wrap: wrap;
+      gap: var(--swc-spacing-50);
+      min-inline-size: 0;
     }
-    .status[data-status='error'],
-    .segment[data-status='error'] {
-      background: var(--swc-negative-visual-color);
+    .summary {
+      min-inline-size: 0;
     }
     .segment {
+      --status-color: var(--swc-gray-600);
       flex: none;
       inline-size: var(--swc-spacing-200);
-      block-size: var(--swc-spacing-50);
+      block-size: var(--swc-spacing-75);
       border-radius: var(--swc-corner-radius-full);
+      background: var(--status-color);
+    }
+    [data-status='thinking'],
+    [data-status='working'] {
+      --status-color: var(--swc-informative-color-900);
+    }
+    [data-status='waiting'] {
+      --status-color: var(--swc-notice-color-900);
+    }
+    [data-status='error'] {
+      --status-color: var(--swc-negative-color-900);
     }
     .fill {
       grid-area: fill;
-      position: relative;
-      z-index: 1;
-      align-self: start;
+      align-self: center;
+      justify-self: end;
       font-size: var(--swc-font-size-75);
+      line-height: var(--swc-line-height-100);
       font-variant-numeric: tabular-nums;
       color: var(--swc-neutral-subdued-content-color-default);
     }
@@ -11599,13 +11648,10 @@ var SliccAgents = class extends ModelElement {
       font-weight: var(--swc-bold-font-weight);
     }
     .drop-cell {
-      position: absolute;
-      inset-block: 0;
-      inset-inline-end: 0;
+      grid-area: strip;
+      align-self: center;
+      justify-self: end;
       display: flex;
-      align-items: center;
-      padding-inline: var(--swc-spacing-100);
-      background: var(--row-background);
       opacity: 0;
     }
     li:hover .drop-cell,
@@ -11632,16 +11678,27 @@ var SliccAgents = class extends ModelElement {
         opacity: 1;
       }
     }
+    @media (forced-colors: active) {
+      .marker,
+      .segment,
+      li[aria-selected='true']::before {
+        forced-color-adjust: none;
+        background: CanvasText;
+      }
+      .marker.unread,
+      li[aria-selected='true']::before {
+        background: Highlight;
+        color: HighlightText;
+      }
+    }
   `
   ];
   subscribe(model) {
-    const focused2 = this.#focused(model);
-    this.#expanded = focused2?.kind === "scoop" ? focused2.parentId : null;
+    this.#reveal(model);
     return [
       model.agent.on("agents", () => this.requestUpdate()),
       model.agent.on("active", () => {
-        const next = this.#focused(model);
-        if (next) this.#expanded = next.kind === "cone" ? next.id : next.parentId;
+        this.#reveal(model);
         this.requestUpdate();
       }),
       watchTitles(model, () => this.requestUpdate()),
@@ -11656,16 +11713,18 @@ var SliccAgents = class extends ModelElement {
       for (const type of types) globalThis.removeEventListener(type, this.#modality, true);
     };
   }
-  #focused(model) {
-    return model.agent.list().find((agent) => agent.id === model.agent.active());
+  #reveal(model) {
+    const focused2 = model.agent.list().find((agent) => agent.id === model.agent.active());
+    const cone = focused2?.kind === "cone" ? focused2.id : focused2?.parentId;
+    if (cone) this.#expanded.add(cone);
   }
-  #select(id) {
-    this.model?.agent.select(id);
+  #select(agent) {
+    this.model?.agent.select(agent.id);
+    if (agent.kind === "cone") this.#toggle(agent, true);
   }
-  #pick(agent) {
-    const open = agent.kind === "cone" && this.#expanded !== agent.id;
-    this.#select(agent.id);
-    if (agent.kind === "cone") this.#expanded = open ? agent.id : null;
+  #toggle(agent, open = !this.#expanded.has(agent.id)) {
+    if (open) this.#expanded.add(agent.id);
+    else this.#expanded.delete(agent.id);
     this.requestUpdate();
   }
   focus() {
@@ -11692,17 +11751,17 @@ var SliccAgents = class extends ModelElement {
     if (!agent) return;
     if (event2.key === "Enter" || event2.key === " ") {
       event2.preventDefault();
-      this.#pick(agent);
+      this.#select(agent);
     } else if (event2.key === "ArrowRight" && this.#scoops(agent).length > 0) {
       event2.preventDefault();
-      if (this.#expanded === agent.id) items[index + 1].focus();
-      else this.#pick(agent);
+      if (this.#expanded.has(agent.id)) items[index + 1].focus();
+      else this.#toggle(agent, true);
     } else if (event2.key === "ArrowLeft" && agent.kind === "scoop") {
       event2.preventDefault();
       items.find((item2) => item2.dataset.id === agent.parentId)?.focus();
-    } else if (event2.key === "ArrowLeft" && this.#expanded === agent.id) {
+    } else if (event2.key === "ArrowLeft" && this.#expanded.has(agent.id)) {
       event2.preventDefault();
-      this.#pick(agent);
+      this.#toggle(agent, false);
     } else if (event2.key === "Delete") {
       if (this.#droppable(agent)) {
         event2.preventDefault();
@@ -11769,7 +11828,7 @@ var SliccAgents = class extends ModelElement {
         ><swc-action-button
           id=${id}
           class="drop"
-          size="l"
+          size="m"
           quiet
           tabindex=${selected ? "0" : "-1"}
           data-action="drop"
@@ -11790,7 +11849,7 @@ var SliccAgents = class extends ModelElement {
         ><swc-action-button
           id=${id}
           class="drop"
-          size="l"
+          size="m"
           quiet
           tabindex=${selected ? "0" : "-1"}
           data-action="delete-cone"
@@ -11805,17 +11864,36 @@ var SliccAgents = class extends ModelElement {
   }
   #ribbon(scoops) {
     if (scoops.length === 0) return A;
-    return b`<span class="ribbon" aria-hidden="true">${scoops.map(
+    return b`<span class="ribbon"><span class="segments" aria-hidden="true">${scoops.map(
       (scoop) => b`<span class="segment" data-status=${scoop.status}></span>`
-    )}</span>`;
+    )}</span><span class="summary">${scoopBrief(scoops)}</span></span>`;
+  }
+  #disclosure(agent, scoops, open) {
+    if (scoops.length === 0) return A;
+    return b`<swc-action-button
+      class="toggle"
+      size="s"
+      quiet
+      tabindex="-1"
+      aria-hidden="true"
+      data-action="toggle-cone"
+      ?data-open=${open}
+      @mousedown=${(event2) => event2.preventDefault()}
+      @click=${(event2) => {
+      event2.stopPropagation();
+      this.#toggle(agent);
+    }}
+      ><swc-icon-chevron-right slot="icon"></swc-icon-chevron-right
+    ></swc-action-button>`;
   }
-  #row(agent, active) {
+  #row(agent, active, anchor) {
     const selected = agent.id === active;
+    const current = agent.id === anchor;
     const error = this.errors[agent.id];
     const model = this.model;
     const title = agentTitle(model, agent);
     const scoops = this.#scoops(agent);
-    const open = this.#expanded === agent.id;
+    const open = this.#expanded.has(agent.id);
     const unread = selected ? 0 : agent.unread;
     const label = `${coneLabel(model, agent)}: ${statusLabel[agent.status]}, ${percent(agent.contextFill)} context${unread ? `, ${unread} unread` : ""}${error ? `. ${error}` : ""}`;
     const summary = scoopSummary(scoops);
@@ -11830,13 +11908,14 @@ var SliccAgents = class extends ModelElement {
       aria-controls=${open && scoops.length ? scoops.map((scoop) => `row-${scoop.id}`).join(" ") : A}
       aria-label=${label}
       aria-description=${summary || A}
-      tabindex=${selected ? "0" : "-1"}
+      tabindex=${current ? "0" : "-1"}
       aria-keyshortcuts=${this.#droppable(agent) || this.#deletable(agent) ? "Delete" : A}
       title=${summary ? `${label}. ${summary}` : label}
-      @click=${() => this.#pick(agent)}
+      @click=${() => this.#select(agent)}
     >
+      ${this.#disclosure(agent, scoops, open)}
       <div class="head">
-        ${unread ? b`<span class="marker unread" aria-hidden="true">${unreadCount(unread)}</span>` : b`<span class="marker status" data-status=${agent.status} aria-hidden="true"></span>`}
+        ${unread ? b`<span class="marker unread" data-status=${agent.status} aria-hidden="true">${unreadCount(unread)}</span>` : b`<span class="marker status" data-status=${agent.status} aria-hidden="true"></span>`}
         <span class="name">${agent.name}</span>
       </div>
       ${fillShown(agent.contextFill) ? b`<span class="fill" data-variant=${meterVariant2(agent.contextFill)}>${percent(agent.contextFill)}</span>` : A}
@@ -11860,15 +11939,26 @@ var SliccAgents = class extends ModelElement {
       </swc-action-button>
     </div>`;
   }
+  updated() {
+    for (const tip of this.renderRoot.querySelectorAll("swc-tooltip")) {
+      tip.triggerElement = tip.previousElementSibling;
+    }
+  }
   render() {
     const list5 = this.model?.agent.list() ?? [];
     const active = this.model?.agent.active() ?? "";
     const errors = Object.values(this.errors);
     const rows = ordered(list5).filter(
-      (agent) => agent.kind === "cone" || agent.parentId === this.#expanded
+      (agent) => agent.kind === "cone" || this.#expanded.has(agent.parentId)
     );
+    const shown4 = rows.find((agent) => agent.id === active);
+    const anchor = shown4 ? active : list5.find((agent) => agent.id === active)?.parentId ?? "";
     return b`<div class="list"><ul role="tree" aria-label="Cones and scoops" @keydown=${this.#keydown} @focusin=${this.#focusin} @focusout=${this.#focusout}>
-        ${rows.map((agent) => this.#row(agent, active))}
+        ${c(
+      rows,
+      (agent) => agent.id,
+      (agent) => this.#row(agent, active, anchor)
+    )}
       </ul></div>${this.#actions()}
       <div class="sr" role="status">${errors.at(-1) ?? ""}</div>`;
   }
@@ -33927,13 +34017,40 @@ function origin() {
   const active = focused();
   return active?.closest("slicc-terminal") ?? active;
 }
-var inCwd = (approval) => approval.alwaysScope === "cwd" && !!approval.cwd;
+var inCwd = (approval) => approval.kind === "sudo" && approval.alwaysScope === "cwd" && !!approval.cwd;
 function alwaysHint(approval) {
   return inCwd(approval) ? `Always allow lets ${approval.requester.name} run exactly this command with sudo, in ${approval.cwd}, without asking again.` : `Always allow lets ${approval.requester.name} run exactly this command with sudo without asking again.`;
 }
+function guestAsking(approval) {
+  return approval.kind === "guest-message" ? `${approval.requester.name} wants to send this to ${approval.agentName ?? "this cone"}:` : `${approval.agentName ?? "This cone"} wants to run ${approval.tool} for ${approval.requester.name}:`;
+}
+function guestWaiting(approval) {
+  return approval.kind === "guest-message" ? `${approval.requester.name}'s message to ${approval.agentName ?? "this cone"} waits for approval on the device in control.` : `${approval.agentName ?? "This cone"} wants to run ${approval.tool} for ${approval.requester.name}, which waits for approval on the device in control.`;
+}
+var clear = { certain: null, maybe: null };
+function rulesOf(approval) {
+  return approval.kind === "sudo" ? secretRules(approval.command, approval.cwd) : clear;
+}
 function waiting2(model, now) {
   return [...model?.approvals?.list() ?? []].filter((approval) => approval.expiresAt > now).sort((a23, b13) => a23.createdAt - b13.createdAt);
 }
+var titles = {
+  sudo: {
+    ask: "Allow sudo?",
+    elsewhere: "Answered in another tab",
+    expired: "Sudo request timed out"
+  },
+  "guest-message": {
+    ask: "Allow a guest\u2019s message?",
+    elsewhere: "Answered elsewhere",
+    expired: "Guest message timed out"
+  },
+  "guest-tool": {
+    ask: "Allow a guest\u2019s tool call?",
+    elsewhere: "Answered elsewhere",
+    expired: "Guest tool call timed out"
+  }
+};
 function gone(reason) {
   return reason === "expired" ? "expired" : "elsewhere";
 }
@@ -33951,6 +34068,7 @@ var SliccApprovals = class extends ModelElement {
   #showing = null;
   #pending = /* @__PURE__ */ new Set();
   #done = /* @__PURE__ */ new Set();
+  #closed = /* @__PURE__ */ new Set();
   #port;
   #ended = /* @__PURE__ */ new Map();
   #timer = null;
@@ -33969,6 +34087,9 @@ var SliccApprovals = class extends ModelElement {
       :host {
         display: contents;
       }
+      sp-alert-dialog {
+        display: grid;
+      }
       .command {
         margin: var(--swc-spacing-200) 0 0;
         padding: var(--swc-spacing-200) var(--swc-spacing-300);
@@ -33981,7 +34102,24 @@ var SliccApprovals = class extends ModelElement {
         max-block-size: 8lh;
         overflow: auto;
       }
+      .guest {
+        margin-block-start: var(--swc-spacing-200);
+        padding: var(--swc-spacing-200) var(--swc-spacing-300);
+        border: var(--swc-border-width-100) solid var(--swc-gray-300);
+        border-radius: var(--swc-corner-radius-medium-default);
+        white-space: pre-wrap;
+        overflow-wrap: anywhere;
+        max-block-size: 12lh;
+        overflow: auto;
+      }
+      .files {
+        margin: var(--swc-spacing-200) 0 0;
+        padding-inline-start: var(--swc-spacing-400);
+        font-size: var(--swc-font-size-75);
+        overflow-wrap: anywhere;
+      }
       .cwd,
+      .verdict,
       .hint,
       .timer,
       .more {
@@ -34037,6 +34175,7 @@ var SliccApprovals = class extends ModelElement {
       this.failure = null;
       this.#pending.clear();
       this.#done.clear();
+      this.#closed.clear();
       this.#ended.clear();
     }
     if (!port) return [];
@@ -34071,8 +34210,9 @@ var SliccApprovals = class extends ModelElement {
   async decide(approval, decision2) {
     const port = this.model?.approvals;
     if (!port?.decide || this.busy || decision2 !== "deny" && !this.#armed) return;
-    const verdict = secretRules(approval.command, approval.cwd);
-    if (decision2 === "always" && (verdict.certain ?? verdict.maybe)) return;
+    const verdict = rulesOf(approval);
+    if (decision2 === "always" && (approval.kind !== "sudo" || verdict.certain || verdict.maybe))
+      return;
     this.busy = decision2;
     this.failure = null;
     this.#pending.add(approval.id);
@@ -34090,7 +34230,7 @@ var SliccApprovals = class extends ModelElement {
     }
   }
   #current() {
-    return this.model?.approvals?.decide ? waiting2(this.model, this.now) : [];
+    return this.model?.approvals?.decide ? waiting2(this.model, this.now).filter(({ id }) => !this.#closed.has(id)) : [];
   }
   willUpdate(changed) {
     super.willUpdate(changed);
@@ -34114,7 +34254,7 @@ var SliccApprovals = class extends ModelElement {
     const all2 = this.model?.approvals?.list() ?? [];
     this.#tick(this.isConnected && all2.length > 0);
     const dialog = this.renderRoot.querySelector("dialog");
-    const key2 = dialog ? `${dialog.dataset.approval}:${dialog.dataset.gone ?? ""}` : "";
+    const key2 = dialog ? `${dialog.dataset.approval}:${dialog.dataset.gone ?? ""}:${dialog.hasAttribute("data-rejected")}` : "";
     if (key2 === this.#shown) return;
     if (dialog && !this.#shown) this.#trigger = origin();
     this.#shown = key2;
@@ -34131,9 +34271,15 @@ var SliccApprovals = class extends ModelElement {
     this.gone = null;
     this.#showing = null;
   }
+  #dismiss(approval) {
+    this.#done.add(approval.id);
+    this.#closed.add(approval.id);
+    this.failure = null;
+  }
   #cancel(event2, approval) {
     event2.preventDefault();
     if (this.gone) this.close();
+    else if (this.failure?.id === approval.id) this.#dismiss(approval);
     else void this.decide(approval, "deny");
   }
   #button(approval, decision2, label, variant) {
@@ -34151,12 +34297,31 @@ var SliccApprovals = class extends ModelElement {
   #dialog(approval, key2, content) {
     return i17(
       key2,
-      b`<dialog role="alertdialog" aria-labelledby="title" aria-describedby="asking" data-approval=${approval.id} data-kind=${approval.kind} data-requester=${approval.requester.kind} data-gone=${this.gone?.reason ?? A} @cancel=${(event2) => this.#cancel(event2, approval)}>${content}</dialog>`
+      b`<dialog role="alertdialog" aria-labelledby="title" aria-describedby="asking" data-approval=${approval.id} data-kind=${approval.kind} data-requester=${approval.requester.kind} data-gone=${this.gone?.reason ?? A} data-rejected=${!this.gone && this.failure?.id === approval.id ? "" : A} @cancel=${(event2) => this.#cancel(event2, approval)}>${content}</dialog>`
     );
   }
   #request(approval) {
-    return b`<p id="asking">${asking(approval)}:</p>
-      <pre class="command" data-command>${sudo(approval)}</pre>`;
+    if (approval.kind === "sudo")
+      return b`<p id="asking">${asking(approval)}:</p>
+        <pre class="command" data-command>${sudo(approval)}</pre>`;
+    if (approval.kind === "guest-tool")
+      return b`<p id="asking">${guestAsking(approval)}</p>
+        <pre class="command" data-summary>${approval.summary}</pre>`;
+    const files = approval.attachments ?? [];
+    return b`<p id="asking">${guestAsking(approval)}</p>
+      <div class="guest" data-guest-text>${approval.text}</div>
+      ${files.length ? b`<ul class="files" data-attachments>${files.map((file) => b`<li>${file.name} · ${file.mimeType} · ${size3(file.size)}</li>`)}</ul>` : A}`;
+  }
+  #verdict(approval) {
+    const verdict = approval.kind === "sudo" ? void 0 : approval.verdict;
+    return verdict ? b`<p class="verdict" data-verdict=${verdict.decision}>The automatic check would ${verdict.decision} this: ${verdict.reason}</p>` : A;
+  }
+  #actions(approval, rejected, always) {
+    if (rejected)
+      return b`<swc-button slot="button" variant="secondary" fill-style="outline" data-action="close" @click=${() => this.#dismiss(approval)}>Close</swc-button>`;
+    return b`${this.#button(approval, "deny", "Deny", "secondary")}
+      ${always ? this.#button(approval, "always", inCwd(approval) ? "Always allow in this directory" : "Always allow", "secondary") : A}
+      ${this.#button(approval, "once", "Allow once", "accent")}`;
   }
   render() {
     if (this.gone) {
@@ -34164,8 +34329,8 @@ var SliccApprovals = class extends ModelElement {
       return this.#dialog(
         approval2,
         `gone:${approval2.id}`,
-        b`<sp-alert-dialog variant="information">
-          <h2 id="title" slot="heading">${reason === "expired" ? "Sudo request timed out" : "Answered in another tab"}</h2>
+        b`<sp-alert-dialog variant="information" data-approval-kind=${approval2.kind}>
+          <h2 id="title" slot="heading">${titles[approval2.kind][reason]}</h2>
           ${this.#request(approval2)}
           ${reason === "expired" ? b`<p class="timer" data-timer>Denied because nobody answered in time.</p>` : A}
           <swc-button slot="button" variant="secondary" fill-style="outline" data-action="close" @click=${() => this.close()}>Close</swc-button>
@@ -34177,24 +34342,23 @@ var SliccApprovals = class extends ModelElement {
     const [approval, ...rest] = held ? [held, ...list5.filter(({ id }) => id !== held.id)] : list5;
     if (!approval) return A;
     const failure2 = this.failure?.id === approval.id ? this.failure.message : "";
-    const verdict = secretRules(approval.command, approval.cwd);
+    const verdict = rulesOf(approval);
     const rules = verdict.certain ?? verdict.maybe;
-    const always = approval.always && !rules;
+    const always = approval.kind === "sudo" && approval.always && !rules;
+    const hint2 = approval.kind === "sudo" && always ? alwaysHint(approval) : "";
     return this.#dialog(
       approval,
       approval.id,
-      b`<sp-alert-dialog variant="warning">
-          <h2 id="title" slot="heading">Allow sudo?</h2>
+      b`<sp-alert-dialog variant="warning" data-approval-kind=${approval.kind}>
+          <h2 id="title" slot="heading">${titles[approval.kind].ask}</h2>
           ${this.#request(approval)}
-          ${approval.cwd ? b`<p class="cwd">In ${approval.cwd}</p>` : A}
+          ${this.#verdict(approval)}
+          ${approval.kind === "sudo" && approval.cwd ? b`<p class="cwd">In ${approval.cwd}</p>` : A}
           ${rules ? b`<div class="rules" data-secret-rules=${rules}><swc-icon-alert-triangle size="s" aria-hidden="true"></swc-icon-alert-triangle><p>${verdict.certain ? b`<strong>This changes secret rules.</strong> It names <code>${rules}</code>, where SLICC keeps which secrets programs may use and where they may be sent.` : b`<strong>This may change secret rules.</strong> SLICC can't tell where <code>${rules}</code> leads, and it could reach the files where SLICC keeps which secrets programs may use and where they may be sent.`} Allow it only if you asked for this change.</p></div>` : A}
-          ${always ? b`<p class="hint">${alwaysHint(approval)}</p>` : A}
-          ${failure2 ? b`<p class="problem" role="alert" data-error><swc-icon-alert-triangle size="s" aria-hidden="true"></swc-icon-alert-triangle><span>${failure2}</span></p>` : A}
-          <p class="timer" data-timer>Denied automatically in ${countdown(approval.expiresAt - this.now)}.</p>
+          ${hint2 ? b`<p class="hint">${hint2}</p>` : A}
+          ${failure2 ? b`<p class="problem" role="alert" data-error><swc-icon-alert-triangle size="s" aria-hidden="true"></swc-icon-alert-triangle><span>${failure2}</span></p>` : b`<p class="timer" data-timer>Denied automatically in ${countdown(approval.expiresAt - this.now)}.</p>`}
           ${rest.length ? b`<p class="more" data-more>${rest.length === 1 ? "1 more request is waiting." : `${rest.length} more requests are waiting.`}</p>` : A}
-          ${this.#button(approval, "deny", "Deny", "secondary")}
-          ${always ? this.#button(approval, "always", inCwd(approval) ? "Always allow in this directory" : "Always allow", "secondary") : A}
-          ${this.#button(approval, "once", "Allow once", "accent")}
+          ${this.#actions(approval, !!failure2, always)}
         </sp-alert-dialog>`
     );
   }
@@ -35599,6 +35763,7 @@ e12([n({
 e25("swc-action-group", o87);
 
 // src/app/changes.ts
+var watchNote = b`<span data-watch-note>Watch only</span>`;
 var layouts = [
   ["unified", "Unified"],
   ["split", "Split"]
@@ -35922,11 +36087,11 @@ var SliccChanges = class extends ModelElement {
     return b`<div class="bar">
         <span class="summary">${changes2.length} pending ${changes2.length === 1 ? "change" : "changes"}</span>
         <span class="spacer"></span>
-        ${changes2.length && !watchOnly(this.model) ? b`<swc-action-button size="s" quiet data-action="accept-all" @click=${() => this.#all("accept")}>Accept all</swc-action-button>
-              <swc-action-button size="s" quiet data-action="revert-all" @click=${() => this.#all("revert")}>Revert all</swc-action-button>` : A}
+        ${!changes2.length ? A : watchOnly(this.model) ? watchNote : b`<swc-action-button size="s" quiet data-action="accept-all" @click=${() => this.#all("accept")}>Accept all</swc-action-button>
+              <swc-action-button size="s" quiet data-action="revert-all" @click=${() => this.#all("revert")}>Revert all</swc-action-button>`}
       </div>
       ${errorLine(this.error)}
-      ${changes2.length ? this.#list(changes2) : b`<div class="note">No pending changes. Edits by agents show up here for review.</div>`}`;
+      ${changes2.length ? this.#list(changes2) : b`<div class="note">${watchOnly(this.model) ? "No pending changes." : "No pending changes. Edits by agents show up here for review."}</div>`}`;
   }
 };
 var SliccDiffPanel = class extends ThemedElement {
@@ -36036,7 +36201,7 @@ var SliccDiffPanel = class extends ThemedElement {
               >`
     )}
         </swc-action-group>`}
-        ${watchOnly(model) ? A : b`<swc-action-button size="s" quiet data-action="accept" accessible-label="Accept" title="Accept" @click=${() => port?.accept(this.path)}>
+        ${watchOnly(model) ? watchNote : b`<swc-action-button size="s" quiet data-action="accept" accessible-label="Accept" title="Accept" @click=${() => port?.accept(this.path)}>
           <swc-icon-checkmark slot="icon"></swc-icon-checkmark><span class="label">Accept</span>
         </swc-action-button>
         <swc-action-button size="s" quiet data-action="revert" accessible-label="Revert" title="Revert" @click=${() => this.#revert(port, change)}>
@@ -36963,7 +37128,7 @@ var SliccChat = class extends ThemedElement {
       this.#items(messages, agent),
       ([key2]) => key2,
       ([, item2]) => item2
-    )}</swc-conversation-thread>` : this.model?.tabs?.state().role === "connecting" ? b`<div class="empty" data-connecting>${connecting}</div>` : b`<div class="empty">No messages yet. Ask ${agent?.name ?? "the agent"} something.</div>`}
+    )}</swc-conversation-thread>` : this.model?.tabs?.state().role === "connecting" ? b`<div class="empty" data-connecting>${connecting}</div>` : b`<div class="empty">${watch ? "No messages yet." : `No messages yet. Ask ${agent?.name ?? "the agent"} something.`}</div>`}
         </div>
       </div>
       ${this.dropping ? b`<swc-dropzone dragged size="l" aria-label="Attach files" dragged-message="Drop to attach"><p>Drop to attach</p></swc-dropzone>` : A}
@@ -39724,7 +39889,16 @@ var SliccNotices = class extends ModelElement {
     </div>`;
   }
   #approval(approval) {
-    return b`<div class="notice" role="status" data-approval-notice=${approval.id} data-tone="warning">
+    if (approval.kind !== "sudo")
+      return b`<div class="notice" role="status" data-approval-notice=${approval.id} data-approval-kind=${approval.kind} data-tone="warning">
+        <swc-icon-alert-triangle></swc-icon-alert-triangle>
+        <div class="text">
+          <span class="title">${approval.kind === "guest-message" ? "Waiting for approval of a guest\u2019s message" : "Waiting for approval of a guest\u2019s tool call"}</span>
+          <p>${guestWaiting(approval)}</p>
+          <p>Denied automatically at ${deadline(approval.expiresAt)}.</p>
+        </div>
+      </div>`;
+    return b`<div class="notice" role="status" data-approval-notice=${approval.id} data-approval-kind="sudo" data-tone="warning">
       <swc-icon-alert-triangle></swc-icon-alert-triangle>
       <div class="text">
         <span class="title">Waiting for sudo approval</span>