@ai-ecoverse/slicc-spectrum 2.9.2 → 2.11.0

package/dist/slicc-ui.js

@@ -39964,7 +39964,7 @@ function watchTitles(model, update) {
     seen.set(id, title2);
     update();
   };
-  const stops = [
+  const stops2 = [
     model.agent.on("messages", check3),
     model.agent.on("message", ({ agentId }) => check3(agentId)),
     model.agent.on("agents", (agents) => {
@@ -39974,7 +39974,7 @@ function watchTitles(model, update) {
     })
   ];
   return () => {
-    for (const stop of stops) stop();
+    for (const stop of stops2) stop();
   };
 }
 
@@ -51980,8 +51980,11 @@ function extras(approval) {
   if (approval.kind === "capture") return [approval.detail, approval.requester];
   return [];
 }
+var stops = (approval) => approval.kind === "sudo" && approval.stoppable === true && approval.requester.kind === "agent" && !!approval.requester.agentId;
+var denies = (decision2) => decision2 === "deny" || decision2 === "stop";
 function answerable(approval, decision2) {
   if (decision2 === "deny") return true;
+  if (decision2 === "stop") return stops(approval);
   if (approval.kind === "secret") return false;
   return approval.kind !== "click" || approval.here;
 }
@@ -52152,9 +52155,23 @@ var SliccApprovals = class extends ModelElement {
       .judged p {
         margin: 0;
       }
-      [slot='button'][data-action='deny'] {
+      [slot='button'][data-action='deny'],
+      [slot='button'][data-action='stop'] {
         margin-inline-end: auto;
       }
+      [slot='button'][data-action='deny']:has(+ [data-action='stop']) {
+        margin-inline-end: 0;
+      }
+      sp-alert-dialog {
+        --mod-buttongroup-spacing: var(--swc-spacing-300);
+      }
+      .break {
+        flex-basis: 100%;
+        block-size: 0;
+      }
+      .break ~ [slot='button'] {
+        margin-block-start: calc(-1 * var(--swc-spacing-300));
+      }
       .prompt {
         margin-block-start: var(--swc-spacing-200);
         padding-inline-start: var(--swc-spacing-200);
@@ -52264,10 +52281,11 @@ var SliccApprovals = class extends ModelElement {
   async decide(approval, decision2) {
     const port = this.model?.approvals;
     const { id } = approval;
-    if (!port?.decide || this.busy || this.gone || this.#showing?.id !== id || this.#done.has(id) || this.#closed.has(id) || !answerable(approval, decision2) || decision2 !== "deny" && (!this.#arming.settled() || !this.#whole(approval)))
+    if (!port?.decide || this.busy || this.gone || this.#showing?.id !== id || this.#done.has(id) || this.#closed.has(id) || !answerable(approval, decision2) || !denies(decision2) && (!this.#arming.settled() || !this.#whole(approval)))
       return;
     const live = port.list().find(({ id: id2 }) => id2 === approval.id);
     if (decision2 === "always" && !(live && offersAlways(live))) return;
+    if (decision2 === "stop" && !(live && stops(live))) return;
     this.busy = decision2;
     this.failure = null;
     this.#pending.add(approval.id);
@@ -52407,7 +52425,7 @@ var SliccApprovals = class extends ModelElement {
       fill-style=${variant === "accent" ? A : "outline"}
       data-action=${decision2}
       ?pending=${this.busy === decision2}
-      ?disabled=${!!this.busy && this.busy !== decision2 || decision2 !== "deny" && !this.#whole(approval)}
+      ?disabled=${!!this.busy && this.busy !== decision2 || !denies(decision2) && !this.#whole(approval)}
       @click=${(event2) => this.#click(event2, approval, decision2)}
       >${label}</swc-button
     >`;
@@ -52469,6 +52487,7 @@ var SliccApprovals = class extends ModelElement {
       return b`<swc-button slot="button" variant="secondary" fill-style="outline" data-action="close" @click=${() => this.#dismiss(approval)}>Close</swc-button>`;
     const click = approval.kind === "click";
     return b`${this.#button(approval, "deny", click ? "Cancel" : "Deny", "secondary")}
+      ${stops(approval) ? b`${this.#button(approval, "stop", "Deny and stop", "secondary")}<span slot="button" class="break" aria-hidden="true"></span>` : A}
       ${always ? this.#button(approval, "always", inCwd(approval) ? "Always allow in this directory" : "Always allow", "secondary") : A}
       ${answerable(approval, "once") ? this.#button(approval, "once", click ? approval.action : "Allow once", "accent") : A}`;
   }
@@ -54333,7 +54352,8 @@ function elapsed(ms) {
   return `${Math.floor(seconds / 60)}:${String(seconds % 60).padStart(2, "0")}`;
 }
 function liveLine(item2, now) {
-  return [item2.label, item2.what, item2.asker, elapsed(now - item2.since)].filter(Boolean).join(" \xB7 ");
+  const tail2 = item2.endedAt != null ? "Ended" : elapsed(now - item2.since);
+  return [item2.label, item2.what, item2.asker, tail2].filter(Boolean).join(" \xB7 ");
 }
 var SliccLive = class extends ModelElement {
   static properties = {
@@ -54374,6 +54394,9 @@ var SliccLive = class extends ModelElement {
       border-radius: 50%;
       background: var(--swc-negative-visual-color);
     }
+    .chip[data-ended] .dot {
+      background: var(--swc-neutral-visual-color);
+    }
     .text {
       flex: 0 1 auto;
       min-width: 0;
@@ -54407,6 +54430,9 @@ var SliccLive = class extends ModelElement {
   #items() {
     return this.model?.live?.items() ?? [];
   }
+  #live() {
+    return this.#items().some((item2) => item2.endedAt == null);
+  }
   #tick(on2) {
     if (on2 && !this.#timer) this.#timer = setInterval(() => this.now = Date.now(), 1e3);
     if (!on2 && this.#timer) {
@@ -54416,13 +54442,17 @@ var SliccLive = class extends ModelElement {
   }
   updated(changed2) {
     super.updated(changed2);
-    this.#tick(this.isConnected && this.#items().length > 0);
+    this.#tick(this.isConnected && this.#live());
   }
   #chip(item2) {
-    const rest = liveLine({ ...item2, label: "" }, this.now);
-    return b`<div class="chip" role="listitem" data-id=${item2.id} data-kind=${item2.kind}>
+    const ended3 = item2.endedAt != null;
+    const rest = [item2.what, item2.asker].filter(Boolean).join(" \xB7 ");
+    const stamp = ended3 ? null : elapsed(this.now - item2.since);
+    return b`<div class="chip" role="listitem" data-id=${item2.id} data-kind=${item2.kind} ?data-ended=${ended3}>
       <span class="dot" aria-hidden="true"></span>
-      <span class="text" title=${liveLine(item2, this.now)}><span class="label">${item2.label}</span><span class="detail"> · ${rest}</span></span>
+      <span class="text" title=${liveLine(item2, this.now)}
+        ><span class="label">${item2.label}</span>${rest ? b`<span class="detail"> · ${rest}</span>` : A}${ended3 ? b`<span class="ended"> · Ended</span>` : b`<span class="detail"> · ${stamp}</span>`}</span
+      >
       <swc-action-button size="s" quiet data-action="live-act" accessible-label=${`${item2.action.label}: ${item2.label}`} @click=${() => this.model?.live?.act(item2.id)}>${item2.action.label}</swc-action-button>
     </div>`;
   }