@ai-ecoverse/slicc-spectrum 1.27.3 → 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
@@ -21826,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",
@@ -21918,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);
@@ -22008,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">
@@ -22020,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>
@@ -22043,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>`}