@ai-ecoverse/slicc-spectrum 1.27.2 → 1.28.0

package/dist/slicc-ui.js

@@ -9582,7 +9582,7 @@ var SliccAgents = class extends ModelElement {
     if (!port?.drop) return;
     const ok = await confirm({
       title: `Drop scoop ${agent.name}?`,
-      body: "It stops working. Its files stay.",
+      body: "It stops, and its working folder is deleted. Its conversation and reports are kept. You can\u2019t undo this.",
       action: "Drop",
       variant: "destructive",
       trigger: trigger2
@@ -19815,15 +19815,20 @@ var SliccChat = class extends ThemedElement {
       }),
       model.agent.on("agents", () => this.requestUpdate()),
       model.agent.on("messages", (agentId) => {
-        if (agentId === this.#id()) this.#refresh(true);
+        if (agentId === this.#id()) this.#refresh(this.#sent(agentId));
       }),
       model.agent.on("message", ({ agentId }) => {
-        if (agentId === this.#id()) this.#refresh(false);
+        if (agentId === this.#id()) this.#refresh(this.#sent(agentId));
       })
     ];
   }
   #stuck = true;
   #last = 0;
+  #tail = "";
+  #sent(agentId) {
+    const last = this.model?.agent.messages(agentId).at(-1);
+    return last?.role === "user" && last.id !== this.#tail && (last.origin ?? "user") === "user";
+  }
   #resize = new ResizeObserver(() => this.#pin());
   #log() {
     return this.renderRoot.querySelector(".log");
@@ -19967,6 +19972,7 @@ var SliccChat = class extends ThemedElement {
     const agent = this.#agent();
     this.#handlers.readOnly = !!agent?.frozen;
     const messages = agent ? this.model?.agent.messages(agent.id) ?? [] : [];
+    this.#tail = messages.at(-1)?.id ?? "";
     return b`
       <header>
         ${agent ? this.#meta(agent) : b`<span>No agent</span>`}
@@ -21820,6 +21826,7 @@ function visible(memories, scope, tag3, query) {
     (memory) => memory.scope === scope && (tag3 === "all" || (tag3 === "untagged" ? memory.tag === null : memory.tag === tag3)) && (!needle || `${memory.title} ${memory.body} ${memory.section}`.toLowerCase().includes(needle))
   );
 }
+var scopeGroups = { cones: "Cones", roles: "Roles" };
 var tagLabels = {
   user: "User",
   feedback: "Feedback",
@@ -21912,6 +21919,12 @@ var SliccMemory = class extends ModelElement {
         font-weight: var(--swc-bold-font-weight);
         line-height: var(--swc-line-height-100);
       }
+      .from {
+        grid-column: 1 / -1;
+        margin-top: var(--swc-spacing-50);
+        font-size: var(--swc-font-size-75);
+        color: var(--swc-neutral-subdued-content-color-default);
+      }
       .summary {
         grid-column: 1 / -1;
         color: var(--swc-neutral-subdued-content-color-default);
@@ -22002,6 +22015,7 @@ var SliccMemory = class extends ModelElement {
         <span class="title">${memory.title}</span>
         ${memory.tag ? b`<swc-badge size="s" variant="neutral" subtle>${tagLabels[memory.tag]}</swc-badge>` : A}
         ${open ? A : b`<span class="summary">${memory.body}</span>`}
+        ${memory.source === "notes" ? b`<span class="from">From MEMORY.md</span>` : A}
       </button>
       ${open ? b`<div class="body">${markdown(memory.body)}</div>
             <div class="actions">
@@ -22014,19 +22028,33 @@ var SliccMemory = class extends ModelElement {
             </div>` : A}
     </div>`;
   }
-  render() {
+  #scopes = [];
+  willUpdate(changed) {
+    super.willUpdate(changed);
     const model = this.model;
-    const all2 = model?.memory.list() ?? [];
-    const shown = visible(all2, this.scope, this.tag, this.query);
-    const cones = (model?.agent.list() ?? []).filter((agent) => agent.kind === "cone");
-    return b`<div class="bar"><span>${shown.length} of ${all2.filter((memory) => memory.scope === this.scope).length} memories</span><span class="spacer"></span>
+    this.#scopes = model?.memory.scopes?.() ?? [
+      { id: "global", label: "Everyone" },
+      ...(model?.agent.list() ?? []).filter((agent) => agent.kind === "cone").map((cone) => ({ id: cone.id, label: cone.name }))
+    ];
+    if (!this.#scopes.some((item2) => item2.id === this.scope)) this.scope = "global";
+  }
+  render() {
+    const all2 = this.model?.memory.list() ?? [];
+    const scopes = this.#scopes;
+    const scope = this.scope;
+    const option2 = (item2) => b`<sp-menu-item value=${item2.id}>${item2.label}</sp-menu-item>`;
+    const shown = visible(all2, scope, this.tag, this.query);
+    return b`<div class="bar"><span>${shown.length} of ${all2.filter((memory) => memory.scope === scope).length} memories</span><span class="spacer"></span>
         <swc-action-button size="s" quiet @click=${() => this.editing = "new"}><swc-icon-add slot="icon"></swc-icon-add>Remember</swc-action-button>
       </div>
       <div class="tools">
         <sp-search size="s" label="Search memories" placeholder="Search memories" .value=${this.query} @input=${(event2) => this.query = event2.target.value} @submit=${(event2) => event2.preventDefault()}></sp-search>
-        <sp-picker size="s" label="Scope" value=${this.scope} @change=${(event2) => this.scope = event2.target.value}>
-          <sp-menu-item value="global">Everyone</sp-menu-item>
-          ${cones.map((cone) => b`<sp-menu-item value=${cone.id}>${cone.name}</sp-menu-item>`)}
+        <sp-picker size="s" label="Scope" value=${scope} @change=${(event2) => this.scope = event2.target.value}>
+          ${scopes.filter((item2) => !item2.group).map(option2)}
+          ${["cones", "roles"].map((group) => {
+      const items = scopes.filter((item2) => item2.group === group);
+      return items.length ? b`<sp-menu-group size="s"><span slot="header">${scopeGroups[group]}</span>${items.map(option2)}</sp-menu-group>` : A;
+    })}
         </sp-picker>
         <sp-picker size="s" label="Tag" value=${this.tag} @change=${(event2) => this.tag = event2.target.value}>
           <sp-menu-item value="all">All tags</sp-menu-item>
@@ -22037,7 +22065,7 @@ var SliccMemory = class extends ModelElement {
         </sp-picker>
       </div>
       <div class="list">
-        ${this.editing === "new" ? b`<div class="row">${this.#form({ scope: this.scope })}</div>` : A}
+        ${this.editing === "new" ? b`<div class="row">${this.#form({ scope })}</div>` : A}
         ${shown.length ? sections(shown).map(
       ([section, items]) => b`<h3>${section}</h3>${items.map((memory) => this.#row(memory))}`
     ) : b`<div class="note">${all2.length ? "No memories match." : "No memories yet."}</div>`}