@ai-ecoverse/slicc-spectrum 1.27.0 → 1.27.1

package/dist/slicc-ui.js

@@ -19929,12 +19929,13 @@ var SliccChat = class extends ThemedElement {
     for (const message of messages) {
       const label = day(message.createdAt);
       if (label !== previous) {
-        out.push(
+        out.push([
+          `day:${message.id}`,
           b`<div class="day" role="separator" data-day=${label}><span class="line"></span><span>${label}</span><span class="line"></span></div>`
-        );
+        ]);
         previous = label;
       }
-      out.push(this.#message(message, agent, message === last ? suggestion : null));
+      out.push([message.id, this.#message(message, agent, message === last ? suggestion : null)]);
     }
     return out;
   }
@@ -19979,7 +19980,11 @@ var SliccChat = class extends ThemedElement {
         @scroll=${this.#scroll}
       >
         <div class="column" @keydown=${this.#keys}>
-          ${agent && messages.length > 0 ? b`<swc-conversation-thread>${this.#items(messages, agent)}</swc-conversation-thread>` : b`<div class="empty">No messages yet. Ask ${agent?.name ?? "the agent"} something.</div>`}
+          ${agent && messages.length > 0 ? b`<swc-conversation-thread>${c(
+      this.#items(messages, agent),
+      ([key2]) => key2,
+      ([, item2]) => item2
+    )}</swc-conversation-thread>` : b`<div class="empty">No messages yet. Ask ${agent?.name ?? "the agent"} something.</div>`}
         </div>
       </div>
       ${this.model && !agent?.frozen ? b`<slicc-composer .model=${this.model} .agent=${this.agent}></slicc-composer>` : A}
@@ -22900,6 +22905,12 @@ var SliccSprinkle = class extends ThemedElement {
     if (port?.call && (this.#held.port !== port || this.#held.id !== this.sprinkle))
       this.#hold(port, port.call, this.sprinkle);
   }
+  #mounts = 0;
+  connectedCallback() {
+    this.#frame = { key: "", doc: "" };
+    this.#mounts++;
+    super.connectedCallback();
+  }
   #dips = new Dips();
   #focusLater = false;
   focus() {
@@ -22960,7 +22971,10 @@ ${data.html}`;
     if (bridged && !this.#held.ready) return b``;
     const state = bridged ? this.#held : void 0;
     const style = `color-scheme:${this.color};${this.inline ? `height:${this.height}px;` : ""}`;
-    const frame = b`<iframe title=${data.title} sandbox="allow-scripts" style=${style} .srcdoc=${this.#document(data, state)}></iframe>`;
+    const frame = b`${i17(
+      this.#mounts,
+      b`<iframe title=${data.title} sandbox="allow-scripts" style=${style} .srcdoc=${this.#document(data, state)}></iframe>`
+    )}`;
     if (!this.inline) return frame;
     return b`<div class="handle" draggable="true" title="Drag into the dock or a rail to open as a panel" @dragstart=${this.#drag}>
         ${grip}