@ai-ecoverse/slicc-spectrum 1.77.1 → 1.79.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`
@@ -10822,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>';
@@ -11427,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";
@@ -11474,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);
@@ -11496,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;
@@ -11543,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);
     }
@@ -11558,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);
     }
@@ -11604,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,
@@ -11637,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()),
@@ -11661,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() {
@@ -11697,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();
@@ -11774,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"
@@ -11795,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"
@@ -11810,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>`;
   }
-  #row(agent, active) {
+  #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, 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);
@@ -11835,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}
@@ -11865,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>`;
   }
@@ -12229,6 +12314,326 @@ e25("swc-icon-visibility-off", o60);
 // node_modules/@adobe/spectrum-wc/dist/link.css
 var link_default = '/**\n * Copyright 2026 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the "License");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/**\n * Standalone link presentation for native `<a href>` elements.\n *\n * Default anchor appearance inside `.swc-Typography--prose` and\n * `.swc-Typography--links` ships with `typography.css` (generated). Import this\n * stylesheet when authors need explicit BEM modifiers on anchors.\n *\n */\n\n.swc-Link {\n  inline-size: -moz-fit-content;\n  inline-size: fit-content;\n  font-family: var(--swc-sans-font-family-stack);\n  font-size: var(--swc-font-size-100);\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1.30;\n  color: var(--swc-link-text-color-default, var(--swc-accent-color-900));\n  -webkit-text-decoration: underline;\n  text-decoration: underline;\n  text-decoration-thickness: 1px;\n  text-underline-offset: 1px;\n  transition: color 130ms ease-in-out;\n\n  &:hover {\n    color: var(--swc-link-text-color-hover, var(--swc-accent-color-1000));\n  }\n\n  &:active {\n    color: var(--swc-link-text-color-down, var(--swc-accent-color-1000));\n  }\n\n  &:focus-visible {\n    color: var(--swc-link-text-color-focus, var(--swc-accent-color-1000));\n    border-radius: 4px;\n    outline: 2px solid var(--swc-link-focus-indicator-color, var(--swc-blue-800));\n    outline-offset: 2px;\n  }\n\n  &:lang(ja),\n  &:lang(zh),\n  &:lang(ko) {\n    line-height: 1.50;\n  }\n}\n\n.swc-Link--standalone {\n  font-weight: 500;\n}\n\n.swc-Link--secondary {\n  --swc-link-text-color-default: var(--swc-gray-800);\n  --swc-link-text-color-hover: var(--swc-gray-900);\n  --swc-link-text-color-down: var(--swc-gray-900);\n  --swc-link-text-color-focus: var(--swc-gray-900);\n}\n\n.swc-Link--staticWhite {\n  --swc-link-text-color-default: var(--swc-white);\n  --swc-link-text-color-hover: var(--swc-white);\n  --swc-link-text-color-down: var(--swc-white);\n  --swc-link-text-color-focus: var(--swc-white);\n  --swc-link-focus-indicator-color: var(--swc-white);\n}\n\n.swc-Link--staticBlack {\n  --swc-link-text-color-default: var(--swc-black);\n  --swc-link-text-color-hover: var(--swc-black);\n  --swc-link-text-color-down: var(--swc-black);\n  --swc-link-text-color-focus: var(--swc-black);\n  --swc-link-focus-indicator-color: var(--swc-black);\n}\n\n.swc-Link--quiet.swc-Link--standalone {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n}\n\n.swc-Link--quiet.swc-Link--standalone:hover {\n  -webkit-text-decoration: underline;\n  text-decoration: underline;\n}\n';
 
+// src/app/guests.ts
+var hour = 36e5;
+var day = 24 * hour;
+var guestExpiries = [
+  ["1h", "1 hour", hour],
+  ["1d", "1 day", day],
+  ["7d", "7 days", 7 * day],
+  ["30d", "30 days", 30 * day]
+];
+var guestNameLimit = 40;
+var approve = "A person with Control approves each one.";
+function gateOptions(field, cone) {
+  const scoops = cone.scoops.map((name) => ({
+    value: `scoop:${name}`,
+    label: `${name} decides`,
+    description: `The scoop ${name} decides.`
+  }));
+  const user2 = { value: "user", label: "You approve each one", description: approve };
+  const agent = {
+    value: "agent",
+    label: "The automatic check decides",
+    description: "It decides by your intent, and asks a person when unsure."
+  };
+  if (field === "tools") return [user2, agent, ...scoops];
+  return [
+    user2,
+    agent,
+    {
+      value: "cone",
+      label: `${cone.name} decides`,
+      description: "The shared cone itself decides."
+    },
+    ...scoops,
+    { value: "off", label: "No review", description: "Messages go straight in as follow-ups." }
+  ];
+}
+function guestCones(agents) {
+  return agents.filter((agent) => agent.kind === "cone" && !agent.frozen).map((cone) => ({
+    id: cone.id,
+    name: cone.name,
+    scoops: agents.filter((agent) => agent.kind === "scoop" && agent.parentId === cone.id).map((scoop) => scoop.name)
+  }));
+}
+function activeCone(agents, active) {
+  const agent = agents.find((item2) => item2.id === active);
+  return (agent?.kind === "scoop" ? agent.parentId : agent?.id) ?? "";
+}
+function guestNameProblem(label) {
+  if (!label) return "Enter a name for the guest.";
+  if (label.length > guestNameLimit)
+    return `Keep the name to ${guestNameLimit} characters or fewer.`;
+  return null;
+}
+function guestExpiry(seat, now = Date.now()) {
+  if (seat.expiresAt === null) return "No expiry";
+  const hours = Math.max(1, Math.ceil((seat.expiresAt - now) / hour));
+  if (hours < 24) return `Expires in ${hours} ${hours === 1 ? "hour" : "hours"}`;
+  const days = Math.round(hours / 24);
+  return `Expires in ${days} ${days === 1 ? "day" : "days"}`;
+}
+function pendingLabel(count) {
+  return `${count} waiting for review`;
+}
+var SliccGuestInvite = class extends i2 {
+  static properties = {
+    cone: { state: true },
+    label: { state: true },
+    expiry: { state: true },
+    messages: { state: true },
+    tools: { state: true },
+    pending: { state: true },
+    error: { state: true },
+    problem: { state: true },
+    url: { state: true },
+    copied: { state: true },
+    uncopied: { state: true }
+  };
+  port = null;
+  cones = [];
+  trigger = null;
+  #result = Promise.withResolvers();
+  #seat = null;
+  constructor() {
+    super();
+    this.cone = "";
+    this.label = "";
+    this.expiry = "7d";
+    this.messages = "user";
+    this.tools = "user";
+    this.pending = false;
+    this.error = "";
+    this.problem = "";
+    this.url = "";
+    this.copied = false;
+    this.uncopied = false;
+  }
+  static styles = [
+    dialogStyles,
+    i`
+      .fields,
+      .link,
+      .once {
+        inline-size: calc(var(--mod-alert-dialog-max-width) - 2 * var(--mod-alert-dialog-padding));
+        box-sizing: border-box;
+      }
+      .fields {
+        display: grid;
+        gap: var(--swc-spacing-300);
+        padding: var(--swc-spacing-75);
+      }
+      .field {
+        display: grid;
+        gap: var(--swc-spacing-75);
+        min-width: 0;
+      }
+      .fields sp-field-label,
+      .fields sp-textfield,
+      .link sp-textfield {
+        margin: 0;
+        inline-size: 100%;
+      }
+      sp-picker {
+        inline-size: 100%;
+      }
+      .link {
+        display: flex;
+        flex-wrap: wrap;
+        align-items: center;
+        gap: var(--swc-spacing-100);
+        padding: var(--swc-spacing-75);
+      }
+      .link sp-textfield {
+        flex: 1 1 200px;
+        inline-size: auto;
+      }
+      .once {
+        margin-block-start: var(--swc-spacing-200);
+        padding-inline: var(--swc-spacing-75);
+      }
+      .problem {
+        display: flex;
+        align-items: flex-start;
+        gap: var(--swc-spacing-75);
+        margin: var(--swc-spacing-200) var(--swc-spacing-75) 0;
+        color: var(--swc-negative-content-color-default);
+        overflow-wrap: anywhere;
+        --swc-icon-color: var(--swc-negative-content-color-default);
+      }
+      .problem swc-icon-alert-triangle {
+        flex: none;
+        margin-block-start: var(--swc-spacing-50);
+      }
+    `
+  ];
+  get result() {
+    return this.#result.promise;
+  }
+  get #dialog() {
+    return this.renderRoot.querySelector("dialog");
+  }
+  #focus(selector) {
+    const target2 = this.renderRoot.querySelector(selector);
+    void target2.updateComplete.then(() => target2.focus());
+  }
+  firstUpdated() {
+    this.#dialog.showModal();
+    this.#focus("#guest-name");
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    this.url = "";
+    this.#result.resolve(this.#seat);
+  }
+  get #current() {
+    return this.cones.find((cone) => cone.id === this.cone) ?? this.cones[0];
+  }
+  #keep(gate, field, cone) {
+    return gateOptions(field, cone).some((option2) => option2.value === gate) ? gate : "user";
+  }
+  #pick(event2) {
+    return event2.target.value;
+  }
+  #setCone(event2) {
+    this.cone = this.#pick(event2);
+    this.messages = this.#keep(this.messages, "messages", this.#current);
+    this.tools = this.#keep(this.tools, "tools", this.#current);
+  }
+  #input(event2) {
+    this.label = event2.currentTarget.value;
+    this.problem = "";
+  }
+  #key(event2) {
+    if (event2.key !== "Enter") return;
+    event2.preventDefault();
+    void this.create();
+  }
+  async create() {
+    if (this.pending) return;
+    const label = this.label.trim();
+    const problem = guestNameProblem(label);
+    this.problem = problem ?? "";
+    this.error = "";
+    if (problem) {
+      this.#focus("#guest-name");
+      return;
+    }
+    const ms = guestExpiries.find(([key2]) => key2 === this.expiry)[2];
+    this.pending = true;
+    try {
+      const { seat, url } = await this.port.mint(this.#current.id, {
+        label,
+        expiresAt: Date.now() + ms,
+        gates: { messages: this.messages, tools: this.tools }
+      });
+      this.#seat = seat;
+      this.url = url;
+      this.pending = false;
+      await this.updateComplete;
+      this.#focus("[data-action=copy-guest-url]");
+    } catch (error) {
+      this.pending = false;
+      this.error = failure(error);
+    }
+  }
+  async copy() {
+    try {
+      await globalThis.navigator.clipboard.writeText(this.url);
+      this.copied = true;
+      this.uncopied = false;
+    } catch {
+      this.copied = false;
+      this.uncopied = true;
+    }
+  }
+  #cancel(event2) {
+    if (this.pending) event2.preventDefault();
+  }
+  #closed() {
+    this.url = "";
+    this.remove();
+    if (this.trigger?.isConnected) this.trigger.focus();
+  }
+  #gate(field, title, value) {
+    const options = gateOptions(field, this.#current);
+    const chosen = options.find((option2) => option2.value === value);
+    const id = `guest-${field}`;
+    return b`<div class="field">
+      <sp-field-label for=${id} size="m">${title}</sp-field-label>
+      <sp-picker id=${id} size="m" label=${title} data-action=${`guest-${field}`} .value=${l(value)} ?disabled=${this.pending} @change=${(event2) => {
+      this[field] = this.#pick(event2);
+    }}>
+        ${options.map((option2) => b`<sp-menu-item value=${option2.value}>${option2.label}<span slot="description">${option2.description}</span></sp-menu-item>`)}
+      </sp-picker>
+      <sp-help-text size="m" data-help=${field}>${chosen.description}</sp-help-text>
+    </div>`;
+  }
+  #form() {
+    const cone = this.#current;
+    return b`<h2 id="title" slot="heading">Invite a guest</h2>
+      <div class="fields">
+        <div class="field">
+          <sp-field-label for="guest-cone" size="m">Cone</sp-field-label>
+          <sp-picker id="guest-cone" size="m" label="Cone" data-action="guest-cone" .value=${l(cone.id)} ?disabled=${this.pending} @change=${this.#setCone}>
+            ${this.cones.map((item2) => b`<sp-menu-item value=${item2.id}>${item2.name}</sp-menu-item>`)}
+          </sp-picker>
+        </div>
+        <div class="field">
+          <sp-field-label for="guest-name" size="m">Name</sp-field-label>
+          <sp-textfield id="guest-name" size="m" data-action="guest-name" autocomplete="off" .value=${l(this.label)} ?invalid=${Boolean(this.problem)} ?readonly=${this.pending} @input=${this.#input} @keydown=${this.#key}>
+            <sp-help-text slot="help-text">Shown to you and in the cone, never set by the guest.</sp-help-text>
+            ${this.problem ? b`<sp-help-text slot="negative-help-text" icon>${this.problem}</sp-help-text>` : A}
+          </sp-textfield>
+        </div>
+        <div class="field">
+          <sp-field-label for="guest-expiry" size="m">Link expires</sp-field-label>
+          <sp-picker id="guest-expiry" size="m" label="Link expires" data-action="guest-expiry" .value=${l(this.expiry)} ?disabled=${this.pending} @change=${(event2) => {
+      this.expiry = this.#pick(event2);
+    }}>
+            ${guestExpiries.map(([key2, label]) => b`<sp-menu-item value=${key2}>${label}</sp-menu-item>`)}
+          </sp-picker>
+        </div>
+        ${this.#gate("messages", "Their messages", this.messages)}
+        ${this.#gate("tools", "Their tool calls", this.tools)}
+      </div>
+      ${this.error ? b`<p class="problem" role="alert" data-error="guest"><swc-icon-alert-triangle size="s" aria-hidden="true"></swc-icon-alert-triangle><span>${this.error}</span></p>` : A}
+      <swc-button slot="button" variant="secondary" fill-style="outline" data-cancel data-action="cancel-guest" ?disabled=${this.pending} @click=${() => this.#dialog.close()}>Cancel</swc-button>
+      <swc-button slot="button" variant="accent" data-action="create-guest-link" ?pending=${this.pending} @click=${() => this.create()}>Create link</swc-button>`;
+  }
+  #link() {
+    const label = this.#seat?.label ?? "";
+    return b`<h2 id="title" slot="heading">Link for ${label}</h2>
+      <div class="link" data-guest-link>
+        <sp-textfield size="m" readonly label="Guest link" aria-label="Guest link" data-copy="guest-url" .value=${this.url}></sp-textfield>
+        <swc-action-button size="m" data-action="copy-guest-url" accessible-label=${this.copied ? "Copied" : "Copy guest link"} @click=${() => this.copy()}>
+          <swc-icon-copy slot="icon"></swc-icon-copy>${this.copied ? "Copied" : "Copy"}
+        </swc-action-button>
+      </div>
+      <p class="once" data-once>This link is shown only once. Copy it now.</p>
+      ${this.uncopied ? b`<p class="problem" role="alert" data-error="guest-copy"><swc-icon-alert-triangle size="s" aria-hidden="true"></swc-icon-alert-triangle><span>Couldn’t copy. Select the link and copy it.</span></p>` : A}
+      <swc-button slot="button" variant="accent" data-action="done-guest" @click=${() => this.#dialog.close()}>Done</swc-button>`;
+  }
+  render() {
+    return b`<dialog aria-labelledby="title" data-guest-invite=${this.url ? "link" : "form"} @cancel=${this.#cancel} @close=${this.#closed}>
+      <sp-alert-dialog variant="confirmation">${this.url ? this.#link() : this.#form()}</sp-alert-dialog>
+    </dialog>`;
+  }
+};
+function invite(options) {
+  const trigger2 = options.trigger ?? focused();
+  const element2 = document.createElement("slicc-guest-invite");
+  const cones = guestCones(options.agents);
+  const active = activeCone(options.agents, options.active);
+  element2.port = options.port;
+  element2.cones = cones;
+  element2.cone = cones.some((cone) => cone.id === active) ? active : cones[0]?.id ?? "";
+  element2.trigger = trigger2;
+  themeOf(trigger2).append(element2);
+  return element2.result;
+}
+
 // node_modules/uqr/dist/index.mjs
 var QrCodeDataType = /* @__PURE__ */ ((QrCodeDataType2) => {
   QrCodeDataType2[QrCodeDataType2["Border"] = -1] = "Border";
@@ -13184,6 +13589,14 @@ function leaderConfirm(leader) {
     variant: "destructive"
   };
 }
+function guestConfirm(seat) {
+  return {
+    title: `Revoke ${seat.label}?`,
+    body: "Their link stops working at once. To let them back in, invite them again.",
+    action: "Revoke",
+    variant: "destructive"
+  };
+}
 function remoteLight(status2) {
   const devices = status2?.links?.devices ?? [];
   const asking3 = devices.filter((device) => device.asking);
@@ -13328,9 +13741,12 @@ var SliccNetwork = class extends ModelElement {
     revealed: { state: true },
     linksError: { state: true },
     syncError: { state: true },
-    leaderError: { state: true }
+    leaderError: { state: true },
+    guestError: { state: true },
+    guestsOff: { state: true }
   };
   #leaderId = "";
+  #guestId = "";
   constructor() {
     super();
     this.checking = false;
@@ -13344,6 +13760,8 @@ var SliccNetwork = class extends ModelElement {
     this.linksError = "";
     this.syncError = "";
     this.leaderError = "";
+    this.guestError = "";
+    this.guestsOff = null;
   }
   static styles = [
     r(link_default),
@@ -13649,6 +14067,17 @@ var SliccNetwork = class extends ModelElement {
         grid-column: 1 / -1;
         font-size: var(--swc-font-size-75);
       }
+      .sr {
+        position: absolute;
+        width: 1px;
+        height: 1px;
+        margin: -1px;
+        padding: 0;
+        overflow: hidden;
+        clip-path: inset(50%);
+        white-space: nowrap;
+        border: 0;
+      }
       time {
         color: var(--swc-neutral-subdued-content-color-default);
         font-size: var(--swc-font-size-75);
@@ -13668,10 +14097,19 @@ var SliccNetwork = class extends ModelElement {
     this.linksError = "";
     this.syncError = "";
     this.leaderError = "";
+    this.guestError = "";
+    this.guestsOff = null;
     const update = () => this.requestUpdate();
     return [
       model.tray.on("status", update),
-      ...model.network ? [model.network.on("network", update)] : []
+      ...model.network ? [model.network.on("network", update)] : [],
+      ...model.guests ? [
+        model.guests.on("seats", update),
+        model.agent.on("agents", update),
+        model.guests.on("unavailable", (text2) => {
+          this.guestsOff = text2;
+        })
+      ] : []
     ];
   }
   reveal(section) {
@@ -14082,6 +14520,56 @@ var SliccNetwork = class extends ModelElement {
       <ul aria-labelledby="leaders">${status2.leaders.map((leader) => this.#leader(port, leader))}</ul>
     </section>`;
   }
+  async #revoke(event2, port, seat) {
+    const trigger2 = event2.currentTarget;
+    if (!await confirm({ ...guestConfirm(seat), trigger: trigger2 })) return;
+    await this.#act(
+      `guest:${seat.id}`,
+      () => {
+        this.#guestId = seat.id;
+        return port.revoke(seat.id);
+      },
+      "guestError"
+    );
+  }
+  #invite(event2, port) {
+    const agent = this.model.agent;
+    void invite({
+      port,
+      agents: agent.list(),
+      active: agent.active(),
+      trigger: event2.currentTarget
+    });
+  }
+  #seat(port, seat, now) {
+    const action = `guest:${seat.id}`;
+    const cone = this.model.agent.list().find((item2) => item2.id === seat.agentId);
+    return b`<li class="device guest" data-seat=${seat.id} data-connected=${seat.connected ? "true" : "false"}>
+      <div class="who">
+        <span class="name" title=${seat.label}>${seat.label}</span>
+        <swc-status-light size="s" variant=${seat.connected ? "positive" : "neutral"}>${seat.connected ? "Connected" : "Not connected"}</swc-status-light>
+        ${seat.pending > 0 ? b`<swc-badge size="s" variant="notice" subtle data-pending=${seat.pending}><span aria-hidden="true">${seat.pending} waiting</span><span class="sr">${pendingLabel(seat.pending)}</span></swc-badge>` : A}
+      </div>
+      <swc-button size="s" variant="secondary" fill-style="outline" data-action="revoke-guest" accessible-label=${`Revoke ${seat.label}`} ?pending=${this.busy === action} ?disabled=${this.#waiting(action)} @click=${(event2) => this.#revoke(event2, port, seat)}>Revoke</swc-button>
+      <span class="where"><span data-seat-cone>${cone?.name ?? seat.agentId}</span><span data-expiry>${guestExpiry(seat, now)}</span></span>
+      ${this.guestError && this.#guestId === seat.id ? b`<div class="error" role="alert" data-error="guest"><swc-icon-alert-triangle size="s" aria-hidden="true"></swc-icon-alert-triangle><span>${this.guestError}</span></div>` : A}
+    </li>`;
+  }
+  #guestsSection() {
+    const port = this.model?.guests;
+    if (!port) return A;
+    const seats = port.list();
+    const off = port.unavailable ? port.unavailable() : this.guestsOff;
+    const cones = guestCones(this.model.agent.list()).length > 0;
+    const now = Date.now();
+    return b`<section aria-labelledby="guests" data-guests=${seats.length}>
+      <div class="head">
+        <h2 id="guests">Guests</h2>
+        ${off ? b`<p class="muted" data-guests-unavailable>${off}</p>` : b`<swc-button size="m" variant="accent" data-action="invite-guest" ?disabled=${!cones} @click=${(event2) => this.#invite(event2, port)}>Invite a guest</swc-button>`}
+      </div>
+      ${seats.length ? b`<ul aria-labelledby="guests">${seats.map((seat) => this.#seat(port, seat, now))}</ul>` : b`<p class="muted" data-guests-empty>No guests yet.</p>`}
+    </section>`;
+  }
   #exit(event2, port) {
     const value = event2.target.value;
     void this.#tailnet("exit", () => port.setExitNode?.(value === "none" ? null : value));
@@ -14204,6 +14692,7 @@ var SliccNetwork = class extends ModelElement {
       ${this.#state(port, status2)}
       ${this.#sync(this.model.tray)}
       ${this.#leadersSection(port, status2)}
+      ${this.#guestsSection()}
       ${this.#tailnetSection(port, status2)}
       ${this.#linksSection(port, status2)}
       ${this.#whole(status2)}
@@ -30751,7 +31240,7 @@ function errorCard(item2, handlers) {
 function time(at) {
   return new Date(at).toLocaleTimeString("en-GB", { hour: "2-digit", minute: "2-digit" });
 }
-function day(at) {
+function day2(at) {
   return new Date(at).toLocaleDateString("en-GB", {
     weekday: "short",
     day: "numeric",
@@ -30764,7 +31253,7 @@ function stamps(messages) {
   let last = -Infinity;
   let seen = "";
   for (const message of messages) {
-    const label = day(message.createdAt);
+    const label = day2(message.createdAt);
     if (label !== seen) {
       seen = label;
       last = -Infinity;
@@ -33932,13 +34421,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";
 }
@@ -33956,6 +34472,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;
@@ -33974,6 +34491,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);
@@ -33986,7 +34506,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 {
@@ -34042,6 +34579,7 @@ var SliccApprovals = class extends ModelElement {
       this.failure = null;
       this.#pending.clear();
       this.#done.clear();
+      this.#closed.clear();
       this.#ended.clear();
     }
     if (!port) return [];
@@ -34076,8 +34614,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);
@@ -34095,7 +34634,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);
@@ -34119,7 +34658,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;
@@ -34136,9 +34675,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) {
@@ -34156,12 +34701,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) {
@@ -34169,8 +34733,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>
@@ -34182,24 +34746,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>`
     );
   }
@@ -36846,7 +37409,7 @@ var SliccChat = class extends ThemedElement {
     let anchor = null;
     for (const message of messages) {
       const calls = toolOnly(message, showThinking);
-      if (anchor && calls && day(message.createdAt) === day(anchor.createdAt)) {
+      if (anchor && calls && day2(message.createdAt) === day2(anchor.createdAt)) {
         extra.set(anchor.id, [...extra.get(anchor.id) ?? [], ...calls]);
         owners.set(calls[0].id, {
           id: message.id,
@@ -36861,7 +37424,7 @@ var SliccChat = class extends ThemedElement {
     const target2 = last && (into.get(last.id) ?? last.id);
     for (const message of messages) {
       if (into.has(message.id)) continue;
-      const label = day(message.createdAt);
+      const label = day2(message.createdAt);
       if (label !== previous) {
         out.push([
           `day:${message.id}`,
@@ -39730,7 +40293,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>
@@ -39872,8 +40444,8 @@ function replaceable(secret) {
 }
 function filename(now = Date.now()) {
   const date = new Date(now);
-  const day2 = [date.getFullYear(), date.getMonth() + 1, date.getDate()].map((part2) => String(part2).padStart(2, "0")).join("-");
-  return `slicc-secrets-${day2}.slicc-vault`;
+  const day3 = [date.getFullYear(), date.getMonth() + 1, date.getDate()].map((part2) => String(part2).padStart(2, "0")).join("-");
+  return `slicc-secrets-${day3}.slicc-vault`;
 }
 function download(bytes, name, root2) {
   const url = URL.createObjectURL(
@@ -84715,6 +85287,7 @@ var elements = {
   "slicc-value-request": SliccValueRequest,
   "slicc-confirm": SliccConfirm,
   "slicc-prompt": SliccPrompt,
+  "slicc-guest-invite": SliccGuestInvite,
   "slicc-app": SliccApp
 };
 function define2() {
@@ -84746,6 +85319,7 @@ export {
   SliccFileView,
   SliccFiles,
   SliccFollow,
+  SliccGuestInvite,
   SliccNetwork,
   SliccNotices,
   SliccPrompt,