@ai-ecoverse/slicc-spectrum 2.3.1 → 2.5.0

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;
@@ -35113,10 +35131,44 @@ var SliccVaultButton = class extends i2 {
     }
   }
 };
+function valueConfig(doc, theme3) {
+  const lang = doc.documentElement.lang;
+  return {
+    theme: theme3,
+    dir: doc.documentElement.dir === "rtl" ? "rtl" : "ltr",
+    ...lang ? { lang } : {}
+  };
+}
+function enters(vault) {
+  return !!(vault?.enter && vault.valueFrame);
+}
+function ours(detail, request2, open) {
+  if (request2 !== open) return false;
+  return !("request" in detail) || detail.request === void 0 || detail.request === request2;
+}
+function drop(vault, request2) {
+  void vault?.cancel?.(request2).catch(() => {
+  });
+}
+function goneText(state2) {
+  return state2 === "expired" ? "The vault\u2019s field timed out. Try again." : "The vault\u2019s field closed. Try again.";
+}
+function valueField(vault, request2, config, on2) {
+  return b`<div class="value-field" data-value-frame><slicc-vault-value .vault=${vault} .request=${request2} .config=${config} @vault-value=${(event2) => on2(event2.detail, request2)}></slicc-vault-value></div>`;
+}
 var frameHeight = 480;
 var frameInset = 4;
 var between = (value, most) => typeof value === "number" && Number.isFinite(value) ? Math.min(Math.max(value, 0), most) : 0;
-var picked = ["event", "request", "state", "code", "message"];
+var picked = [
+  "event",
+  "request",
+  "state",
+  "code",
+  "message",
+  "name",
+  "placeholder",
+  "record"
+];
 function pick(event2) {
   const fields = event2;
   return Object.fromEntries(
@@ -35130,6 +35182,7 @@ var SliccVaultValue = class extends i2 {
     config: { attribute: false }
   };
   #frame = null;
+  #focusing = false;
   #off = null;
   #ready = false;
   #sent = "";
@@ -35164,7 +35217,8 @@ var SliccVaultValue = class extends i2 {
     this.#drop();
   }
   focus() {
-    this.#frame?.post({ type: "slicc-vault", v: 1, op: "focus" });
+    this.#focusing = !this.#ready;
+    if (this.#ready) this.#frame?.post({ type: "slicc-vault", v: 1, op: "focus" });
   }
   updated(changed2) {
     if (changed2.has("vault") || changed2.has("request")) this.#drop();
@@ -35205,6 +35259,7 @@ var SliccVaultValue = class extends i2 {
     if (event2.event === "ready") {
       this.#ready = true;
       this.#send();
+      if (this.#focusing) this.focus();
     } else if (event2.event === "size") {
       const inset = between(event2.inset, frameInset);
       element2.style.blockSize = `${between(event2.height, frameHeight)}px`;
@@ -35584,6 +35639,8 @@ var SliccComposer = class extends ThemedElement {
     sharing: { state: true },
     secretError: { state: true },
     secretField: { state: true },
+    secretName: { state: true },
+    entry: { state: true },
     failure: { state: true },
     reattach: { state: true },
     agent: {}
@@ -35617,6 +35674,8 @@ var SliccComposer = class extends ThemedElement {
     this.sharing = false;
     this.secretError = null;
     this.secretField = null;
+    this.secretName = "";
+    this.entry = null;
     this.failure = null;
     this.reattach = null;
     this.agent = "";
@@ -35903,6 +35962,9 @@ var SliccComposer = class extends ThemedElement {
         flex-wrap: wrap;
         gap: var(--swc-spacing-100);
       }
+      .secret .value-field {
+        min-inline-size: min(22rem, 70vw);
+      }
       .secret-error {
         display: flex;
         align-items: flex-start;
@@ -35921,7 +35983,11 @@ var SliccComposer = class extends ThemedElement {
   ];
   willUpdate(changed2) {
     super.willUpdate(changed2);
-    if (changed2.has("popup") && this.popup?.kind !== "secret") clearValues(this.renderRoot);
+    if (changed2.has("popup") && this.popup?.kind !== "secret") {
+      clearValues(this.renderRoot);
+      this.#leave();
+      this.secretName = "";
+    }
     if (changed2.has("agent") && this.agent && this.model && this.agent !== this.#agent) {
       this.#switch(this.agent);
     }
@@ -35951,6 +36017,7 @@ var SliccComposer = class extends ThemedElement {
     globalThis.removeEventListener("blur", this.#release);
     globalThis.removeEventListener("pointerdown", this.#outside, true);
     clearValues(this.renderRoot);
+    this.#leave();
     const kept3 = this.#waiting.draft?.attachments;
     const held2 = [
       this.attachments === kept3 ? [] : this.attachments,
@@ -36205,6 +36272,88 @@ ${this.value}` : text4;
     ];
     this.popup = null;
   }
+  #clean(name) {
+    return name.trim().toUpperCase().replace(/[^A-Z0-9_]/g, "_");
+  }
+  #exists(vault, name) {
+    return !!vault?.list()?.secrets.some(
+      (secret) => secret.name === name && secret.kind === "secret" && secret.state !== "removed"
+    );
+  }
+  #attach(name) {
+    this.#refuse(null);
+    this.attachments = [
+      ...this.attachments,
+      { id: this.#id(), name, kind: "secret", mimeType: "application/octet-stream", size: 0 }
+    ];
+    this.popup = null;
+  }
+  #leave() {
+    const entry = this.entry;
+    if (!entry) return;
+    this.entry = null;
+    drop(entry.vault, entry.request);
+  }
+  async enterSecret(name, replace2 = false) {
+    const vault = this.model?.vault;
+    const clean = this.#clean(name);
+    if (this.sharing) return;
+    const bad = clean ? nameProblem(clean) : "Enter a name";
+    if (bad) {
+      this.#refuse(bad, "name", true);
+      return;
+    }
+    if (!replace2 && this.#exists(vault, clean)) {
+      this.#attach(clean);
+      return;
+    }
+    const agent = this.#agent;
+    const mine2 = () => this.#agent === agent && this.model?.vault === vault;
+    this.sharing = true;
+    try {
+      if (replace2) {
+        const sure = await confirm({
+          title: `Replace ${clean}?`,
+          body: "A secret with this name exists. Sharing replaces its value, and its placeholder stays.",
+          action: "Replace",
+          variant: "confirmation"
+        });
+        if (!sure || !mine2()) return;
+      }
+      const { request: request2 } = await vault.enter({
+        name: clean,
+        ...replace2 ? { replace: true } : {}
+      });
+      if (!mine2() || this.popup?.kind !== "secret") {
+        drop(vault, request2);
+        return;
+      }
+      this.#refuse(null);
+      this.entry = { request: request2, name: clean, vault };
+      void this.updateComplete.then(
+        () => this.renderRoot.querySelector("slicc-vault-value")?.focus()
+      );
+    } catch (error) {
+      if (mine2()) this.#refuse(failureText(error), fieldOf(error, "name"), true);
+    } finally {
+      this.sharing = false;
+    }
+  }
+  #entered(detail, request2) {
+    const entry = this.entry;
+    if (!entry || !ours(detail, request2, entry.request)) return;
+    if (detail.event === "error") {
+      this.#refuse(detail.message);
+      return;
+    }
+    if (detail.event === "escape") {
+      this.closeSecret();
+      return;
+    }
+    this.entry = null;
+    if (detail.event === "done") this.#attach(entry.name);
+    else this.#refuse(goneText(detail.state));
+  }
   #refuse(text4, field3 = null, focus = false) {
     this.secretError = text4;
     this.secretField = text4 ? field3 : null;
@@ -36298,6 +36447,7 @@ ${this.value}` : text4;
   }
   closeSecret() {
     clearValues(this.renderRoot);
+    this.#leave();
     this.popup = null;
   }
   openPopup(kind) {
@@ -36529,9 +36679,11 @@ ${this.value}` : text4;
   #popup() {
     const popup2 = this.popup;
     if (!popup2) return A;
+    if (popup2.kind === "secret" && this.#framed())
+      return this.#entering(this.model?.vault);
     if (popup2.kind === "secret") {
       const vault = this.model?.vault;
-      const valued = !!vault?.put && !blocked(vault);
+      const valued = !!vault?.put && !vault.enter && !blocked(vault);
       const waiting3 = vault?.put ? blocked(vault) : null;
       if (!valued) clearValues(this.renderRoot);
       const submit = (event2) => {
@@ -36592,6 +36744,50 @@ ${this.value}` : text4;
     ) : b`<div class="empty">Nothing matches.</div>`}
     </div>`;
   }
+  #framed() {
+    const vault = this.model?.vault;
+    return enters(vault) && (!!this.entry || !away(vault));
+  }
+  #entering(vault) {
+    const entry = this.entry;
+    const close = (event2) => {
+      if (event2.key === "Escape") this.closeSecret();
+    };
+    const cancel = b`<swc-button size="s" variant="secondary" fill-style="outline" data-action="cancel-secret" ?disabled=${this.sharing} @click=${() => this.closeSecret()}>Cancel</swc-button>`;
+    const error = this.secretError ? b`<span class="secret-error" role="alert" id="secret-error" data-error><swc-icon-alert-triangle size="s" aria-hidden="true"></swc-icon-alert-triangle><span>${this.secretError}</span></span>` : A;
+    if (entry)
+      return b`<form class="popup secret" data-vault="on" data-entry @submit=${(event2) => event2.preventDefault()} @keydown=${close}>
+        <strong>Share a secret</strong>
+        <span class="lead">Type the value of <code>${entry.name}</code> in the vault’s own field. The agent only sees its name.</span>
+        ${valueField(vault, entry.request, valueConfig(this.ownerDocument, this.color), (detail, request2) => this.#entered(detail, request2))}
+        ${error}
+        <span class="buttons">
+          <swc-button size="s" variant="secondary" fill-style="outline" data-action="back-secret" @click=${() => this.#leave()}>Back</swc-button>
+          ${cancel}
+        </span>
+      </form>`;
+    const name = this.#clean(this.secretName);
+    const exists = !!name && this.#exists(vault, name);
+    const bad = this.secretField === "name" ? "true" : A;
+    const submit = (event2) => {
+      event2.preventDefault();
+      void this.enterSecret(this.secretName);
+    };
+    return b`<form class="popup secret" data-vault="on" @submit=${submit} @keydown=${close} @input=${(event2) => {
+      this.secretField = null;
+      this.secretName = event2.target.value;
+    }}>
+        <strong>Share a secret</strong>
+        <span class="lead">${exists ? b`<code>${name}</code> is in the vault. Share it as it is, or replace its value first.` : "You type the value in the vault\u2019s own field next; the agent only sees its name."}</span>
+        <label class="field"><span>Name</span><input name="name" placeholder="API_TOKEN" autocomplete="off" spellcheck="false" .value=${this.secretName} aria-invalid=${bad} aria-describedby=${this.secretField === "name" ? "secret-error" : A} /></label>
+        ${error}
+        <span class="buttons">
+          <swc-button size="s" variant="accent" data-action="share-secret" ?pending=${this.sharing} @click=${(event2) => event2.currentTarget.closest("form")?.requestSubmit()}>Share</swc-button>
+          ${exists ? b`<swc-button size="s" variant="secondary" fill-style="outline" data-action="replace-secret" ?disabled=${this.sharing} @click=${() => void this.enterSecret(this.secretName, true)}>Replace value</swc-button>` : A}
+          ${cancel}
+        </span>
+      </form>`;
+  }
   #hold() {
     const hold2 = this.model?.agent.hold?.();
     if (!hold2) return A;
@@ -36884,8 +37080,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 +37424,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 +37568,7 @@ var SliccChat = class _SliccChat extends ThemedElement {
     fade,
     markdownCss,
     messageCss,
-    clampCss,
+    endCss,
     r(link_default),
     signInCss,
     i`
@@ -37618,8 +37828,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 +37850,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 +37930,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 turn = [...dock2?.querySelectorAll(".decision-turn") ?? []].find(
-      (candidate) => candidate.dataset.id === id
+    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(".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 +38084,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 +38173,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 +38216,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 +38435,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 +39779,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 +48480,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 +49362,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 +49685,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 +49698,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 +49789,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 +50197,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>
@@ -50234,6 +50487,7 @@ var SliccSecrets = class extends ThemedElement {
     problem: { state: true },
     invalid: { state: true },
     said: { state: true },
+    entry: { state: true },
     acting: { state: true },
     importKind: { state: true },
     candidates: { state: true },
@@ -50264,6 +50518,7 @@ var SliccSecrets = class extends ThemedElement {
     this.candidates = null;
     this.picked = /* @__PURE__ */ new Set();
     this.again = false;
+    this.entry = null;
   }
   static styles = [
     fieldStyles,
@@ -50572,6 +50827,7 @@ var SliccSecrets = class extends ThemedElement {
     super.disconnectedCallback();
     clearTimeout(this.#tick);
     clearValues(this.renderRoot);
+    this.#leave();
     this.older = [];
     this.more = null;
   }
@@ -50585,6 +50841,7 @@ var SliccSecrets = class extends ThemedElement {
     this.loading = false;
     this.popup = null;
     this.failure = null;
+    this.#leave();
     this.form = null;
     this.busy = false;
     this.unpinning = null;
@@ -50647,6 +50904,7 @@ var SliccSecrets = class extends ThemedElement {
   open(form) {
     if (form && this.busy) return;
     clearValues(this.renderRoot);
+    this.#leave();
     this.form = form;
     this.problem = null;
     this.invalid = null;
@@ -50655,6 +50913,88 @@ var SliccSecrets = class extends ThemedElement {
     this.again = false;
     if (form?.kind === "import") this.importKind = "bundle";
     if (form) void this.updateComplete.then(() => this.#focus());
+    const vault = this.model?.vault;
+    if (form?.kind === "replace" && enters(vault))
+      void this.#begin(vault, form, form.name, true);
+  }
+  #leave() {
+    const entry = this.entry;
+    if (!entry) return;
+    this.entry = null;
+    drop(entry.vault, entry.request);
+  }
+  async #begin(vault, form, name, replace2) {
+    const options2 = form.kind === "replace" ? form.options : void 0;
+    this.busy = true;
+    try {
+      const { request: request2 } = await vault.enter({
+        name,
+        ...options2?.kind ? { kind: options2.kind } : {},
+        ...options2?.provider ? { provider: options2.provider } : {},
+        ...options2?.server ? { server: options2.server } : {},
+        ...replace2 ? { replace: true } : {}
+      });
+      if (!this.#mine(vault, form)) {
+        drop(vault, request2);
+        return;
+      }
+      this.#refuse(null);
+      this.entry = { request: request2, form, vault, name };
+      void this.updateComplete.then(
+        () => this.renderRoot.querySelector("[data-form] slicc-vault-value")?.focus()
+      );
+    } catch (error) {
+      if (this.#mine(vault, form)) this.#refuse(failureText(error), fieldOf(error, "name"), true);
+    } finally {
+      if (this.model?.vault === vault) this.busy = false;
+    }
+  }
+  async next(vault) {
+    const form = this.form;
+    if (this.busy) return;
+    const name = this.#field("name").value.trim();
+    const bad = nameProblem(name);
+    if (bad) {
+      this.#refuse(bad, "name", true);
+      return;
+    }
+    const exists = !!vault.list()?.secrets.some(
+      (secret) => secret.name === name && secret.kind === "secret" && secret.state !== "removed"
+    );
+    if (exists) {
+      this.busy = true;
+      const sure = await confirm({
+        title: `Replace ${name}?`,
+        body: "A secret with this name exists. Saving replaces its value, and its placeholder stays.",
+        action: "Replace",
+        variant: "confirmation"
+      });
+      if (this.model?.vault === vault) this.busy = false;
+      if (!sure || !this.#mine(vault, form)) return;
+    }
+    await this.#begin(vault, form, name, exists);
+  }
+  #entered(detail, request2) {
+    const entry = this.entry;
+    if (!entry || !ours(detail, request2, entry.request)) return;
+    if (detail.event === "error") {
+      this.#refuse(detail.message);
+      return;
+    }
+    if (detail.event === "escape") {
+      this.open(null);
+      return;
+    }
+    this.entry = null;
+    if (detail.event === "gone") {
+      this.#refuse(goneText(detail.state));
+      return;
+    }
+    this.form = null;
+    this.said = {
+      kind: "saved",
+      name: (detail.state === "sealed" ? detail.name : void 0) ?? entry.name
+    };
   }
   #refuse(text4, field3 = null, focus = false) {
     this.problem = text4;
@@ -50918,7 +51258,33 @@ var SliccSecrets = class extends ThemedElement {
   #locked(locked) {
     return locked ? b`<div class="locked"><p class="muted" data-locked>Unlock the vault first</p>${this.#button({ intent: { kind: "unlock" }, label: "Unlock", size: "s", variant: "accent" }, "unlock")}</div>` : A;
   }
+  #entryForm(vault, form) {
+    const add = form.kind === "add";
+    const entry = this.entry?.form === form ? this.entry : null;
+    const next = () => this.next(vault);
+    const keys = (event2) => {
+      if (event2.key === "Escape") {
+        event2.preventDefault();
+        this.open(null);
+      } else if (event2.key === "Enter" && event2.target.localName === "input") {
+        event2.preventDefault();
+        void next();
+      }
+    };
+    const name = form.kind === "replace" ? form.name : "";
+    return b`<div class="form" data-form=${form.kind} data-entry=${entry ? "" : A} @input=${() => this.#typed()} @keydown=${keys}>
+      <strong>${add ? "Add a secret" : b`Replace the value of <code>${name}</code>`}</strong>
+      ${add && !entry ? b`<label class="field"><span>Name</span><input type="text" autocomplete="off" spellcheck="false" autocapitalize="characters" data-field="name" placeholder="API_TOKEN" aria-invalid=${this.#bad("name")} aria-describedby=${this.#described("name")} @input=${(event2) => this.#upper(event2)} /></label>` : A}
+      ${entry ? b`<p class="muted">Type the value in the vault’s own field. It never passes through this page.</p>${valueField(vault, entry.request, valueConfig(this.ownerDocument, this.color), (detail, request2) => this.#entered(detail, request2))}` : add ? b`<p class="muted">You type the value in the vault’s own field next.</p>` : b`<p class="muted" data-opening>${this.busy ? "Opening the vault\u2019s field\u2026" : ""}</p>`}
+      ${this.problem ? this.#error(this.problem, "form") : A}
+      <div class="buttons">
+        ${add && !entry ? b`<swc-button size="m" variant="accent" data-action="enter-value" ?pending=${this.busy} @click=${next}>Next</swc-button>` : A}
+        <swc-button size="m" variant="secondary" fill-style="outline" data-action="cancel" @click=${() => this.open(null)}>Cancel</swc-button>
+      </div>
+    </div>`;
+  }
   #valueForm(vault, form, locked) {
+    if (enters(vault)) return this.#entryForm(vault, form);
     const save = () => this.save(vault);
     const add = form.kind === "add";
     return b`<div class="form" data-form=${form.kind} @input=${() => this.#typed()} @keydown=${(event2) => this.#enter(event2, save, locked)}>
@@ -51251,6 +51617,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 +51681,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 +51691,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 +51703,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 +51732,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 +51770,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 +51788,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 +51828,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 +51857,7 @@ var SliccApprovals = class extends ModelElement {
   static styles = [
     dialogStyles,
     controlStyles,
+    endCss,
     i`
       :host {
         display: contents;
@@ -51437,17 +51879,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 +51913,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 +52067,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 +52090,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 +52146,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 +52163,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;
@@ -51776,12 +52202,7 @@ var SliccApprovals = class extends ModelElement {
   #config() {
     const doc = this.ownerDocument;
     const dark = doc.defaultView?.matchMedia?.("(prefers-color-scheme: dark)").matches ?? false;
-    const lang = doc.documentElement.lang;
-    return {
-      theme: resolveColor(this.model?.settings?.get().color ?? "system", dark),
-      dir: doc.documentElement.dir === "rtl" ? "rtl" : "ltr",
-      ...lang ? { lang } : {}
-    };
+    return valueConfig(doc, resolveColor(this.model?.settings?.get().color ?? "system", dark));
   }
   #frame(approval) {
     const vault = this.model?.vault;
@@ -51820,7 +52241,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 +52257,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 +52285,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 +52307,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 +52322,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 +54063,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 +54997,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>
@@ -54661,6 +55219,7 @@ var SliccSettings = class extends ThemedElement {
     ...ThemedElement.properties,
     pending: { state: true },
     entering: { state: true },
+    keyEntry: { state: true },
     failure: { state: true },
     problem: { state: true },
     blocked: { state: true },
@@ -54677,6 +55236,8 @@ var SliccSettings = class extends ThemedElement {
     refusals: { state: true },
     removing: { state: true }
   };
+  #auto = null;
+  #wants = null;
   #waits = new SignInWaits(() => this.requestUpdate());
   #copies = new SignInCopies(() => this.requestUpdate());
   #modelFilter = new ModelFilter(this);
@@ -54692,6 +55253,7 @@ var SliccSettings = class extends ThemedElement {
     super();
     this.pending = /* @__PURE__ */ new Set();
     this.entering = null;
+    this.keyEntry = null;
     this.failure = null;
     this.problem = null;
     this.blocked = false;
@@ -54805,6 +55367,17 @@ var SliccSettings = class extends ThemedElement {
       .field sp-picker {
         width: 100%;
       }
+      .entry-fields {
+        display: grid;
+        gap: var(--swc-spacing-200);
+      }
+      .entry-fields[hidden] {
+        display: none;
+      }
+      .entry-label {
+        font-size: var(--swc-font-size-75);
+        color: var(--swc-neutral-subdued-content-color-default);
+      }
       .field sp-field-label {
         margin: 0;
         padding-block: 0;
@@ -54841,7 +55414,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 +55426,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 +55679,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 +55749,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);
@@ -55197,7 +55794,7 @@ var SliccSettings = class extends ThemedElement {
   #vault(account) {
     const vault = this.model?.vault;
     const keyed2 = account.auth === "api-key" || dual(account);
-    return keyed2 && account.store === "vault" && vault?.put ? vault : null;
+    return keyed2 && account.store === "vault" && vault && (vault.put || enters(vault)) ? vault : null;
   }
   async keep(account, value, fields) {
     const model = this.model;
@@ -55219,15 +55816,7 @@ var SliccSettings = class extends ThemedElement {
     try {
       if (keyed2) await vault.put?.(recordName(account), value, void 0, options2);
       else if (settings) await vault.settings?.(recordName(account), "model", settings);
-      if (url) {
-        const server = serverOf(account);
-        const old = registrations2()[server];
-        await vault.endpoints?.({
-          ...old && old !== url ? { remove: { mcp: [{ server, url: old }] } } : {},
-          add: { mcp: [{ server, url }] }
-        });
-        register(server, url);
-      }
+      if (url) await this.#endpoint(account, vault, url);
     } catch (error) {
       this.#busy(id, false);
       if (this.model === model) this.#refused(account, failureText(error), keyed2);
@@ -55243,6 +55832,114 @@ var SliccSettings = class extends ThemedElement {
       await vault.settings?.(recordName(account), "model", before ?? {}).catch(() => {
       });
   }
+  async #endpoint(account, vault, url) {
+    const server = serverOf(account);
+    const old = registrations2()[server];
+    await vault.endpoints?.({
+      ...old && old !== url ? { remove: { mcp: [{ server, url: old }] } } : {},
+      add: { mcp: [{ server, url }] }
+    });
+    register(server, url);
+  }
+  #held(account) {
+    const name = recordName(account);
+    const kind = recordKind(account);
+    return !!this.model?.vault?.list()?.secrets.some(
+      (secret) => secret.name === name && secret.kind === kind && secret.state !== "removed"
+    );
+  }
+  async #startKey(account, fields) {
+    const model = this.model;
+    const vault = this.#vault(account);
+    const { id } = account;
+    const name = recordName(account);
+    const settings = this.#settingsOf(account, fields);
+    const options2 = account.group === "mcp" ? { name, kind: "mcp", server: serverOf(account) } : { name, kind: "model", provider: account.id, ...settings ? { settings } : {} };
+    if (this.#held(account)) options2.replace = true;
+    this.#busy(id, true);
+    this.failure = null;
+    this.problem = null;
+    try {
+      const { request: request2 } = await vault.enter(options2);
+      if (this.model !== model || this.entering !== id) {
+        drop(vault, request2);
+        return;
+      }
+      this.keyEntry = { id, request: request2, fields, vault };
+      void this.updateComplete.then(
+        () => this.renderRoot.querySelector("[data-entry] slicc-vault-value")?.focus()
+      );
+    } catch (error) {
+      if (this.model === model) this.#refused(account, failureText(error), true);
+    } finally {
+      this.#busy(id, false);
+    }
+  }
+  async #nextKey(event2, account) {
+    event2.preventDefault();
+    if (account.blocked || this.pending.has(account.id)) return;
+    const form = event2.currentTarget.closest("form");
+    const fields = this.#fields(form, account);
+    if (fields === null) return;
+    const url = this.#mcpUrl(account);
+    const model = this.model;
+    if (url && !await this.#confirmUrl(url)) return;
+    if (this.model !== model || this.entering !== account.id) return;
+    if (away(this.#vault(account))) return;
+    await this.#startKey(account, fields);
+  }
+  async #keyed(account, detail, request2) {
+    const entry = this.keyEntry;
+    if (!entry || entry.id !== account.id || !ours(detail, request2, entry.request)) return;
+    const { id } = account;
+    if (detail.event === "error") {
+      this.#refuse(id, "value", detail.message);
+      return;
+    }
+    if (detail.event === "escape") {
+      this.#leaveKey(account);
+      return;
+    }
+    this.keyEntry = null;
+    if (detail.event === "gone") {
+      this.#refuse(id, "value", goneText(detail.state));
+      return;
+    }
+    const model = this.model;
+    const vault = this.#vault(account);
+    const url = this.#mcpUrl(account);
+    this.#busy(id, true);
+    if (url) {
+      try {
+        await this.#endpoint(account, vault, url);
+      } catch (error) {
+        this.#busy(id, false);
+        if (this.model === model) this.#refused(account, failureText(error), false);
+        return;
+      }
+    }
+    if (this.model !== model || this.entering !== id) {
+      this.#busy(id, false);
+      return;
+    }
+    await this.#connectBases(account, void 0, entry.fields, vault);
+  }
+  #leaveKey(account) {
+    this.#dropKey();
+    if (this.#auto === account.id) {
+      if (this.adding?.id === account.id) this.#back();
+      else this.#cancel();
+    }
+  }
+  #unmounted() {
+    if (this.keyEntry && !this.renderRoot.querySelector("form.key[data-entry]")) this.#dropKey();
+  }
+  #dropKey() {
+    const entry = this.keyEntry;
+    if (!entry) return;
+    this.keyEntry = null;
+    drop(entry.vault, entry.request);
+  }
   #settingsOf(account, fields) {
     const settable = (account.fields ?? []).filter((field3) => field3.vaultSetting);
     if (account.group === "mcp" || !settable.length) return void 0;
@@ -55623,7 +56320,40 @@ var SliccSettings = class extends ThemedElement {
     </div>
     ${this.blocked ? b`<div class="problem" role="alert" data-popup="blocked"><swc-icon-alert-triangle size="s" aria-hidden="true"></swc-icon-alert-triangle><span>The browser blocked the vault window. Allow pop-ups for this site, then try again.</span></div>` : A}`;
   }
+  #entryKept(account, vault) {
+    const { id } = account;
+    const busy = this.pending.has(id);
+    const name = secretNames[account.secret ?? "api-key"];
+    const entry = this.keyEntry?.id === id ? this.keyEntry : null;
+    const fields = account.fields ?? [];
+    const waiting3 = away(vault);
+    if (!entry && !waiting3 && !fields.length && !this.#mcpUrl(account) && this.#auto !== id && !busy)
+      this.#wants = account;
+    const required = fields.filter((field3) => field3.required && !field3.options);
+    const ready = !waiting3 && !account.blocked && required.every((field3) => !this.#offered() || this.filled.has(field3.name));
+    const optional = this.#keyOptional(account);
+    const hint2 = entry ? "Type it in the vault\u2019s own field. It never passes through this page." : waiting3 ? "Waiting for the vault" : busy ? "Opening the vault\u2019s field\u2026" : `You type the ${name} in the vault\u2019s own field next.${optional ? " Or save these settings and keep the key you have." : ""}`;
+    return b`<form class="key stacked" data-id=${id} data-store="vault" data-entry=${entry ? "" : A} @submit=${(event2) => void this.#nextKey(event2, account)} @keydown=${(event2) => this.#submitOnEnter(event2)} @input=${(event2) => this.#fill(event2)}>
+        <span class="entry-label">${account.provider} ${name}</span>
+        ${entry ? valueField(vault, entry.request, valueConfig(this.ownerDocument, this.color), (detail, request2) => void this.#keyed(account, detail, request2)) : A}
+        ${this.#problem(account, "value")}
+        <p class="hint">${hint2}</p>
+        ${this.#getKey(account)}
+        <div class="entry-fields" ?hidden=${!!entry}>${this.#extra(account)}</div>
+        <div class="buttons">
+          ${entry ? b`<swc-button size="m" variant="secondary" data-action="back-key" @click=${() => this.#leaveKey(account)}>Back</swc-button>` : b`<swc-button size="m" variant="accent" data-action="enter-key" ?pending=${busy} ?disabled=${!busy && !ready} @click=${(event2) => void this.#nextKey(event2, account)}>Next</swc-button>
+          ${optional ? b`<swc-button size="m" variant="secondary" data-action="save" ?disabled=${busy || !ready} @click=${(event2) => this.#keepSettings(event2, account)}>Save settings</swc-button>` : A}
+          ${this.#leave(account)}`}
+        </div>
+      </form>`;
+  }
+  #keepSettings(event2, account) {
+    const form = event2.currentTarget.closest("form");
+    const fields = this.#fields(form, account);
+    if (fields !== null && !this.pending.has(account.id)) void this.keep(account, "", fields);
+  }
   #kept(account, vault) {
+    if (enters(vault)) return this.#entryKept(account, vault);
     const busy = this.pending.has(account.id);
     const locked = !!vault.status()?.locked;
     const name = secretNames[account.secret ?? "api-key"];
@@ -56135,8 +56865,25 @@ var SliccSettings = class extends ThemedElement {
     this.adding = null;
     this.picking = true;
   }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    this.#dropKey();
+  }
+  willUpdate(changed2) {
+    super.willUpdate(changed2);
+    const entry = this.keyEntry;
+    if (entry && (this.entering !== entry.id || entry.vault !== this.model?.vault)) this.#dropKey();
+    if (this.entering === null) this.#auto = null;
+  }
   updated(changed2) {
     super.updated(changed2);
+    if (this.keyEntry) void this.updateComplete.then(() => this.#unmounted());
+    const wants = this.#wants;
+    this.#wants = null;
+    if (wants && this.#auto !== wants.id) {
+      this.#auto = wants.id;
+      void this.#startKey(wants, void 0);
+    }
     const dialog = this.#dialog;
     if (!changed2.has("picking") || !dialog || dialog.open) return;
     dialog.showModal();
@@ -56388,6 +57135,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 +57193,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 +59783,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 = {
@@ -64848,12 +65596,12 @@ var TabReorderController = class extends CompositeDisposable {
   commitPointerReorder(event2) {
     const animState = this._animState;
     if ((animState === null || animState === void 0 ? void 0 : animState.currentInsertionIndex) == null) return;
-    const drop = this.resolveTabDrop(animState);
+    const drop2 = this.resolveTabDrop(animState);
     this._animState = null;
     this.clearWrapDropIndicator();
     this.uncollapseSourceTab(animState.sourceTabId);
-    if (!drop) return;
-    this.host.fireDrop(_objectSpread2({ event: event2 }, drop));
+    if (!drop2) return;
+    this.host.fireDrop(_objectSpread2({ event: event2 }, drop2));
   }
   /**
   * Shared body of the dragover entry point. Refreshes stale anim state
@@ -65897,19 +66645,19 @@ var Tabs = class extends CompositeDisposable {
         this._commitGroupMove(animState.sourceTabGroupId, animState.currentInsertionIndex);
         return;
       }
-      const drop = this._reorder.resolveTabDrop(animState);
+      const drop2 = this._reorder.resolveTabDrop(animState);
       this._reorder.uncollapseSourceTab(animState.sourceTabId);
-      if (!drop) {
+      if (!drop2) {
         this.resetTabTransforms();
         return;
       }
       const sourceIndex = animState.sourceIndex;
       const firstPositions = this.snapshotTabPositions();
       this.resetTabTransforms();
-      this._onDrop.fire(_objectSpread2({ event: event2 }, drop));
+      this._onDrop.fire(_objectSpread2({ event: event2 }, drop2));
       this.runFlipAnimation(firstPositions, animState.sourceTabId, sourceIndex === -1, {
-        from: Math.min(sourceIndex, drop.index),
-        to: Math.max(sourceIndex, drop.index)
+        from: Math.min(sourceIndex, drop2.index),
+        to: Math.max(sourceIndex, drop2.index)
       });
     }, true), Disposable.from(() => {
       var _this$_voidContainerL2;
@@ -69118,7 +69866,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 +69934,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 +69966,7 @@ var Overlay = class Overlay2 extends CompositeDisposable {
         resizeHandleElement.setPointerCapture(pointerId);
       } catch (_unused3) {
       }
-      const end = () => {
+      const end2 = () => {
         move.dispose();
         this._onDidChangeEnd.fire();
       };
@@ -69310,7 +70058,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 +76109,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 +79030,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 +79653,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 +80717,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 +85024,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();
@@ -85003,6 +85751,7 @@ function defineFileTree() {
 }
 
 // src/ui.ts
+var valueEntry = true;
 var elements = {
   "slicc-agents": SliccAgents,
   "slicc-chat": SliccChat,
@@ -85022,6 +85771,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 +85817,7 @@ export {
   SliccFollow,
   SliccFreezerImport,
   SliccGuestInvite,
+  SliccLive,
   SliccNetwork,
   SliccNotices,
   SliccPrompt,
@@ -85082,7 +85833,8 @@ export {
   panelCommand,
   prompt,
   resolveColor,
-  surfaces2 as surfaces
+  surfaces2 as surfaces,
+  valueEntry
 };
 /*! Bundled license information: