@ai-ecoverse/slicc-spectrum 2.3.1 → 2.4.1

package/dist/slicc-ui.js

@@ -10403,10 +10403,10 @@ function parseAnsi(text4, streaming = false) {
   const runs = [];
   let style2 = plain;
   let start2 = 0;
-  const push2 = (end) => {
-    if (end <= start2) return;
+  const push2 = (end2) => {
+    if (end2 <= start2) return;
     const last = runs.at(-1);
-    const piece = text4.slice(start2, end);
+    const piece = text4.slice(start2, end2);
     if (last?.style === style2) last.text += piece;
     else runs.push({ text: piece, style: style2 });
   };
@@ -10536,53 +10536,30 @@ function ansi(text4, streaming = false, surface2) {
 }
 
 // src/app/command.ts
-var toShow = "Show the full command to allow it.";
 var toScroll = "Scroll to the end of the command to allow it.";
-var clampCss = i`
-  .command [data-clamp] {
-    display: block;
-    max-block-size: 4lh;
-    overflow: hidden;
-  }
-  .full-command .chevron {
-    transition: transform var(--swc-animation-duration-100) var(--swc-animation-ease-out);
-  }
-  .full-command[data-shown] .chevron {
-    transform: rotate(180deg);
-  }
-  @media (prefers-reduced-motion: reduce) {
-    .full-command .chevron {
-      transition: none;
-    }
+var endCss = i`
+  .command .end {
+    display: inline-block;
+    inline-size: 0;
+    block-size: 0;
   }
 `;
-var Cuts = class {
-  #cuts = /* @__PURE__ */ new Map();
-  #root;
-  #changed;
-  #observer = new ResizeObserver(() => this.measure());
-  constructor(root, changed2) {
-    this.#root = root;
-    this.#changed = changed2;
-  }
-  get(id) {
-    return this.#cuts.get(id);
-  }
-  measure() {
-    let changed2 = false;
-    for (const command2 of this.#root().querySelectorAll(".command [data-clamp]")) {
-      this.#observer.observe(command2);
-      const id = command2.dataset.clamp;
-      const cut = command2.clientHeight ? command2.scrollHeight > command2.clientHeight + 1 : void 0;
-      if (this.#cuts.get(id) === cut) continue;
-      changed2 = true;
-      if (cut === void 0) this.#cuts.delete(id);
-      else this.#cuts.set(id, cut);
-    }
-    if (changed2) this.#changed();
+var end = (id) => b`<span class="end" data-end=${id}></span>`;
+var Watched = class {
+  #observer;
+  #targets = /* @__PURE__ */ new Set();
+  constructor(observer) {
+    this.#observer = observer;
+  }
+  sync(targets) {
+    const next = new Set(targets);
+    for (const target of this.#targets) if (!next.has(target)) this.#observer.unobserve(target);
+    for (const target of next) if (!this.#targets.has(target)) this.#observer.observe(target);
+    this.#targets = next;
   }
   disconnect() {
     this.#observer.disconnect();
+    this.#targets.clear();
   }
 };
 var Ends = class {
@@ -10622,16 +10599,62 @@ var Ends = class {
     this.#seen.delete(id);
     this.#looked.delete(id);
   }
+  #watched = new Watched(this.#observer);
   observe() {
-    for (const end of this.#root().querySelectorAll("[data-end]"))
-      this.#observer.observe(end);
+    this.#watched.sync(this.#root().querySelectorAll("[data-end]"));
   }
   disconnect() {
-    this.#observer.disconnect();
+    this.#watched.disconnect();
   }
 };
-function fullCommand(shown6, toggle) {
-  return b`<swc-action-button size="s" quiet class="full-command" data-action="full-command" data-shown=${shown6 ? "" : A} aria-expanded=${shown6 ? "true" : "false"} @click=${toggle}><swc-icon-chevron-down slot="icon" class="chevron" aria-hidden="true"></swc-icon-chevron-down>${shown6 ? "Hide the full command" : "Show the full command"}</swc-action-button>`;
+var Arming = class {
+  #ms;
+  #changed = 0;
+  #pressed = 0;
+  #layout = "";
+  constructor(ms) {
+    this.#ms = ms;
+  }
+  arm() {
+    this.#changed = performance.now();
+  }
+  press = () => {
+    this.#pressed = performance.now();
+  };
+  settled(at = performance.now()) {
+    return at - this.#changed >= this.#ms();
+  }
+  counts(event2) {
+    return this.settled(event2.detail ? this.#pressed : performance.now());
+  }
+  watch(layout2) {
+    if (layout2 === this.#layout) return;
+    this.#layout = layout2;
+    this.arm();
+  }
+  forget() {
+    this.#layout = "";
+  }
+};
+function layout(buttons, head = [], frame) {
+  const box = frame?.getBoundingClientRect();
+  const x5 = box ? box.left - frame.scrollLeft : 0;
+  const y8 = box ? box.top - frame.scrollTop : 0;
+  return JSON.stringify([
+    ...head,
+    box ? [box.left, box.top].map(Math.round) : null,
+    buttons.map((button) => {
+      const { left, top, width, height } = button.getBoundingClientRect();
+      return [
+        button.closest("[data-id]")?.dataset.id ?? null,
+        button.dataset.action,
+        button.textContent,
+        button.hasAttribute("disabled"),
+        button.hasAttribute("pending"),
+        ...width || height ? [left - x5, top - y8, width, height].map(Math.round) : []
+      ];
+    })
+  ]);
 }
 
 // node_modules/@adobe/spectrum-wc/dist/components/ui-icons/ui-icons.types.js
@@ -14484,13 +14507,13 @@ function decodeNamedCharacterReference(value) {
 
 // node_modules/micromark-util-chunked/index.js
 function splice(list6, start2, remove2, items) {
-  const end = list6.length;
+  const end2 = list6.length;
   let chunkStart = 0;
   let parameters;
   if (start2 < 0) {
-    start2 = -start2 > end ? 0 : end + start2;
+    start2 = -start2 > end2 ? 0 : end2 + start2;
   } else {
-    start2 = start2 > end ? end : start2;
+    start2 = start2 > end2 ? end2 : start2;
   }
   remove2 = remove2 > 0 ? remove2 : 0;
   if (items.length < 1e4) {
@@ -15044,11 +15067,11 @@ function resolveAllAttention(events, context) {
           const start2 = {
             ...events[open][1].end
           };
-          const end = {
+          const end2 = {
             ...events[index2][1].start
           };
           movePoint(start2, -use);
-          movePoint(end, use);
+          movePoint(end2, use);
           const openingSequence = {
             type: use > 1 ? "strongSequence" : "emphasisSequence",
             start: start2,
@@ -15061,7 +15084,7 @@ function resolveAllAttention(events, context) {
             start: {
               ...events[index2][1].start
             },
-            end
+            end: end2
           };
           const text4 = {
             type: use > 1 ? "strongText" : "emphasisText",
@@ -15825,8 +15848,8 @@ var SpliceBuffer = class {
    * @returns {Array<T>}
    *   Array of items.
    */
-  slice(start2, end) {
-    const stop = end === null || end === void 0 ? Number.POSITIVE_INFINITY : end;
+  slice(start2, end2) {
+    const stop = end2 === null || end2 === void 0 ? Number.POSITIVE_INFINITY : end2;
     if (stop < this.left.length) {
       return this.left.slice(start2, stop);
     }
@@ -17123,7 +17146,7 @@ function tokenizeHtmlText(effects, ok4, nok) {
     return comment(code3);
   }
   function commentEnd(code3) {
-    return code3 === 62 ? end(code3) : code3 === 45 ? commentClose(code3) : comment(code3);
+    return code3 === 62 ? end2(code3) : code3 === 45 ? commentClose(code3) : comment(code3);
   }
   function cdataOpenInside(code3) {
     const value = "CDATA[";
@@ -17157,7 +17180,7 @@ function tokenizeHtmlText(effects, ok4, nok) {
   }
   function cdataEnd(code3) {
     if (code3 === 62) {
-      return end(code3);
+      return end2(code3);
     }
     if (code3 === 93) {
       effects.consume(code3);
@@ -17167,7 +17190,7 @@ function tokenizeHtmlText(effects, ok4, nok) {
   }
   function declaration(code3) {
     if (code3 === null || code3 === 62) {
-      return end(code3);
+      return end2(code3);
     }
     if (markdownLineEnding(code3)) {
       returnState = declaration;
@@ -17192,7 +17215,7 @@ function tokenizeHtmlText(effects, ok4, nok) {
     return instruction;
   }
   function instructionClose(code3) {
-    return code3 === 62 ? end(code3) : instruction(code3);
+    return code3 === 62 ? end2(code3) : instruction(code3);
   }
   function tagCloseStart(code3) {
     if (asciiAlpha(code3)) {
@@ -17217,7 +17240,7 @@ function tokenizeHtmlText(effects, ok4, nok) {
       effects.consume(code3);
       return tagCloseBetween;
     }
-    return end(code3);
+    return end2(code3);
   }
   function tagOpen(code3) {
     if (code3 === 45 || asciiAlphanumeric(code3)) {
@@ -17232,7 +17255,7 @@ function tokenizeHtmlText(effects, ok4, nok) {
   function tagOpenBetween(code3) {
     if (code3 === 47) {
       effects.consume(code3);
-      return end;
+      return end2;
     }
     if (code3 === 58 || code3 === 95 || asciiAlpha(code3)) {
       effects.consume(code3);
@@ -17246,7 +17269,7 @@ function tokenizeHtmlText(effects, ok4, nok) {
       effects.consume(code3);
       return tagOpenBetween;
     }
-    return end(code3);
+    return end2(code3);
   }
   function tagOpenAttributeName(code3) {
     if (code3 === 45 || code3 === 46 || code3 === 58 || code3 === 95 || asciiAlphanumeric(code3)) {
@@ -17322,7 +17345,7 @@ function tokenizeHtmlText(effects, ok4, nok) {
     }
     return nok(code3);
   }
-  function end(code3) {
+  function end2(code3) {
     if (code3 === 62) {
       effects.consume(code3);
       effects.exit("htmlTextData");
@@ -18538,7 +18561,7 @@ function preprocess() {
   let start2 = true;
   let atCarriageReturn;
   return preprocessor;
-  function preprocessor(value, encoding, end) {
+  function preprocessor(value, encoding, end2) {
     value = buffer + (typeof value === "string" ? value.toString() : new TextDecoder(encoding || void 0).decode(value));
     const chunks = [];
     let startPosition = 0;
@@ -18597,7 +18620,7 @@ function preprocess() {
       }
       startPosition = endPosition + 1;
     }
-    if (end) {
+    if (end2) {
       if (atCarriageReturn) {
         chunks.push(-5);
       }
@@ -18850,7 +18873,7 @@ function compiler(options2) {
     }
   }
   function prepareList(events, start2) {
-    const end = events.length - 1;
+    const end2 = events.length - 1;
     let index2 = start2 - 1;
     let containerBalance = -1;
     let listSpread = false;
@@ -18859,7 +18882,7 @@ function compiler(options2) {
     let firstBlankLineIndex;
     let atMarker;
     const insertions = [];
-    while (++index2 <= end) {
+    while (++index2 <= end2) {
       const event2 = events[index2];
       switch (event2[1].type) {
         case "listUnordered":
@@ -20896,8 +20919,8 @@ function flushCell(map, context, range2, rowKind, rowEnd, previousCell) {
     map.add(range2[2], 0, [["enter", valueToken, context]]);
     if (rowKind !== 2) {
       const start2 = context.events[range2[2]];
-      const end = context.events[range2[3]];
-      start2[1].end = Object.assign({}, end[1].end);
+      const end2 = context.events[range2[3]];
+      start2[1].end = Object.assign({}, end2[1].end);
       start2[1].type = "chunkText";
       start2[1].contentType = "text";
       if (range2[3] > range2[2] + 1) {
@@ -21711,19 +21734,19 @@ var InteractionManager = class {
       lineNumber: range2.start,
       side: range2.side
     };
-    const end = {
+    const end2 = {
       lineNumber: range2.end,
       side: range2.endSide ?? range2.side
     };
     const startIndex = this.selectionPointRowIndex(start2);
-    const endIndex = this.selectionPointRowIndex(end);
+    const endIndex = this.selectionPointRowIndex(end2);
     if (startIndex == null || endIndex == null) return;
     return startIndex > endIndex ? {
-      top: end,
+      top: end2,
       bottom: start2
     } : {
       top: start2,
-      bottom: end
+      bottom: end2
     };
   }
   selectionPointRowIndex(point3) {
@@ -22040,10 +22063,10 @@ var InteractionManager = class {
   buildSelectedLineRange(anchor, current) {
     return this.buildSelectionRange(anchor.lineNumber, current.lineNumber, anchor.side, current.side);
   }
-  buildSelectionRange(start2, end, side, endSide) {
+  buildSelectionRange(start2, end2, side, endSide) {
     return {
       start: start2,
-      end,
+      end: end2,
       ...side != null ? { side } : {},
       ...side !== endSide && endSide != null ? { endSide } : {}
     };
@@ -23383,8 +23406,8 @@ function linesFromFileContents(contents) {
   const offsets = computeLineOffsets(contents);
   return Array.from({ length: offsets.length }, (_7, i26) => {
     const start2 = offsets[i26];
-    const end = offsets[i26 + 1] ?? contents.length;
-    return contents.slice(start2, end);
+    const end2 = offsets[i26 + 1] ?? contents.length;
+    return contents.slice(start2, end2);
   });
 }
 
@@ -25957,12 +25980,12 @@ function getLoadedFileCacheKey(oldFile, newFile) {
 
 // node_modules/@pierre/diffs/dist/utils/cleanLastNewline.js
 function cleanLastNewline(contents) {
-  let end = contents.length;
-  if (contents.charCodeAt(end - 1) === 10) {
-    end--;
-    if (contents.charCodeAt(end - 1) === 13) end--;
+  let end2 = contents.length;
+  if (contents.charCodeAt(end2 - 1) === 10) {
+    end2--;
+    if (contents.charCodeAt(end2 - 1) === 13) end2--;
   }
-  return contents.slice(0, end);
+  return contents.slice(0, end2);
 }
 
 // node_modules/@pierre/diffs/dist/utils/detachString.js
@@ -27747,12 +27770,12 @@ function getNearestRenderableAdditionLine({ fileDiff, lineNumber, direction, exp
   }
   if (lineNumber >= modeledEnd) return lineNumber;
   if (direction === "down") {
-    for (const [start2, end] of ranges2) if (end > lineNumber) return Math.max(start2, lineNumber);
+    for (const [start2, end2] of ranges2) if (end2 > lineNumber) return Math.max(start2, lineNumber);
     return;
   }
   for (let index2 = ranges2.length - 1; index2 >= 0; index2--) {
-    const [start2, end] = ranges2[index2];
-    if (start2 <= lineNumber) return Math.min(end - 1, lineNumber);
+    const [start2, end2] = ranges2[index2];
+    if (start2 <= lineNumber) return Math.min(end2 - 1, lineNumber);
   }
 }
 
@@ -28116,20 +28139,20 @@ function getContextLineIterationBounds(state2, count2, diffStyle) {
   const ranges2 = [];
   function pushRange(currentCount) {
     const start3 = Math.max(0, state2.viewportStart - currentCount);
-    const end2 = Math.min(count2, state2.viewportEnd - currentCount);
-    if (end2 > start3) ranges2.push([start3, end2]);
+    const end3 = Math.min(count2, state2.viewportEnd - currentCount);
+    if (end3 > start3) ranges2.push([start3, end3]);
   }
   if (diffStyle !== "split") pushRange(state2.unifiedCount);
   if (diffStyle !== "unified") pushRange(state2.splitCount);
   if (ranges2.length === 0) return [0, 0];
   let start2 = ranges2[0][0];
-  let end = ranges2[0][1];
+  let end2 = ranges2[0][1];
   for (let index2 = 1; index2 < ranges2.length; index2++) {
     const range2 = ranges2[index2];
     start2 = Math.min(start2, range2[0]);
-    end = Math.max(end, range2[1]);
+    end2 = Math.max(end2, range2[1]);
   }
-  return [start2, end];
+  return [start2, end2];
 }
 function walkContextLines(state2, count2, diffStyle, callback, onSkippedStart, shouldBreak) {
   const [startIndex, endIndex] = getContextLineIterationBounds(state2, count2, diffStyle);
@@ -28169,8 +28192,8 @@ function getChangeIterationRanges(state2, content3, diffStyle) {
   }
   function pushRange(range2, kind) {
     if (range2 == null) return;
-    const [start2, end] = mapRangeToIteration(range2, kind);
-    if (end > start2) iterationRanges.push([start2, end]);
+    const [start2, end2] = mapRangeToIteration(range2, kind);
+    if (end2 > start2) iterationRanges.push([start2, end2]);
   }
   if (useUnified) {
     pushRange(getVisibleRange(state2.unifiedCount, content3.deletions), "deletions");
@@ -28183,10 +28206,10 @@ function getChangeIterationRanges(state2, content3, diffStyle) {
   if (iterationRanges.length === 0) return iterationRanges;
   iterationRanges.sort((a20, b10) => a20[0] - b10[0]);
   const merged2 = [iterationRanges[0]];
-  for (const [start2, end] of iterationRanges.slice(1)) {
+  for (const [start2, end2] of iterationRanges.slice(1)) {
     const last = merged2[merged2.length - 1];
-    if (start2 <= last[1]) last[1] = Math.max(last[1], end);
-    else merged2.push([start2, end]);
+    if (start2 <= last[1]) last[1] = Math.max(last[1], end2);
+    else merged2.push([start2, end2]);
   }
   return merged2;
 }
@@ -28651,8 +28674,8 @@ function getAffectedHunkIndexes(diff, changedAdditionLineIndexes) {
 }
 function findHunkIndexForAdditionLine(diff, line) {
   for (const [hunkIndex, hunk] of diff.hunks.entries()) {
-    const end = hunk.additionLineIndex + hunk.additionCount;
-    if (line >= hunk.additionLineIndex && line < end) return hunkIndex;
+    const end2 = hunk.additionLineIndex + hunk.additionCount;
+    if (line >= hunk.additionLineIndex && line < end2) return hunkIndex;
   }
 }
 function reparseHunkRegion(diff, hunkIndex, parseDiffOptions) {
@@ -28904,10 +28927,10 @@ function rebuildExpansionFromAnchors(diff, anchors) {
     if (gapEnd <= gapStart) return;
     let fromStart = 0;
     let fromEnd = 0;
-    for (const [start2, end] of anchors) {
-      if (end <= gapStart || start2 >= gapEnd) continue;
-      if (start2 <= gapStart) fromStart = Math.max(fromStart, Math.min(end, gapEnd) - gapStart);
-      if (end >= gapEnd) fromEnd = Math.max(fromEnd, gapEnd - Math.max(start2, gapStart));
+    for (const [start2, end2] of anchors) {
+      if (end2 <= gapStart || start2 >= gapEnd) continue;
+      if (start2 <= gapStart) fromStart = Math.max(fromStart, Math.min(end2, gapEnd) - gapStart);
+      if (end2 >= gapEnd) fromEnd = Math.max(fromEnd, gapEnd - Math.max(start2, gapStart));
     }
     if (fromStart > 0 || fromEnd > 0) rebuilt.set(key, {
       fromStart,
@@ -32778,8 +32801,8 @@ var closing = /^[\s>]*(`{3,}|~{3,})[ \t]*$/;
 function sealed(source) {
   const lines = source.split("\n");
   const open = lines[0].match(opening)[1];
-  const end = lines.length > 1 ? lines.at(-1).match(closing)?.[1] : void 0;
-  return !!end && end[0] === open[0] && end.length >= open.length;
+  const end2 = lines.length > 1 ? lines.at(-1).match(closing)?.[1] : void 0;
+  return !!end2 && end2[0] === open[0] && end2.length >= open.length;
 }
 function seal(nodes, source) {
   for (const node2 of nodes) {
@@ -33991,10 +34014,10 @@ function show(turn) {
   ].find((candidate) => candidate.dataset.place === turn.dataset.id);
   const log = place4?.closest(".log");
   if (!log) return;
-  const end = Number.parseFloat(getComputedStyle(log).scrollPaddingBlockEnd) || 0;
+  const end2 = Number.parseFloat(getComputedStyle(log).scrollPaddingBlockEnd) || 0;
   const at = place4.getBoundingClientRect().top - log.getBoundingClientRect().top;
   log.scrollTo({
-    top: log.scrollTop + at - log.clientHeight + end,
+    top: log.scrollTop + at - log.clientHeight + end2,
     behavior: still() ? "auto" : "smooth"
   });
 }
@@ -34007,16 +34030,19 @@ function spokenLeft(left, at) {
   return left <= 6e4 ? "Less than a minute left" : `Expires at ${deadline(at)}`;
 }
 function decide(message, handlers, settled4) {
-  const commands3 = settled4 || !message.body ? void 0 : handlers.commands;
-  const full = commands3?.has(message.id) ?? true;
-  const cut = commands3?.cut(message.id);
-  const toggle = commands3 && (full || cut) ? fullCommand(full, () => commands3.toggle(message.id)) : A;
-  const actions2 = b`${commands3 && !full && cut ? b`<p class="allow-hint" data-allow-hint>${toShow}</p>` : A}<div class="decide">
-    ${toggle}
-    <swc-button size="s" variant="secondary" fill-style="outline" data-action="deny" ?disabled=${handlers.readOnly} @click=${() => handlers.resolve(message.id, "dismissed")}>Deny</swc-button>
-    ${full || cut === false ? b`<swc-button size="s" variant="accent" data-action="allow" ?disabled=${handlers.readOnly} @click=${() => handlers.resolve(message.id, "confirmed")}>Allow</swc-button>` : A}
+  const { id, body: body2 } = message;
+  const commands3 = settled4 ? void 0 : handlers.commands;
+  const gated = !!body2 && !!commands3;
+  const whole = !gated || !!commands3?.seen(id);
+  const choose = (event2, state2) => {
+    if (commands3?.armed(event2) === false || state2 === "confirmed" && !whole) return;
+    handlers.resolve(id, state2);
+  };
+  const actions2 = b`<div class="decide">
+    <swc-button size="s" variant="secondary" fill-style="outline" data-action="deny" ?disabled=${handlers.readOnly} @click=${(event2) => choose(event2, "dismissed")}>Deny</swc-button>
+    <swc-button size="s" variant="accent" data-action="allow" ?disabled=${handlers.readOnly || !whole} @click=${(event2) => choose(event2, "confirmed")}>Allow</swc-button>
   </div>`;
-  const command2 = message.body ? b`<pre class="command"><span class="lines" data-clamp=${full ? A : message.id}>${message.body}</span></pre>` : A;
+  const command2 = body2 ? b`<pre class="command"><span class="lines">${body2}${gated ? end(id) : A}</span></pre>` : A;
   return { actions: actions2, command: command2 };
 }
 function decision(message, handlers) {
@@ -34811,14 +34837,6 @@ var messageCss = i`
     justify-content: flex-end;
     padding: 0;
   }
-  .decide .full-command {
-    margin-inline-end: auto;
-  }
-  .decision .allow-hint {
-    margin: 0;
-    color: var(--swc-neutral-subdued-content-color-default);
-    font-size: var(--swc-font-size-75);
-  }
   .question.decision .options {
     display: flex;
     flex-wrap: wrap;
@@ -36884,8 +36902,8 @@ var ModelFilter = class {
       }
       if (event2.key.trim().length !== 1 || event2.ctrlKey || event2.metaKey || event2.altKey) return;
       search3.focus();
-      const end = search3.focusElement.value.length;
-      search3.focusElement.setSelectionRange(end, end);
+      const end2 = search3.focusElement.value.length;
+      search3.focusElement.setSelectionRange(end2, end2);
     }
   };
   #key = (event2) => {
@@ -37228,14 +37246,28 @@ function pendingAsks(messages) {
     );
   });
 }
-function into(card2, dock2) {
-  const box = card2.getBoundingClientRect();
+function into(card2, dock2, target) {
   const view = dock2.getBoundingClientRect();
   const start2 = view.top + (Number.parseFloat(getComputedStyle(dock2).scrollPaddingBlockStart) || 0);
+  const fits2 = card2.getBoundingClientRect().height <= view.bottom - start2;
+  const box = (fits2 ? card2 : target).getBoundingClientRect();
   if (box.top < start2) dock2.scrollTop -= start2 - box.top;
   else if (box.bottom > view.bottom)
     dock2.scrollTop += Math.min(box.bottom - view.bottom, box.top - start2);
 }
+function lift(turn, dock2, raised) {
+  const decide2 = turn.querySelector(".decide");
+  if (!decide2) return raised;
+  const style2 = getComputedStyle(dock2);
+  const view = dock2.getBoundingClientRect();
+  const start2 = view.top + (Number.parseFloat(style2.scrollPaddingBlockStart) || 0);
+  const end2 = view.bottom - (Number.parseFloat(style2.scrollPaddingBlockEnd) || 0);
+  const top = (turn.querySelector(".command") ?? turn).getBoundingClientRect().top;
+  const need = decide2.getBoundingClientRect().bottom - end2;
+  const base = dock2.scrollTop - raised;
+  dock2.scrollTop = base + (need <= top - start2 ? raised + Math.max(0, need) : 0);
+  return dock2.scrollTop - base;
+}
 var place = (id) => b`<div class="ask-place" data-place=${id} aria-hidden="true"></div>`;
 function dock(entries, messages, seat) {
   const docked = new Map(seat ? [] : pendingAsks(messages));
@@ -37358,7 +37390,7 @@ var SliccChat = class _SliccChat extends ThemedElement {
     fade,
     markdownCss,
     messageCss,
-    clampCss,
+    endCss,
     r(link_default),
     signInCss,
     i`
@@ -37618,8 +37650,14 @@ var SliccChat = class _SliccChat extends ThemedElement {
   #licks = new ViewSet(this, "chat:licks");
   #runs = new ViewSet(this, "chat:runs");
   #details = /* @__PURE__ */ new Set();
-  #commands = new ViewSet(this, "chat:commands");
-  #cuts = new Cuts(
+  arming = 500;
+  #arming = new Arming(() => this.arming);
+  #moves = new Watched(new ResizeObserver(() => this.#settle()));
+  #moved = () => this.#settle();
+  #lifted = "";
+  #lifting = "";
+  #raised = 0;
+  #ends = new Ends(
     () => this.renderRoot,
     () => this.requestUpdate()
   );
@@ -37634,12 +37672,8 @@ var SliccChat = class _SliccChat extends ThemedElement {
       }
     },
     commands: {
-      cut: (id) => this.#cuts.get(id),
-      has: (id) => this.#commands.has(id),
-      toggle: (id) => {
-        this.#commands.toggle(id);
-        void this.updateComplete.then(() => this.#reach(id));
-      }
+      seen: (id) => this.#ends.has(id),
+      armed: (event2) => this.#arming.counts(event2)
     },
     color: "light",
     model: null,
@@ -37718,27 +37752,52 @@ var SliccChat = class _SliccChat extends ThemedElement {
     const target = event2.target;
     this.#held = target.closest(".decision-turn[data-pending]")?.dataset.id ?? "";
     const card2 = target.closest(".ask");
-    if (card2) into(card2, card2.closest(".asks"));
+    if (card2) into(card2, card2.closest(".asks"), target);
   };
   #more = () => {
     const dock2 = this.renderRoot.querySelector(".asks");
     if (!dock2) return;
-    const end = Number.parseFloat(getComputedStyle(dock2).paddingBlockEnd) || 0;
+    const end2 = Number.parseFloat(getComputedStyle(dock2).paddingBlockEnd) || 0;
     dock2.toggleAttribute(
       "data-more",
-      dock2.scrollHeight - dock2.scrollTop - dock2.clientHeight > end + 1
+      dock2.scrollHeight - dock2.scrollTop - dock2.clientHeight > end2 + 1
     );
   };
-  #reach(id) {
+  #settle() {
+    this.#lift();
+    const dock2 = this.renderRoot.querySelector(".asks");
+    const buttons = [...this.renderRoot.querySelectorAll(".asks .decide swc-button")];
+    this.#arming.watch(layout(buttons, [], dock2));
+  }
+  #lift() {
     const dock2 = this.renderRoot.querySelector(".asks");
-    const turn = [...dock2?.querySelectorAll(".decision-turn") ?? []].find(
-      (candidate) => candidate.dataset.id === id
+    const turn = [...dock2?.querySelectorAll(".ask .decision-turn") ?? []].at(-1);
+    const id = turn?.dataset.id ?? "";
+    if (id !== this.#lifted) {
+      this.#lifting = id;
+      this.#raised = 0;
+    }
+    this.#lifted = id;
+    if (!this.#lifting || !dock2 || !turn || dock2.hasAttribute("data-open")) return;
+    const raised = lift(turn, dock2, this.#raised);
+    if (raised !== this.#raised) this.#arming.arm();
+    this.#raised = raised;
+  }
+  #stay = () => {
+    this.#lifting = "";
+  };
+  #press = () => {
+    this.#stay();
+    this.#arming.press();
+  };
+  #guard() {
+    this.#ends.observe();
+    this.#moves.sync(
+      this.renderRoot.querySelectorAll(
+        "header, slicc-notices, .asks, .asks .decision, .asks .decide swc-button"
+      )
     );
-    if (!dock2 || !turn) return;
-    const style2 = getComputedStyle(dock2);
-    const room = dock2.clientHeight - (Number.parseFloat(style2.scrollPaddingBlockStart) || 0) - (Number.parseFloat(style2.scrollPaddingBlockEnd) || 0);
-    const target = turn.offsetHeight <= room ? turn : turn.querySelector(".decide");
-    target?.scrollIntoView({ block: "nearest" });
+    this.#settle();
   }
   #refocus() {
     if (!this.#held || this.renderRoot.activeElement) return;
@@ -37847,11 +37906,11 @@ var SliccChat = class _SliccChat extends ThemedElement {
   #bottom() {
     return this.#gap() <= this.#slack();
   }
-  #pin(end = true) {
+  #pin(end2 = true) {
     if (!this.#stuck) return;
     const log = this.#log();
     const card2 = log.querySelector("swc-conversation-thread")?.lastElementChild ?? null;
-    const held2 = !end && card2 !== null && card2 === this.#card;
+    const held2 = !end2 && card2 !== null && card2 === this.#card;
     this.#card = card2;
     log.scrollTop = held2 ? this.#head(log, card2) : log.scrollHeight;
     this.#last = log.scrollTop;
@@ -37936,15 +37995,21 @@ var SliccChat = class _SliccChat extends ThemedElement {
     this.#probed = null;
     globalThis.addEventListener("pointerup", this.#release, true);
     globalThis.addEventListener("pointercancel", this.#release, true);
+    globalThis.addEventListener("resize", this.#moved);
     if (this.hasUpdated) this.#observe();
   }
   disconnectedCallback() {
     super.disconnectedCallback();
     globalThis.removeEventListener("pointerup", this.#release, true);
     globalThis.removeEventListener("pointercancel", this.#release, true);
+    globalThis.removeEventListener("resize", this.#moved);
     this.#resize.disconnect();
     this.#fit.disconnect();
-    this.#cuts.disconnect();
+    this.#ends.disconnect();
+    this.#moves.disconnect();
+    this.#lifted = "";
+    this.#lifting = "";
+    this.#arming.forget();
     this.#fitted = void 0;
     clearInterval(this.#tick);
     this.#tick = void 0;
@@ -37973,7 +38038,7 @@ var SliccChat = class _SliccChat extends ThemedElement {
     const asks = [...this.renderRoot.querySelectorAll(".ask-list .decision-turn")];
     for (const turn of asks) turn.tabIndex = 0;
     this.#more();
-    this.#cuts.measure();
+    this.#guard();
   }
   #timed() {
     const model = this.model;
@@ -38192,7 +38257,7 @@ var SliccChat = class _SliccChat extends ThemedElement {
       this.#all = !open;
       this.requestUpdate();
     };
-    return b`<section class="asks" aria-label="Waiting for you" ?data-open=${open} @scroll=${this.#more}><div class="column">
+    return b`<section class="asks" aria-label="Waiting for you" ?data-open=${open} @scroll=${this.#more} @pointerdown=${this.#press} @wheel=${this.#stay} @touchstart=${this.#stay} @keydown=${this.#stay} @focusin=${this.#stay}><div class="column">
       ${older.length ? b`<div class="waiting"><swc-action-button size="s" quiet data-action="show-waiting" aria-expanded=${open ? "true" : "false"} @click=${toggle}><swc-icon-chevron-down slot="icon"></swc-icon-chevron-down>${asks.length} waiting</swc-action-button>${timed.length ? askTimer(Math.min(...timed)) : A}</div>` : A}
       <div class="ask-list" aria-live="polite">${c(
       asks,
@@ -39536,13 +39601,19 @@ function importProfile(options2) {
 
 // src/app/names.ts
 var untitled = "No messages yet";
+var earlier = "Earlier messages";
+var unnamed = "Untitled chat";
 function short(text4, max2 = 60) {
   return text4.length > max2 ? `${text4.slice(0, max2 - 1).trimEnd()}\u2026` : text4;
 }
 function agentTitle(model, agent) {
   if (agent.title !== void 0) return agent.title.trim();
-  const first2 = model.agent.messages(agent.id).find((message) => message.role === "user");
-  return first2?.role === "user" ? first2.text.trim().split("\n")[0].trim() : "";
+  const messages = model.agent.messages(agent.id);
+  const first2 = messages.find((message) => message.role === "user");
+  const line = first2?.role === "user" ? first2.text.trim().split("\n")[0].trim() : "";
+  if (line) return line;
+  if (model.agent.hasOlder?.(agent.id)) return earlier;
+  return messages.length ? unnamed : "";
 }
 function twinned(name, id, rows2) {
   return rows2.some((row) => row.id !== id && row.name === name);
@@ -48231,11 +48302,11 @@ var UpdateVisibility = class {
   constructor(ready) {
     this.#boot = !ready;
   }
-  change(port, layout = false) {
+  change(port, layout2 = false) {
     const failed2 = new Set(
       port.list().filter((item2) => item2.state === "failed").map((item2) => item2.id)
     );
-    const open = (this.#initial || layout) && this.#boot || [...failed2].some((id) => !this.#failed.has(id));
+    const open = (this.#initial || layout2) && this.#boot || [...failed2].some((id) => !this.#failed.has(id));
     this.#initial = false;
     this.#failed = failed2;
     if (this.#boot && port.ready() && failed2.size === 0) {
@@ -49113,6 +49184,9 @@ var SliccApp = class extends ThemedElement {
       flex-direction: column;
       height: 100%;
     }
+    .shell slicc-live {
+      flex: none;
+    }
     .shell[data-alone] header > :not(.brand),
     .shell[data-alone] main,
     .shell[data-alone] .rail.bottom {
@@ -49433,10 +49507,10 @@ var SliccApp = class extends ThemedElement {
     const model = this.model;
     if (!model) return;
     this.panels.quietly(() => {
-      const layout = this.#started !== this.screen;
-      if (layout) this.#start(model);
+      const layout2 = this.#started !== this.screen;
+      if (layout2) this.#start(model);
       else if (changed2.has("model")) this.#rebind(model);
-      this.#updates(layout);
+      this.#updates(layout2);
       this.#retitle();
     });
   }
@@ -49446,14 +49520,14 @@ var SliccApp = class extends ThemedElement {
       if (panel && panel.title !== sprinkle.title) panel.api.setTitle(sprinkle.title);
     }
   }
-  #updates(layout) {
+  #updates(layout2) {
     const port = this.model?.updates;
     if (port !== this.#updatesPort) {
       this.#updatesPort = port;
       this.#updatesVisibility = port ? new UpdateVisibility(port.ready()) : null;
     }
     if (!port || !this.#offers("updates")) return;
-    const change = this.#updatesVisibility?.change(port, layout);
+    const change = this.#updatesVisibility?.change(port, layout2);
     if (change === "open") {
       const restored = this.dock.api.getPanel("updates");
       if (restored) this.dock.reveal("updates");
@@ -49537,8 +49611,8 @@ var SliccApp = class extends ThemedElement {
     this.#saving = true;
     this.#save();
   }
-  #offered(layout, factories) {
-    return Object.values(layout?.panels ?? {}).every(
+  #offered(layout2, factories) {
+    return Object.values(layout2?.panels ?? {}).every(
       (panel) => (panel.contentComponent ?? "") in factories
     );
   }
@@ -49945,6 +50019,7 @@ var SliccApp = class extends ThemedElement {
     ) : A}
           ${this.#headerButton("theme", color2 === "dark" ? "Switch to light theme" : "Switch to dark theme", b`<swc-icon-contrast slot="icon"></swc-icon-contrast>`, () => this.toggleColor())}
         </header>
+        ${this.model?.live ? b`<slicc-live .model=${this.model} ?compact=${this.screen === "phone"}></slicc-live>` : A}
         ${lonely ? b`<div class="alone" role="status" data-tabs="alone"><p>${alone2}</p></div>` : A}
         ${paused && !lonely ? b`<div class="alone" data-follow=${paused.kind}><slicc-follow page .model=${this.model}></slicc-follow></div>` : A}
         <main>
@@ -51251,6 +51326,45 @@ function trayAsking(approval) {
     return `${name} wants a new join URL. Linked devices move to it, and the old one stops working.`;
   return `${name} wants to unlink ${approval.device?.name ?? "a device"} from this seven.`;
 }
+var captureActs = {
+  "screen:still": ["take a picture of your screen", "take pictures of your screen"],
+  "screen:video": ["record your screen", "record your screen"],
+  "camera:still": ["take a photo with your camera", "take photos with your camera"],
+  "camera:video": ["record your camera", "record your camera"],
+  "microphone:audio": ["record your microphone", "record your microphone"]
+};
+function captureAct(detail) {
+  const fallback = `capture your ${detail.what}`;
+  return captureActs[`${detail.what}:${detail.mode}`] ?? [fallback, fallback];
+}
+function captureLine(approval) {
+  const { detail } = approval;
+  const [act2] = captureAct(detail);
+  const device = detail.device ? ` (${detail.device})` : "";
+  const still2 = detail.mode === "still";
+  const span = detail.seconds ? ` for up to ${detail.seconds} ${detail.seconds === 1 ? "second" : "seconds"}` : " until it\u2019s stopped";
+  const audio = [
+    detail.system ? "system audio" : "",
+    detail.microphone && detail.what !== "microphone" ? "microphone" : ""
+  ].filter(Boolean);
+  const extra = still2 || !audio.length ? "" : `, with your ${audio.join(" and ")}`;
+  const line = `${act2}${device}${still2 ? "" : span}${extra}`;
+  return `${line[0].toUpperCase()}${line.slice(1)} \xB7 ${detail.program}`;
+}
+function captureAsking(approval) {
+  return `${approval.agentName ?? "This cone"} wants to use your ${approval.detail.what} for ${approval.requester.name}:`;
+}
+function captureWaiting(approval) {
+  return `${approval.agentName ?? "This cone"} wants to use your ${approval.detail.what} for ${approval.requester.name}, which waits for the owner's approval.`;
+}
+function captureAlwaysHint(approval) {
+  const [, acts] = captureAct(approval.detail);
+  const picker = approval.detail.what === "screen" ? " You still choose what to share each time." : "";
+  return `Always allow lets ${approval.agentName ?? "this cone"} ${acts} for ${approval.requester.name} without asking again.${picker}`;
+}
+function clickWhere(approval) {
+  return approval.device ? `Click in seven\u2019s tab on ${approval.device.name}.` : "Click in seven\u2019s tab.";
+}
 function secretTitle(approval) {
   return approval.mode === "reveal" ? `Reveal ${approval.name} to a program?` : `Enter a value for ${approval.name}?`;
 }
@@ -51276,7 +51390,8 @@ function secretWaiting(approval) {
 function approved(approval) {
   if (approval.kind === "sudo") return sudo(approval);
   if (approval.kind === "secret") return processLine(approval);
-  if (approval.kind === "guest-message" || approval.kind === "tray") return "";
+  if (approval.kind === "guest-message" || approval.kind === "tray" || approval.kind === "click" || approval.kind === "capture")
+    return "";
   if (approval.summary.trim()) return approval.summary;
   return approval.args?.trim() ? `${approval.tool}
 ${approval.args}` : "";
@@ -51285,6 +51400,7 @@ function truncated(approval) {
   return approval.kind === "guest-tool" && !approval.summary.trim() && !!approval.argsTruncated;
 }
 function hintOf(approval) {
+  if (approval.kind === "capture") return captureAlwaysHint(approval);
   return approval.kind === "sudo" ? commandText(alwaysHint(approval), false) : guestAlwaysHint(approval);
 }
 var tooLong = "This request is too long to show in full, so it can\u2019t be allowed.";
@@ -51296,13 +51412,18 @@ var levels2 = {
   2: { name: "permissions", label: "Changes permissions." },
   3: { name: "harm", label: "Could harm the system." }
 };
+var captureLevels = {
+  1: { name: "routine", label: "Routine capture." },
+  2: { name: "permissions", label: "Records what you share." },
+  3: { name: "harm", label: "Could expose something private." }
+};
 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;
 }
 function offersAlways(approval) {
-  return approval.kind !== "tray" && approval.kind !== "secret" && approval.always && (approval.kind !== "sudo" || leveled(approval) !== null);
+  return approval.kind !== "tray" && approval.kind !== "secret" && approval.kind !== "click" && approval.always && (approval.kind !== "sudo" || leveled(approval) !== null);
 }
 function verdictNote(approval) {
   if (approval.kind !== "sudo" || offersAlways(approval)) return "";
@@ -51320,7 +51441,7 @@ function judged(approval) {
   const { verdict, judging, verdictError } = approval;
   const level = leveled(approval);
   if (verdict && level) {
-    const { name, label } = levels2[level];
+    const { name, label } = (approval.kind === "capture" ? captureLevels : 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` ${shown5(verdict.reason)}` : ""}${fits(verdict.aligned)}</p></div>`;
   }
   if (judging) return b`<div class="judged" data-verdict="checking"><p>Checking…</p></div>`;
@@ -51358,6 +51479,16 @@ var titles = {
     ask: "",
     elsewhere: "Answered elsewhere",
     expired: "Secret request timed out"
+  },
+  click: {
+    ask: "",
+    elsewhere: "Answered elsewhere",
+    expired: "Click request timed out"
+  },
+  capture: {
+    ask: "Allow a guest\u2019s capture?",
+    elsewhere: "Answered elsewhere",
+    expired: "Capture request timed out"
   }
 };
 var approvalKinds = Object.freeze(
@@ -51366,11 +51497,31 @@ var approvalKinds = Object.freeze(
 function title(approval) {
   if (approval.kind === "tray") return trayTitle(approval);
   if (approval.kind === "secret") return secretTitle(approval);
+  if (approval.kind === "click") return approval.title;
   return titles[approval.kind].ask;
 }
 var toAnswer = "Scroll to the end of the command to answer it.";
+function extras(approval) {
+  if (approval.kind === "secret")
+    return [
+      approval.mode,
+      approval.name,
+      approval.reveal,
+      approval.prompt ?? "",
+      approval.requester
+    ];
+  if (approval.kind === "click")
+    return [approval.title, approval.body, approval.action, approval.here, approval.device ?? null];
+  if (approval.kind === "capture") return [approval.detail, approval.requester];
+  return [];
+}
+function answerable(approval, decision2) {
+  if (decision2 === "deny") return true;
+  if (approval.kind === "secret") return false;
+  return approval.kind !== "click" || approval.here;
+}
 function identity(approval) {
-  const extra = approval.kind === "secret" ? [approval.mode, approval.name, approval.reveal, approval.prompt ?? "", approval.requester] : [];
+  const extra = extras(approval);
   return JSON.stringify([approval.kind, approval.createdAt, approved(approval), ...extra]);
 }
 function gone(reason) {
@@ -51386,10 +51537,9 @@ var SliccApprovals = class extends ModelElement {
     frameError: { state: true }
   };
   arming = 500;
-  #changed = 0;
-  #pressed = 0;
-  #layout = "";
-  #moves = new ResizeObserver(() => this.#settle());
+  #arming = new Arming(() => this.arming);
+  #moves = new Watched(new ResizeObserver(() => this.#settle()));
+  #moved = () => this.#settle();
   #showing = null;
   #pending = /* @__PURE__ */ new Set();
   #done = /* @__PURE__ */ new Set();
@@ -51416,6 +51566,7 @@ var SliccApprovals = class extends ModelElement {
   static styles = [
     dialogStyles,
     controlStyles,
+    endCss,
     i`
       :host {
         display: contents;
@@ -51437,17 +51588,12 @@ var SliccApprovals = class extends ModelElement {
         white-space: pre-wrap;
         overflow-wrap: anywhere;
       }
-      .command .lines:not([data-clamp]) {
+      .command .lines {
         display: block;
         max-block-size: min(16lh, 50dvh);
         overflow: auto;
         overscroll-behavior: contain;
       }
-      .command .end {
-        display: inline-block;
-        inline-size: 0;
-        block-size: 0;
-      }
       .guest {
         margin-block-start: var(--swc-spacing-200);
         padding: var(--swc-spacing-200) var(--swc-spacing-300);
@@ -51476,6 +51622,11 @@ var SliccApprovals = class extends ModelElement {
       .cwd {
         overflow-wrap: anywhere;
       }
+      .where {
+        margin-block-start: var(--swc-spacing-200);
+        font-weight: var(--swc-bold-font-weight);
+        overflow-wrap: anywhere;
+      }
       .timer {
         margin-block-start: var(--swc-spacing-300);
         font-variant-numeric: tabular-nums;
@@ -51625,11 +51776,16 @@ var SliccApprovals = class extends ModelElement {
       })
     ];
   }
+  connectedCallback() {
+    super.connectedCallback();
+    globalThis.addEventListener("resize", this.#moved);
+  }
   disconnectedCallback() {
     super.disconnectedCallback();
+    globalThis.removeEventListener("resize", this.#moved);
     this.#tick(false);
     this.#showing = null;
-    this.#layout = "";
+    this.#arming.forget();
     this.#moves.disconnect();
     this.#ends.disconnect();
   }
@@ -51643,7 +51799,7 @@ 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) || approval.kind === "secret" && decision2 !== "deny" || decision2 !== "deny" && (!this.#settled(performance.now()) || !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) || decision2 !== "deny" && (!this.#arming.settled() || !this.#whole(approval)))
       return;
     const live = port.list().find(({ id: id2 }) => id2 === approval.id);
     if (decision2 === "always" && !(live && offersAlways(live))) return;
@@ -51699,34 +51855,15 @@ var SliccApprovals = class extends ModelElement {
     if (next?.id === showing?.id) return;
     this.frameError = null;
     this.#showing = next;
-    this.#changed = performance.now();
-  }
-  #settled(at) {
-    return at - this.#changed >= this.arming;
+    this.#arming.arm();
   }
   #settle() {
     const dialog = this.renderRoot.querySelector("dialog");
     const buttons = [...this.renderRoot.querySelectorAll("[slot=button]")];
-    const layout = JSON.stringify([
-      dialog?.dataset.approval,
-      dialog?.dataset.gone,
-      buttons.map((button) => {
-        const { left, top, width, height } = button.getBoundingClientRect();
-        return [
-          button.dataset.action,
-          button.textContent,
-          button.hasAttribute("disabled"),
-          button.hasAttribute("pending"),
-          ...[left, top, width, height].map(Math.round)
-        ];
-      })
-    ]);
-    if (layout === this.#layout) return;
-    this.#layout = layout;
-    this.#changed = performance.now();
+    this.#arming.watch(layout(buttons, [dialog?.dataset.approval, dialog?.dataset.gone]));
   }
   #click(event2, approval, decision2) {
-    if (!this.#settled(event2.detail ? this.#pressed : performance.now())) return;
+    if (!this.#arming.counts(event2)) return;
     void this.decide(approval, decision2);
   }
   updated(changed2) {
@@ -51735,9 +51872,7 @@ var SliccApprovals = class extends ModelElement {
     this.#tick(this.isConnected && all2.length > 0);
     this.#ends.observe();
     const dialog = this.renderRoot.querySelector("dialog");
-    if (dialog)
-      for (const box of dialog.querySelectorAll("sp-alert-dialog, [slot=button]"))
-        this.#moves.observe(box);
+    this.#moves.sync(dialog?.querySelectorAll("sp-alert-dialog, [slot=button]") ?? []);
     this.#settle();
     const key = dialog ? `${dialog.dataset.approval}:${this.#generation.get(dialog.dataset.approval)}:${dialog.dataset.gone ?? ""}:${dialog.hasAttribute("data-rejected")}` : "";
     if (key === this.#shown) return;
@@ -51820,7 +51955,7 @@ var SliccApprovals = class extends ModelElement {
   #dialog(approval, key, content3) {
     return i23(
       key,
-      b`<dialog role="alertdialog" aria-labelledby="title" aria-describedby="asking" data-approval=${approval.id} data-kind=${approval.kind} data-requester=${approval.requester.kind} data-gone=${this.gone?.reason ?? A} data-rejected=${!this.gone && this.failure?.id === approval.id ? "" : A} @pointerdown=${() => this.#pressed = performance.now()} @cancel=${(event2) => this.#cancel(event2, approval)}>${content3}</dialog>`
+      b`<dialog role="alertdialog" aria-labelledby="title" aria-describedby="asking" data-approval=${approval.id} data-kind=${approval.kind} data-requester=${approval.requester.kind} data-gone=${this.gone?.reason ?? A} data-rejected=${!this.gone && this.failure?.id === approval.id ? "" : A} @pointerdown=${this.#arming.press} @cancel=${(event2) => this.#cancel(event2, approval)}>${content3}</dialog>`
     );
   }
   #whole(approval) {
@@ -51836,10 +51971,16 @@ var SliccApprovals = class extends ModelElement {
     const text4 = approved(approval);
     if (!text4) return b`<p class="hint" data-id="no-details">This request has no details.</p>`;
     const command2 = approval.kind === "sudo" || approval.kind === "secret";
-    return b`<pre class="command" data-command=${command2 ? "" : A} data-summary=${command2 ? A : ""}><span class="lines">${command2 ? commandText(text4) : text4}${pending ? b`<span class="end" data-end=${id}></span>` : A}</span></pre>`;
+    return b`<pre class="command" data-command=${command2 ? "" : A} data-summary=${command2 ? A : ""}><span class="lines">${command2 ? commandText(text4) : text4}${pending ? end(id) : A}</span></pre>`;
   }
   #request(approval, pending = false) {
     if (approval.kind === "tray") return b`<p id="asking">${trayAsking(approval)}</p>`;
+    if (approval.kind === "click")
+      return b`<p id="asking">${commandText(approval.body, false)}</p>
+        ${approval.here ? A : b`<p class="where" data-where>${commandText(clickWhere(approval), false)}</p>`}`;
+    if (approval.kind === "capture")
+      return b`<p id="asking">${commandText(captureAsking(approval), false)}</p>
+        <div class="guest" data-capture>${commandText(captureLine(approval), false)}</div>`;
     if (approval.kind === "sudo")
       return b`<p id="asking">${commandText(asking2(approval), false)}:</p>
         ${this.#command(approval, pending)}`;
@@ -51858,16 +51999,18 @@ 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}`;
   }
   #notes(approval, gate, always) {
-    if (approval.kind === "tray" || approval.kind === "secret") return A;
+    if (approval.kind === "tray" || approval.kind === "secret" || approval.kind === "click")
+      return A;
     const note = verdictNote(approval);
     return b`<div class="notes" data-notes><div class="judge" aria-live="polite">${judged(approval)}${note ? b`<p class="hint" data-verdict-note>${note}</p>` : A}</div>${gate ? b`<p class="hint" data-allow-hint>${gate}</p>` : A}${always ? b`<p class="hint" data-always-hint>${hintOf(approval)}</p>` : A}</div>`;
   }
   #actions(approval, rejected, always) {
     if (rejected)
       return b`<swc-button slot="button" variant="secondary" fill-style="outline" data-action="close" @click=${() => this.#dismiss(approval)}>Close</swc-button>`;
-    return b`${this.#button(approval, "deny", "Deny", "secondary")}
+    const click = approval.kind === "click";
+    return b`${this.#button(approval, "deny", click ? "Cancel" : "Deny", "secondary")}
       ${always ? this.#button(approval, "always", inCwd(approval) ? "Always allow in this directory" : "Always allow", "secondary") : A}
-      ${approval.kind === "secret" ? A : this.#button(approval, "once", "Allow once", "accent")}`;
+      ${answerable(approval, "once") ? this.#button(approval, "once", click ? approval.action : "Allow once", "accent") : A}`;
   }
   render() {
     if (this.gone) {
@@ -51878,7 +52021,7 @@ var SliccApprovals = class extends ModelElement {
         b`<sp-alert-dialog variant="information" data-approval-kind=${approval2.kind}>
           <h2 id="title" slot="heading">${titles[approval2.kind][reason]}</h2>
           ${this.#request(approval2)}
-          ${reason === "expired" ? b`<p class="timer" data-timer>Denied because nobody answered in time.</p>` : A}
+          ${reason === "expired" ? b`<p class="timer" data-timer>${approval2.kind === "click" ? "Cancelled because nobody clicked in time." : "Denied because nobody answered in time."}</p>` : A}
           <swc-button slot="button" variant="secondary" fill-style="outline" data-action="close" @click=${() => this.close()}>Close</swc-button>
         </sp-alert-dialog>`
       );
@@ -51893,13 +52036,13 @@ var SliccApprovals = class extends ModelElement {
     return this.#dialog(
       approval,
       `${approval.id}:${this.#generation.get(approval.id)}`,
-      b`<sp-alert-dialog variant="warning" data-approval-kind=${approval.kind}>
+      b`<sp-alert-dialog variant=${approval.kind === "click" ? "information" : "warning"} data-approval-kind=${approval.kind}>
           <h2 id="title" slot="heading">${commandText(title(approval), false)}</h2>
           ${this.#request(approval, true)}
           ${approval.kind === "sudo" && approval.cwd ? b`<p class="cwd">In ${commandText(approval.cwd, false)}</p>` : A}
           ${this.#notes(approval, gate, always)}
           ${approval.kind === "secret" && !failure3 ? this.#frame(approval) : 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>`}
+          ${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>${approval.kind === "click" ? "Cancelled" : "Denied"} automatically in ${countdown(approval.expiresAt - this.now)}.</p>`}
           <p class="more" data-more=${rest.length ? "" : A}>${rest.length === 1 ? "1 more request is waiting." : rest.length ? `${rest.length} more requests are waiting.` : ""}</p>
           ${this.#actions(approval, !!failure3, always)}
         </sp-alert-dialog>`
@@ -53634,6 +53777,116 @@ var SliccDiffPanel = class extends ThemedElement {
   }
 };
 
+// src/app/live.ts
+function elapsed(ms) {
+  const seconds = Math.max(0, Math.floor(ms / 1e3));
+  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 ");
+}
+var SliccLive = class extends ModelElement {
+  static properties = {
+    ...ModelElement.properties,
+    compact: { type: Boolean, reflect: true },
+    now: { state: true }
+  };
+  #timer = null;
+  constructor() {
+    super();
+    this.compact = false;
+    this.now = Date.now();
+  }
+  static styles = i`
+    :host {
+      display: block;
+    }
+    .live {
+      display: flex;
+      flex-direction: column;
+      gap: var(--swc-spacing-50);
+      padding: var(--swc-spacing-75) var(--swc-spacing-200);
+      border-bottom: var(--swc-border-width-100) solid var(--swc-gray-200);
+      background: var(--swc-background-layer-1-color);
+      font-size: var(--swc-font-size-75);
+      color: var(--swc-neutral-content-color-default);
+    }
+    .chip {
+      display: flex;
+      align-items: center;
+      gap: var(--swc-spacing-100);
+      min-width: 0;
+    }
+    .dot {
+      flex: none;
+      inline-size: var(--swc-spacing-100);
+      block-size: var(--swc-spacing-100);
+      border-radius: 50%;
+      background: var(--swc-negative-visual-color);
+    }
+    .text {
+      flex: 0 1 auto;
+      min-width: 0;
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+      font-variant-numeric: tabular-nums;
+    }
+    .label {
+      font-weight: var(--swc-bold-font-weight);
+    }
+    :host([compact]) .detail {
+      display: none;
+    }
+    swc-action-button {
+      flex: none;
+    }
+  `;
+  subscribe(model) {
+    return model.live ? [
+      model.live.on("items", () => {
+        this.now = Date.now();
+        this.requestUpdate();
+      })
+    ] : [];
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    this.#tick(false);
+  }
+  #items() {
+    return this.model?.live?.items() ?? [];
+  }
+  #tick(on2) {
+    if (on2 && !this.#timer) this.#timer = setInterval(() => this.now = Date.now(), 1e3);
+    if (!on2 && this.#timer) {
+      clearInterval(this.#timer);
+      this.#timer = null;
+    }
+  }
+  updated(changed2) {
+    super.updated(changed2);
+    this.#tick(this.isConnected && this.#items().length > 0);
+  }
+  #chip(item2) {
+    const rest = liveLine({ ...item2, label: "" }, this.now);
+    return b`<div class="chip" role="listitem" data-id=${item2.id} data-kind=${item2.kind}>
+      <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>
+      <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>`;
+  }
+  render() {
+    const items = this.#items();
+    if (!items.length) return A;
+    return b`<div class="live" role="list" aria-label="Live now" data-surface="live">${c(
+      items,
+      (item2) => item2.id,
+      (item2) => this.#chip(item2)
+    )}</div>`;
+  }
+};
+
 // src/app/lucide.ts
 var library = null;
 function load2() {
@@ -54458,6 +54711,25 @@ var SliccNotices = class extends ModelElement {
           <p>It waits for the owner's answer. Denied automatically at ${deadline(approval.expiresAt)}.</p>
         </div>
       </div>`;
+    if (approval.kind === "click")
+      return b`<div class="notice" role="status" data-approval-notice=${approval.id} data-approval-kind="click" data-tone="warning">
+        <swc-icon-alert-triangle></swc-icon-alert-triangle>
+        <div class="text">
+          <span class="title">${commandText(approval.title, false)}</span>
+          <p>${commandText(approval.body, false)}</p>
+          <p>${commandText(clickWhere(approval), false)} Cancelled automatically at ${deadline(approval.expiresAt)}.</p>
+        </div>
+      </div>`;
+    if (approval.kind === "capture")
+      return b`<div class="notice" role="status" data-approval-notice=${approval.id} data-approval-kind="capture" data-tone="warning">
+        <swc-icon-alert-triangle></swc-icon-alert-triangle>
+        <div class="text">
+          <span class="title">Waiting for approval of a guest’s capture</span>
+          <p>${commandText(captureWaiting(approval), false)}</p>
+          <p>${commandText(captureLine(approval), false)}</p>
+          <p>Denied automatically at ${deadline(approval.expiresAt)}.</p>
+        </div>
+      </div>`;
     if (approval.kind !== "sudo")
       return b`<div class="notice" role="status" data-approval-notice=${approval.id} data-approval-kind=${approval.kind} data-tone="warning">
         <swc-icon-alert-triangle></swc-icon-alert-triangle>
@@ -54841,7 +55113,8 @@ var SliccSettings = class extends ThemedElement {
       .switched {
         grid-column: 2;
       }
-      .developer {
+      .developer,
+      .capture {
         display: grid;
         gap: var(--swc-spacing-75);
         padding-block: var(--swc-spacing-75);
@@ -54852,7 +55125,8 @@ var SliccSettings = class extends ThemedElement {
         gap: var(--swc-spacing-100);
       }
       .developer .hint,
-      .developer .failure {
+      .developer .failure,
+      .capture .hint {
         margin: 0;
         line-height: var(--swc-line-height-200);
       }
@@ -55104,7 +55378,8 @@ var SliccSettings = class extends ThemedElement {
         settle3();
       }),
       model.settings.on("providers", update),
-      ...model.vault ? [model.vault.on("status", update), model.vault.on("list", update)] : []
+      ...model.vault ? [model.vault.on("status", update), model.vault.on("list", update)] : [],
+      ...model.switches ? [model.switches.on("switches", update)] : []
     ];
   }
   focus() {
@@ -55173,6 +55448,27 @@ var SliccSettings = class extends ThemedElement {
       </div>
     </div>`;
   }
+  #switches() {
+    const port = this.model?.switches;
+    const list6 = port?.list() ?? [];
+    if (!port || !list6.length) return A;
+    return b`<h2 data-section="switches">Capture and devices</h2>
+      <div class="rows">
+      <div class="row">
+        <span class="label">Allow</span>
+        <div class="capture">
+          <div class="switches" data-surface="switches">
+            ${c(
+      list6,
+      (item2) => item2.key,
+      (item2) => b`<sp-switch .checked=${l(item2.on)} data-id=${item2.key} @change=${(event2) => port.set(item2.key, this.#checked(event2))}>${item2.label}</sp-switch>`
+    )}
+          </div>
+          <p class="hint">Programs can capture only what’s on here. Turning one off stops what’s live under it.</p>
+        </div>
+      </div>
+      </div>`;
+  }
   #cancelled = /* @__PURE__ */ new Set();
   #busy(id, on2) {
     const rest = [...this.pending].filter((candidate) => candidate !== id);
@@ -56388,6 +56684,7 @@ var SliccSettings = class extends ThemedElement {
       </div>
       ${this.#developerRow()}
       </div>
+      ${this.#switches()}
       <h2 data-section="accounts">Accounts</h2>
       ${this.#providerList(providers)}
       ${this.#serverList(servers)}
@@ -56445,9 +56742,9 @@ function args(value, start2) {
 function branch(value, side) {
   const at = value.indexOf("light-dark(");
   if (at < 0) return value;
-  const [parts3, end] = args(value, at + "light-dark(".length);
+  const [parts3, end2] = args(value, at + "light-dark(".length);
   const picked2 = branch((parts3[side] ?? "").trim(), side);
-  return value.slice(0, at) + picked2 + branch(value.slice(end + 1), side);
+  return value.slice(0, at) + picked2 + branch(value.slice(end2 + 1), side);
 }
 function frameTokens(found) {
   const entries = [...found];
@@ -59035,20 +59332,20 @@ var Splitview = class {
           this.distributeEmptySpace();
           this.layoutViews();
         };
-        const end = () => {
+        const end2 = () => {
           for (const item2 of this.viewItems) item2.enabled = true;
           iframes.release();
           this.saveProportions();
           doc.removeEventListener("pointermove", onPointerMove);
-          doc.removeEventListener("pointerup", end);
-          doc.removeEventListener("pointercancel", end);
-          doc.removeEventListener("contextmenu", end);
+          doc.removeEventListener("pointerup", end2);
+          doc.removeEventListener("pointercancel", end2);
+          doc.removeEventListener("contextmenu", end2);
           this._onDidSashEnd.fire(void 0);
         };
         doc.addEventListener("pointermove", onPointerMove);
-        doc.addEventListener("pointerup", end);
-        doc.addEventListener("pointercancel", end);
-        doc.addEventListener("contextmenu", end);
+        doc.addEventListener("pointerup", end2);
+        doc.addEventListener("pointercancel", end2);
+        doc.addEventListener("contextmenu", end2);
       };
       sash.addEventListener("pointerdown", onPointerStart);
       const sashItem = {
@@ -69118,7 +69415,7 @@ var Overlay = class Overlay2 extends CompositeDisposable {
         captureTarget.setPointerCapture(pointerId);
       } catch (_unused) {
       }
-      const end = () => {
+      const end2 = () => {
         toggleClass(this._element, "dv-resize-container-dragging", false);
         this._dragMove.value = Disposable.NONE;
         this._onDidChangeEnd.fire();
@@ -69186,7 +69483,7 @@ var Overlay = class Overlay2 extends CompositeDisposable {
           hasMoved = true;
           this._onDidStartMoving.fire();
         }
-      }), addDisposableListener(globalThis.window, "pointerup", end), addDisposableListener(globalThis.window, "pointercancel", end));
+      }), addDisposableListener(globalThis.window, "pointerup", end2), addDisposableListener(globalThis.window, "pointercancel", end2));
     };
     this.addDisposables(addDisposableListener(dragTarget, "pointerdown", (event2) => {
       if (event2.defaultPrevented) {
@@ -69218,7 +69515,7 @@ var Overlay = class Overlay2 extends CompositeDisposable {
         resizeHandleElement.setPointerCapture(pointerId);
       } catch (_unused3) {
       }
-      const end = () => {
+      const end2 = () => {
         move.dispose();
         this._onDidChangeEnd.fire();
       };
@@ -69310,7 +69607,7 @@ var Overlay = class Overlay2 extends CompositeDisposable {
           resizeHandleElement.releasePointerCapture(pointerId);
         } catch (_unused4) {
         }
-      } }, addDisposableListener(globalThis.window, "pointerup", end), addDisposableListener(globalThis.window, "pointercancel", end));
+      } }, addDisposableListener(globalThis.window, "pointerup", end2), addDisposableListener(globalThis.window, "pointercancel", end2));
     }));
   }
   getMinimumWidth(width) {
@@ -75361,10 +75658,10 @@ var SliccDock = class extends HTMLElement {
   toJSON() {
     return this.api.toJSON();
   }
-  restore(layout) {
-    if (!layout) return false;
+  restore(layout2) {
+    if (!layout2) return false;
     try {
-      this.api.fromJSON(layout);
+      this.api.fromJSON(layout2);
       return this.api.panels.length > 0;
     } catch {
       this.api.clear();
@@ -78282,12 +78579,12 @@ function getVisibleRowContext(state2, index2) {
     subtreeEndIndex: getVisibleRowSubtreeEndIndex(state2, selected.cursor, selected.index, totalVisibleCount)
   };
 }
-function getVisibleSlice(state2, start2, end) {
+function getVisibleSlice(state2, start2, end2) {
   const instrumentation = state2.instrumentation;
   const totalVisibleCount = getVisibleCount(state2);
-  if (totalVisibleCount <= 0 || end < start2) return [];
+  if (totalVisibleCount <= 0 || end2 < start2) return [];
   const normalizedStart = Math.max(0, Math.min(start2, totalVisibleCount - 1));
-  const normalizedEnd = Math.max(normalizedStart, Math.min(end, totalVisibleCount - 1));
+  const normalizedEnd = Math.max(normalizedStart, Math.min(end2, totalVisibleCount - 1));
   if (instrumentation == null) {
     if (normalizedStart === 0) return collectVisibleRowsDFS(state2, normalizedEnd + 1);
     const rows3 = [];
@@ -78905,8 +79202,8 @@ var PathStore = class PathStore2 {
   getVisibleCount() {
     return withBenchmarkPhase(this.#state.instrumentation, "store.getVisibleCount", () => getVisibleCount(this.#state));
   }
-  getVisibleSlice(start2, end) {
-    return withBenchmarkPhase(this.#state.instrumentation, "store.getVisibleSlice", () => getVisibleSlice(this.#state, start2, end));
+  getVisibleSlice(start2, end2) {
+    return withBenchmarkPhase(this.#state.instrumentation, "store.getVisibleSlice", () => getVisibleSlice(this.#state, start2, end2));
   }
   getVisibleRowContext(index2) {
     return withBenchmarkPhase(this.#state.instrumentation, "store.getVisibleRowContext", () => getVisibleRowContext(this.#state, index2));
@@ -79969,10 +80266,10 @@ var FileTreeController = class FileTreeController2 {
   getVisibleCount() {
     return this.#visibleCount;
   }
-  getVisibleRows(start2, end) {
-    if (end < start2 || this.#visibleCount === 0) return [];
+  getVisibleRows(start2, end2) {
+    if (end2 < start2 || this.#visibleCount === 0) return [];
     const boundedStart = Math.max(0, start2);
-    const boundedEnd = Math.min(this.#visibleCount - 1, end);
+    const boundedEnd = Math.min(this.#visibleCount - 1, end2);
     if (boundedEnd < boundedStart) return [];
     const boundedLength = boundedEnd - boundedStart + 1;
     if (this.#searchVisibleIndices == null && !this.#hasFullProjection && boundedEnd >= this.#projectionPaths.length && boundedLength <= CONTEXT_VISIBLE_ROW_RANGE_LIMIT) {
@@ -84276,8 +84573,8 @@ var FileTree = class {
   getVisibleCount() {
     return this.#controller.getVisibleCount();
   }
-  getVisibleRows(start2, end) {
-    return this.#controller.getVisibleRows(start2, end);
+  getVisibleRows(start2, end2) {
+    return this.#controller.getVisibleRows(start2, end2);
   }
   getSelectedPaths() {
     return this.#controller.getSelectedPaths();
@@ -85022,6 +85319,7 @@ var elements = {
   "slicc-sprinkle": SliccSprinkle,
   "slicc-lucide": SliccLucide,
   "slicc-tray": SliccTray,
+  "slicc-live": SliccLive,
   "slicc-follow": SliccFollow,
   "slicc-updates": SliccUpdates,
   "slicc-network": SliccNetwork,
@@ -85067,6 +85365,7 @@ export {
   SliccFollow,
   SliccFreezerImport,
   SliccGuestInvite,
+  SliccLive,
   SliccNetwork,
   SliccNotices,
   SliccPrompt,