@ai-ecoverse/slicc-spectrum 1.98.1 → 1.99.1

package/dist/slicc-ui.js

@@ -10285,12 +10285,12 @@ e12([o({
 // node_modules/@adobe/spectrum-wc/dist/patterns/ai-toolkit/conversation-thread/swc-conversation-thread.js
 e25("swc-conversation-thread", s9);
 
-// node_modules/@adobe/spectrum-wc-icons/dist/New.js
+// node_modules/@adobe/spectrum-wc-icons/dist/ChevronDown.js
 function e82() {
-  return '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="var(--swc-icon-color, currentColor)" d="M18 4.25v11.5c0 1.24-1.01 2.25-2.25 2.25H4.25C3.01 18 2 16.99 2 15.75V4.25C2 3.01 3.01 2 4.25 2h11.5C16.99 2 18 3.01 18 4.25m-1.5 0a.75.75 0 0 0-.75-.75H4.25a.75.75 0 0 0-.75.75v11.5c0 .414.336.75.75.75h11.5a.75.75 0 0 0 .75-.75z"/><path fill="var(--swc-icon-color, currentColor)" d="M13.763 10a.763.763 0 0 1-.763.763h-2.237V13a.763.763 0 0 1-1.526 0v-2.237H7a.763.763 0 0 1 0-1.526h2.237V7a.763.763 0 0 1 1.526 0v2.237H13c.421 0 .763.342.763.763"/></svg>';
+  return '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="var(--swc-icon-color, currentColor)" d="M3.755 7.243a.75.75 0 0 1 1.06-.02l5.183 4.986 5.197-4.999a.749.749 0 1 1 1.04 1.08l-5.717 5.5a.747.747 0 0 1-1.04 0L3.776 8.303a.746.746 0 0 1-.02-1.06"/></svg>';
 }
 
-// node_modules/@adobe/spectrum-wc-icons/dist/swc-icon-new.js
+// node_modules/@adobe/spectrum-wc-icons/dist/swc-icon-chevron-down.js
 var o53 = class extends a10 {
   static get styles() {
     return [t40];
@@ -10301,7 +10301,25 @@ var o53 = class extends a10 {
     `;
   }
 };
-e25("swc-icon-new", o53);
+e25("swc-icon-chevron-down", o53);
+
+// node_modules/@adobe/spectrum-wc-icons/dist/New.js
+function e83() {
+  return '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="var(--swc-icon-color, currentColor)" d="M18 4.25v11.5c0 1.24-1.01 2.25-2.25 2.25H4.25C3.01 18 2 16.99 2 15.75V4.25C2 3.01 3.01 2 4.25 2h11.5C16.99 2 18 3.01 18 4.25m-1.5 0a.75.75 0 0 0-.75-.75H4.25a.75.75 0 0 0-.75.75v11.5c0 .414.336.75.75.75h11.5a.75.75 0 0 0 .75-.75z"/><path fill="var(--swc-icon-color, currentColor)" d="M13.763 10a.763.763 0 0 1-.763.763h-2.237V13a.763.763 0 0 1-1.526 0v-2.237H7a.763.763 0 0 1 0-1.526h2.237V7a.763.763 0 0 1 1.526 0v2.237H13c.421 0 .763.342.763.763"/></svg>';
+}
+
+// node_modules/@adobe/spectrum-wc-icons/dist/swc-icon-new.js
+var o54 = class extends a10 {
+  static get styles() {
+    return [t40];
+  }
+  render() {
+    return b`
+      ${o16(e83())}
+    `;
+  }
+};
+e25("swc-icon-new", o54);
 
 // src/app/dips.ts
 var dipType = "application/x-slicc-sprinkle";
@@ -14119,7 +14137,7 @@ function createTokenizer(parser, initialize, from) {
     previous: null,
     sliceSerialize,
     sliceStream,
-    write
+    write: write2
   };
   let state2 = initialize.tokenize.call(context, effects);
   let expectedCode;
@@ -14127,7 +14145,7 @@ function createTokenizer(parser, initialize, from) {
     resolveAllConstructs.push(initialize);
   }
   return context;
-  function write(slice) {
+  function write2(slice) {
     chunks = push(chunks, slice);
     main2();
     if (chunks[chunks.length - 1] !== null) {
@@ -14324,9 +14342,9 @@ function createTokenizer(parser, initialize, from) {
     const startStack = Array.from(stack);
     return {
       from: startEventsIndex,
-      restore
+      restore: restore2
     };
-    function restore() {
+    function restore2() {
       point3 = startPoint;
       context.previous = startPrevious;
       context.currentConstruct = startCurrentConstruct;
@@ -16998,13 +17016,13 @@ function parse2(text5) {
       (node2) => text5.lastIndexOf("\n", tail2 + node2.position.start.offset - 1) + 1
     )
   ];
-  let keep2 = Math.max(blocks.length - 1, 0);
-  while (keep2 > 0 && !blankBefore(text5, starts[keep2])) keep2--;
+  let keep3 = Math.max(blocks.length - 1, 0);
+  while (keep3 > 0 && !blankBefore(text5, starts[keep3])) keep3--;
   const parsed = {
     text: text5,
     blocks,
     starts,
-    keep: keep2,
+    keep: keep3,
     definitions: collect(tree.children, /* @__PURE__ */ new Map())
   };
   cache.delete(base.text);
@@ -17277,7 +17295,7 @@ e12([n({
 e25("swc-conversation-turn", a13);
 
 // node_modules/@adobe/spectrum-wc/dist/components/ui-icons/ui-icons.types.js
-var e83 = [
+var e84 = [
   50,
   75,
   100,
@@ -17297,7 +17315,7 @@ function n29(e129) {
 }
 function r27(t90, r40) {
   if (!t90) return;
-  let i26 = n29(r40), a23 = e83.filter((e129) => t90[e129] !== void 0);
+  let i26 = n29(r40), a23 = e84.filter((e129) => t90[e129] !== void 0);
   if (a23.length !== 0) return t90[a23.reduce((e129, t91) => Math.abs(t91 - i26) < Math.abs(e129 - i26) ? t91 : e129)];
 }
 
@@ -17921,7 +17939,7 @@ e12([n({
 e25("swc-ui-icon", l15);
 
 // node_modules/@adobe/spectrum-wc/dist/utils/id.js
-function e84(e129) {
+function e85(e129) {
   return `${e129}-${Array.from(crypto.getRandomValues(new Uint8Array(4)), (e130) => `0${(e130 & 255).toString(16)}`.slice(-2)).join("")}`;
 }
 
@@ -17931,7 +17949,7 @@ var t66 = i`:host{display:block}*,*:before,*:after{box-sizing:border-box}.swc-Me
 // node_modules/@adobe/spectrum-wc/dist/patterns/ai-toolkit/message-sources/MessageSources.js
 var c18 = class extends i9 {
   constructor(...e129) {
-    super(...e129), this.panelId = e84("swc-sources-panel"), this.toggleId = e84("swc-message-sources-toggle"), this.sourceLinks = [], this.open = false, this.label = "Sources", this.accessibleLabel = "";
+    super(...e129), this.panelId = e85("swc-sources-panel"), this.toggleId = e85("swc-message-sources-toggle"), this.sourceLinks = [], this.open = false, this.label = "Sources", this.accessibleLabel = "";
   }
   static get styles() {
     return [t66];
@@ -18064,7 +18082,7 @@ var a14 = () => b`
     <circle cx="4" cy="4" r="4" fill="currentColor" />
   </svg>
 `;
-var o54 = () => b`
+var o55 = () => b`
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 8">
     <circle cx="4" cy="4" r="3.5" fill="none" stroke="currentColor" />
   </svg>
@@ -18124,7 +18142,7 @@ var h6 = class extends i9 {
     return this._readLabel();
   }
   constructor() {
-    super(), this._toggleId = e84("swc-response-status-step-toggle"), this._detailId = e84("swc-response-status-step-detail"), this.status = "active", this.open = false, this._hasDescription = false, this._labelText = "", this._overflows = false, this._lastActiveLabel = "", new t2(this, {
+    super(), this._toggleId = e85("swc-response-status-step-toggle"), this._detailId = e85("swc-response-status-step-detail"), this.status = "active", this.open = false, this._hasDescription = false, this._labelText = "", this._overflows = false, this._lastActiveLabel = "", new t2(this, {
       config: {
         attributes: true,
         attributeFilter: ["slot"],
@@ -18207,7 +18225,7 @@ var h6 = class extends i9 {
           class="swc-ResponseStatusStep-icon swc-ResponseStatusStep-icon--active"
           aria-hidden="true"
         >
-          ${o54()}
+          ${o55()}
         </swc-icon>
       `);
   }
@@ -18281,7 +18299,7 @@ e12([n({
 e25("swc-response-status-step", h6);
 
 // node_modules/@adobe/spectrum-wc/dist/patterns/ai-toolkit/pixel-loader/data.js
-function e85(e129, t90) {
+function e86(e129, t90) {
   let n37 = Array.from(new Set(e129.map(([, e130]) => e130))).sort((e130, t91) => t91 - e130), r40 = Array(e129.length).fill(0), i26 = 0;
   return n37.forEach((n38) => {
     let a23 = e129.reduce((e130, t91, r41) => (t91[1] === n38 && e130.push(r41), e130), []);
@@ -18291,7 +18309,7 @@ function e85(e129, t90) {
   }), r40;
 }
 function t69(t90, n37 = {}) {
-  let { staggerInterval: r40 = 2, rowOffset: i26 = 0 } = n37, a23 = e85(t90, r40);
+  let { staggerInterval: r40 = 2, rowOffset: i26 = 0 } = n37, a23 = e86(t90, r40);
   return t90.map(([e129, t91], n38) => ({
     col: e129,
     row: t91 + i26,
@@ -18434,7 +18452,7 @@ var a15 = t69([
   [5, 0],
   [6, 0]
 ], { staggerInterval: 1 });
-var o55 = t69([
+var o56 = t69([
   [6, 6],
   [5, 5],
   [1, 4],
@@ -18989,7 +19007,7 @@ var N = {
   brush: r31,
   eye: i19,
   hourglass: a15,
-  mag: o55,
+  mag: o56,
   crop: s11,
   flower: c20,
   image: l16,
@@ -19080,13 +19098,13 @@ var F = {
 };
 
 // node_modules/@adobe/spectrum-wc/dist/patterns/ai-toolkit/pixel-loader/animation.js
-var e86 = 30;
-var t70 = (t90) => t90 * e86 / 1e3;
+var e87 = 30;
+var t70 = (t90) => t90 * e87 / 1e3;
 var n32 = 13;
 var r32 = 12;
 var i20 = t70(1400);
 var a16 = t70(150);
-var o56 = t70(150);
+var o57 = t70(150);
 var s12 = 0.1;
 var c21 = t70(230);
 var l17 = 0.3;
@@ -19116,10 +19134,10 @@ function y4(e129) {
   return v8(e129) + n32 + i20 + r32;
 }
 function b8(t90) {
-  return y4(t90) / e86 * 1e3;
+  return y4(t90) / e87 * 1e3;
 }
 function x3(t90) {
-  return (v8(t90) + n32) / e86 * 1e3;
+  return (v8(t90) + n32) / e87 * 1e3;
 }
 function S2(e129, t90) {
   return Math.min(1, Math.max(0, e129 / t90));
@@ -19164,7 +19182,7 @@ function w3(e129, t90) {
   }), C3(o100);
 }
 function T4(e129, t90) {
-  let i26 = e129.stagger + n32 - o56, u27 = i26 - a16, d22 = _4(e129), f11 = d22 + c21;
+  let i26 = e129.stagger + n32 - o57, u27 = i26 - a16, d22 = _4(e129), f11 = d22 + c21;
   return C3([
     {
       offset: 0,
@@ -19231,7 +19249,7 @@ function k2() {
   return D3 + O2 + D3;
 }
 function A4() {
-  return k2() / e86 * 1e3;
+  return k2() / e87 * 1e3;
 }
 function j2() {
   let e129 = k2();
@@ -19260,9 +19278,9 @@ function j2() {
 var M2 = "0 0px";
 
 // node_modules/@adobe/spectrum-wc/dist/patterns/ai-toolkit/pixel-loader/geometry.js
-var e87 = /* @__PURE__ */ new WeakMap();
+var e88 = /* @__PURE__ */ new WeakMap();
 function t71(t90) {
-  let n37 = e87.get(t90);
+  let n37 = e88.get(t90);
   if (n37) return n37;
   let r40 = new Set(t90.map((e129) => `${e129.col},${e129.row}`)), i26 = (e129, t91) => r40.has(`${e129},${t91}`), a23 = t90.map(({ col: e129, row: t91 }) => {
     let n38 = i26(e129 - 1, t91), r41 = i26(e129 + 1, t91), a24 = i26(e129, t91 - 1), o100 = i26(e129, t91 + 1), s19 = i26(e129 - 1, t91 - 1), c28 = i26(e129 + 1, t91 - 1), l24 = i26(e129 + 1, t91 + 1), u27 = i26(e129 - 1, t91 + 1);
@@ -19273,7 +19291,7 @@ function t71(t90) {
       bottomLeft: !n38 && !o100 && !u27
     };
   });
-  return e87.set(t90, a23), a23;
+  return e88.set(t90, a23), a23;
 }
 function n33(e129, t90) {
   return `${e129.topLeft ? t90 : "0"} ${e129.topRight ? t90 : "0"} ${e129.bottomRight ? t90 : "0"} ${e129.bottomLeft ? t90 : "0"}`;
@@ -19285,7 +19303,7 @@ var t72 = i`:host{display:inline-block}*,*:before,*:after{box-sizing:border-box}
 // node_modules/@adobe/spectrum-wc/dist/patterns/ai-toolkit/pixel-loader/PixelLoader.js
 var w4;
 var T5 = "https://spectrum-web-components.adobe.com/?path=/docs/patterns-ai-toolkit-pixel-loader--docs";
-var E3 = class e88 extends i9 {
+var E3 = class e89 extends i9 {
   constructor(...e129) {
     super(...e129), this.icon = "aiLogo", this.paused = false, this.label = "Loading", this._presetIndex = 0, this._animations = [], this._containerCache = null, this._cellElsCache = null, this._shuffledPresetIcons = null, this._ticker = null, this._reducedMotionQuery = null, this._displayedIcon = "aiLogo", this._finishToken = 0, this._handleReducedMotionChange = () => {
       this._syncTicker(), this._playCells();
@@ -19409,8 +19427,8 @@ var E3 = class e88 extends i9 {
       }
     }), this._cancelAnimations();
     let i26 = {
-      duration: e88.FINISH_MS,
-      easing: e88.EASE_FINISH,
+      duration: e89.FINISH_MS,
+      easing: e89.EASE_FINISH,
       fill: "forwards"
     }, a23 = n37.map((e129) => e129.animate([{
       translate: M2,
@@ -19460,7 +19478,7 @@ var E3 = class e88 extends i9 {
         style=${o3({
       "grid-column": String(t90.col + 1),
       "grid-row": String(t90.row + 1),
-      "border-radius": n33(n37, e88.CORNER_RADIUS)
+      "border-radius": n33(n37, e89.CORNER_RADIUS)
     })}
       ></div>
     `;
@@ -19501,12 +19519,12 @@ var y5 = [
   "complete",
   "stopped"
 ];
-var b9 = class e89 extends i9 {
+var b9 = class e90 extends i9 {
   static get styles() {
     return [t73];
   }
   constructor() {
-    super(), this.panelId = e84("swc-response-status-panel"), this._hasSteps = false, this._hasActiveStep = false, this._activeStepLabel = "", this._activeStepEl = null, this._labelSlotText = "", this._displayedLabel = "", this._rollFromLabel = "", this._rollToLabel = "", this._rollActive = false, this._rollEngaged = false, this._loaderPaused = false, this._loaderStartRaf = null, this._loaderStartTimer = null, this.status = "active", this.open = false, this.accessibleLabel = "", this.loader = "mega", this._labelRollTimer = null, this._labelRollRaf = null, new t2(this, {
+    super(), this.panelId = e85("swc-response-status-panel"), this._hasSteps = false, this._hasActiveStep = false, this._activeStepLabel = "", this._activeStepEl = null, this._labelSlotText = "", this._displayedLabel = "", this._rollFromLabel = "", this._rollToLabel = "", this._rollActive = false, this._rollEngaged = false, this._loaderPaused = false, this._loaderStartRaf = null, this._loaderStartTimer = null, this.status = "active", this.open = false, this.accessibleLabel = "", this.loader = "mega", this._labelRollTimer = null, this._labelRollRaf = null, new t2(this, {
       config: {
         attributes: true,
         attributeFilter: ["status"],
@@ -19624,10 +19642,10 @@ var b9 = class e89 extends i9 {
     if (this._labelSlotText) return this._labelSlotText;
     let t90 = this._resolvedStatus;
     if (t90 === "active") {
-      if (this._showsGenericProcessingLabel) return e89.ACTIVE_STEP_OPEN_LABEL;
+      if (this._showsGenericProcessingLabel) return e90.ACTIVE_STEP_OPEN_LABEL;
       if (this._activeStepLabel) return this._activeStepLabel;
     }
-    return e89.DEFAULT_LABELS[t90];
+    return e90.DEFAULT_LABELS[t90];
   }
   _clearLabelRollTimers() {
     this._labelRollTimer !== null && (window.clearTimeout(this._labelRollTimer), this._labelRollTimer = null), this._labelRollRaf !== null && (window.cancelAnimationFrame(this._labelRollRaf), this._labelRollRaf = null);
@@ -19639,7 +19657,7 @@ var b9 = class e89 extends i9 {
     this._clearLoaderStartRaf(), this._loaderPaused = true, this._loaderStartRaf = window.requestAnimationFrame(() => {
       this._loaderStartRaf = null, this._loaderStartTimer = window.setTimeout(() => {
         this._loaderStartTimer = null, this._loaderPaused = false;
-      }, e89.LOADER_START_DELAY_MS);
+      }, e90.LOADER_START_DELAY_MS);
     });
   }
   _prefersReducedMotion() {
@@ -19666,7 +19684,7 @@ var b9 = class e89 extends i9 {
       this._labelRollRaf = window.requestAnimationFrame(() => {
         this._labelRollRaf = null, this._rollEngaged = true, this._labelRollTimer = window.setTimeout(() => {
           this._labelRollTimer = null, this._displayedLabel = this._rollToLabel, this._rollActive = false, this._rollEngaged = false, this._applyLabelRoll();
-        }, e89.LABEL_ROLL_DURATION_MS);
+        }, e90.LABEL_ROLL_DURATION_MS);
       });
     });
   }
@@ -19674,7 +19692,7 @@ var b9 = class e89 extends i9 {
     return this._rollActive ? this._rollToLabel : this._displayedLabel || this._getHeaderLabel();
   }
   _renderLabel() {
-    let t90 = e89.STATUS_LABEL_CLASS;
+    let t90 = e90.STATUS_LABEL_CLASS;
     return this._rollActive ? b`
       <span class="swc-ResponseStatus-headerTrailViewport">
         <span class=${this._rollEngaged ? "swc-ResponseStatus-headerTrailCrossfade swc-ResponseStatus-headerTrailCrossfade--engaged" : "swc-ResponseStatus-headerTrailCrossfade"}>
@@ -19798,7 +19816,7 @@ var b9 = class e89 extends i9 {
     `;
   }
   _renderPanel(t90) {
-    let n37 = t90 && this.open, r40 = this.accessibleLabel || e89.DEFAULT_ACCESSIBLE_LABEL;
+    let n37 = t90 && this.open, r40 = this.accessibleLabel || e90.DEFAULT_ACCESSIBLE_LABEL;
     return b`
       <div
         id=${this.panelId}
@@ -19863,7 +19881,7 @@ var t74 = i`:host{display:block}*,*:before,*:after{box-sizing:border-box}.swc-Su
 // node_modules/@adobe/spectrum-wc/dist/patterns/ai-toolkit/suggestion/SuggestionGroup.js
 var s13 = class extends i9 {
   constructor(...e129) {
-    super(...e129), this.accessibleLabel = "", this._headingId = e84("swc-suggestion-group-heading");
+    super(...e129), this.accessibleLabel = "", this._headingId = e85("swc-suggestion-group-heading");
   }
   static get styles() {
     return [t74];
@@ -20026,184 +20044,184 @@ e12([n({
 e25("swc-user-message", a17);
 
 // node_modules/@adobe/spectrum-wc-icons/dist/Cancel.js
-function e90() {
+function e91() {
   return '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="var(--swc-icon-color, currentColor)" d="M16.201 16.166A8.72 8.72 0 0 0 18.75 10c0-4.825-3.925-8.75-8.75-8.75a8.72 8.72 0 0 0-6.166 2.549l-.021.014c-.011.007-.008.015-.014.021A8.72 8.72 0 0 0 1.25 10c0 4.825 3.925 8.75 8.75 8.75a8.72 8.72 0 0 0 6.166-2.549c.006-.006.015-.008.021-.014s.008-.015.014-.021M17.25 10c0 1.73-.61 3.317-1.625 4.565L5.435 4.375A7.2 7.2 0 0 1 10 2.75c3.998 0 7.25 3.252 7.25 7.25m-14.5 0c0-1.73.61-3.317 1.625-4.565l10.19 10.19A7.2 7.2 0 0 1 10 17.25c-3.998 0-7.25-3.252-7.25-7.25"/></svg>';
 }
 
 // node_modules/@adobe/spectrum-wc-icons/dist/swc-icon-cancel.js
-var o57 = class extends a10 {
+var o58 = class extends a10 {
   static get styles() {
     return [t40];
   }
   render() {
     return b`
-      ${o16(e90())}
+      ${o16(e91())}
     `;
   }
 };
-e25("swc-icon-cancel", o57);
+e25("swc-icon-cancel", o58);
 
 // node_modules/@adobe/spectrum-wc-icons/dist/ClockPending.js
-function e91() {
+function e92() {
   return '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="var(--swc-icon-color, currentColor)" d="M13.22 12.657a.75.75 0 0 1-.38-.103l-3.22-1.896a.75.75 0 0 1-.37-.646v-5a.75.75 0 0 1 1.5 0v4.571l2.852 1.678a.751.751 0 0 1-.382 1.396"/><path fill="var(--swc-icon-color, currentColor)" d="M10 18.771c-4.825 0-8.75-3.924-8.75-8.75A8.74 8.74 0 0 1 6.594 1.96a.75.75 0 1 1 .584 1.38 7.24 7.24 0 0 0-4.428 6.682 7.26 7.26 0 0 0 7.25 7.25 7.25 7.25 0 0 0 4.703-1.732.75.75 0 0 1 1.058.084.75.75 0 0 1-.084 1.057A8.75 8.75 0 0 1 10 18.77m.251-15.945h-.03L10 2.821a.8.8 0 0 1 0-1.6l.278.005a.8.8 0 0 1-.027 1.6m3.138.747a.8.8 0 0 1-.346-.079l-.198-.09a.8.8 0 1 1 .633-1.468q.13.056.258.117a.8.8 0 0 1-.347 1.52m2.587 1.931a.8.8 0 0 1-.603-.274l-.145-.159a.8.8 0 0 1 1.158-1.103q.098.103.192.21a.8.8 0 0 1-.602 1.326m1.616 2.791a.8.8 0 0 1-.759-.547l-.075-.217a.8.8 0 1 1 1.504-.545l.089.256a.8.8 0 0 1-.76 1.053m.381 3.205-.067-.003a.8.8 0 0 1-.731-.862l.015-.232c.026-.441.373-.787.846-.752a.8.8 0 0 1 .752.846l-.02.269a.8.8 0 0 1-.795.734"/><path fill="var(--swc-icon-color, currentColor)" d="m17.972 11.5-.067-.003a.8.8 0 0 1-.731-.862l.015-.232c.026-.441.373-.787.846-.752a.8.8 0 0 1 .752.846l-.02.269a.8.8 0 0 1-.795.734m-1.32 2.904-.057-.035a.8.8 0 0 1-.21-1.112l.129-.193c.24-.371.712-.5 1.106-.236a.8.8 0 0 1 .236 1.107l-.15.224a.8.8 0 0 1-1.054.245"/></svg>';
 }
 
 // node_modules/@adobe/spectrum-wc-icons/dist/swc-icon-clock-pending.js
-var o58 = class extends a10 {
+var o59 = class extends a10 {
   static get styles() {
     return [t40];
   }
   render() {
     return b`
-      ${o16(e91())}
+      ${o16(e92())}
     `;
   }
 };
-e25("swc-icon-clock-pending", o58);
+e25("swc-icon-clock-pending", o59);
 
 // node_modules/@adobe/spectrum-wc-icons/dist/File.js
-function e92() {
+function e93() {
   return '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="var(--swc-icon-color, currentColor)" d="M16.341 5.28 12.72 1.66A2.24 2.24 0 0 0 11.13 1H5.25C4.01 1 3 2.01 3 3.25v12.5C3 16.99 4.01 18 5.25 18h9.5c1.24 0 2.25-1.01 2.25-2.25V6.871c0-.592-.24-1.172-.659-1.59m-1.06 1.06c.045.046.073.105.105.16H12.25a.75.75 0 0 1-.75-.75V2.614c.055.032.113.06.159.106zM14.75 16.5h-9.5a.75.75 0 0 1-.75-.75V3.25a.75.75 0 0 1 .75-.75H10v3.25C10 6.99 11.01 8 12.25 8h3.25v7.75a.75.75 0 0 1-.75.75"/></svg>';
 }
 
 // node_modules/@adobe/spectrum-wc-icons/dist/swc-icon-file.js
-var o59 = class extends a10 {
+var o60 = class extends a10 {
   static get styles() {
     return [t40];
   }
   render() {
     return b`
-      ${o16(e92())}
+      ${o16(e93())}
     `;
   }
 };
-e25("swc-icon-file", o59);
+e25("swc-icon-file", o60);
 
 // node_modules/@adobe/spectrum-wc-icons/dist/FileText.js
-function e93() {
+function e94() {
   return '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="var(--swc-icon-color, currentColor)" d="m16.34 5.296-3.62-3.622a2.27 2.27 0 0 0-1.591-.66H5.25A2.255 2.255 0 0 0 3 3.265v12.484c0 1.24 1.01 2.25 2.25 2.25h9.5c1.24 0 2.25-1.01 2.25-2.25V6.887c0-.6-.234-1.166-.66-1.591m-1.06 1.06c.046.047.074.104.106.159H12.25a.75.75 0 0 1-.75-.75V2.628c.055.033.114.06.16.106zm-.53 10.142h-9.5a.75.75 0 0 1-.75-.75V3.265c0-.413.337-.75.75-.75H10v3.25c0 1.24 1.01 2.25 2.25 2.25h3.25v7.733c0 .413-.337.75-.75.75"/><path fill="var(--swc-icon-color, currentColor)" d="M13 11.498H7a.75.75 0 0 1 0-1.5h6a.75.75 0 0 1 0 1.5m0 3H7a.75.75 0 0 1 0-1.5h6a.75.75 0 0 1 0 1.5"/></svg>';
 }
 
 // node_modules/@adobe/spectrum-wc-icons/dist/swc-icon-file-text.js
-var o60 = class extends a10 {
+var o61 = class extends a10 {
   static get styles() {
     return [t40];
   }
   render() {
     return b`
-      ${o16(e93())}
+      ${o16(e94())}
     `;
   }
 };
-e25("swc-icon-file-text", o60);
+e25("swc-icon-file-text", o61);
 
 // node_modules/@adobe/spectrum-wc-icons/dist/InfoCircle.js
-function e94() {
+function e95() {
   return '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="var(--swc-icon-color, currentColor)" d="M10 18.75c-4.825 0-8.75-3.925-8.75-8.75S5.175 1.25 10 1.25s8.75 3.925 8.75 8.75-3.925 8.75-8.75 8.75m0-16c-3.998 0-7.25 3.252-7.25 7.25s3.252 7.25 7.25 7.25 7.25-3.252 7.25-7.25S13.998 2.75 10 2.75"/><path fill="var(--swc-icon-color, currentColor)" d="M10 5.26a.9.9 0 0 1 .627.229c.33.365.33.921 0 1.286a.87.87 0 0 1-.626.235.85.85 0 0 1-.633-.248.86.86 0 0 1-.242-.627.88.88 0 0 1 .228-.64A.86.86 0 0 1 10 5.26m0 9.803a.75.75 0 0 1-.75-.75V9.478a.75.75 0 0 1 1.5 0v4.835a.75.75 0 0 1-.75.75"/></svg>';
 }
 
 // node_modules/@adobe/spectrum-wc-icons/dist/swc-icon-info-circle.js
-var o61 = class extends a10 {
+var o62 = class extends a10 {
   static get styles() {
     return [t40];
   }
   render() {
     return b`
-      ${o16(e94())}
+      ${o16(e95())}
     `;
   }
 };
-e25("swc-icon-info-circle", o61);
+e25("swc-icon-info-circle", o62);
 
 // node_modules/@adobe/spectrum-wc-icons/dist/Lock.js
-function e95() {
+function e96() {
   return '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="var(--swc-icon-color, currentColor)" d="M11.25 11.5a1.251 1.251 0 0 0-2.5 0c0 .403.204.745.5.974v.776a.75.75 0 0 0 1.5 0v-.776c.296-.23.5-.571.5-.974"/><path fill="var(--swc-icon-color, currentColor)" d="M15 7.025V6.5c0-2.757-2.243-5-5-5s-5 2.243-5 5v.525c-1.122.127-2 1.07-2 2.225v6.5C3 16.99 4.01 18 5.25 18h9.5c1.24 0 2.25-1.01 2.25-2.25v-6.5a2.246 2.246 0 0 0-2-2.225M10 3c1.93 0 3.5 1.57 3.5 3.5V7h-7v-.5C6.5 4.57 8.07 3 10 3m5.5 12.75c0 .413-.337.75-.75.75h-9.5a.75.75 0 0 1-.75-.75v-6.5c0-.413.337-.75.75-.75h9.5c.413 0 .75.337.75.75z"/></svg>';
 }
 
 // node_modules/@adobe/spectrum-wc-icons/dist/swc-icon-lock.js
-var o62 = class extends a10 {
+var o63 = class extends a10 {
   static get styles() {
     return [t40];
   }
   render() {
     return b`
-      ${o16(e95())}
+      ${o16(e96())}
     `;
   }
 };
-e25("swc-icon-lock", o62);
+e25("swc-icon-lock", o63);
 
 // node_modules/@adobe/spectrum-wc-icons/dist/Plugin.js
-function e96() {
+function e97() {
   return '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="var(--swc-icon-color, currentColor)" d="M16.75 4H16v-.751c0-.965-.785-1.75-1.75-1.75h-1.5c-.965 0-1.75.785-1.75 1.75V4H9v-.751c0-.965-.785-1.75-1.75-1.75h-1.5c-.965 0-1.75.785-1.75 1.75V4h-.75C2.01 4 1 5.01 1 6.25v8.5C1 15.99 2.01 17 3.25 17h13.5c1.24 0 2.25-1.01 2.25-2.25v-8.5C19 5.01 17.99 4 16.75 4m-4.25-.751a.25.25 0 0 1 .25-.25h1.5a.25.25 0 0 1 .25.25V4h-2zm-7 0a.25.25 0 0 1 .25-.25h1.5a.25.25 0 0 1 .25.25V4h-2zm12 11.501a.75.75 0 0 1-.75.75H3.25a.75.75 0 0 1-.75-.75v-8.5a.75.75 0 0 1 .75-.75h13.5a.75.75 0 0 1 .75.75z"/></svg>';
 }
 
 // node_modules/@adobe/spectrum-wc-icons/dist/swc-icon-plugin.js
-var o63 = class extends a10 {
+var o64 = class extends a10 {
   static get styles() {
     return [t40];
   }
   render() {
     return b`
-      ${o16(e96())}
+      ${o16(e97())}
     `;
   }
 };
-e25("swc-icon-plugin", o63);
+e25("swc-icon-plugin", o64);
 
 // node_modules/@adobe/spectrum-wc-icons/dist/Search.js
-function e97() {
+function e98() {
   return '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="var(--swc-icon-color, currentColor)" d="m18.53 17.47-5.083-5.084A6.96 6.96 0 0 0 15 8c0-3.86-3.14-7-7-7S1 4.14 1 8s3.14 7 7 7c1.66 0 3.185-.584 4.386-1.553l5.084 5.083a.747.747 0 0 0 1.06 0 .75.75 0 0 0 0-1.06M8 13.5c-3.032 0-5.5-2.468-5.5-5.5S4.968 2.5 8 2.5s5.5 2.468 5.5 5.5-2.468 5.5-5.5 5.5"/></svg>';
 }
 
 // node_modules/@adobe/spectrum-wc-icons/dist/swc-icon-search.js
-var o64 = class extends a10 {
+var o65 = class extends a10 {
   static get styles() {
     return [t40];
   }
   render() {
     return b`
-      ${o16(e97())}
+      ${o16(e98())}
     `;
   }
 };
-e25("swc-icon-search", o64);
+e25("swc-icon-search", o65);
 
 // node_modules/@adobe/spectrum-wc-icons/dist/Tools.js
-function e98() {
+function e99() {
   return '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="var(--swc-icon-color, currentColor)" d="m8.747 5.33-1.82-3.505a1 1 0 0 0-.88-.54h-.008a1 1 0 0 0-.88.525l-1.89 3.5A2.3 2.3 0 0 0 3 6.38v10.37C3 17.99 4.01 19 5.25 19h1.5C7.99 19 9 17.99 9 16.75V6.366c0-.36-.088-.719-.253-1.037M7.5 7.5v7h-3v-7zM6.03 3.354 7.405 6H4.603zM6.75 17.5h-1.5a.75.75 0 0 1-.75-.75V16h3v.75c0 .413-.337.75-.75.75m8-16.5h-1.5C12.01 1 11 2.01 11 3.25v6.729l-.003.014.003.015v3.722l-.003.013.003.015v2.992c0 1.24 1.01 2.25 2.25 2.25h1.5c1.24 0 2.25-1.01 2.25-2.25V3.25C17 2.01 15.99 1 14.75 1m.75 15.75c0 .413-.337.75-.75.75h-1.5a.75.75 0 0 1-.75-.75v-2.251l1.244.005h.003a.75.75 0 0 0 .003-1.5l-1.25-.005v-2.25l1.244.005h.003a.75.75 0 0 0 .003-1.5l-1.25-.005V7.003l1.247.006h.003a.75.75 0 0 0 .003-1.5L12.5 5.503V3.25c0-.413.337-.75.75-.75h1.5c.413 0 .75.337.75.75z"/></svg>';
 }
 
 // node_modules/@adobe/spectrum-wc-icons/dist/swc-icon-tools.js
-var o65 = class extends a10 {
+var o66 = class extends a10 {
   static get styles() {
     return [t40];
   }
   render() {
     return b`
-      ${o16(e98())}
+      ${o16(e99())}
     `;
   }
 };
-e25("swc-icon-tools", o65);
+e25("swc-icon-tools", o66);
 
 // node_modules/@adobe/spectrum-wc-icons/dist/WebPage.js
-function e99() {
+function e100() {
   return '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><circle cx="4.125" cy="6" r=".75" fill="var(--swc-icon-color, currentColor)"/><path fill="var(--swc-icon-color, currentColor)" d="M16.75 3H3.25C2.01 3 1 4.01 1 5.25v9.5C1 15.99 2.01 17 3.25 17h13.5c1.24 0 2.25-1.01 2.25-2.25v-9.5C19 4.01 17.99 3 16.75 3M2.5 5.25c0-.413.337-.75.75-.75h13.5c.413 0 .75.337.75.75V7.5h-15zM16.75 15.5H3.25a.75.75 0 0 1-.75-.75V9h15v5.75c0 .413-.337.75-.75.75"/></svg>';
 }
 
 // node_modules/@adobe/spectrum-wc-icons/dist/swc-icon-web-page.js
-var o66 = class extends a10 {
+var o67 = class extends a10 {
   static get styles() {
     return [t40];
   }
   render() {
     return b`
-      ${o16(e99())}
+      ${o16(e100())}
     `;
   }
 };
-e25("swc-icon-web-page", o66);
+e25("swc-icon-web-page", o67);
 
 // node_modules/@pierre/trees/dist/builtInIcons.js
 var MINIMAL_SVG_SPRITE_SHEET = `<svg data-icon-sprite aria-hidden="true" width="0" height="0">
@@ -25877,8 +25895,8 @@ var t78;
 var i22;
 var r34;
 var f8;
-var e100;
-var o67;
+var e101;
+var o68;
 var c22;
 var s14;
 var a18;
@@ -25968,7 +25986,7 @@ function O3(n37, l24, u27, t90, i26) {
     if ("string" == typeof t90 && (n37.style.cssText = t90 = ""), t90) for (l24 in t90) u27 && l24 in u27 || L2(n37.style, l24, "");
     if (u27) for (l24 in u27) t90 && u27[l24] == t90[l24] || L2(n37.style, l24, u27[l24]);
   }
-  else if ("o" == l24[0] && "n" == l24[1]) r40 = l24 != (l24 = l24.replace(e100, "$1")), (l24 = l24.slice(2))[0].toLowerCase() != l24[0] && (l24 = l24.toLowerCase()), n37.__l || (n37.__l = {}), n37.__l[l24 + r40] = u27, u27 ? t90 ? u27.l = t90.l : (u27.l = o67, n37.addEventListener(l24, r40 ? s14 : c22, r40)) : n37.removeEventListener(l24, r40 ? s14 : c22, r40);
+  else if ("o" == l24[0] && "n" == l24[1]) r40 = l24 != (l24 = l24.replace(e101, "$1")), (l24 = l24.slice(2))[0].toLowerCase() != l24[0] && (l24 = l24.toLowerCase()), n37.__l || (n37.__l = {}), n37.__l[l24 + r40] = u27, u27 ? t90 ? u27.l = t90.l : (u27.l = o68, n37.addEventListener(l24, r40 ? s14 : c22, r40)) : n37.removeEventListener(l24, r40 ? s14 : c22, r40);
   else {
     if ("http://www.w3.org/2000/svg" == i26) l24 = l24.replace(/xlink(H|:h)/, "h").replace(/sName$/, "s");
     else if ("width" != l24 && "height" != l24 && "href" != l24 && "list" != l24 && "form" != l24 && "tabIndex" != l24 && "download" != l24 && "rowSpan" != l24 && "colSpan" != l24 && "role" != l24 && "popover" != l24 && l24 in n37) try {
@@ -25983,7 +26001,7 @@ function T6(l24) {
   return function(u27) {
     if (this.__l) {
       var t90 = this.__l[u27.type + l24];
-      if (null == u27.u) u27.u = o67++;
+      if (null == u27.u) u27.u = o68++;
       else if (u27.u < t90.l) return;
       return t90(n34.event ? n34.event(u27) : u27);
     }
@@ -26130,15 +26148,15 @@ n34 = { __e: function(n37, l24, u27, t90) {
   this.__v && (this.__g |= 4, n37 && this.__h.push(n37), $2(this));
 }, m12.prototype.render = k3, t78 = [], r34 = 0, f8 = function(n37, l24) {
   return n37.__v.__b - l24.__v.__b;
-}, e100 = /(PointerCapture)$|Capture$/i, o67 = 0, c22 = T6(false), s14 = T6(true), a18 = 0;
+}, e101 = /(PointerCapture)$|Capture$/i, o68 = 0, c22 = T6(false), s14 = T6(true), a18 = 0;
 
 // node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs
-var o68 = 0;
+var o69 = 0;
 function u22(t90, e129, n37, f11, u27, i26) {
   e129 || (e129 = {});
   var a23, c28, l24 = e129;
   if ("ref" in l24 && "function" != typeof t90) for (c28 in l24 = {}, e129) "ref" == c28 ? a23 = e129[c28] : l24[c28] = e129[c28];
-  var p17 = { type: t90, props: l24, key: n37, ref: a23, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: --o68, __i: -1, __u: 0, __source: u27, __self: i26 };
+  var p17 = { type: t90, props: l24, key: n37, ref: a23, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: --o69, __i: -1, __u: 0, __source: u27, __self: i26 };
   return n34.vnode && n34.vnode(p17), p17;
 }
 
@@ -26807,18 +26825,18 @@ var t79;
 var r35;
 var u23;
 var i23;
-var o69 = Object.is;
+var o70 = Object.is;
 var f9 = 0;
 var c23 = [];
-var e101 = n34;
-var a19 = e101.__b;
-var v11 = e101.__r;
-var l19 = e101.diffed;
-var m13 = e101.__c;
-var s15 = e101.unmount;
-var p15 = e101.__;
+var e102 = n34;
+var a19 = e102.__b;
+var v11 = e102.__r;
+var l19 = e102.diffed;
+var m13 = e102.__c;
+var s15 = e102.unmount;
+var p15 = e102.__;
 function d18(n37, t90) {
-  e101.__h && e101.__h(r35, n37, f9 || t90), f9 = 0;
+  e102.__h && e102.__h(r35, n37, f9 || t90), f9 = 0;
   var u27 = r35.__H || (r35.__H = { __: [], __h: [] });
   return n37 >= u27.__.length && u27.__.push({}), u27.__[n37];
 }
@@ -26829,7 +26847,7 @@ function y7(n37, u27, i26) {
   var f11 = d18(t79++, 2);
   if (f11.t = n37, !f11.__c && (f11.__ = [i26 ? i26(u27) : D5(void 0, u27), function(n38) {
     var t90 = f11.__N ? f11.__N[0] : f11.__[0], r40 = f11.t(t90, n38);
-    o69(t90, r40) || (f11.__N = [r40, f11.__[1]], f11.__c.setState({}));
+    o70(t90, r40) || (f11.__N = [r40, f11.__[1]], f11.__c.setState({}));
   }], f11.__c = r35, !r35.__f)) {
     var c28 = function(n38, t90, r40) {
       if (!f11.__c.__H) return true;
@@ -26843,7 +26861,7 @@ function y7(n37, u27, i26) {
       return u28.forEach(function(n39) {
         if (n39.__N) {
           var t91 = n39.__[0];
-          n39.__ = n39.__N, n39.__N = void 0, o69(t91, n39.__[0]) || (i27 = true);
+          n39.__ = n39.__N, n39.__N = void 0, o70(t91, n39.__[0]) || (i27 = true);
         }
       }), e129 && e129.call(this, n38, t90, r40) || i27;
     };
@@ -26861,11 +26879,11 @@ function y7(n37, u27, i26) {
 }
 function _6(n37, u27) {
   var i26 = d18(t79++, 3);
-  !e101.__s && C5(i26.__H, u27) && (i26.__ = n37, i26.u = u27, r35.__H.__h.push(i26));
+  !e102.__s && C5(i26.__H, u27) && (i26.__ = n37, i26.u = u27, r35.__H.__h.push(i26));
 }
 function A6(n37, u27) {
   var i26 = d18(t79++, 4);
-  !e101.__s && C5(i26.__H, u27) && (i26.__ = n37, i26.u = u27, r35.__h.push(i26));
+  !e102.__s && C5(i26.__H, u27) && (i26.__ = n37, i26.u = u27, r35.__h.push(i26));
 }
 function F3(n37) {
   return f9 = 5, q2(function() {
@@ -26885,26 +26903,26 @@ function g6() {
   for (var n37; n37 = c23.shift(); ) if (n37.__P && n37.__H) try {
     n37.__H.__h.forEach(z2), n37.__H.__h.forEach(B2), n37.__H.__h = [];
   } catch (t90) {
-    n37.__H.__h = [], e101.__e(t90, n37.__v);
+    n37.__H.__h = [], e102.__e(t90, n37.__v);
   }
 }
-e101.__b = function(n37) {
+e102.__b = function(n37) {
   r35 = null, a19 && a19(n37);
-}, e101.__ = function(n37, t90) {
+}, e102.__ = function(n37, t90) {
   n37 && t90.__k && t90.__k.__m && (n37.__m = t90.__k.__m), p15 && p15(n37, t90);
-}, e101.__r = function(n37) {
+}, e102.__r = function(n37) {
   v11 && v11(n37), t79 = 0;
   var i26 = (r35 = n37.__c).__H;
   i26 && (u23 === r35 ? (i26.__h = [], r35.__h = [], i26.__.forEach(function(n38) {
     n38.__N && (n38.__ = n38.__N), n38.u = n38.__N = void 0;
   })) : (i26.__h.forEach(z2), i26.__h.forEach(B2), i26.__h = [], t79 = 0)), u23 = r35;
-}, e101.diffed = function(n37) {
+}, e102.diffed = function(n37) {
   l19 && l19(n37);
   var t90 = n37.__c;
-  t90 && t90.__H && (t90.__H.__h.length && (1 !== c23.push(t90) && i23 === e101.requestAnimationFrame || ((i23 = e101.requestAnimationFrame) || w6)(g6)), t90.__H.__.forEach(function(n38) {
+  t90 && t90.__H && (t90.__H.__h.length && (1 !== c23.push(t90) && i23 === e102.requestAnimationFrame || ((i23 = e102.requestAnimationFrame) || w6)(g6)), t90.__H.__.forEach(function(n38) {
     n38.u && (n38.__H = n38.u), n38.u = void 0;
   })), u23 = r35 = null;
-}, e101.__c = function(n37, t90) {
+}, e102.__c = function(n37, t90) {
   t90.some(function(n38) {
     try {
       n38.__h.forEach(z2), n38.__h = n38.__h.filter(function(n39) {
@@ -26913,10 +26931,10 @@ e101.__b = function(n37) {
     } catch (r40) {
       t90.some(function(n39) {
         n39.__h && (n39.__h = []);
-      }), t90 = [], e101.__e(r40, n38.__v);
+      }), t90 = [], e102.__e(r40, n38.__v);
     }
   }), m13 && m13(n37, t90);
-}, e101.unmount = function(n37) {
+}, e102.unmount = function(n37) {
   s15 && s15(n37);
   var t90, r40 = n37.__c;
   r40 && r40.__H && (r40.__H.__.forEach(function(n38) {
@@ -26925,7 +26943,7 @@ e101.__b = function(n37) {
     } catch (n39) {
       t90 = n39;
     }
-  }), r40.__H = void 0, t90 && e101.__e(t90, r40.__v));
+  }), r40.__H = void 0, t90 && e102.__e(t90, r40.__v));
 };
 var k4 = "function" == typeof requestAnimationFrame;
 function w6(n37) {
@@ -26944,7 +26962,7 @@ function B2(n37) {
 }
 function C5(n37, t90) {
   return !n37 || n37.length !== t90.length || t90.some(function(t91, r40) {
-    return !o69(t91, n37[r40]);
+    return !o70(t91, n37[r40]);
   });
 }
 function D5(n37, t90) {
@@ -31672,13 +31690,15 @@ var SliccChat = class extends ThemedElement {
     ...ThemedElement.properties,
     agent: {},
     dropping: { state: true },
-    compact: { state: true }
+    compact: { state: true },
+    behind: { state: true }
   };
   constructor() {
     super();
     this.agent = "";
     this.dropping = false;
     this.compact = false;
+    this.behind = false;
     this.addEventListener("dragenter", this.#over);
     this.addEventListener("dragover", this.#over);
     this.addEventListener("dragleave", this.#leave);
@@ -31779,6 +31799,13 @@ var SliccChat = class extends ThemedElement {
         font-size: var(--swc-font-size-100);
         color: var(--swc-neutral-subdued-content-color-default);
       }
+      .stage {
+        position: relative;
+        display: flex;
+        flex-direction: column;
+        flex: 1;
+        min-height: 0;
+      }
       .log {
         flex: 1;
         min-height: 0;
@@ -31823,6 +31850,21 @@ var SliccChat = class extends ThemedElement {
         font-weight: var(--swc-bold-font-weight);
         color: var(--swc-accent-content-color-default);
       }
+      .jump {
+        position: absolute;
+        inset-inline: 0;
+        bottom: calc(var(--composer-height, 0px) + var(--swc-spacing-200));
+        z-index: 3;
+        display: flex;
+        justify-content: center;
+        pointer-events: none;
+      }
+      .jump swc-action-button {
+        pointer-events: auto;
+        border-radius: var(--swc-corner-radius-1000);
+        background: var(--swc-background-elevated-color);
+        box-shadow: var(--swc-drop-shadow-elevated);
+      }
       .empty {
         color: var(--swc-neutral-subdued-content-color-default);
         text-align: center;
@@ -31865,6 +31907,8 @@ var SliccChat = class extends ThemedElement {
       this.requestUpdate();
     };
     queueMicrotask(() => settleModels(model));
+    this.#stuck = true;
+    this.behind = false;
     const width = new ResizeObserver(([entry]) => {
       const size4 = entry.contentRect.width;
       this.compact = size4 > 0 && size4 < compactWidth;
@@ -31895,12 +31939,10 @@ var SliccChat = class extends ThemedElement {
   #height = 0;
   #input = Number.NEGATIVE_INFINITY;
   #up = Number.NEGATIVE_INFINITY;
-  #from = 0;
-  #start = 0;
-  #settle;
   #tick;
   #tail = "";
   #held = "";
+  #mark = 0;
   #focused = (event2) => {
     const turn = event2.target.closest(".decision-turn[data-pending]");
     this.#held = turn?.dataset.id ?? "";
@@ -31919,7 +31961,11 @@ var SliccChat = class extends ThemedElement {
     const seat = this.model?.seat;
     return seat ? mine(last, seat) : (last.origin ?? "user") === "user";
   }
-  #resize = new ResizeObserver(() => this.#pin());
+  #resize = new ResizeObserver(() => {
+    const log = this.#log();
+    if (!this.#stuck && log.scrollHeight <= log.clientHeight) this.#follow();
+    else this.#pin();
+  });
   #fitted = null;
   #fit = new ResizeObserver(([entry]) => {
     this.style.setProperty("--composer-height", `${entry.target.offsetHeight}px`);
@@ -31928,6 +31974,16 @@ var SliccChat = class extends ThemedElement {
   #log() {
     return this.renderRoot.querySelector(".log");
   }
+  #slack() {
+    return Number.parseFloat(getComputedStyle(this.#log()).lineHeight) || 0;
+  }
+  #gap() {
+    const log = this.#log();
+    return log.scrollHeight - log.scrollTop - log.clientHeight;
+  }
+  #bottom() {
+    return this.#gap() <= this.#slack();
+  }
   #pin() {
     if (!this.#stuck) return;
     const log = this.#log();
@@ -31935,12 +31991,25 @@ var SliccChat = class extends ThemedElement {
     this.#last = log.scrollTop;
     this.#height = log.scrollHeight;
   }
+  #follow() {
+    this.#stuck = true;
+    this.behind = false;
+    this.#pin();
+  }
+  #jump = () => {
+    this.#follow();
+    this.#log().focus({ preventScroll: true });
+  };
   #scroll = () => {
     const log = this.#log();
-    const reader = log.scrollHeight <= this.#height || this.#height - log.scrollTop - log.clientHeight >= 48 || performance.now() - this.#input < 1e3;
-    const rising = performance.now() - this.#up < 1e3 && log.scrollTop <= this.#from;
-    if (log.scrollHeight - log.scrollTop - log.clientHeight < 48) this.#stuck ||= !rising;
-    else if (reader && log.scrollTop < this.#last) this.#stuck = false;
+    const top = log.scrollTop;
+    const before = this.#height - top - log.clientHeight;
+    const down = top - this.#last;
+    if (this.#bottom()) {
+      if (!this.#stuck && down > 1 && (performance.now() - this.#up > 1e3 || down > this.#slack()))
+        this.#follow();
+    } else if (top < this.#last && (performance.now() - this.#input < 1e3 || before > 2 * this.#slack()))
+      this.#stuck = false;
     this.#last = log.scrollTop;
     this.#height = log.scrollHeight;
     this.#pile();
@@ -31950,19 +32019,12 @@ var SliccChat = class extends ThemedElement {
     handleEvent: (event2) => {
       this.#input = performance.now();
       const up = event2 instanceof WheelEvent ? event2.deltaY < 0 && !event2.ctrlKey : event2 instanceof KeyboardEvent && (upward.has(event2.key) || event2.key === " " && event2.shiftKey);
-      const at = this.#log().scrollTop;
-      if (!up || at <= 0) return;
-      this.#from = at;
-      this.#up = this.#input;
-      if (this.#settle === void 0) this.#start = Math.max(at, this.#last);
+      this.#up = up ? this.#input : Number.NEGATIVE_INFINITY;
+      const log = this.#log();
+      if (!up || log.scrollTop <= 0) return;
       this.#stuck = false;
-      clearTimeout(this.#settle);
-      this.#settle = setTimeout(() => {
-        this.#settle = void 0;
-        if (this.#start - this.#log().scrollTop >= 48) return;
-        this.#stuck = true;
-        this.#pin();
-      }, 400);
+      this.#last = log.scrollTop;
+      this.#height = log.scrollHeight;
     }
   };
   #hold = (event2) => {
@@ -31972,7 +32034,10 @@ var SliccChat = class extends ThemedElement {
     if (this.#input === Number.POSITIVE_INFINITY) this.#input = performance.now();
   };
   #refresh(jump) {
-    if (jump) this.#stuck = true;
+    if (jump) {
+      this.#stuck = true;
+      this.behind = false;
+    } else if (!this.#stuck) this.behind = true;
     this.requestUpdate();
     void this.updateComplete.then(() => this.#pin());
   }
@@ -32004,7 +32069,6 @@ var SliccChat = class extends ThemedElement {
     this.#resize.disconnect();
     this.#fit.disconnect();
     this.#fitted = null;
-    clearTimeout(this.#settle);
     clearInterval(this.#tick);
     this.#tick = void 0;
   }
@@ -32301,6 +32365,11 @@ var SliccChat = class extends ThemedElement {
       <swc-action-button id="new-chat" size="s" quiet data-action="new-chat" accessible-label=${this.compact ? "New conversation" : A} ?disabled=${empty5} @click=${() => this.#newChat(agent)}><swc-icon-new slot="icon"></swc-icon-new>${this.compact ? A : "New conversation"}</swc-action-button>
       <swc-tooltip for="new-chat" placement="bottom">${agent.kind === "cone" && model.agent.freeze ? "Start a new conversation. This one stays in the Freezer." : "Start a new conversation"}</swc-tooltip>`;
   }
+  #latest(fresh2) {
+    const label = fresh2 > 0 ? `Jump to latest (${fresh2} new)` : "Jump to latest";
+    const spoken = fresh2 > 0 ? `Jump to latest, ${fresh2} new ${fresh2 === 1 ? "message" : "messages"}` : "Jump to latest";
+    return b`<div class="jump"><swc-action-button size="s" data-action="jump-latest" accessible-label=${spoken} @click=${this.#jump}><swc-icon-chevron-down slot="icon"></swc-icon-chevron-down>${label}</swc-action-button><span class="sr" role="status" aria-live="polite" data-jump-status>${fresh2 > 0 ? `${fresh2} new ${fresh2 === 1 ? "message" : "messages"} below` : ""}</span></div>`;
+  }
   render() {
     this.#handlers.color = this.color;
     this.#handlers.model = this.model ?? null;
@@ -32312,32 +32381,38 @@ var SliccChat = class extends ThemedElement {
     this.#handlers.seat = seat?.label;
     const messages = agent ? this.model?.agent.messages(agent.id) ?? [] : [];
     this.#tail = messages.at(-1)?.id ?? "";
+    const items = agent && messages.length > 0 ? this.#items(messages, agent) : [];
+    const count2 = items.filter(([key2]) => !key2.startsWith("day:")).length;
+    if (!this.behind) this.#mark = count2;
     return b`
       <header ?data-compact=${this.compact}>
         ${agent ? this.#meta(agent, !messages.length) : b`<span>No agent</span>`}
       </header>
       <slicc-notices .model=${this.model}></slicc-notices>
-      <div
-        class="log"
-        role="log"
-        aria-live="polite"
-        aria-label="Conversation"
-        tabindex="-1"
-        @scroll=${this.#scroll}
-        @wheel=${this.#intent}
-        @touchstart=${this.#intent}
-        @touchmove=${this.#intent}
-        @keydown=${this.#intent}
-        @pointerdown=${this.#hold}
-        @focusin=${this.#focused}
-      >
-        <div class="column" @keydown=${this.#keys}>
-          ${agent && messages.length > 0 ? b`<swc-conversation-thread>${c(
-      this.#items(messages, agent),
+      <div class="stage">
+        <div
+          class="log"
+          role="log"
+          aria-live="polite"
+          aria-label="Conversation"
+          tabindex="-1"
+          @scroll=${this.#scroll}
+          @wheel=${this.#intent}
+          @touchstart=${this.#intent}
+          @touchmove=${this.#intent}
+          @keydown=${this.#intent}
+          @pointerdown=${this.#hold}
+          @focusin=${this.#focused}
+        >
+          <div class="column" @keydown=${this.#keys}>
+            ${items.length ? b`<swc-conversation-thread>${c(
+      items,
       ([key2]) => key2,
       ([, item2]) => item2
     )}</swc-conversation-thread>` : this.model?.tabs?.state().role === "connecting" ? b`<div class="empty" data-connecting>${connecting}</div>` : this.model?.agent.starting?.() ? A : b`<div class="empty" data-empty>${empty3(watch, seat, agent?.name ?? "the agent")}</div>`}
+          </div>
         </div>
+        ${this.behind ? this.#latest(count2 - this.#mark) : A}
       </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}
       ${watch ? watch === following(this.model)?.refused ? A : b`<p class="watch-only" role="note" data-follow="watch">${watch}</p>` : this.model && !agent?.frozen ? b`<slicc-composer .model=${this.model} .agent=${this.agent}></slicc-composer>` : A}
@@ -32346,22 +32421,22 @@ var SliccChat = class extends ThemedElement {
 };
 
 // node_modules/@adobe/spectrum-wc-icons/dist/FolderAdd.js
-function e102() {
+function e103() {
   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 o70 = class extends a10 {
+var o71 = class extends a10 {
   static get styles() {
     return [t40];
   }
   render() {
     return b`
-      ${o16(e102())}
+      ${o16(e103())}
     `;
   }
 };
-e25("swc-icon-folder-add", o70);
+e25("swc-icon-folder-add", o71);
 
 // src/app/search.ts
 var searchCss = i`
@@ -33040,7 +33115,7 @@ var SliccFileView = class extends ThemedElement {
 var t80 = i`:host([indeterminate]) .swc-LinearProgress-fill{inline-size:100%;min-inline-size:0;transform-origin:left;transition:none;animation:indeterminate-loop-ltr 1s cubic-bezier(.45,0,.4,1) infinite;will-change:transform;&:dir(rtl){animation-name:indeterminate-loop-rtl}}@keyframes indeterminate-loop-ltr{0%{transform:translate(-70%) scaleX(.7)}to{transform:translate(100%) scaleX(.7)}}@keyframes indeterminate-loop-rtl{0%{transform:translate(100%) scaleX(.7)}to{transform:translate(-70%) scaleX(.7)}}@media(prefers-reduced-motion:reduce){:host([indeterminate]) .swc-LinearProgress-fill{animation-duration:15s;animation-timing-function:linear}}`;
 
 // node_modules/@adobe/spectrum-wc-core/dist/components/progress-bar/ProgressBar.base.js
-var o71 = class extends m3(i12(i9, {
+var o72 = class extends m3(i12(i9, {
   validSizes: s6,
   defaultSize: "m"
 })) {
@@ -33051,10 +33126,10 @@ var o71 = class extends m3(i12(i9, {
 e24([n({
   type: Boolean,
   reflect: true
-})], o71.prototype, "indeterminate", void 0);
+})], o72.prototype, "indeterminate", void 0);
 
 // node_modules/@adobe/spectrum-wc/dist/components/progress-bar/ProgressBar.js
-var o72 = class extends o71 {
+var o73 = class extends o72 {
   static get styles() {
     return [t26, t80];
   }
@@ -33103,25 +33178,25 @@ var o72 = class extends o71 {
 };
 
 // node_modules/@adobe/spectrum-wc/dist/components/progress-bar/swc-progress-bar.js
-e25("swc-progress-bar", o72);
+e25("swc-progress-bar", o73);
 
 // node_modules/@adobe/spectrum-wc-icons/dist/Copy.js
-function e103() {
+function e104() {
   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>';
 }
 
 // node_modules/@adobe/spectrum-wc-icons/dist/swc-icon-copy.js
-var o73 = class extends a10 {
+var o74 = class extends a10 {
   static get styles() {
     return [t40];
   }
   render() {
     return b`
-      ${o16(e103())}
+      ${o16(e104())}
     `;
   }
 };
-e25("swc-icon-copy", o73);
+e25("swc-icon-copy", o74);
 
 // src/app/disclosure.ts
 var chevron = b`<swc-icon-chevron-right class="chevron" size="s" aria-hidden="true"></swc-icon-chevron-right>`;
@@ -35049,7 +35124,7 @@ var i24 = e2(class extends i3 {
 
 // node_modules/lit-html/static.js
 var a20 = /* @__PURE__ */ Symbol.for("");
-var o74 = (t90) => {
+var o75 = (t90) => {
   if (t90?.r === a20) return t90?._$litStatic$;
 };
 var s16 = (t90) => ({ _$litStatic$: t90, r: a20 });
@@ -35060,7 +35135,7 @@ var n35 = (t90) => (r40, ...e129) => {
   const n37 = [], u27 = [];
   let c28, $6 = 0, f11 = false;
   for (; $6 < a23; ) {
-    for (c28 = r40[$6]; $6 < a23 && void 0 !== (i26 = e129[$6], s19 = o74(i26)); ) c28 += s19 + r40[++$6], f11 = true;
+    for (c28 = r40[$6]; $6 < a23 && void 0 !== (i26 = e129[$6], s19 = o75(i26)); ) c28 += s19 + r40[++$6], f11 = true;
     $6 !== a23 && u27.push(i26), n37.push(c28), $6++;
   }
   if ($6 === a23 && n37.push(r40[a23]), f11) {
@@ -35155,112 +35230,112 @@ async function grammar(kind, name, version2, remote = grammarCdn, importer = (ur
 }
 
 // node_modules/@adobe/spectrum-wc-icons/dist/Cloud.js
-function e104() {
+function e105() {
   return '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="var(--swc-icon-color, currentColor)" d="M15.407 17H3.717a3.456 3.456 0 0 1-3.45-3.452 3.45 3.45 0 0 1 2.323-3.25 4 4 0 0 1-.065-.702c0-2.18 1.81-3.953 4.034-3.953q.42 0 .831.087c.637-1.958 2.476-3.346 4.589-3.346a4.85 4.85 0 0 1 4.844 4.844q0 .659-.187 1.298a4.32 4.32 0 0 1 3.103 4.142A4.337 4.337 0 0 1 15.407 17M6.559 7.143c-1.397 0-2.534 1.1-2.534 2.453q.001.5.206.965a.75.75 0 0 1-.637 1.051 1.95 1.95 0 0 0-1.828 1.936c0 1.076.876 1.952 1.952 1.952h11.689a2.835 2.835 0 0 0 2.832-2.832 2.826 2.826 0 0 0-2.682-2.814.75.75 0 0 1-.625-1.095c.26-.5.39-1.015.39-1.531 0-1.844-1.5-3.344-3.344-3.344-1.662 0-3.08 1.252-3.297 2.912a.75.75 0 0 1-1.054.585 2.6 2.6 0 0 0-1.068-.238"/></svg>';
 }
 
 // node_modules/@adobe/spectrum-wc-icons/dist/swc-icon-cloud.js
-var o75 = class extends a10 {
+var o76 = class extends a10 {
   static get styles() {
     return [t40];
   }
   render() {
     return b`
-      ${o16(e104())}
+      ${o16(e105())}
     `;
   }
 };
-e25("swc-icon-cloud", o75);
+e25("swc-icon-cloud", o76);
 
 // node_modules/@adobe/spectrum-wc-icons/dist/CloudStateError.js
-function e105() {
+function e106() {
   return '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="var(--swc-icon-color, currentColor)" d="M15.5 9.021a4.5 4.5 0 1 0 0 9c2.485 0 4.48-2.015 4.48-4.5s-1.995-4.5-4.48-4.5m.95 6.895c0 .472-.425.855-.95.855s-.95-.383-.95-.855v-.289c0-.472.425-.856.95-.856s.95.384.95.856zm-.075-2.495c0 .414-.392.75-.875.75s-.875-.336-.875-.75v-2.65c0-.414.392-.75.875-.75s.875.336.875.75z"/><path fill="var(--swc-icon-color, currentColor)" d="M9.25 16.998H3.718a3.455 3.455 0 0 1-3.452-3.451 3.45 3.45 0 0 1 2.324-3.25 4 4 0 0 1-.065-.703c0-2.18 1.81-3.952 4.034-3.952q.42 0 .83.087c.638-1.958 2.477-3.347 4.59-3.347a4.826 4.826 0 0 1 4.818 4.35.75.75 0 1 1-1.492.15 3.33 3.33 0 0 0-3.326-3c-1.664 0-3.08 1.252-3.297 2.912a.752.752 0 0 1-1.054.586 2.6 2.6 0 0 0-1.07-.238c-1.396 0-2.533 1.1-2.533 2.452q.001.5.206.965a.75.75 0 0 1-.637 1.051 1.95 1.95 0 0 0-1.828 1.937c0 1.076.876 1.951 1.952 1.951H9.25a.75.75 0 0 1 0 1.5"/></svg>';
 }
 
 // node_modules/@adobe/spectrum-wc-icons/dist/swc-icon-cloud-state-error.js
-var o76 = class extends a10 {
+var o77 = class extends a10 {
   static get styles() {
     return [t40];
   }
   render() {
     return b`
-      ${o16(e105())}
+      ${o16(e106())}
     `;
   }
 };
-e25("swc-icon-cloud-state-error", o76);
+e25("swc-icon-cloud-state-error", o77);
 
 // node_modules/@adobe/spectrum-wc-icons/dist/CloudStateOnline.js
-function e106() {
+function e107() {
   return '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="var(--swc-icon-color, currentColor)" d="M9.25 17.002H3.718A3.455 3.455 0 0 1 .266 13.55 3.45 3.45 0 0 1 2.59 10.3a4 4 0 0 1-.065-.703c0-2.18 1.81-3.952 4.034-3.952q.42 0 .83.087c.638-1.959 2.477-3.347 4.59-3.347a4.85 4.85 0 0 1 4.843 4.844q0 .464-.093.92a.745.745 0 0 1-.885.583.75.75 0 0 1-.584-.884q.061-.307.062-.619c0-1.844-1.5-3.344-3.343-3.344-1.664 0-3.08 1.252-3.297 2.912a.752.752 0 0 1-1.054.586 2.6 2.6 0 0 0-1.07-.238c-1.396 0-2.533 1.1-2.533 2.452q.001.5.206.965a.75.75 0 0 1-.637 1.051 1.95 1.95 0 0 0-1.828 1.937c0 1.076.876 1.951 1.952 1.951H9.25a.75.75 0 0 1 0 1.5"/><path fill="var(--swc-icon-color, currentColor)" d="M18.503 13.434a.75.75 0 0 1-.53-.22 4.88 4.88 0 0 0-3.472-1.442h-.006a4.87 4.87 0 0 0-3.462 1.433.75.75 0 1 1-1.06-1.06 6.35 6.35 0 0 1 4.522-1.873h.007c1.712.002 3.32.67 4.531 1.881a.75.75 0 0 1-.53 1.28"/><path fill="var(--swc-icon-color, currentColor)" d="M16.384 15.544a.75.75 0 0 1-.53-.22 1.916 1.916 0 0 0-2.706-.004.75.75 0 1 1-1.06-1.06 3.4 3.4 0 0 1 2.41-.998h.003a3.4 3.4 0 0 1 2.413 1.002.75.75 0 0 1-.53 1.28"/><path fill="var(--swc-icon-color, currentColor)" d="M15.136 17.64a.897.897 0 0 1-1.27.001.9.9 0 1 1 1.27-.001" data-name="Path 1027855"/></svg>';
 }
 
 // node_modules/@adobe/spectrum-wc-icons/dist/swc-icon-cloud-state-online.js
-var o77 = class extends a10 {
+var o78 = class extends a10 {
   static get styles() {
     return [t40];
   }
   render() {
     return b`
-      ${o16(e106())}
+      ${o16(e107())}
     `;
   }
 };
-e25("swc-icon-cloud-state-online", o77);
+e25("swc-icon-cloud-state-online", o78);
 
 // node_modules/@adobe/spectrum-wc-icons/dist/CloudStateSlowConnection.js
-function e107() {
+function e108() {
   return '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="var(--swc-icon-color, currentColor)" d="M8.946 16.998H3.718a3.455 3.455 0 0 1-3.452-3.451 3.45 3.45 0 0 1 2.324-3.25 4 4 0 0 1-.065-.703c0-2.18 1.81-3.952 4.034-3.952q.42 0 .83.087c.638-1.958 2.477-3.347 4.59-3.347a4.826 4.826 0 0 1 4.818 4.35.75.75 0 1 1-1.492.15 3.33 3.33 0 0 0-3.326-3c-1.664 0-3.08 1.252-3.297 2.912a.752.752 0 0 1-1.054.586 2.6 2.6 0 0 0-1.07-.238c-1.396 0-2.533 1.1-2.533 2.452q.001.5.206.965a.75.75 0 0 1-.637 1.051 1.95 1.95 0 0 0-1.828 1.937c0 1.076.876 1.951 1.952 1.951h5.228a.75.75 0 0 1 0 1.5M19 16.271v-7a.75.75 0 0 0-1.5 0v7a.75.75 0 0 0 1.5 0m-3 0v-5a.75.75 0 0 0-1.5 0v5a.75.75 0 0 0 1.5 0"/><path fill="var(--swc-icon-color, currentColor)" d="M13 16.271v-3a.75.75 0 0 0-1.5 0v3a.75.75 0 0 0 1.5 0"/></svg>';
 }
 
 // node_modules/@adobe/spectrum-wc-icons/dist/swc-icon-cloud-state-slow-connection.js
-var o78 = class extends a10 {
+var o79 = class extends a10 {
   static get styles() {
     return [t40];
   }
   render() {
     return b`
-      ${o16(e107())}
+      ${o16(e108())}
     `;
   }
 };
-e25("swc-icon-cloud-state-slow-connection", o78);
+e25("swc-icon-cloud-state-slow-connection", o79);
 
 // node_modules/@adobe/spectrum-wc-icons/dist/Visibility.js
-function e108() {
+function e109() {
   return '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="var(--swc-icon-color, currentColor)" d="M10.034 16.662C5.143 16.662.75 12.273.75 10.2c0-1.685 2.598-4.55 5.347-5.898A8.95 8.95 0 0 1 9.99 3.35c5.158 0 9.26 4.919 9.26 6.85 0 2.072-4.36 6.46-9.216 6.46M10 4.85a7.44 7.44 0 0 0-3.24.797C4.155 6.923 2.25 9.397 2.25 10.2c0 1.144 3.68 4.96 7.784 4.96 4.069 0 7.716-3.816 7.716-4.96 0-1.05-3.481-5.35-7.75-5.35m-3.569.124h.01z"/><path fill="var(--swc-icon-color, currentColor)" d="M9.83 7.644c.222-.637-.474-1.26-1.1-1.01a3.5 3.5 0 0 0-1.283.88 3.565 3.565 0 0 0 4.697 5.315 3.54 3.54 0 0 0 1.317-1.833c.209-.684-.458-1.25-1.119-.976A1.904 1.904 0 0 1 9.85 8.943a1.88 1.88 0 0 1-.02-1.3"/></svg>';
 }
 
 // node_modules/@adobe/spectrum-wc-icons/dist/swc-icon-visibility.js
-var o79 = class extends a10 {
+var o80 = class extends a10 {
   static get styles() {
     return [t40];
   }
   render() {
     return b`
-      ${o16(e108())}
+      ${o16(e109())}
     `;
   }
 };
-e25("swc-icon-visibility", o79);
+e25("swc-icon-visibility", o80);
 
 // node_modules/@adobe/spectrum-wc-icons/dist/VisibilityOff.js
-function e109() {
+function e110() {
   return '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="var(--swc-icon-color, currentColor)" d="M9.966 16.683C5.11 16.683.75 12.294.75 10.222c0-.92.864-2.36 2.201-3.668A.75.75 0 1 1 4 7.626c-1.31 1.281-1.75 2.32-1.75 2.596 0 1.144 3.647 4.96 7.716 4.96a7.3 7.3 0 0 0 1.863-.251.756.756 0 0 1 .917.534c.106.4-.134.81-.534.917-.756.2-1.512.3-2.246.3m6.638-2.839a.75.75 0 0 1-.506-1.304c1.14-1.042 1.652-1.982 1.652-2.317 0-.802-1.904-3.277-4.51-4.552a7.4 7.4 0 0 0-3.25-.798 7 7 0 0 0-1.905.28.75.75 0 1 1-.416-1.441A8.4 8.4 0 0 1 10 3.371a8.95 8.95 0 0 1 3.907.954c2.742 1.343 5.343 4.21 5.343 5.896 0 .919-.8 2.199-2.14 3.424a.75.75 0 0 1-.506.197"/><path fill="var(--swc-icon-color, currentColor)" d="m18.78 17.741-5.778-5.778c.204-.296.358-.615.46-.946.208-.684-.46-1.25-1.12-.976-.495.206-.946.14-1.18.081L9.788 8.75a1.9 1.9 0 0 1 .04-1.085c.223-.637-.473-1.26-1.1-1.01a3.5 3.5 0 0 0-.677.358L2.28 1.241a.75.75 0 1 0-1.06 1.06l16.5 16.5a.747.747 0 0 0 1.06 0 .75.75 0 0 0 0-1.06M8.205 12.998a3.53 3.53 0 0 0 2.319.484L6.542 9.501a3.56 3.56 0 0 0 1.663 3.497"/></svg>';
 }
 
 // node_modules/@adobe/spectrum-wc-icons/dist/swc-icon-visibility-off.js
-var o80 = class extends a10 {
+var o81 = class extends a10 {
   static get styles() {
     return [t40];
   }
   render() {
     return b`
-      ${o16(e109())}
+      ${o16(e110())}
     `;
   }
 };
-e25("swc-icon-visibility-off", o80);
+e25("swc-icon-visibility-off", o81);
 
 // 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';
@@ -38724,14 +38799,14 @@ var KeptSession = class {
       sink.exit(this.#status);
       return Promise.resolve(ended2);
     }
-    const session = this.#session !== null ? this.#session.then((live) => {
+    const session2 = this.#session !== null ? this.#session.then((live) => {
       live.resize(size4.cols, size4.rows);
       return live;
     }) : this.#start(size4);
-    return session.then((live) => this.#handle(live, sink));
+    return session2.then((live) => this.#handle(live, sink));
   }
-  replay(write) {
-    for (const chunk of this.#log) write(chunk);
+  replay(write2) {
+    for (const chunk of this.#log) write2(chunk);
   }
   dispose() {
     this.#sink = null;
@@ -38754,12 +38829,12 @@ var KeptSession = class {
         this.#sink?.exit(status2);
       }
     };
-    const session = Promise.resolve().then(() => this.#backend().open(relay, size4));
-    this.#session = session;
-    session.catch(() => {
-      if (this.#session === session) this.#session = null;
+    const session2 = Promise.resolve().then(() => this.#backend().open(relay, size4));
+    this.#session = session2;
+    session2.catch(() => {
+      if (this.#session === session2) this.#session = null;
     });
-    return session;
+    return session2;
   }
   #record(data) {
     this.#log.push(data.slice());
@@ -38788,9 +38863,9 @@ function sessions(port) {
   kept.set(port, fresh2);
   port.on("terminals", (terminals) => {
     const live = new Set(terminals.map((terminal) => terminal.id));
-    for (const [id, session] of fresh2) {
+    for (const [id, session2] of fresh2) {
       if (live.has(id)) continue;
-      session.dispose();
+      session2.dispose();
       fresh2.delete(id);
     }
   });
@@ -38798,12 +38873,12 @@ function sessions(port) {
 }
 function keep(port, id) {
   const map = sessions(port);
-  let session = map.get(id);
-  if (!session) {
-    session = new KeptSession(() => port.backend(id));
-    map.set(id, session);
+  let session2 = map.get(id);
+  if (!session2) {
+    session2 = new KeptSession(() => port.backend(id));
+    map.set(id, session2);
   }
-  return session;
+  return session2;
 }
 var SliccTerminalPanel = class extends ThemedElement {
   static properties = { ...ThemedElement.properties, terminal: {} };
@@ -38899,9 +38974,9 @@ var SliccTerminalPanel = class extends ThemedElement {
         const hidden = await this.#placed(info.id, terminal);
         terminal.fit();
         const cols = terminal.cols;
-        const session = await backend.open(sink, { cols, rows: terminal.rows });
+        const session2 = await backend.open(sink, { cols, rows: terminal.rows });
         if (hidden) void this.#relayout(terminal, backend, cols);
-        return session;
+        return session2;
       }
     };
     terminal.addEventListener("exit", () => model.terminals.close(info.id));
@@ -41731,7 +41806,7 @@ ${swc_default}`));
 var t81 = i`:host{display:block}*{box-sizing:border-box}.swc-Divider{--_swc-divider-thickness: var(--swc-divider-thickness, 2px);inline-size:100%;block-size:var(--_swc-divider-thickness);background-color:var(--swc-divider-background-color, var(--swc-gray-200));border-radius:var(--_swc-divider-thickness)}:host([size=\"s\"]){--swc-divider-thickness: 1px}:host([size=\"l\"]){--swc-divider-thickness: 4px;--swc-divider-background-color: var(--swc-gray-800)}.swc-Divider:not(.swc-Divider--vertical){min-inline-size:min(100%,200px)}:host([vertical]){align-self:stretch}.swc-Divider--vertical{inline-size:var(--_swc-divider-thickness);block-size:100%;min-block-size:min(100%,200px)}.swc-Divider--staticWhite{--swc-divider-background-color: rgba(255, 255, 255, .14)}.swc-Divider--staticWhite:where(.swc-Divider--sizeL){--swc-divider-background-color: rgba(255, 255, 255, .85)}.swc-Divider--staticBlack{--swc-divider-background-color: rgba(0, 0, 0, .12)}.swc-Divider--staticBlack:where(.swc-Divider--sizeL){--swc-divider-background-color: rgba(0, 0, 0, .84)}@media(forced-colors:active){.swc-Divider{--swc-divider-background-color: CanvasText}}`;
 
 // node_modules/@adobe/spectrum-wc-core/dist/components/divider/Divider.types.js
-var e110 = [
+var e111 = [
   "s",
   "m",
   "l"
@@ -41740,7 +41815,7 @@ var t82 = ["white", "black"];
 
 // node_modules/@adobe/spectrum-wc-core/dist/components/divider/Divider.base.js
 var s17;
-var c25 = class extends i12(i9, { validSizes: e110 }) {
+var c25 = class extends i12(i9, { validSizes: e111 }) {
   constructor(...e129) {
     super(...e129), this.vertical = false;
   }
@@ -41843,6 +41918,32 @@ function pinVersion(item2, pin) {
   if (pin.base === null) return [pin.range === version2 ? version2 : `${pin.range} \u2192 ${version2}`];
   return [version2, pin.base === version2 ? "the version seven ships" : `seven ships ${pin.base}`];
 }
+function placed(item2) {
+  const installs = item2.installs ?? [];
+  if (!installs.length) return item2;
+  const version2 = item2.version ?? installs[0].version;
+  const newer = item2.offered !== null && item2.offered !== version2;
+  const state2 = item2.state === "available" ? newer ? "outdated" : "installed" : item2.state;
+  const owned = installs.some((install) => install.manager === "panel");
+  const hidden = new Set(owned ? ["install"] : ["install", "remove"]);
+  return { ...item2, version: version2, state: state2, actions: item2.actions.filter((action) => !hidden.has(action)) };
+}
+var elsewhere = (item2) => (item2.installs ?? []).filter((install) => install.manager !== "panel");
+function installText(install, version2) {
+  const place3 = install.user ? `for ${install.user}` : `in ${install.where}`;
+  const via = install.manager === "pnpm" ? ", via pnpm" : "";
+  return `${install.version === version2 ? "" : `${install.version} `}${place3}${via}`;
+}
+function managedText(item2) {
+  const others = elsewhere(item2);
+  if (!others.length || others.length !== item2.installs?.length) return null;
+  return others.every((install) => install.manager === "pnpm") ? b`Managed by pnpm. Remove it with <code>pnpm remove -g ${item2.package}</code>.` : "Installed outside this panel. Remove it where it was installed.";
+}
+var shared2 = (item2) => elsewhere(item2).length > 0 && elsewhere(item2).length !== item2.installs?.length;
+function actionLabel2(item2, action) {
+  if (action === "remove" && shared2(item2)) return `Remove the panel\u2019s copy of ${item2.label}`;
+  return `${packageActions[action]} ${item2.label}`;
+}
 var packageRunning = /* @__PURE__ */ new Set(["installing", "updating", "removing"]);
 var list4 = (names) => new Intl.ListFormat("en", { type: "conjunction" }).format(names);
 function requiresText(item2, all3) {
@@ -42101,6 +42202,10 @@ var SliccUpdates = class extends ModelElement {
         line-height: var(--swc-line-height-200);
         overflow-wrap: anywhere;
       }
+      [data-managed] code {
+        display: inline-block;
+        max-width: 100%;
+      }
       .warnings {
         display: flex;
         flex-direction: column;
@@ -42334,6 +42439,8 @@ var SliccUpdates = class extends ModelElement {
     const requires = requiresText(item2, all3);
     return b`<p class="meta">
       ${version2 ? b`<span class="version">${version2}</span>` : A}
+      ${shared2(item2) ? b`<span data-install="panel">the panel’s copy</span>` : A}
+      ${elsewhere(item2).map((install) => b`<span data-install>${installText(install, item2.version)}</span>`)}
       ${download2 ? b`<span>${size3(item2.size)}</span>` : A}
       ${requires ? b`<span data-requires>${requires}</span>` : A}
     </p>`;
@@ -42354,6 +42461,7 @@ var SliccUpdates = class extends ModelElement {
     const busy = this.busy.get(item2.id);
     const shown4 = busy ? [busy] : act2 ? item2.actions : [];
     const error = this.problems.get(item2.id) ?? item2.error;
+    const managed = managedText(item2);
     return b`<li data-id=${item2.id} data-state=${item2.state}>
       <div class="name">
         <h3 title=${item2.package}>${item2.label}</h3>
@@ -42364,14 +42472,14 @@ var SliccUpdates = class extends ModelElement {
             size="s"
             variant="secondary"
             data-action=${action}
-            accessible-label=${`${packageActions[action]} ${item2.label}`}
+            accessible-label=${actionLabel2(item2, action)}
             ?pending=${busy === action}
             @click=${() => void this.actPackage(item2.id, action)}
           >${packageActions[action]}</swc-button>`
     )}</div>
       <p class="description">${item2.description}</p>
       ${this.#packageMeta(item2, all3)}
-      ${item2.notes?.length ? b`<p class="notes" data-notes>${item2.notes.map((note) => b`<span>${note}</span>`)}</p>` : A}
+      ${item2.notes?.length || managed ? b`<p class="notes" data-notes>${(item2.notes ?? []).map((note) => b`<span>${note}</span>`)}${managed ? b`<span data-managed>${managed}</span>` : A}</p>` : A}
       ${item2.warnings?.length ? b`<p class="warnings" data-warnings>${item2.warnings.map(
       (warning) => b`<span><swc-icon-alert-triangle size="s" aria-hidden="true"></swc-icon-alert-triangle>${warning}</span>`
     )}</p>` : A}
@@ -42395,7 +42503,7 @@ var SliccUpdates = class extends ModelElement {
   }
   #packages(port) {
     if (!port?.packages) return A;
-    const all3 = port.packages();
+    const all3 = port.packages().map(placed);
     const offered = all3.filter((item2) => item2.origin !== "user");
     const yours = all3.filter((item2) => item2.origin === "user");
     return b`<section data-section="packages" aria-labelledby="packages">
@@ -42470,7 +42578,7 @@ function lockOverscroll(document4) {
       })
     );
     lock.restore = () => {
-      for (const restore of saved) restore();
+      for (const restore2 of saved) restore2();
     };
   }
   lock.count += 1;
@@ -44009,7 +44117,7 @@ e25("swc-close-button", c26);
 var t84 = i`:host{display:block}*{box-sizing:border-box}.swc-IllustratedMessage{--_swc-illustrated-message-illustration-to-content: var(--swc-illustrated-message-illustration-to-content, 12px);display:flex;flex-direction:column;gap:var(--_swc-illustrated-message-illustration-to-content);align-items:center;max-inline-size:var(--swc-illustrated-message-max-inline-size, 380px);margin-inline:auto}.swc-IllustratedMessage-illustration{--_swc-illustrated-message-illustration-size: var(--swc-illustrated-message-illustration-size, 96px);display:flex;flex-shrink:0;justify-content:center;inline-size:var(--swc-illustrated-message-illustration-inline-size, var(--_swc-illustrated-message-illustration-size));block-size:var(--swc-illustrated-message-illustration-block-size, var(--_swc-illustrated-message-illustration-size));color:var(--swc-illustrated-message-illustration-color, var(--swc-gray-800))}.swc-IllustratedMessage-illustration[hidden]{display:none}.swc-IllustratedMessage-content{display:flex;flex-direction:column;gap:4px;align-items:center;text-align:center}.swc-IllustratedMessage-description{font-size:var(--swc-illustrated-message-description-font-size, var(--swc-illustrated-message-medium-body-font-size));font-weight:400;line-height:var(--swc-illustrated-message-description-line-height, var(--swc-line-height-200));color:var(--swc-gray-800)}:host([size=\"s\"]){--swc-illustrated-message-illustration-size: 96px;--swc-illustrated-message-illustration-to-content: 12px;--swc-illustrated-message-heading-font-size: var(--swc-illustrated-message-small-title-font-size);--swc-illustrated-message-description-font-size: var(--swc-body-size-xs)}:host([size=\"l\"]){--swc-illustrated-message-illustration-size: 160px;--swc-illustrated-message-illustration-to-content: 8px;--swc-illustrated-message-heading-font-size: var(--swc-illustrated-message-large-title-font-size);--swc-illustrated-message-description-font-size: var(--swc-illustrated-message-large-body-font-size)}:host(:lang(ja)),:host(:lang(ko)),:host(:lang(zh)){--swc-illustrated-message-heading-font-size: var(--swc-illustrated-message-medium-cjk-title-font-size);--swc-illustrated-message-heading-line-height: 1.5;--swc-illustrated-message-description-line-height: 1.7}:host([size=\"s\"]:lang(ja)),:host([size=\"s\"]:lang(ko)),:host([size=\"s\"]:lang(zh)){--swc-illustrated-message-heading-font-size: var(--swc-illustrated-message-small-cjk-title-font-size)}:host([size=\"l\"]:lang(ja)),:host([size=\"l\"]:lang(ko)),:host([size=\"l\"]:lang(zh)){--swc-illustrated-message-heading-font-size: var(--swc-illustrated-message-large-cjk-title-font-size)}:host([orientation=\"horizontal\"]){--swc-illustrated-message-max-inline-size: 535px}:host([orientation=\"horizontal\"]) .swc-IllustratedMessage{flex-direction:row;align-items:center}:host([orientation=\"horizontal\"]) .swc-IllustratedMessage-content{align-items:flex-start;text-align:start}slot[name=heading]{font-size:var(--swc-illustrated-message-heading-font-size, var(--swc-illustrated-message-medium-title-font-size));font-style:var(--swc-default-font-style);font-weight:var(--swc-bold-font-weight);line-height:var(--swc-illustrated-message-heading-line-height, var(--swc-line-height-100));color:var(--swc-gray-900)}::slotted([slot=\"heading\"]:not([class])){margin:0!important;font:inherit!important;color:inherit!important}:host(:has([slot=\"actions\"])) slot[name=actions]{margin-block-start:16px}::slotted(svg){box-sizing:border-box;display:block;inline-size:100%;block-size:100%;fill:currentcolor;stroke:currentcolor}`;
 
 // node_modules/@adobe/spectrum-wc-core/dist/components/illustrated-message/IllustratedMessage.types.js
-var e111 = [
+var e112 = [
   "s",
   "m",
   "l"
@@ -44033,7 +44141,7 @@ var d19 = class extends i9 {
     e129.has("size") && n10(this, {
       prop: "size",
       value: this.size,
-      valid: e111,
+      valid: e112,
       url: "https://spectrum-web-components.adobe.com/?path=/docs/components-illustrated-message--docs"
     }), e129.has("orientation") && n10(this, {
       prop: "orientation",
@@ -44058,7 +44166,7 @@ var d19 = class extends i9 {
     r9(this, r40 > 1, `<${this.localName}> "heading" slot accepts a single heading element but received ${r40}.`, n37, { issues: [`heading slot: ${r40} elements`] });
   }
 };
-u25 = d19, u25.VALID_SIZES = e111, u25.VALID_ORIENTATIONS = t85, e24([n({
+u25 = d19, u25.VALID_SIZES = e112, u25.VALID_ORIENTATIONS = t85, e24([n({
   type: String,
   reflect: true
 })], d19.prototype, "size", void 0), e24([n({
@@ -44102,29 +44210,11 @@ var r36 = class extends d19 {
 e25("swc-illustrated-message", r36);
 
 // node_modules/@adobe/spectrum-wc-icons/dist/Camera.js
-function e112() {
+function e113() {
   return '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="var(--swc-icon-color, currentColor)" d="M16.75 17H3.25C2.01 17 1 15.99 1 14.75v-7.5C1 6.01 2.01 5 3.25 5h1.823c.286 0 .543-.16.67-.414l.172-.342A2.24 2.24 0 0 1 7.927 3h4.146c.858 0 1.629.477 2.012 1.244l.171.342a.75.75 0 0 0 .671.414h1.823C17.99 5 19 6.01 19 7.25v7.5c0 1.24-1.01 2.25-2.25 2.25M3.25 6.5a.75.75 0 0 0-.75.75v7.5c0 .413.336.75.75.75h13.5a.75.75 0 0 0 .75-.75v-7.5a.75.75 0 0 0-.75-.75h-1.823a2.24 2.24 0 0 1-2.012-1.244l-.171-.342a.75.75 0 0 0-.671-.414H7.927a.75.75 0 0 0-.67.414l-.172.342A2.24 2.24 0 0 1 5.073 6.5z"/><path fill="var(--swc-icon-color, currentColor)" d="M10 14.5c-2.206 0-4-1.794-4-4s1.794-4 4-4 4 1.794 4 4-1.794 4-4 4M10 8c-1.378 0-2.5 1.121-2.5 2.5S8.622 13 10 13s2.5-1.121 2.5-2.5S11.378 8 10 8"/></svg>';
 }
 
 // node_modules/@adobe/spectrum-wc-icons/dist/swc-icon-camera.js
-var o81 = class extends a10 {
-  static get styles() {
-    return [t40];
-  }
-  render() {
-    return b`
-      ${o16(e112())}
-    `;
-  }
-};
-e25("swc-icon-camera", o81);
-
-// node_modules/@adobe/spectrum-wc-icons/dist/ChevronDown.js
-function e113() {
-  return '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="var(--swc-icon-color, currentColor)" d="M3.755 7.243a.75.75 0 0 1 1.06-.02l5.183 4.986 5.197-4.999a.749.749 0 1 1 1.04 1.08l-5.717 5.5a.747.747 0 0 1-1.04 0L3.776 8.303a.746.746 0 0 1-.02-1.06"/></svg>';
-}
-
-// node_modules/@adobe/spectrum-wc-icons/dist/swc-icon-chevron-down.js
 var o82 = class extends a10 {
   static get styles() {
     return [t40];
@@ -44135,7 +44225,7 @@ var o82 = class extends a10 {
     `;
   }
 };
-e25("swc-icon-chevron-down", o82);
+e25("swc-icon-camera", o82);
 
 // node_modules/@adobe/spectrum-wc-icons/dist/ChevronLeft.js
 function e114() {
@@ -45838,7 +45928,7 @@ var D6 = (e129) => {
 var O4 = typeof CSS < "u" && typeof CSS.supports == "function" && CSS.supports("field-sizing", "content");
 var k5 = class extends i9 {
   constructor() {
-    super(), this.labelId = e84("swc-prompt-field-label"), this.disabled = false, this.generating = false, this.collapsed = false, this.variant = "balanced", this.size = "m", this.loader = "aiLogo", this.animateLoader = false, this.label = "Prompt", this.accessibleLabel = "", this.sendLabel = "Send", this.stopLabel = "Stop generating", this.uploadLabel = "Add attachment", this.attachmentScrollPrevLabel = "Show previous attachments", this.attachmentScrollNextLabel = "Show more attachments", this.attachmentStripLabel = "Uploaded assets strip", this.placeholder = "Ready to get started? Ask a question, share an idea, or add a task.", this.value = "", this._attachmentScrollOverflow = false, this._attachmentCanScrollPrev = false, this._attachmentCanScrollNext = false, this._attachmentScrollFallbackGeneration = 0, this._attachmentScrollObserver = new s8(this, {
+    super(), this.labelId = e85("swc-prompt-field-label"), this.disabled = false, this.generating = false, this.collapsed = false, this.variant = "balanced", this.size = "m", this.loader = "aiLogo", this.animateLoader = false, this.label = "Prompt", this.accessibleLabel = "", this.sendLabel = "Send", this.stopLabel = "Stop generating", this.uploadLabel = "Add attachment", this.attachmentScrollPrevLabel = "Show previous attachments", this.attachmentScrollNextLabel = "Show more attachments", this.attachmentStripLabel = "Uploaded assets strip", this.placeholder = "Ready to get started? Ask a question, share an idea, or add a task.", this.value = "", this._attachmentScrollOverflow = false, this._attachmentCanScrollPrev = false, this._attachmentCanScrollNext = false, this._attachmentScrollFallbackGeneration = 0, this._attachmentScrollObserver = new s8(this, {
       target: null,
       callback: () => {
         this._updateAttachmentScrollState();
@@ -46948,6 +47038,73 @@ var SliccVaultButton = class extends i2 {
 
 // src/app/composer.ts
 var limit = 25 * 1024 * 1024;
+var startingKey = "slicc-spectrum.starting";
+function session() {
+  try {
+    return globalThis.sessionStorage ?? null;
+  } catch {
+    return null;
+  }
+}
+function stored() {
+  try {
+    const rows2 = JSON.parse(session()?.getItem(startingKey) ?? "[]");
+    return Array.isArray(rows2) ? rows2 : [];
+  } catch {
+    return [];
+  }
+}
+function write(rows2) {
+  try {
+    if (rows2.length) session()?.setItem(startingKey, JSON.stringify(rows2));
+    else session()?.removeItem(startingKey);
+  } catch {
+    return;
+  }
+}
+function reloaded() {
+  const [entry] = globalThis.performance?.getEntriesByType?.("navigation") ?? [];
+  return entry?.type === "reload";
+}
+var claimed = null;
+function restore(owned) {
+  if (!claimed) {
+    claimed = /* @__PURE__ */ new Set();
+    if (!reloaded()) write([]);
+  }
+  const taken = claimed;
+  const fresh2 = stored().filter((row) => !taken.has(row.id));
+  for (const row of fresh2) {
+    taken.add(row.id);
+    owned.add(row.id);
+  }
+  return fresh2.map(({ id, text: text5, mode: mode2, attachments, lost: lost2 = [] }) => ({
+    id,
+    text: text5,
+    mode: mode2,
+    attachments: [],
+    lost: [...lost2, ...attachments]
+  }));
+}
+function keep2(owned, rows2) {
+  const meta = ({ name, mimeType, size: size4 }) => ({ name, mimeType, size: size4 });
+  const others = stored().filter((row) => !owned.has(row.id));
+  owned.clear();
+  for (const row of rows2) {
+    owned.add(row.id);
+    claimed?.add(row.id);
+  }
+  write([
+    ...others,
+    ...rows2.map((row) => ({
+      id: row.id,
+      text: row.text,
+      mode: row.mode,
+      attachments: row.attachments.map(meta),
+      lost: (row.lost ?? []).map(meta)
+    }))
+  ]);
+}
 var pages = /* @__PURE__ */ new WeakMap();
 function owner(node2) {
   let at = node2;
@@ -46967,7 +47124,10 @@ var PageQueue = class {
   #page() {
     this.#owner ??= this.#host.isConnected ? owner(this.#host) : null;
     const page = this.#owner ?? this.#host.ownerDocument;
-    const found = pages.get(page) ?? { rows: [], draft: null, hosts: /* @__PURE__ */ new Set() };
+    const known = pages.get(page);
+    if (known) return known;
+    const owned = /* @__PURE__ */ new Set();
+    const found = { rows: restore(owned), owned, draft: null, hosts: /* @__PURE__ */ new Set() };
     pages.set(page, found);
     return found;
   }
@@ -46977,6 +47137,7 @@ var PageQueue = class {
   set value(rows2) {
     const page = this.#page();
     page.rows = rows2;
+    keep2(page.owned, rows2);
     for (const host4 of [...page.hosts]) host4.requestUpdate();
   }
   get draft() {
@@ -47277,6 +47438,27 @@ var SliccComposer = class extends ThemedElement {
         font-size: var(--swc-font-size-75);
         color: var(--swc-neutral-subdued-content-color-default);
       }
+      .queued .body {
+        flex: 1;
+        min-inline-size: 0;
+        display: grid;
+      }
+      .queued > swc-icon-alert-triangle {
+        flex: none;
+        --swc-icon-color: var(--swc-notice-visual-color);
+      }
+      .queued [data-lost] swc-icon-alert-triangle {
+        vertical-align: middle;
+        margin-inline-end: var(--swc-spacing-50);
+        --swc-icon-color: var(--swc-notice-visual-color);
+      }
+      .queued [data-lost] {
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        font-size: var(--swc-font-size-75);
+        color: var(--swc-neutral-subdued-content-color-default);
+      }
       .queued [data-files] {
         display: inline-flex;
         align-items: center;
@@ -47530,8 +47712,10 @@ var SliccComposer = class extends ThemedElement {
     if (!(model && waiting3.length && agents.length) || this.#starting()) return;
     const active = model.agent.active();
     const id = agents.some((agent) => agent.id === active) ? active : agents[0].id;
-    this.#waiting.value = [];
-    const [first2, ...rest] = waiting3;
+    const sendable = (row) => !!(row.text || row.attachments.length);
+    const [first2, ...rest] = waiting3.filter(sendable);
+    if (!first2) return;
+    this.#waiting.value = waiting3.filter((row) => !sendable(row));
     this.#deliver(model, id, first2, "queue");
     for (const { text: text5, attachments } of rest)
       this.#post(model, id, { text: text5, attachments, mode: "queue" });
@@ -47548,9 +47732,9 @@ var SliccComposer = class extends ThemedElement {
   #switch(id) {
     if (this.#agent)
       this.#drafts.set(this.#agent, { value: this.value, attachments: this.attachments });
-    const shared2 = this.#agent || !this.isConnected ? null : this.#waiting.draft;
-    if (shared2 && id && !this.#drafts.has(id)) this.#waiting.draft = null;
-    const draft2 = this.#drafts.get(id) ?? shared2 ?? void 0;
+    const shared3 = this.#agent || !this.isConnected ? null : this.#waiting.draft;
+    if (shared3 && id && !this.#drafts.has(id)) this.#waiting.draft = null;
+    const draft2 = this.#drafts.get(id) ?? shared3 ?? void 0;
     this.#agent = id;
     this.value = draft2?.value ?? "";
     this.attachments = draft2?.attachments ?? [];
@@ -47591,7 +47775,7 @@ var SliccComposer = class extends ThemedElement {
     this.popup = null;
     this.#history = -1;
     if (this.#starting()) {
-      this.#waiting.value = [...this.#waiting.value, { id: this.#id(), text: text5, attachments }];
+      this.#waiting.value = [...this.#waiting.value, { id: this.#id(), text: text5, mode: mode2, attachments }];
       return;
     }
     if (known) {
@@ -48135,17 +48319,23 @@ ${this.value}` : text5;
   #starters() {
     const waiting3 = this.#waiting.value;
     if (waiting3.length === 0) return A;
+    const names = (files) => files.map((file) => file.name).join(", ");
     return b`<ul class="queue" aria-label="Waiting for the agent">
-      ${waiting3.map(
-      (message) => b`<li class="queued" data-id=${message.id} data-mode="starting">
-          <swc-icon-clock size="s" aria-hidden="true"></swc-icon-clock>
+      ${waiting3.map((message) => {
+      const lost2 = message.lost ?? [];
+      const empty5 = !(message.text || message.attachments.length);
+      return b`<li class="queued" data-id=${message.id} data-mode="starting" ?data-unsent=${empty5}>
+          ${empty5 ? b`<swc-icon-alert-triangle size="s" aria-hidden="true"></swc-icon-alert-triangle>` : b`<swc-icon-clock size="s" aria-hidden="true"></swc-icon-clock>`}
           ${message.text ? A : b`<swc-icon-file size="xs" aria-hidden="true"></swc-icon-file>`}
-          <span class="text"><span class="sr">Queued: </span>${message.text || message.attachments.map((attachment2) => attachment2.name).join(", ")}</span>
+          <span class="body">
+            <span class="text"><span class="sr">Queued: </span>${message.text || names(message.attachments) || names(lost2)}</span>
+            ${lost2.length ? b`<span class="lost" data-lost><swc-icon-alert-triangle size="xs" aria-hidden="true"></swc-icon-alert-triangle><span class="sr">, </span>Not kept after reload${message.text ? `: ${names(lost2)}` : ""}</span>` : A}
+          </span>
           ${message.text && message.attachments.length ? b`<span class="next" data-files><swc-icon-file size="xs" aria-hidden="true"></swc-icon-file><span class="sr">, </span>${message.attachments.length === 1 ? "1 file" : `${message.attachments.length} files`}</span>` : A}
-          <span class="next">Sent when the agent starts</span>
-          <swc-close-button size="s" data-action="unqueue" accessible-label="Remove from queue" @click=${() => this.#unwait(message.id)}></swc-close-button>
-        </li>`
-    )}
+          <span class="next">${empty5 ? "Not sent. Attach the files again." : "Sent when the agent starts"}</span>
+          <swc-close-button size="s" data-action="unqueue" accessible-label=${empty5 ? "Dismiss" : "Remove from queue"} @click=${() => this.#unwait(message.id)}></swc-close-button>
+        </li>`;
+    })}
     </ul>`;
   }
   #review() {
@@ -51221,7 +51411,7 @@ var SliccSettings = class extends ThemedElement {
     const vaulted = account.store === "vault" && !!vault?.remove;
     const key2 = vaulted && account.auth === "api-key";
     const signIn = vaulted && account.auth !== "api-key" && account.group === "mcp";
-    const stored = key2 || signIn ? vault : void 0;
+    const stored2 = key2 || signIn ? vault : void 0;
     const body4 = `Agents can\u2019t use ${account.provider} until you connect it again.${key2 ? " You can restore its key from Removed in Secrets for 30 days." : ""}`;
     const title = `Disconnect ${account.provider}?`;
     if (!await confirm({ title, body: body4, action: "Disconnect", variant: "confirmation" })) return;
@@ -51230,11 +51420,11 @@ var SliccSettings = class extends ThemedElement {
     const server = serverOf(account);
     const pinned = !!this.#pinned(account);
     const url = account.group === "mcp" ? registrations2()[server] ?? (pinned ? null : this.#mcpUrl(account)) : null;
-    if (stored && !await this.#forget(account, stored)) return;
+    if (stored2 && !await this.#forget(account, stored2)) return;
     if (this.model !== model) return;
     model?.settings.disconnect(account.id);
-    if (!url || !stored?.endpoints) return;
-    await stored.endpoints({ remove: { mcp: [{ server, url }] } }).then(() => register(server, void 0)).catch((error) => {
+    if (!url || !stored2?.endpoints) return;
+    await stored2.endpoints({ remove: { mcp: [{ server, url }] } }).then(() => register(server, void 0)).catch((error) => {
       if (this.model === model) this.failure = { id: account.id, message: failureText(error) };
     });
   }
@@ -66482,15 +66672,15 @@ var InteractionManager = class {
       case "idle":
         return;
       case "gutterSelecting": {
-        const { pointerSession: session } = this;
-        if (event2.pointerId !== session.pointerId) return;
+        const { pointerSession: session2 } = this;
+        if (event2.pointerId !== session2.pointerId) return;
         event2.preventDefault();
         const point3 = this.resolveSelectionPoint(event2, { source: "coordinates-first" });
         if (point3 != null) {
-          session.current = point3;
+          session2.current = point3;
           this.updateSelection(point3.lineNumber, point3.side);
         }
-        const completedRange = this.buildSelectedLineRange(session.anchor, session.current);
+        const completedRange = this.buildSelectedLineRange(session2.anchor, session2.current);
         onGutterUtilityClick?.({ ...completedRange });
         this.selectionAnchor = void 0;
         this.notifySelectionEnd(completedRange);
@@ -69569,21 +69759,21 @@ function adoptEditSessionAnnotations(annotations, getName, previousSession) {
     slotNames
   };
 }
-function writeEditSessionAnnotations(session, annotations, getName) {
+function writeEditSessionAnnotations(session2, annotations, getName) {
   for (const annotation of annotations) {
     const source = getLineAnnotationSource(annotation);
-    if (!session.slotNames.has(source)) session.slotNames.set(source, getName(annotation));
+    if (!session2.slotNames.has(source)) session2.slotNames.set(source, getName(annotation));
   }
-  session.provided = annotations;
-  session.current = annotations;
+  session2.provided = annotations;
+  session2.current = annotations;
 }
-function resolveEditSessionSlotName(session, annotation, getName) {
-  if (session == null) return getName(annotation);
+function resolveEditSessionSlotName(session2, annotation, getName) {
+  if (session2 == null) return getName(annotation);
   const source = getLineAnnotationSource(annotation);
-  let name = session.slotNames.get(source);
+  let name = session2.slotNames.get(source);
   if (name == null) {
     name = getName(annotation);
-    session.slotNames.set(source, name);
+    session2.slotNames.set(source, name);
   }
   return name;
 }
@@ -69783,9 +69973,9 @@ var File = class {
     return this.editSession?.annotations?.current ?? this.lineAnnotations;
   }
   isNewAnnotations(lineAnnotations) {
-    const session = this.editSession?.annotations;
+    const session2 = this.editSession?.annotations;
     if (lineAnnotations === this.lineAnnotations) return false;
-    return session == null || lineAnnotations !== session.provided && lineAnnotations !== session.current;
+    return session2 == null || lineAnnotations !== session2.provided && lineAnnotations !== session2.current;
   }
   updateExternalFile(incomingFile, lineAnnotations) {
     if (areFileTargetsEqual(this.file, incomingFile)) return false;
@@ -69857,9 +70047,9 @@ var File = class {
     writeEditSessionAnnotations(sessionAnnotations, lineAnnotations, getLineAnnotationName);
   }
   syncEditSessionAnnotationsFromEditor(lineAnnotations) {
-    const session = this.editSession?.annotations;
-    if (session == null || lineAnnotations === session.current) return false;
-    session.current = lineAnnotations;
+    const session2 = this.editSession?.annotations;
+    if (session2 == null || lineAnnotations === session2.current) return false;
+    session2.current = lineAnnotations;
     this.fileRenderer.setLineAnnotations(lineAnnotations);
     this.renderAnnotations();
     return true;
@@ -75746,9 +75936,9 @@ var FileDiff = class {
     return this.editSession?.annotations?.current ?? this.lineAnnotations;
   }
   isNewAnnotations(lineAnnotations) {
-    const session = this.editSession?.annotations;
+    const session2 = this.editSession?.annotations;
     if (lineAnnotations === this.lineAnnotations) return false;
-    return session == null || lineAnnotations !== session.provided && lineAnnotations !== session.current;
+    return session2 == null || lineAnnotations !== session2.provided && lineAnnotations !== session2.current;
   }
   setLineAnnotations(lineAnnotations) {
     const sessionAnnotations = this.editSession?.annotations;
@@ -75761,9 +75951,9 @@ var FileDiff = class {
     writeEditSessionAnnotations(sessionAnnotations, lineAnnotations, getLineAnnotationName);
   }
   syncEditSessionAnnotationsFromEditor(lineAnnotations) {
-    const session = this.editSession?.annotations;
-    if (session == null || lineAnnotations === session.current) return false;
-    session.current = lineAnnotations;
+    const session2 = this.editSession?.annotations;
+    if (session2 == null || lineAnnotations === session2.current) return false;
+    session2.current = lineAnnotations;
     this.hunksRenderer.setLineAnnotations(lineAnnotations);
     this.renderAnnotations();
     return true;