@ai-ecoverse/slicc-spectrum 1.111.4 → 1.112.1

package/dist/slicc-ui.js

@@ -61,7 +61,7 @@ import {
 } from "./chunk-6A6NIESE.js";
 import {
   define
-} from "./chunk-KYIEFCEE.js";
+} from "./chunk-G7UZNWLW.js";
 import {
   isPolicyPaused,
   isVaultFailure,
@@ -10617,8 +10617,8 @@ var Ends = class {
     this.#observer.disconnect();
   }
 };
-function fullCommand(shown4, toggle) {
-  return b`<swc-action-button size="s" quiet class="full-command" data-action="full-command" data-shown=${shown4 ? "" : A} aria-expanded=${shown4 ? "true" : "false"} @click=${toggle}><swc-icon-chevron-down slot="icon" class="chevron" aria-hidden="true"></swc-icon-chevron-down>${shown4 ? "Hide the full command" : "Show the full command"}</swc-action-button>`;
+function fullCommand(shown5, toggle) {
+  return b`<swc-action-button size="s" quiet class="full-command" data-action="full-command" data-shown=${shown5 ? "" : A} aria-expanded=${shown5 ? "true" : "false"} @click=${toggle}><swc-icon-chevron-down slot="icon" class="chevron" aria-hidden="true"></swc-icon-chevron-down>${shown5 ? "Hide the full command" : "Show the full command"}</swc-action-button>`;
 }
 
 // node_modules/@adobe/spectrum-wc/dist/components/ui-icons/ui-icons.types.js
@@ -33402,9 +33402,9 @@ function stopSigningIn(event2, handlers, account, id) {
 function fixButton(fix, item2, handlers, login) {
   const id = item2.id ?? "";
   const signing = login?.state === "signing-in";
-  const shown4 = login?.state === "connected" ? "retry" : fix;
+  const shown5 = login?.state === "connected" ? "retry" : fix;
   const cancel = signing && login.cancel;
-  return b`${cancel ? b`<swc-button size="s" variant="secondary" fill-style="outline" data-action="cancel-login" @click=${(event2) => stopSigningIn(event2, handlers, item2.account, id)}>Cancel</swc-button>` : A}<swc-button size="s" variant="secondary" fill-style="outline" data-action=${shown4} ?pending=${signing} ?disabled=${handlers.readOnly} @click=${() => handlers.action(shown4, item2.id, item2.account)}>${signing ? "Signing in\u2026" : actionLabel(shown4, handlers, id)}</swc-button>`;
+  return b`${cancel ? b`<swc-button size="s" variant="secondary" fill-style="outline" data-action="cancel-login" @click=${(event2) => stopSigningIn(event2, handlers, item2.account, id)}>Cancel</swc-button>` : A}<swc-button size="s" variant="secondary" fill-style="outline" data-action=${shown5} ?pending=${signing} ?disabled=${handlers.readOnly} @click=${() => handlers.action(shown5, item2.id, item2.account)}>${signing ? "Signing in\u2026" : actionLabel(shown5, handlers, id)}</swc-button>`;
 }
 function errorCard(item2, handlers) {
   const id = item2.id ?? "";
@@ -33439,7 +33439,7 @@ function day(at) {
 }
 var stampGap = 2 * 6e4;
 function stamps(messages) {
-  const shown4 = /* @__PURE__ */ new Set();
+  const shown5 = /* @__PURE__ */ new Set();
   let last = -Infinity;
   let seen = "";
   for (const message of messages) {
@@ -33449,10 +33449,10 @@ function stamps(messages) {
       last = -Infinity;
     }
     if (message.role === "system" || message.createdAt - last < stampGap) continue;
-    shown4.add(message.id);
+    shown5.add(message.id);
     last = message.createdAt;
   }
-  return shown4;
+  return shown5;
 }
 function size3(bytes) {
   if (bytes < 1024) return `${bytes} B`;
@@ -33712,10 +33712,10 @@ function toolOnly(message, showThinking) {
   if (message.role === "tool") return [message.tool];
   if (message.role !== "assistant") return null;
   if (message.parts.some((entry) => entry.type === "question")) return null;
-  const shown4 = message.parts.filter((entry) => !silent(entry, showThinking));
-  if (shown4.some((entry) => entry.type !== "tool")) return null;
-  if (!shown4.length && message.status !== "streaming") return null;
-  return shown4.map((entry) => entry.tool);
+  const shown5 = message.parts.filter((entry) => !silent(entry, showThinking));
+  if (shown5.some((entry) => entry.type !== "tool")) return null;
+  if (!shown5.length && message.status !== "streaming") return null;
+  return shown5.map((entry) => entry.tool);
 }
 var attachmentIcons = {
   image: b`<swc-icon-file slot="thumbnail" aria-hidden="true"></swc-icon-file>`,
@@ -34006,9 +34006,9 @@ function decision(message, handlers) {
   const settled4 = expired || guest;
   const { actions: actions2, command: command3 } = decide(message, handlers, settled4);
   const detail = settled4 ? void 0 : handlers.detail;
-  const shown4 = !!detail?.has(message.id);
-  const more = detail ? b`<swc-action-button size="s" quiet class="detail" data-action="ask-detail" aria-expanded=${shown4 ? "true" : "false"} accessible-label=${shown4 ? "Hide details" : "Show details"} @click=${() => detail.toggle(message.id)}><swc-icon-chevron-right slot="icon" class="chevron"></swc-icon-chevron-right></swc-action-button>` : A;
-  return b`<swc-conversation-turn type="system" class="message decision-turn" tabindex="-1" accessible-label=${`Permission request from ${message.title}`} data-id=${message.id} data-pending=${settled4 ? A : ""} data-expired=${expired ? "" : A} data-detail=${shown4 ? "" : A} @click=${reveal} @keydown=${reveal}>
+  const shown5 = !!detail?.has(message.id);
+  const more = detail ? b`<swc-action-button size="s" quiet class="detail" data-action="ask-detail" aria-expanded=${shown5 ? "true" : "false"} accessible-label=${shown5 ? "Hide details" : "Show details"} @click=${() => detail.toggle(message.id)}><swc-icon-chevron-right slot="icon" class="chevron"></swc-icon-chevron-right></swc-action-button>` : A;
+  return b`<swc-conversation-turn type="system" class="message decision-turn" tabindex="-1" accessible-label=${`Permission request from ${message.title}`} data-id=${message.id} data-pending=${settled4 ? A : ""} data-expired=${expired ? "" : A} data-detail=${shown5 ? "" : A} @click=${reveal} @keydown=${reveal}>
     <div class="decision" data-kind="approval">
       <div class="decision-head"><span class="who">${message.title}</span>${timer}${more}</div>
       <p class="decision-text">${message.text}</p>
@@ -34040,8 +34040,8 @@ function lickContent(message, body2, handlers) {
   const scoop = message.channel === "scoop-notify";
   const report = message.report;
   if (!scoop && !report) return b`<pre class="output">${body2}</pre>`;
-  const shown4 = !body2 ? A : scoop ? b`<div class="text">${markdown(body2)}</div>` : b`<pre class="output">${body2}</pre>`;
-  return b`<div class="report">${shown4}${report ? b`<swc-button size="s" variant="secondary" fill-style="outline" data-action="open-report" @click=${() => handlers.open(report)}>Open the report</swc-button>` : A}</div>`;
+  const shown5 = !body2 ? A : scoop ? b`<div class="text">${markdown(body2)}</div>` : b`<pre class="output">${body2}</pre>`;
+  return b`<div class="report">${shown5}${report ? b`<swc-button size="s" variant="secondary" fill-style="outline" data-action="open-report" @click=${() => handlers.open(report)}>Open the report</swc-button>` : A}</div>`;
 }
 function lick(message, handlers, stamp = true) {
   if (pendingApproval(message)) return decision(message, handlers);
@@ -36695,7 +36695,7 @@ var ModelFilter = class {
   items(options3) {
     if (options3.length <= searchable)
       return b`${options3.map((option2) => this.#item(option2, false))}`;
-    const shown4 = options3.filter((option2) => matchesModel(option2, this.#query));
+    const shown5 = options3.filter((option2) => matchesModel(option2, this.#query));
     return b`<sp-search
         size="s"
         data-action="filter-models"
@@ -36707,8 +36707,8 @@ var ModelFilter = class {
         @submit=${(event2) => event2.preventDefault()}
         @keydown=${this.#key}
       ></sp-search>
-      ${options3.map((option2) => this.#item(option2, !shown4.includes(option2)))}
-      ${shown4.length ? A : b`<sp-menu-item disabled data-empty>No matching models</sp-menu-item>`}`;
+      ${options3.map((option2) => this.#item(option2, !shown5.includes(option2)))}
+      ${shown5.length ? A : b`<sp-menu-item disabled data-empty>No matching models</sp-menu-item>`}`;
   }
   #item(option2, hidden) {
     return b`<sp-menu-item value=${option2.id} ?hidden=${hidden}>${option2.label}<span slot="description">${option2.provider}</span></sp-menu-item>`;
@@ -37884,7 +37884,7 @@ var SliccChat = class _SliccChat extends ThemedElement {
   #items(messages, agent) {
     const out = [];
     let previous3 = "";
-    let shown4;
+    let shown5;
     const model = this.model;
     const last = messages.at(-1);
     const suggestion = last?.role === "assistant" && !agent.frozen && !watchOnly(model) && !model.seat && !model.agent.busy(agent.id) ? model.agent.suggestion(agent.id) : null;
@@ -37910,8 +37910,8 @@ var SliccChat = class _SliccChat extends ThemedElement {
         previous3 = label;
       }
       const next = message.role === "assistant" ? message.model : void 0;
-      const changed2 = !!next && next !== shown4;
-      if (changed2) shown4 = next;
+      const changed2 = !!next && next !== shown5;
+      if (changed2) shown5 = next;
       out.push([
         message.id,
         this.#message(
@@ -39814,12 +39814,12 @@ var SliccTray = class extends ModelElement {
     const title2 = provider ? budgetTitle(provider, budget.window) : "";
     const label = `${title2 || "Budget"} ${budget.percent}%`;
     const line = budgetLine(status2, budget);
-    const shown4 = provider ? b`<span>${providerOf(provider)}<span class="window"> ${budget.window}</span> ${budget.percent}%</span>` : label;
+    const shown5 = provider ? b`<span>${providerOf(provider)}<span class="window"> ${budget.window}</span> ${budget.percent}%</span>` : label;
     return b`${this.#item(
       "usage",
       "monitor",
       `${label}. ${line}`,
-      b`<swc-status-light size="s" variant=${budgetVariant(budget.percent)}>${shown4}</swc-status-light>`,
+      b`<swc-status-light size="s" variant=${budgetVariant(budget.percent)}>${shown5}</swc-status-light>`,
       () => this.#open("monitor")
     )}
       <swc-tooltip for="usage" placement="bottom">${title2 ? `${title2}. ${line}` : line}</swc-tooltip>`;
@@ -40886,8 +40886,8 @@ var SliccAgents = class extends ModelElement {
     const rows2 = ordered(list6).filter(
       (agent) => agent.kind === "cone" || this.#expanded.has(agent.parentId)
     );
-    const shown4 = rows2.find((agent) => agent.id === active);
-    const anchor = shown4 ? active : list6.find((agent) => agent.id === active)?.parentId ?? "";
+    const shown5 = rows2.find((agent) => agent.id === active);
+    const anchor = shown5 ? active : list6.find((agent) => agent.id === active)?.parentId ?? "";
     return b`<div class="list"><ul role="tree" aria-label="Cones and scoops" @keydown=${this.#keydown} @focusin=${this.#focusin} @focusout=${this.#focusout}>
         ${c(
       rows2,
@@ -44164,13 +44164,13 @@ function resolve(panels, raw, reachable2, cone) {
   return found?.id ?? null;
 }
 function state(info) {
-  const shown4 = info.active ? "active" : info.visible ? "shown" : info.open ? "open" : "closed";
-  return info.busy ? `${shown4} \xB7 busy: ${info.busy}` : shown4;
+  const shown5 = info.active ? "active" : info.visible ? "shown" : info.open ? "open" : "closed";
+  return info.busy ? `${shown5} \xB7 busy: ${info.busy}` : shown5;
 }
 function table2(rows2) {
   const lines2 = [["ID", "TITLE", "STATE"], ...rows2.map((row) => [row.id, row.title, state(row)])];
   const widths = [0, 1].map((column) => Math.max(...lines2.map((line) => line[column].length)));
-  return lines2.map(([id, title2, shown4]) => `${id.padEnd(widths[0])}  ${title2.padEnd(widths[1])}  ${shown4}`).join("\n");
+  return lines2.map(([id, title2, shown5]) => `${id.padEnd(widths[0])}  ${title2.padEnd(widths[1])}  ${shown5}`).join("\n");
 }
 var done = (result, note = "") => result.code === 0 ? { stdout: `${result.message}${note}
 `, stderr: "", code: 0 } : { stdout: "", stderr: `panel: ${result.message}
@@ -48468,17 +48468,17 @@ var SliccUpdates = class extends ModelElement {
       return A;
     }
     const before = this.#reached.get(key);
-    const shown4 = progress ? { value: Math.max(before?.value ?? 0, phased(progress)), label: count2 } : before;
-    if (!shown4) {
+    const shown5 = progress ? { value: Math.max(before?.value ?? 0, phased(progress)), label: count2 } : before;
+    if (!shown5) {
       return b`<swc-progress-bar size="s" indeterminate accessible-label=${accessible2}></swc-progress-bar>`;
     }
-    this.#reached.set(key, shown4);
+    this.#reached.set(key, shown5);
     return b`<swc-progress-bar
       size="s"
       min-value="0"
       max-value="100"
-      value=${shown4.value}
-      value-label=${shown4.label}
+      value=${shown5.value}
+      value-label=${shown5.label}
       accessible-label=${accessible2}
     ></swc-progress-bar>`;
   }
@@ -48495,12 +48495,12 @@ var SliccUpdates = class extends ModelElement {
   }
   #actions(item2) {
     const developer = typeof this.model?.updates?.setDeveloper === "function";
-    const shown4 = item2.actions.filter(
+    const shown5 = item2.actions.filter(
       (action) => !betaActions.has(action) || developer && (action !== "install-beta" || item2.npm?.state === "offered")
     );
-    if (!shown4.length) return A;
+    if (!shown5.length) return A;
     const busy = this.pending.has(item2.id);
-    return b`<div class="actions">${shown4.map(
+    return b`<div class="actions">${shown5.map(
       (action) => b`<swc-button
           size="m"
           variant="secondary"
@@ -48514,8 +48514,8 @@ var SliccUpdates = class extends ModelElement {
   #checked(at) {
     if (at === null) return b`<span>Not checked yet</span>`;
     const date = new Date(at);
-    const shown4 = date.toLocaleString("en-GB", { dateStyle: "medium", timeStyle: "short" });
-    return b`<span>Checked <time datetime=${date.toISOString()}>${shown4}</time></span>`;
+    const shown5 = date.toLocaleString("en-GB", { dateStyle: "medium", timeStyle: "short" });
+    return b`<span>Checked <time datetime=${date.toISOString()}>${shown5}</time></span>`;
   }
   #title({ release: release3, certified }, label) {
     return b`${secure(release3.url) ? b`<a class="swc-Link swc-Link--standalone" href=${release3.url} target="_blank" rel="noopener noreferrer" data-action="release-notes" aria-label=${`${label} ${release3.version} release notes`}>${release3.version}</a>` : release3.version}${certified ? b`<swc-badge size="s" variant="positive" subtle data-certified>Certified</swc-badge>` : A}`;
@@ -48567,10 +48567,10 @@ var SliccUpdates = class extends ModelElement {
     const label = item2.state === "failed" && item2.from !== null ? "Update failed" : state2;
     const error = this.failures.get(item2.id) ?? item2.error;
     const developer = typeof this.model?.updates?.setDeveloper === "function";
-    const shown4 = developer ? item2 : { ...item2, npm: null };
-    const meta = npmMeta(shown4);
-    const note = npmNote(shown4);
-    const ahead2 = shown4.npm?.state === "offered" ? shown4.npm.latest ?? null : null;
+    const shown5 = developer ? item2 : { ...item2, npm: null };
+    const meta = npmMeta(shown5);
+    const note = npmNote(shown5);
+    const ahead2 = shown5.npm?.state === "offered" ? shown5.npm.latest ?? null : null;
     return b`<swc-divider size="s"></swc-divider>
     <article data-id=${item2.id} data-state=${item2.state} data-npm=${item2.npm?.state ?? A} aria-label=${item2.label}>
       <div class="head">
@@ -48637,7 +48637,7 @@ var SliccUpdates = class extends ModelElement {
     const light = packageLight(item2);
     const busy = this.busy.get(item2.id);
     const actions2 = item2.registry ? item2.actions.filter((action) => action !== "retry") : item2.actions;
-    const shown4 = busy ? [busy] : act2 ? actions2 : [];
+    const shown5 = busy ? [busy] : act2 ? actions2 : [];
     const error = this.problems.get(item2.id) ?? item2.error;
     const managed = managedText(item2);
     return b`<li data-id=${item2.id} data-state=${item2.state} data-registry=${item2.registry ?? A}>
@@ -48645,7 +48645,7 @@ var SliccUpdates = class extends ModelElement {
         <h3 title=${item2.package}>${item2.label}</h3>
         ${light ? b`<swc-status-light size="s" variant=${light[0]}>${light[1]}</swc-status-light>` : A}
       </div>
-      <div class="buttons">${shown4.map(
+      <div class="buttons">${shown5.map(
       (action) => b`<swc-button
             size="s"
             variant="secondary"
@@ -49483,11 +49483,11 @@ var SliccApp = class extends ThemedElement {
   #rail(items, side) {
     const primary = side === "bottom" ? items.filter((item2) => phoneRail.includes(item2.id)) : items;
     const fit = primary.length < items.length ? Math.min(primary.length, railCapacity(this.#width, Infinity)) : railCapacity(this.#width, items.length);
-    const shown4 = side === "bottom" ? primary.slice(0, fit) : items;
-    const grouped = new Set(shown4.map((item2) => item2.cone).filter(Boolean)).size > 1;
-    return b`<nav class=${`rail ${side}`} aria-label=${`Panels, ${side}`} @dragover=${this.#railOver} @dragleave=${this.#railLeave} @drop=${this.#railDrop}>${shown4.map(
-      (item2, index2) => b`${grouped && index2 && shown4[index2 - 1].cone !== item2.cone ? b`<span class="cones" aria-hidden="true"></span>` : A}${this.#railButton(item2, side)}`
-    )}${this.#more(items.filter((item2) => !shown4.includes(item2)))}</nav>`;
+    const shown5 = side === "bottom" ? primary.slice(0, fit) : items;
+    const grouped = new Set(shown5.map((item2) => item2.cone).filter(Boolean)).size > 1;
+    return b`<nav class=${`rail ${side}`} aria-label=${`Panels, ${side}`} @dragover=${this.#railOver} @dragleave=${this.#railLeave} @drop=${this.#railDrop}>${shown5.map(
+      (item2, index2) => b`${grouped && index2 && shown5[index2 - 1].cone !== item2.cone ? b`<span class="cones" aria-hidden="true"></span>` : A}${this.#railButton(item2, side)}`
+    )}${this.#more(items.filter((item2) => !shown5.includes(item2)))}</nav>`;
   }
   #rails() {
     const dock2 = this.renderRoot.querySelector("slicc-dock");
@@ -50336,15 +50336,65 @@ function truncated(approval) {
 function hintOf(approval) {
   return approval.kind === "sudo" ? commandText(alwaysHint(approval), false) : guestAlwaysHint(approval);
 }
-var deniedSudo = (approval) => approval.kind === "sudo" && approval.verdict?.decision === "deny";
 var tooLong = "This request is too long to show in full, so it can\u2019t be allowed.";
 function guestWaiting(approval) {
   return approval.kind === "guest-message" ? `${approval.requester.name}'s message to ${approval.agentName ?? "this cone"} waits for the owner's approval.` : `${approval.agentName ?? "This cone"} wants to run ${approval.tool} for ${approval.requester.name}, which waits for the owner's approval.`;
 }
-var onceOnly = ({ once }) => once ? b`<p class="hint" data-once-only=${once}>Always allow isn’t offered: xargs adds arguments from its input, and they could include a write flag.</p>` : A;
+var levels2 = {
+  1: { name: "routine", label: "Routine." },
+  2: { name: "permissions", label: "Changes permissions." },
+  3: { name: "harm", label: "Could harm the system." }
+};
+var fits = (aligned) => aligned === void 0 ? "" : aligned ? " It fits what you asked for." : " It isn\u2019t clear it serves what you asked for.";
+function leveled(approval) {
+  const level = approval.verdict?.level;
+  return level === 1 || level === 2 || level === 3 ? level : null;
+}
 var clear = { certain: null, maybe: null, once: null };
-function rulesOf(approval) {
-  return approval.kind === "sudo" ? secretRules(approval.command, approval.cwd) : clear;
+function legacyRules(approval) {
+  return approval.kind === "sudo" && leveled(approval) === null ? secretRules(approval.command, approval.cwd) : clear;
+}
+function legacyClean(approval) {
+  if (approval.kind !== "sudo") return true;
+  if (approval.verdict?.decision === "deny") return false;
+  const { certain: certain2, maybe, once } = legacyRules(approval);
+  return !certain2 && !maybe && !once;
+}
+function legacyNotice(approval) {
+  const verdict = legacyRules(approval);
+  const rules = verdict.certain ?? verdict.maybe;
+  if (rules)
+    return b`<div class="rules" data-secret-rules=${rules}><swc-icon-alert-triangle size="s" aria-hidden="true"></swc-icon-alert-triangle><p>${verdict.certain ? b`<strong>This changes secret rules.</strong> It names <code>${commandText(rules, false)}</code>, where SLICC keeps which secrets programs may use and where they may be sent.` : b`<strong>This may change secret rules.</strong> SLICC can't tell where <code>${commandText(rules, false)}</code> leads, and it could reach the files where SLICC keeps which secrets programs may use and where they may be sent.`} Allow it only if you asked for this change.</p></div>`;
+  return verdict.once && approval.kind === "sudo" && approval.always && approval.verdict?.decision !== "deny" ? b`<p class="hint" data-once-only=${verdict.once}>Always allow isn’t offered: xargs adds arguments from its input, and they could include a write flag.</p>` : A;
+}
+function offersAlways(approval) {
+  return approval.kind !== "tray" && approval.always && (leveled(approval) !== null || legacyClean(approval));
+}
+function verdictNote(approval) {
+  if (approval.kind !== "sudo" || offersAlways(approval)) return "";
+  const level = leveled(approval);
+  if (level === 2) return "Always allow isn\u2019t offered for permission changes.";
+  if (!level && !approval.judging && !approval.verdict && approval.verdictError)
+    return "Always allow appears only with a level 1 verdict.";
+  return "";
+}
+var shown4 = (text4) => {
+  const chars = Array.from(text4);
+  return commandText(chars.length > 300 ? `${chars.slice(0, 299).join("")}\u2026` : text4, false);
+};
+function judged(approval) {
+  const { verdict, judging, verdictError } = approval;
+  const level = leveled(approval);
+  if (verdict && level) {
+    const { name, label } = levels2[level];
+    return b`<div class="judged" data-verdict=${name} data-level=${level}>${level === 3 ? b`<swc-icon-alert-triangle size="s" aria-hidden="true"></swc-icon-alert-triangle>` : A}<p><strong>${label}</strong>${verdict.reason ? b` ${shown4(verdict.reason)}` : ""}${fits(verdict.aligned)}</p></div>`;
+  }
+  if (judging) return b`<div class="judged" data-verdict="checking"><p>Checking…</p></div>`;
+  if (verdict?.decision)
+    return b`<p class="verdict" data-verdict=${verdict.decision}>${verdict.decision === "unsure" ? "The automatic check wasn\u2019t sure" : `The automatic check would ${verdict.decision} this`}: ${shown4(verdict.reason)}</p>`;
+  if (verdictError)
+    return b`<div class="judged" data-verdict="none"><p><strong>No verdict:</strong> ${shown4(verdictError)}</p></div>`;
+  return A;
 }
 function waiting2(model, now) {
   return [...model?.approvals?.list() ?? []].filter((approval) => approval.expiresAt > now && Object.hasOwn(titles, approval.kind)).sort((a20, b10) => a20.createdAt - b10.createdAt);
@@ -50518,6 +50568,39 @@ var SliccApprovals = class extends ModelElement {
         font-family: var(--swc-code-font-family-stack);
         overflow-wrap: anywhere;
       }
+      .judged {
+        display: flex;
+        align-items: flex-start;
+        gap: var(--swc-spacing-100);
+        margin-block-start: var(--swc-spacing-200);
+        padding: var(--swc-spacing-200) var(--swc-spacing-300);
+        border-radius: var(--swc-corner-radius-medium-default);
+        background: var(--swc-neutral-subtle-background-color-default);
+        color: var(--swc-neutral-content-color-default);
+        font-size: var(--swc-font-size-75);
+        overflow-wrap: anywhere;
+      }
+      .judged[data-verdict='checking'],
+      .judged[data-verdict='none'] {
+        color: var(--swc-neutral-subdued-content-color-default);
+      }
+      .judged[data-level='1'] {
+        background: var(--swc-positive-subtle-background-color-default);
+      }
+      .judged[data-level='2'] {
+        background: var(--swc-notice-subtle-background-color-default);
+      }
+      .judged[data-level='3'] {
+        background: var(--swc-negative-subtle-background-color-default);
+        --swc-icon-color: var(--swc-icon-color-negative);
+      }
+      .judged swc-icon-alert-triangle {
+        flex: none;
+        margin-block-start: 0.15em;
+      }
+      .judged p {
+        margin: 0;
+      }
       .problem {
         display: flex;
         align-items: flex-start;
@@ -50578,10 +50661,8 @@ var SliccApprovals = class extends ModelElement {
     const port = this.model?.approvals;
     if (!port?.decide || this.busy || decision2 !== "deny" && (!this.#armed || !this.#whole(approval)))
       return;
-    const verdict = rulesOf(approval);
-    const always = approval.kind === "sudo" || approval.kind !== "tray" && approval.always;
-    if (decision2 === "always" && (!always || deniedSudo(approval) || verdict.certain || verdict.maybe || verdict.once))
-      return;
+    const live = port.list().find(({ id }) => id === approval.id);
+    if (decision2 === "always" && !(live && offersAlways(live))) return;
     this.busy = decision2;
     this.failure = null;
     this.#pending.add(approval.id);
@@ -50709,8 +50790,9 @@ var SliccApprovals = class extends ModelElement {
       ${files.length ? b`<ul class="files" data-attachments>${files.map((file) => b`<li>${file.name} · ${file.mimeType} · ${size3(file.size)}</li>`)}</ul>` : A}`;
   }
   #verdict(approval) {
-    const verdict = approval.kind === "tray" ? void 0 : approval.verdict;
-    return verdict ? b`<p class="verdict" data-verdict=${verdict.decision}>${verdict.decision === "unsure" ? "The automatic check wasn\u2019t sure" : `The automatic check would ${verdict.decision} this`}: ${verdict.reason}</p>` : A;
+    if (approval.kind === "tray") return A;
+    const note = verdictNote(approval);
+    return b`<div class="judge" aria-live="polite">${judged(approval)}${note ? b`<p class="hint" data-verdict-note>${note}</p>` : A}</div>`;
   }
   #actions(approval, rejected, always) {
     if (rejected)
@@ -50718,10 +50800,7 @@ var SliccApprovals = class extends ModelElement {
     const whole = this.#whole(approval);
     return b`${this.#button(approval, "deny", "Deny", "secondary")}
       ${whole && always ? this.#button(approval, "always", inCwd(approval) ? "Always allow in this directory" : "Always allow", "secondary") : A}
-      ${whole ? this.#button(approval, "once", deniedSudo(approval) ? "Allow anyway (once)" : "Allow once", "accent") : A}`;
-  }
-  #offered(approval, rules) {
-    return approval.kind !== "tray" && approval.always && !deniedSudo(approval) && !rules;
+      ${whole ? this.#button(approval, "once", "Allow once", "accent") : A}`;
   }
   render() {
     if (this.gone) {
@@ -50742,10 +50821,7 @@ var SliccApprovals = class extends ModelElement {
     const [approval, ...rest] = held2 ? [held2, ...list6.filter(({ id }) => id !== held2.id)] : list6;
     if (!approval) return A;
     const failure3 = this.failure?.id === approval.id ? this.failure.message : "";
-    const verdict = rulesOf(approval);
-    const rules = verdict.certain ?? verdict.maybe;
-    const offered = this.#offered(approval, rules);
-    const always = offered && !verdict.once;
+    const always = offersAlways(approval);
     const gate = this.#gate(approval);
     const hint2 = always && this.#whole(approval) ? hintOf(approval) : "";
     return this.#dialog(
@@ -50756,8 +50832,7 @@ var SliccApprovals = class extends ModelElement {
           ${this.#request(approval, true)}
           ${approval.kind === "sudo" && approval.cwd ? b`<p class="cwd">In ${commandText(approval.cwd, false)}</p>` : A}
           ${this.#verdict(approval)}
-          ${rules ? b`<div class="rules" data-secret-rules=${rules}><swc-icon-alert-triangle size="s" aria-hidden="true"></swc-icon-alert-triangle><p>${verdict.certain ? b`<strong>This changes secret rules.</strong> It names <code>${commandText(rules, false)}</code>, where SLICC keeps which secrets programs may use and where they may be sent.` : b`<strong>This may change secret rules.</strong> SLICC can't tell where <code>${commandText(rules, false)}</code> leads, and it could reach the files where SLICC keeps which secrets programs may use and where they may be sent.`} Allow it only if you asked for this change.</p></div>` : A}
-          ${offered ? onceOnly(verdict) : A}
+          ${legacyNotice(approval)}
           ${hint2 ? b`<p class="hint">${hint2}</p>` : A}
           ${!failure3 && gate ? b`<p class="hint" data-allow-hint>${gate}</p>` : A}
           ${failure3 ? b`<p class="problem" role="alert" data-error><swc-icon-alert-triangle size="s" aria-hidden="true"></swc-icon-alert-triangle><span>${failure3}</span></p>` : b`<p class="timer" data-timer>Denied automatically in ${countdown(approval.expiresAt - this.now)}.</p>`}
@@ -52498,7 +52573,7 @@ var SliccDiffPanel = class extends ThemedElement {
 // src/app/lucide.ts
 var library = null;
 function load2() {
-  library ??= import("./chunk-2UI4FYPN.js");
+  library ??= import("./chunk-GIS2QBSN.js");
   return library;
 }
 function pascal(name) {
@@ -53105,11 +53180,11 @@ var SliccMemory = class extends ModelElement {
     const scopes = this.#scopes;
     const scope = this.scope;
     const option2 = (item2) => b`<sp-menu-item value=${item2.id}>${item2.label}</sp-menu-item>`;
-    const shown4 = visible2(all2, scope, this.tag, this.query);
+    const shown5 = visible2(all2, scope, this.tag, this.query);
     const total = inScope(all2, scope);
     const filtered = this.tag !== "all" || this.query.trim() !== "";
     const current = scopes.find((item2) => item2.id === scope) ?? null;
-    return b`<div class="bar"><span>${shown4.length} of ${total} memories</span><span class="spacer"></span>
+    return b`<div class="bar"><span>${shown5.length} of ${total} memories</span><span class="spacer"></span>
         <swc-action-button size="s" quiet data-action="remember" @click=${() => this.editing = "new"}><swc-icon-add slot="icon"></swc-icon-add>Remember</swc-action-button>
       </div>
       <div class="tools">
@@ -53132,7 +53207,7 @@ var SliccMemory = class extends ModelElement {
       </div>
       <div class="list">
         ${this.editing === "new" ? b`<div class="row">${this.#form({ scope: scope === everyone ? "global" : scope })}</div>` : A}
-        ${shown4.length ? sections(shown4).map(
+        ${shown5.length ? sections(shown5).map(
       ([section, items]) => b`<section><h3>${section}</h3><ul>${items.map((memory) => this.#row(memory, section))}</ul></section>`
     ) : b`<div class="note">${emptyNote(total, filtered, current)}</div>`}
       </div>`;
@@ -54207,8 +54282,8 @@ var SliccSecrets = class extends ThemedElement {
       const before = entries[entries.length - 1]?.seq;
       const page = await vault.audit(before);
       if (this.model?.vault !== vault || !this.isConnected) return;
-      const shown4 = merged(vault.list()?.audit ?? [], this.older);
-      if (shown4[shown4.length - 1]?.seq !== before) return;
+      const shown5 = merged(vault.list()?.audit ?? [], this.older);
+      if (shown5[shown5.length - 1]?.seq !== before) return;
       this.older = merged(this.older, page.audit);
       this.more = page.more;
     } catch (error) {
@@ -54437,7 +54512,7 @@ var SliccSecrets = class extends ThemedElement {
     </li>`;
   }
   #audit(vault, list6, entries, devices) {
-    const shown4 = this.reveals ? entries.filter((entry) => entry.type === "materialize") : entries;
+    const shown5 = this.reveals ? entries.filter((entry) => entry.type === "materialize") : entries;
     const more = this.more ?? list6.auditMore;
     const back = returned(entries);
     return b`<div class="audit-head">
@@ -54446,7 +54521,7 @@ var SliccSecrets = class extends ThemedElement {
       this.reveals = event2.target.checked;
     }}>Only reveals to programs</sp-switch>
       </div>
-      ${shown4.length ? b`<ol class="audit" aria-labelledby="secrets-audit">${shown4.map((entry) => this.#entry(entry, devices, vault, entries, back))}</ol>` : b`<p class="muted" data-audit-empty>${this.reveals ? more ? "No reveals in the activity loaded so far." : "No program has been given a secret." : "Nothing has used a secret yet."}</p>`}
+      ${shown5.length ? b`<ol class="audit" aria-labelledby="secrets-audit">${shown5.map((entry) => this.#entry(entry, devices, vault, entries, back))}</ol>` : b`<p class="muted" data-audit-empty>${this.reveals ? more ? "No reveals in the activity loaded so far." : "No program has been given a secret." : "Nothing has used a secret yet."}</p>`}
       ${more ? b`<div class="row"><swc-button size="s" variant="secondary" fill-style="outline" data-action="older" ?pending=${this.loading} @click=${() => this.showOlder(vault, entries)}>Show older</swc-button></div>` : A}`;
   }
   #feedback() {
@@ -57578,10 +57653,10 @@ var SliccValueRequest = class extends ThemedElement {
     if (!vault || !request2) return A;
     const locked = !!vault.status()?.locked;
     const rest = queue.length - 1;
-    const shown4 = this.problem?.id === request2.id ? this.problem : null;
-    const problem = shown4?.text ?? "";
-    const name = this.#aria("name", shown4);
-    const field3 = this.#aria("value", shown4);
+    const shown5 = this.problem?.id === request2.id ? this.problem : null;
+    const problem = shown5?.text ?? "";
+    const name = this.#aria("name", shown5);
+    const field3 = this.#aria("value", shown5);
     return i23(
       request2.id,
       b`<dialog role="alertdialog" aria-labelledby="title" aria-describedby="asked" data-request=${request2.id} @cancel=${(event2) => {
@@ -57871,6 +57946,7 @@ var MutableDisposable = class {
 };
 var Event2;
 (function(_Event) {
+  _Event.map = (event2, fn) => (listener) => event2((e128) => listener(fn(e128)));
   _Event.any = (...children) => {
     return (listener) => {
       const disposables = children.map((child) => child(listener));
@@ -58020,21 +58096,25 @@ var AsapEvent = class {
   constructor() {
     this._onFired = new Emitter2();
     this._currentFireCount = 0;
+    this._pending = /* @__PURE__ */ new Set();
     this._queued = false;
-    this.onEvent = (e128) => {
+    this.onEvent = (listener) => {
       const fireCountAtTimeOfEventSubscription = this._currentFireCount;
-      return this._onFired.event(() => {
-        if (this._currentFireCount > fireCountAtTimeOfEventSubscription) e128();
+      return this._onFired.event((values) => {
+        if (this._currentFireCount > fireCountAtTimeOfEventSubscription) listener(values);
       });
     };
   }
-  fire() {
+  fire(value) {
     this._currentFireCount++;
+    this._pending.add(value);
     if (this._queued) return;
     this._queued = true;
     queueMicrotask(() => {
       this._queued = false;
-      this._onFired.fire();
+      const values = this._pending;
+      this._pending = /* @__PURE__ */ new Set();
+      this._onFired.fire(values);
     });
   }
   dispose() {
@@ -58456,9 +58536,16 @@ var PopoutWindow = class extends CompositeDisposable {
     this._onDidClose = new Emitter2();
     this.onDidClose = this._onDidClose.event;
     this._window = null;
-    this.addDisposables(this._onWillClose, this._onDidClose, { dispose: () => {
-      this.close();
-    } });
+    this.addDisposables(this._onWillClose, this._onDidClose);
+  }
+  /**
+  * Close before `super.dispose()` kills the close emitters, so an explicit
+  * dispose still fires `onWillClose` / `onDidClose` (the component's
+  * per-window teardown hangs off them). A closed window is a no-op.
+  */
+  dispose() {
+    this.close();
+    super.dispose();
   }
   dimensions() {
     if (!this._window) return null;
@@ -59641,7 +59728,8 @@ function cloneNode(node2, size4, orthogonalSize) {
     const result = new BranchNode(node2.orientation, node2.proportionalLayout, node2.styles, size4, orthogonalSize, node2.disabled, node2.margin);
     for (let i26 = node2.children.length - 1; i26 >= 0; i26--) {
       const child = node2.children[i26];
-      result.addChild(cloneNode(child, child.size, child.orthogonalSize), childSizing(node2, i26, child.size), 0, true);
+      const childSize = child instanceof BranchNode ? child.orthogonalSize : child.size;
+      result.addChild(cloneNode(child, child.size, child.orthogonalSize), childSizing(node2, i26, childSize), 0, true);
     }
     return result;
   } else return new LeafNode(node2.view, node2.orientation, orthogonalSize);
@@ -60109,10 +60197,11 @@ var Gridview = class {
     const sizes = grandParent.children.map((_size, i26) => grandParent.getChildSize(i26));
     grandParent.removeChild(parentIndex, sizing).dispose();
     if (sibling instanceof BranchNode) {
-      sizes.splice(parentIndex, 1, ...sibling.children.map((c29) => c29.size));
+      const childSizes = sibling.children.map((c29) => c29 instanceof BranchNode ? c29.orthogonalSize : c29.size);
+      sizes.splice(parentIndex, 1, ...childSizes);
       for (let i26 = 0; i26 < sibling.children.length; i26++) {
         const child = sibling.children[i26];
-        const childSize = childSizing(sibling, i26, child.size);
+        const childSize = childSizing(sibling, i26, childSizes[i26]);
         grandParent.addChild(child, !isSiblingVisible && typeof childSize === "number" ? Sizing.Invisible(childSize) : childSize, parentIndex + i26);
       }
       while (sibling.children.length > 0) sibling.removeChild(0);
@@ -60266,7 +60355,7 @@ var BaseGrid = class extends Resizable {
     this._onDidActiveChange = new Emitter2();
     this.onDidActiveChange = this._onDidActiveChange.event;
     this._bufferOnDidLayoutChange = new AsapEvent();
-    this.onDidLayoutChange = this._bufferOnDidLayoutChange.onEvent;
+    this.onDidLayoutChange = Event2.map(this._bufferOnDidLayoutChange.onEvent, (reasons) => ({ reasons }));
     this._onDidViewVisibilityChangeMicroTaskQueue = new AsapEvent();
     this.onDidViewVisibilityChangeMicroTaskQueue = this._onDidViewVisibilityChangeMicroTaskQueue.onEvent;
     this.element.style.height = "100%";
@@ -60288,14 +60377,18 @@ var BaseGrid = class extends Resizable {
     }), Disposable.from(() => {
       this.element.remove();
     }), this.gridview.onDidChange(() => {
-      this._bufferOnDidLayoutChange.fire();
-    }), Event2.any(this.onDidAdd, this.onDidRemove, this.onDidActiveChange)(() => {
-      this._bufferOnDidLayoutChange.fire();
+      this._bufferOnDidLayoutChange.fire("geometry");
+    }), Event2.any(this.onDidAdd, this.onDidRemove)(() => {
+      this._bufferOnDidLayoutChange.fire("structure");
+    }), this.onDidActiveChange(() => {
+      this._bufferOnDidLayoutChange.fire("activePanel");
+    }), this.onDidMaximizedChange(() => {
+      this._bufferOnDidLayoutChange.fire("geometry");
     }), this._onDidMaximizedChange, this._onDidViewVisibilityChangeMicroTaskQueue, this._bufferOnDidLayoutChange);
   }
   setVisible(panel, visible3) {
     this.gridview.setViewVisible(getGridLocation(panel.element), visible3);
-    this._bufferOnDidLayoutChange.fire();
+    this._bufferOnDidLayoutChange.fire("geometry");
   }
   isVisible(panel) {
     return this.gridview.isViewVisible(getGridLocation(panel.element));
@@ -60609,6 +60702,7 @@ var DockviewApi = class {
   }
   /**
   * Invoked when any layout change occures, an aggregation of many events.
+  * The event carries the `reasons` for the change.
   */
   get onDidLayoutChange() {
     return this.component.onDidLayoutChange;
@@ -62192,7 +62286,9 @@ var PointerDragSource = class extends CompositeDisposable {
     var _this$_startEvent, _this$options$onDragS, _this$options2, _this$options$createG, _this$options3;
     const startEvent = (_this$_startEvent = this._startEvent) !== null && _this$_startEvent !== void 0 ? _this$_startEvent : triggerEvent;
     this._cancelPending();
+    const wasPrevented = startEvent.defaultPrevented;
     (_this$options$onDragS = (_this$options2 = this.options).onDragStart) === null || _this$options$onDragS === void 0 || _this$options$onDragS.call(_this$options2, startEvent);
+    if (startEvent.defaultPrevented && !wasPrevented) return;
     const ghost = (_this$options$createG = (_this$options3 = this.options).createGhost) === null || _this$options$createG === void 0 ? void 0 : _this$options$createG.call(_this$options3, startEvent);
     PointerDragController.getInstance().beginDrag({
       pointerEvent: triggerEvent,
@@ -62266,17 +62362,19 @@ var Html5DragSource = class extends CompositeDisposable {
     this._pointerEventsDisposable = new MutableDisposable();
     this._disabled = !!opts.disabled;
     this.addDisposables(this._dataDisposable, this._pointerEventsDisposable, addDisposableListener(this.el, "dragstart", (event2) => {
-      var _this$opts$isCancelle, _this$opts, _this$el$ownerDocumen, _this$opts$createGhos, _this$opts2, _this$opts$onDragStar, _this$opts3;
+      var _this$opts$isCancelle, _this$opts, _this$opts$onDragStar, _this$opts2, _this$el$ownerDocumen, _this$opts$createGhos, _this$opts3;
       if (event2.defaultPrevented || this._disabled || ((_this$opts$isCancelle = (_this$opts = this.opts).isCancelled) === null || _this$opts$isCancelle === void 0 ? void 0 : _this$opts$isCancelle.call(_this$opts, event2))) {
         event2.preventDefault();
         return;
       }
+      (_this$opts$onDragStar = (_this$opts2 = this.opts).onDragStart) === null || _this$opts$onDragStar === void 0 || _this$opts$onDragStar.call(_this$opts2, event2);
+      if (event2.defaultPrevented) return;
       const iframes = disableIframePointEvents((_this$el$ownerDocumen = this.el.ownerDocument) !== null && _this$el$ownerDocumen !== void 0 ? _this$el$ownerDocumen : document);
       this._pointerEventsDisposable.value = { dispose: () => iframes.release() };
       this.el.classList.add("dv-dragged");
       setTimeout(() => this.el.classList.remove("dv-dragged"), 0);
       this._dataDisposable.value = this.opts.getData(event2);
-      const ghost = (_this$opts$createGhos = (_this$opts2 = this.opts).createGhost) === null || _this$opts$createGhos === void 0 ? void 0 : _this$opts$createGhos.call(_this$opts2, event2);
+      const ghost = (_this$opts$createGhos = (_this$opts3 = this.opts).createGhost) === null || _this$opts$createGhos === void 0 ? void 0 : _this$opts$createGhos.call(_this$opts3, event2);
       if (ghost && event2.dataTransfer) {
         var _ghost$offsetX, _ghost$offsetY, _this$el$ownerDocumen2;
         addGhostImage(event2.dataTransfer, ghost.element, {
@@ -62294,7 +62392,6 @@ var Html5DragSource = class extends CompositeDisposable {
         event2.dataTransfer.effectAllowed = "move";
         if (event2.dataTransfer.items.length === 0) event2.dataTransfer.setData("text/plain", "");
       }
-      (_this$opts$onDragStar = (_this$opts3 = this.opts).onDragStart) === null || _this$opts$onDragStar === void 0 || _this$opts$onDragStar.call(_this$opts3, event2);
     }), addDisposableListener(this.el, "dragend", (event2) => {
       var _this$opts$onDragEnd, _this$opts4;
       this._pointerEventsDisposable.dispose();
@@ -62500,7 +62597,7 @@ var BasePanelView = class extends CompositeDisposable {
       height
     });
     if (this.part) {
-      if (this._params) this.part.update(this._params.params);
+      if (this._params) this.part.update({ params: this._params.params });
     }
   }
   init(parameters) {
@@ -62936,7 +63033,7 @@ var Tab = class extends CompositeDisposable {
       onDragStart: (event2) => {
         var _this$accessor$option2;
         this._onDragStart.fire(event2);
-        if (!(event2 instanceof PointerEvent) && ((_this$accessor$option2 = this.accessor.options.theme) === null || _this$accessor$option2 === void 0 ? void 0 : _this$accessor$option2.tabAnimation) === "smooth") requestAnimationFrame(() => {
+        if (!event2.defaultPrevented && !(event2 instanceof PointerEvent) && ((_this$accessor$option2 = this.accessor.options.theme) === null || _this$accessor$option2 === void 0 ? void 0 : _this$accessor$option2.tabAnimation) === "smooth") requestAnimationFrame(() => {
           toggleClass(this.element, "dv-tab--dragging", true);
         });
       },
@@ -63208,8 +63305,10 @@ var GroupDragSource = class extends CompositeDisposable {
       },
       onDragStart: (event2) => {
         var _this$getFloatingOver;
-        (_this$getFloatingOver = this.getFloatingOverlay()) === null || _this$getFloatingOver === void 0 || _this$getFloatingOver.cancelPendingDrag();
+        const wasPrevented = event2.defaultPrevented;
         this._onDragStart.fire(event2);
+        if (event2.defaultPrevented && !wasPrevented) return;
+        (_this$getFloatingOver = this.getFloatingOverlay()) === null || _this$getFloatingOver === void 0 || _this$getFloatingOver.cancelPendingDrag();
       }
     }));
     const overlayMoveSub = new MutableDisposable();
@@ -66012,10 +66111,12 @@ var Tabs = class extends CompositeDisposable {
       value: tab,
       disposable: new CompositeDisposable(tab.onDragStart((event2) => {
         var _this$accessor$option2;
+        const wasPrevented = event2.defaultPrevented;
         this._onTabDragStart.fire({
           nativeEvent: event2,
           panel
         });
+        if (event2.defaultPrevented && !wasPrevented) return;
         if (((_this$accessor$option2 = this.accessor.options.theme) === null || _this$accessor$option2 === void 0 ? void 0 : _this$accessor$option2.tabAnimation) === "smooth") {
           const tabSize = mainAxisSize(tab.element.getBoundingClientRect(), this._direction);
           const sourceIndex = this._tabs.findIndex((x5) => x5.value === tab);
@@ -69478,7 +69579,7 @@ var FloatingGroupService = class {
     floatingGroupPanel.addDisposables(group.api.onDidActivePanelChange(() => updateDialogLabel()), overlay.onDidChange(() => {
       gridview.layout(gridview.width, gridview.height);
     }), overlay.onDidChangeEnd(() => {
-      this._host.fireLayoutChange();
+      this._host.fireLayoutChange("geometry");
     }), group.onDidChange((event2) => {
       overlay.setBounds({
         height: typeof (event2 === null || event2 === void 0 ? void 0 : event2.height) === "number" ? event2.height + overlay.headerHeight : event2 === null || event2 === void 0 ? void 0 : event2.height,
@@ -72251,8 +72352,9 @@ var DockviewComponent = class extends BaseGrid {
   hasVisibleGridGroup() {
     return this.groups.some((group) => group.api.location.type === "grid" && group.api.isVisible);
   }
-  fireLayoutChange() {
-    this._bufferOnDidLayoutChange.fire();
+  /** Ping `onDidLayoutChange` (coalesced) with why the layout changed. */
+  fireLayoutChange(reason) {
+    this._bufferOnDidLayoutChange.fire(reason);
   }
   /**
   * Promise that resolves when all popout groups from the last fromJSON call are restored.
@@ -72398,8 +72500,10 @@ var DockviewComponent = class extends BaseGrid {
       (_this$floatingDropTar = this.floatingDropTargetContainer.model) === null || _this$floatingDropTar === void 0 || _this$floatingDropTar.clear();
     }, true), this.overlayRenderContainer, this._onWillDragPanel, this._onWillDragGroup, this._onWillShowOverlay, this._onDidActivePanelChange, this._onDidPanelPinnedChange, this._onDidAddPanel, this._onDidRemovePanel, this._onDidLayoutFromJSON, this._onDidDrop, this._onWillDrop, this._onWillMutateLayout, this._onDidMutateLayout, this._onDidMovePanel, this._onDidMovePanel.event(() => {
       this.debouncedUpdateAllPositions();
-    }), this._onDidAddGroup, this._onDidRemoveGroup, this._onDidEdgeGroupAutoHideChange, this._onDidActiveGroupChange, this._onUnhandledDragOver, this._onDidMaximizedGroupChange, this._onDidPopoutGroupSizeChange, this._onDidPopoutGroupPositionChange, this._onDidAddPopoutGroup, this._onDidRemovePopoutGroup, this._onDidChangePopouts, this._onDidAddPopoutGroup.event(() => this._onDidChangePopouts.fire()), this._onDidRemovePopoutGroup.event(() => this._onDidChangePopouts.fire()), this._onDidOpenPopoutWindowFail, this._onDidStartFloatingGroupDrag, this._onDidEndFloatingGroupDrag, this._onDidCreateTabGroup, this._onDidDestroyTabGroup, this._onDidAddPanelToTabGroup, this._onDidRemovePanelFromTabGroup, this._onDidTabGroupChange, this._onDidTabGroupCollapsedChange, Event2.any(this.onDidPopoutGroupSizeChange, this.onDidPopoutGroupPositionChange, this.onDidCreateTabGroup, this.onDidDestroyTabGroup, this.onDidAddPanelToTabGroup, this.onDidRemovePanelFromTabGroup, this.onDidTabGroupChange, this.onDidTabGroupCollapsedChange)(() => {
-      this.fireLayoutChange();
+    }), this._onDidAddGroup, this._onDidRemoveGroup, this._onDidEdgeGroupAutoHideChange, this._onDidActiveGroupChange, this._onUnhandledDragOver, this._onDidMaximizedGroupChange, this._onDidPopoutGroupSizeChange, this._onDidPopoutGroupPositionChange, this._onDidAddPopoutGroup, this._onDidRemovePopoutGroup, this._onDidChangePopouts, this._onDidAddPopoutGroup.event(() => this._onDidChangePopouts.fire()), this._onDidRemovePopoutGroup.event(() => this._onDidChangePopouts.fire()), this._onDidOpenPopoutWindowFail, this._onDidStartFloatingGroupDrag, this._onDidEndFloatingGroupDrag, this._onDidCreateTabGroup, this._onDidDestroyTabGroup, this._onDidAddPanelToTabGroup, this._onDidRemovePanelFromTabGroup, this._onDidTabGroupChange, this._onDidTabGroupCollapsedChange, Event2.any(this.onDidPopoutGroupSizeChange, this.onDidPopoutGroupPositionChange)(() => {
+      this.fireLayoutChange("geometry");
+    }), Event2.any(this.onDidCreateTabGroup, this.onDidDestroyTabGroup, this.onDidAddPanelToTabGroup, this.onDidRemovePanelFromTabGroup, this.onDidTabGroupChange, this.onDidTabGroupCollapsedChange)(() => {
+      this.fireLayoutChange("structure");
     }), this._onDidOptionsChange, this.onDidAdd((event2) => {
       if (!this._moving) this._onDidAddGroup.fire(event2);
     }), this.onDidRemove((event2) => {
@@ -72411,8 +72515,10 @@ var DockviewComponent = class extends BaseGrid {
         group: event2.panel,
         isMaximized: event2.isMaximized
       });
-    }), Event2.any(this.onDidAddPanel, this.onDidRemovePanel, this.onDidAddGroup, this.onDidRemove, this.onDidRemoveGroup, this.onDidMovePanel, this.onDidActivePanelChange)(() => {
-      this._bufferOnDidLayoutChange.fire();
+    }), Event2.any(this.onDidAddPanel, this.onDidRemovePanel, this.onDidAddGroup, this.onDidRemove, this.onDidRemoveGroup, this.onDidMovePanel)(() => {
+      this._bufferOnDidLayoutChange.fire("structure");
+    }), this.onDidActivePanelChange(() => {
+      this._bufferOnDidLayoutChange.fire("activePanel");
     }), Disposable.from(() => {
       var _this$_shellManager2;
       this._moduleRegistry.dispose();
@@ -72774,10 +72880,13 @@ var DockviewComponent = class extends BaseGrid {
   }
   /**
   * Teardown for a popout window's `popoutWindowDisposable`. Runs when the
-  * window closes (by user, by `removeGroup`, or by component disposal):
-  * relocates every member group back to the main grid (or to a floating
-  * window when the anchor came from one), then disposes the nested gridview.
-  * `closeResult.returnedGroup` is read by the entry's `dispose()` contract.
+  * window closes (by user, by `removeGroup` / `moveGroup`, or by component
+  * disposal). On a genuine close it relocates every member group back to
+  * the main grid (or to a floating window when the anchor came from one),
+  * then disposes the nested gridview. On an explicit removal it only hands
+  * the anchor back and disposes the nested gridview: the remover places the
+  * group itself. `closeResult.returnedGroup` is read by the entry's
+  * `dispose()` contract.
   */
   disposePopoutWindow(params) {
     var _this$_popoutWindowSe7;
@@ -72790,8 +72899,17 @@ var DockviewComponent = class extends BaseGrid {
     const members = this.groups.filter((candidate) => popoutGridview.element.contains(candidate.element));
     const anchorPresent = members.includes(group);
     const anchorIsSoleMember = anchorPresent && members.length === 1;
+    if (!genuineClose) {
+      if (anchorPresent && this.getPanel(group.id)) {
+        group.model.renderContainer = this.overlayRenderContainer;
+        group.model.dropTargetContainer = this.rootDropTargetContainer;
+        closeResult.returnedGroup = group;
+      }
+      disposePopoutGridview();
+      return;
+    }
     const movedPanels = [];
-    if (genuineClose) for (const member of members) {
+    for (const member of members) {
       if (member === group) continue;
       this.movingLock(() => {
         this.doRemoveGroup(member, {
@@ -72822,10 +72940,6 @@ var DockviewComponent = class extends BaseGrid {
       group.model.renderContainer = this.overlayRenderContainer;
       group.model.dropTargetContainer = this.rootDropTargetContainer;
       closeResult.returnedGroup = group;
-      if (!genuineClose) {
-        disposePopoutGridview();
-        return;
-      }
       if (floatingBox && anchorIsSoleMember) this.addFloatingGroup(group, {
         height: floatingBox.height,
         width: floatingBox.width,
@@ -73554,11 +73668,13 @@ var DockviewComponent = class extends BaseGrid {
     } catch (err) {
       var _this$_floatingGroupS6;
       console.error("dockview: failed to deserialize layout. Reverting changes", err);
-      for (const group of this.groups) for (const panel of group.panels) this.removePanel(panel, {
+      for (const group of this.groups) for (const panel of group.panels.slice()) this.removePanel(panel, {
         removeEmptyGroup: false,
         skipDispose: false
       });
       for (const group of this.groups) {
+        var _this$_edgeGroupServi9;
+        if ((_this$_edgeGroupServi9 = this._edgeGroupService) === null || _this$_edgeGroupServi9 === void 0 ? void 0 : _this$_edgeGroupServi9.includes(group)) continue;
         group.dispose();
         this._groups.delete(group.id);
         this._onDidRemoveGroup.fire(group);
@@ -73713,8 +73829,8 @@ var DockviewComponent = class extends BaseGrid {
     const groups2 = Array.from(this._groups.values()).map((_7) => _7.value);
     const hasActiveGroup = !!this.activeGroup;
     for (const group of groups2) {
-      var _this$_edgeGroupServi9;
-      if ((_this$_edgeGroupServi9 = this._edgeGroupService) === null || _this$_edgeGroupServi9 === void 0 ? void 0 : _this$_edgeGroupServi9.includes(group)) {
+      var _this$_edgeGroupServi10;
+      if ((_this$_edgeGroupServi10 = this._edgeGroupService) === null || _this$_edgeGroupServi10 === void 0 ? void 0 : _this$_edgeGroupServi10.includes(group)) {
         const panels = [...group.panels];
         for (const panel of panels) this.removePanel(panel, { removeEmptyGroup: false });
         continue;
@@ -74145,8 +74261,8 @@ var DockviewComponent = class extends BaseGrid {
     }
   }
   doRemoveGroup(group, options3) {
-    var _this$_edgeGroupServi10;
-    if ((_this$_edgeGroupServi10 = this._edgeGroupService) === null || _this$_edgeGroupServi10 === void 0 ? void 0 : _this$_edgeGroupServi10.includes(group)) return group;
+    var _this$_edgeGroupServi11;
+    if ((_this$_edgeGroupServi11 = this._edgeGroupService) === null || _this$_edgeGroupServi11 === void 0 ? void 0 : _this$_edgeGroupServi11.includes(group)) return group;
     const panels = [...group.panels];
     if (!(options3 === null || options3 === void 0 ? void 0 : options3.skipDispose)) for (const panel of panels) {
       var _options$skipDispose;
@@ -74783,8 +74899,10 @@ var DockviewComponent = class extends BaseGrid {
         if (this._moving) return;
         if (event2.panel !== this.activePanel) return;
         if (((_this$_onDidActivePan3 = this._onDidActivePanelChange.value) === null || _this$_onDidActivePan3 === void 0 ? void 0 : _this$_onDidActivePan3.panel) !== event2.panel) this.fireActivePanelChange(event2.panel);
-      }), Event2.any(view.model.onDidPanelTitleChange, view.model.onDidPanelParametersChange)(() => {
-        this._bufferOnDidLayoutChange.fire();
+      }), view.model.onDidPanelTitleChange(() => {
+        this._bufferOnDidLayoutChange.fire("panelTitle");
+      }), view.model.onDidPanelParametersChange(() => {
+        this._bufferOnDidLayoutChange.fire("panelParameters");
       }));
       this._groups.set(view.id, {
         value: view,
@@ -84505,8 +84623,8 @@ var SliccFileTree = class extends HTMLElement {
       const item2 = tree?.getItem(path2);
       return item2 && "isExpanded" in item2 ? item2.isExpanded() : null;
     };
-    const shown4 = (path2) => path2.split("/").slice(0, -2).every((_7, i26, parts3) => open(`${parts3.slice(0, i26 + 1).join("/")}/`) !== false);
-    return this.#paths.filter((path2) => path2.endsWith("/") && open(path2) === true && shown4(path2)).map((path2) => path2.slice(0, -1));
+    const shown5 = (path2) => path2.split("/").slice(0, -2).every((_7, i26, parts3) => open(`${parts3.slice(0, i26 + 1).join("/")}/`) !== false);
+    return this.#paths.filter((path2) => path2.endsWith("/") && open(path2) === true && shown5(path2)).map((path2) => path2.slice(0, -1));
   }
   get gitStatus() {
     return this.#status;
@@ -84871,7 +84989,7 @@ lit-html/static.js:
 dockview-core/dist/package/main.esm.mjs:
   (**
    * dockview-core
-   * @version 8.7.1
+   * @version 8.8.0
    * @link https://github.com/dockview/dockview
    * @license MIT
    *)