@ai-ecoverse/slicc-spectrum 1.80.0 → 1.82.0

package/dist/slicc-ui.js

@@ -12142,7 +12142,7 @@ function fallbackModel(options) {
   return offered.find((option2) => option2.default) ?? offered[0];
 }
 function controls(model) {
-  if (model.agent.readOnly?.()) return false;
+  if (model.seat || model.agent.readOnly?.()) return false;
   const state2 = model.follow?.state();
   return !state2 || !!state2.access.control && state2.link === "connected";
 }
@@ -14685,7 +14685,7 @@ var SliccNetwork = class extends ModelElement {
   render() {
     const port = this.model?.network;
     if (!port) {
-      return b`<div class="page" tabindex="-1"><p class="muted">Network information is not connected.</p></div>`;
+      return b`<div class="page" tabindex="-1">${this.model?.guests ? this.#guestsSection() : b`<p class="muted">Network information is not connected.</p>`}</div>`;
     }
     const status2 = networkStatus(port);
     return b`<div class="page" tabindex="-1">
@@ -31229,7 +31229,8 @@ function actionLabel(action, handlers, messageId) {
 }
 function errorCard(item2, handlers) {
   const id = item2.id ?? "";
-  const action = item2.action ? b`<swc-button size="s" variant="secondary" fill-style="outline" data-action=${item2.action} ?disabled=${handlers.readOnly} @click=${() => handlers.action(item2.action, item2.id)}>${actionLabel(item2.action, handlers, id)}</swc-button>` : A;
+  const fix = handlers.seat === void 0 ? item2.action : void 0;
+  const action = fix ? b`<swc-button size="s" variant="secondary" fill-style="outline" data-action=${fix} ?disabled=${handlers.readOnly} @click=${() => handlers.action(fix, item2.id)}>${actionLabel(fix, handlers, id)}</swc-button>` : A;
   return b`<div class="error-card" role="alert" data-id=${id || A}>
     <swc-icon-alert-diamond class="icon" size="s" aria-hidden="true"></swc-icon-alert-diamond>
     <span class="sr">Error: </span><span class="lead">${item2.title}</span>
@@ -31364,10 +31365,14 @@ function check2(items) {
     ${items.map((entry) => b`<li data-tone=${entry.tone ?? "positive"}><span class="mark" aria-hidden="true">✓</span>${entry.text}</li>`)}
   </ul>`;
 }
+var hostAnswers = b`<div class="hint" data-host-answers>The host answers this.</div>`;
 function question(item2, handlers) {
   const answer = (value) => handlers.answer(item2.id, value);
+  const guest = handlers.seat !== void 0 && item2.state === "open";
   let body4;
-  if (item2.state === "answered") {
+  if (guest) {
+    body4 = hostAnswers;
+  } else if (item2.state === "answered") {
     body4 = b`<div class="answer">✓ ${item2.answer}</div>`;
   } else if (item2.state === "inert") {
     body4 = b`<div class="hint">Only the latest question can be answered here.</div>`;
@@ -31387,13 +31392,13 @@ function question(item2, handlers) {
       <swc-button size="s" variant="accent" data-action="answer" ?disabled=${handlers.readOnly} @click=${(event2) => event2.currentTarget.closest("form")?.requestSubmit()}>Answer</swc-button>
     </form>`;
   }
-  return b`<div class="question decision" data-state=${item2.state} data-kind=${item2.kind}>
+  return b`<div class="question decision" data-state=${item2.state} data-kind=${item2.kind} data-guest=${guest ? "" : A}>
     <div class="q">${item2.question}</div>
     ${body4}
   </div>`;
 }
 function questionTurn(item2, handlers, pile) {
-  return b`<swc-conversation-turn type="system" class="message decision-turn" data-id=${item2.id} data-state=${item2.state} data-pending=${item2.state === "open" ? "" : A} accessible-label=${`Question: ${item2.question}`} style=${pileStyle(pile)} @click=${reveal} @keydown=${reveal}>${question(item2, handlers)}</swc-conversation-turn>`;
+  return b`<swc-conversation-turn type="system" class="message decision-turn" data-id=${item2.id} data-state=${item2.state} data-pending=${item2.state === "open" && handlers.seat === void 0 ? "" : A} accessible-label=${`Question: ${item2.question}`} style=${pileStyle(pile)} @click=${reveal} @keydown=${reveal}>${question(item2, handlers)}</swc-conversation-turn>`;
 }
 var delegationVerbs = {
   feed: "fed",
@@ -31505,12 +31510,22 @@ function when(at, title = "") {
 function unseen(at) {
   return b`<time class="sr" datetime=${new Date(at).toISOString()}>${time(at)}</time>`;
 }
-function user(message, stamp = true) {
+function mine(message, seat) {
+  if (message.origin !== "guest") return false;
+  return message.seat === void 0 ? message.from === seat.label : message.seat === seat.id;
+}
+function sender(message, seat) {
+  if (seat === void 0) return message.from;
+  if (mine(message, seat)) return void 0;
+  return message.from ?? (message.origin === "agent" ? void 0 : "the host");
+}
+function user(message, stamp = true, seat) {
   const delivered = message.delivered ?? (message.mode === "steer" ? "steer" : void 0);
   const agent = message.origin === "agent";
-  const name = message.from ?? "an agent";
-  const who2 = agent ? name : message.from ? `From ${message.from}` : "";
-  const label = agent ? `Request from ${name}` : message.from ? `Message from ${message.from}` : "Your message";
+  const from = sender(message, seat);
+  const name = from ?? "an agent";
+  const who2 = agent ? name : from ? `From ${from}` : "";
+  const label = agent ? `Request from ${name}` : from ? `Message from ${from}` : "Your message";
   const remote = agent || !!message.from && !people.has(message.origin ?? "user");
   return b`<swc-conversation-turn type="user" class="message user" accessible-label=${label} data-id=${message.id} data-mode=${message.mode ?? "send"} data-delivered=${delivered ?? "run"} data-origin=${message.origin ?? "user"} data-remote=${remote ? "" : A}>
     <div class="bubble">
@@ -31618,6 +31633,7 @@ function event(label, content) {
 function outside(label, byline2, content) {
   return b`<swc-conversation-turn type="user" class="event lick-turn" accessible-label=${label}><div class="bubble">${byline2}${content}</div></swc-conversation-turn>`;
 }
+var ended2 = /* @__PURE__ */ new Set(["Nobody approved this in time.", "It was declined.", "It was withdrawn."]);
 function system(message, handlers) {
   if (message.kind === "compaction") {
     const failed2 = message.state === "fallback" || message.state === "discarded";
@@ -31631,6 +31647,16 @@ function system(message, handlers) {
       </div>`
     );
   }
+  if (message.kind === "notice" && handlers.seat !== void 0 && ended2.has(message.title ?? "")) {
+    return event(
+      "Notice",
+      b`<div class="marker notice" role="note" data-id=${message.id} data-ended>
+        <span class="line"></span>
+        <span class="marker-text"><span class="said" title=${message.text}>“${message.text}”</span> <span class="outcome">${message.title}</span></span>
+        <span class="line"></span>
+      </div>`
+    );
+  }
   if (message.kind === "notice") {
     return event(
       "Notice",
@@ -31728,12 +31754,14 @@ function decision(message, handlers, pile) {
   const at = message.expiresAt;
   const left = at === void 0 ? null : at - Date.now();
   const expired = left !== null && left <= 0;
-  const timer = left === null ? A : b`<span class="timer" data-timer aria-hidden="true">${expired ? "Timed out" : clock(left)}</span><span class="sr">${spokenLeft(left, at)}</span>`;
-  const actions2 = expired ? A : b`<div class="decide">
+  const guest = handlers.seat !== void 0;
+  const timer = left === null || guest && !expired ? A : b`<span class="timer" data-timer aria-hidden="true">${expired ? "Timed out" : clock(left)}</span><span class="sr">${spokenLeft(left, at)}</span>`;
+  const settled3 = expired || guest;
+  const actions2 = expired ? A : guest ? hostAnswers : b`<div class="decide">
         <swc-button size="s" variant="secondary" fill-style="outline" data-action="deny" ?disabled=${handlers.readOnly} @click=${() => handlers.resolve(message.id, "dismissed")}>Deny</swc-button>
         <swc-button size="s" variant="accent" data-action="allow" ?disabled=${handlers.readOnly} @click=${() => handlers.resolve(message.id, "confirmed")}>Allow</swc-button>
       </div>`;
-  return b`<swc-conversation-turn type="system" class="message decision-turn" accessible-label=${`Permission request from ${message.title}`} data-id=${message.id} data-pending=${expired ? A : ""} data-expired=${expired ? "" : A} style=${pileStyle(pile)} @click=${reveal} @keydown=${reveal}>
+  return b`<swc-conversation-turn type="system" class="message decision-turn" accessible-label=${`Permission request from ${message.title}`} data-id=${message.id} data-pending=${settled3 ? A : ""} data-expired=${expired ? "" : A} style=${pileStyle(pile)} @click=${reveal} @keydown=${reveal}>
     <div class="decision" data-kind="approval">
       <div class="decision-head"><span class="who">${message.title}</span>${timer}</div>
       <p class="decision-text">${message.text}</p>
@@ -32396,7 +32424,7 @@ var messageCss = i`
     border-radius: var(--swc-corner-radius-100);
     padding: var(--swc-spacing-200) var(--swc-spacing-300);
   }
-  .question[data-state='open'] {
+  .question[data-state='open']:not([data-guest]) {
     border-color: var(--swc-accent-visual-color);
   }
   .question[data-state='inert'] {
@@ -32508,6 +32536,19 @@ var messageCss = i`
   .marker-text .fault {
     color: var(--swc-negative-visual-color);
   }
+  .marker[data-ended] .marker-text {
+    min-inline-size: 0;
+    max-inline-size: 80%;
+  }
+  .marker[data-ended] .said {
+    min-inline-size: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .marker[data-ended] .outcome {
+    flex: none;
+  }
   .marker .line {
     min-inline-size: var(--swc-spacing-300);
   }
@@ -33775,7 +33816,7 @@ var SliccApp = class extends ThemedElement {
       const element2 = dock.content(panel.id);
       if (element2 && "model" in element2) element2.model = model;
     }
-    if (!model.network && dock.has("network")) dock.close("network");
+    if (!model.network && !model.guests && dock.has("network")) dock.close("network");
     this.#prune();
     const agent = this.#active();
     if (agent && this.#offers("chat")) openChat(dock, agent, this.screen, false, false);
@@ -34088,7 +34129,7 @@ var SliccApp = class extends ThemedElement {
   #available(model = this.model) {
     const terminals = terminalsAllowed(model);
     return this.surfaces.filter(
-      (item2) => (item2.id !== "network" || model?.network) && (item2.id !== "terminal" || terminals)
+      (item2) => (item2.id !== "network" || model?.network || model?.guests) && (item2.id !== "terminal" || terminals)
     );
   }
   #updatesIndicator() {
@@ -34159,7 +34200,7 @@ var SliccApp = class extends ThemedElement {
           ${this.#updatesIndicator()}
           ${this.#remoteIndicator()}
           ${this.#networkIndicator()}
-          ${this.#offers("chat") ? b`<slicc-tray .model=${this.model} .panels=${["network", "monitor"].filter((id) => this.#offers(id))} ?compact=${this.screen === "phone"} @show-surface=${this.#showSurface}></slicc-tray>` : A}
+          ${this.#offers("chat") ? b`<slicc-tray .model=${this.model} .panels=${["network", "monitor"].filter((id) => this.#offers(id) && (id !== "network" || this.model?.network))} ?compact=${this.screen === "phone"} @show-surface=${this.#showSurface}></slicc-tray>` : A}
           <sp-action-menu size="s" quiet label="View" @change=${this.#view}>
             <swc-icon-view-grid slot="icon"></swc-icon-view-grid>
             <span slot="label" class="view-label">View</span>
@@ -36903,6 +36944,10 @@ function pendingPiles(messages) {
   return new Map(keys.map((key2, stack) => [key2, { stack }]));
 }
 var failed = (message) => message.role === "assistant" ? message.status === "error" : message.role === "system" && message.kind === "error";
+function empty(watch, seat, name) {
+  if (watch) return "No messages yet.";
+  return seat ? `No messages yet. Say hello to ${name}.` : `No messages yet. Ask ${name} something.`;
+}
 function carriesFiles(event2) {
   const types = [...event2.dataTransfer?.types ?? []];
   return types.includes("Files") && !types.includes(dipType);
@@ -36956,7 +37001,7 @@ var SliccChat = class extends ThemedElement {
     return this.renderRoot.querySelector("slicc-composer");
   }
   #over = (event2) => {
-    if (!(carriesFiles(event2) && this.#composer())) return;
+    if (!(carriesFiles(event2) && this.#composer()) || this.model?.seat) return;
     event2.preventDefault();
     event2.dataTransfer.dropEffect = "copy";
     if (this.dropping) return;
@@ -37031,6 +37076,10 @@ var SliccChat = class extends ThemedElement {
         min-width: calc(var(--swc-spacing-400) * 4.5);
         margin-inline-start: auto;
       }
+      header .cone {
+        color: var(--swc-neutral-content-color-default);
+        font-weight: var(--swc-bold-font-weight);
+      }
       header .frozen,
       header .model {
         color: var(--swc-neutral-content-color-default);
@@ -37173,7 +37222,9 @@ var SliccChat = class extends ThemedElement {
   }
   #sent(agentId) {
     const last = this.model?.agent.messages(agentId).at(-1);
-    return last?.role === "user" && last.id !== this.#tail && (last.origin ?? "user") === "user";
+    if (last?.role !== "user" || last.id === this.#tail) return false;
+    const seat = this.model?.seat;
+    return seat ? mine(last, seat) : (last.origin ?? "user") === "user";
   }
   #resize = new ResizeObserver(() => this.#pin());
   #fitted = null;
@@ -37384,7 +37435,7 @@ var SliccChat = class extends ThemedElement {
         );
       }
       case "user":
-        return user(message, stamp);
+        return user(message, stamp, model.seat);
       case "tool":
         return toolMessage(message, handlers, extra, suggestion, stamp);
       case "system":
@@ -37399,7 +37450,7 @@ var SliccChat = class extends ThemedElement {
     let shown4;
     const model = this.model;
     const last = messages.at(-1);
-    const suggestion = last?.role === "assistant" && !agent.frozen && !watchOnly(model) && !model.agent.busy(agent.id) ? model.agent.suggestion(agent.id) : null;
+    const suggestion = last?.role === "assistant" && !agent.frozen && !watchOnly(model) && !model.seat && !model.agent.busy(agent.id) ? model.agent.suggestion(agent.id) : null;
     const showThinking = model.settings.get().showThinking;
     const extra = /* @__PURE__ */ new Map();
     const owners = /* @__PURE__ */ new Map();
@@ -37468,9 +37519,11 @@ var SliccChat = class extends ThemedElement {
     this.model.agent.clear(agent.id);
     this.renderRoot.querySelector("slicc-composer")?.focus();
   }
-  #meta(agent, empty2) {
+  #meta(agent, empty3) {
     const model = this.model;
     const fill2 = Math.round(agent.contextFill * 100);
+    if (model.seat)
+      return b`<span class="cone" data-seat-cone>${agent.name}</span>${statusLight(agent.status)}`;
     const meter = b`<swc-meter size="s" label-position="side" value=${fill2} variant=${meterVariant(fill2)}><span slot="label">Context</span></swc-meter>`;
     if (agent.frozen) {
       return b`<swc-badge size="s" variant="informative" subtle>Frozen</swc-badge>
@@ -37496,7 +37549,7 @@ var SliccChat = class extends ThemedElement {
         <sp-menu-item value="high">Think hard</sp-menu-item>
       </sp-picker>
       ${meter}
-      <swc-action-button id="new-chat" size="s" quiet data-action="new-chat" accessible-label=${this.compact ? "New conversation" : A} ?disabled=${empty2} @click=${() => this.#newChat(agent)}><swc-icon-new slot="icon"></swc-icon-new>${this.compact ? A : "New conversation"}</swc-action-button>
+      <swc-action-button id="new-chat" size="s" quiet data-action="new-chat" accessible-label=${this.compact ? "New conversation" : A} ?disabled=${empty3} @click=${() => this.#newChat(agent)}><swc-icon-new slot="icon"></swc-icon-new>${this.compact ? A : "New conversation"}</swc-action-button>
       <swc-tooltip for="new-chat" placement="bottom">${agent.kind === "cone" && model.agent.freeze ? "Start a new conversation. This one stays in the Freezer." : "Start a new conversation"}</swc-tooltip>`;
   }
   render() {
@@ -37504,8 +37557,10 @@ var SliccChat = class extends ThemedElement {
     this.#handlers.model = this.model ?? null;
     const agent = this.#agent();
     const watch = watchOnly(this.model);
-    this.#handlers.readOnly = !!agent?.frozen || !!watch;
+    const seat = this.model?.seat;
+    this.#handlers.readOnly = !!agent?.frozen || !!watch || !!seat;
     this.#handlers.agentId = agent?.id;
+    this.#handlers.seat = seat?.label;
     const messages = agent ? this.model?.agent.messages(agent.id) ?? [] : [];
     this.#tail = messages.at(-1)?.id ?? "";
     return b`
@@ -37532,7 +37587,7 @@ var SliccChat = class extends ThemedElement {
       this.#items(messages, agent),
       ([key2]) => key2,
       ([, item2]) => item2
-    )}</swc-conversation-thread>` : this.model?.tabs?.state().role === "connecting" ? b`<div class="empty" data-connecting>${connecting}</div>` : b`<div class="empty">${watch ? "No messages yet." : `No messages yet. Ask ${agent?.name ?? "the agent"} something.`}</div>`}
+    )}</swc-conversation-thread>` : this.model?.tabs?.state().role === "connecting" ? b`<div class="empty" data-connecting>${connecting}</div>` : b`<div class="empty" data-empty>${empty(watch, seat, agent?.name ?? "the agent")}</div>`}
         </div>
       </div>
       ${this.dropping ? b`<swc-dropzone dragged size="l" aria-label="Attach files" dragged-message="Drop to attach"><p>Drop to attach</p></swc-dropzone>` : A}
@@ -38769,6 +38824,20 @@ function trigger(text2, caret) {
     return { kind: "mention", start: before.length - mention[2].length - 1, query: mention[2] };
   return null;
 }
+var day3 = 24 * 60 * 60 * 1e3;
+function reviewer(seat, cone) {
+  const gate = seat.gates.messages;
+  if (gate === "off") return null;
+  if (gate === "user") return "The host";
+  if (gate === "agent") return "An automatic check";
+  return cone;
+}
+function seatNote(seat, cone, now = Date.now()) {
+  const who2 = reviewer(seat, cone);
+  const note = who2 ? `${who2} reviews what you send before it reaches the agent.` : `You\u2019re chatting with ${cone} as ${seat.label}.`;
+  const at = seat.expiresAt;
+  return at !== null && at - now < day3 ? `${note} Your link expires at ${deadline(at)}.` : note;
+}
 function blocked(vault) {
   if (away(vault)) return "Waiting for the vault";
   return vault.status()?.locked ? "Unlock the vault first" : null;
@@ -38785,6 +38854,7 @@ var SliccComposer = class extends ThemedElement {
     sharing: { state: true },
     secretError: { state: true },
     secretField: { state: true },
+    failure: { state: true },
     agent: {}
   };
   #drafts = /* @__PURE__ */ new Map();
@@ -38811,6 +38881,7 @@ var SliccComposer = class extends ThemedElement {
     this.sharing = false;
     this.secretError = null;
     this.secretField = null;
+    this.failure = null;
     this.agent = "";
   }
   static styles = [
@@ -38960,6 +39031,28 @@ var SliccComposer = class extends ThemedElement {
       .failed {
         color: var(--swc-negative-content-color-default);
       }
+      .send-error {
+        display: flex;
+        align-items: flex-start;
+        gap: var(--swc-spacing-75);
+        margin: 0 0 var(--swc-spacing-100);
+        padding: var(--swc-spacing-75) var(--swc-spacing-200);
+        border-radius: var(--swc-corner-radius-medium-default);
+        background: var(--swc-negative-subtle-background-color-default);
+        color: var(--swc-neutral-content-color-default);
+        --swc-icon-color: var(--swc-negative-content-color-default);
+      }
+      .send-error swc-icon-alert-triangle {
+        flex: none;
+        margin-block-start: var(--swc-spacing-50);
+      }
+      .seat-note {
+        margin: var(--swc-spacing-100) 0 0;
+        padding-inline: var(--swc-spacing-200);
+        font-size: var(--swc-font-size-75);
+        color: var(--swc-neutral-subdued-content-color-default);
+        text-align: center;
+      }
       .popup {
         position: absolute;
         left: 0;
@@ -39094,19 +39187,22 @@ var SliccComposer = class extends ThemedElement {
     const field = this.#field;
     void field.updateComplete.then(() => {
       const popover = this.renderRoot.querySelector("swc-popover");
-      popover.triggerElement = null;
-      popover.triggerElement = field.shadowRoot.querySelector(
-        ".swc-PromptField-upload"
-      );
+      if (popover) {
+        popover.triggerElement = null;
+        popover.triggerElement = field.shadowRoot.querySelector(
+          ".swc-PromptField-upload"
+        );
+      }
       const area = this.#textarea;
       area.ariaDescribedByElements = [this.renderRoot.querySelector("#keys")];
     });
   }
   subscribe(model) {
     this.#switch(this.agent || model.agent.active());
-    void model.files.list().then((entries) => {
-      this.#paths = entries.filter((entry) => entry.kind === "file").map((entry) => entry.path);
-    });
+    if (!model.seat)
+      void model.files.list().then((entries) => {
+        this.#paths = entries.filter((entry) => entry.kind === "file").map((entry) => entry.path);
+      });
     const update = () => this.requestUpdate();
     return [
       ...super.subscribe(model),
@@ -39162,6 +39258,10 @@ var SliccComposer = class extends ThemedElement {
     const text2 = this.value.trim();
     const attachments = this.attachments.filter((attachment2) => !attachment2.error);
     if (!model || !text2 && attachments.length === 0 || this.#held()) return;
+    if (model.seat) {
+      this.#propose(model, text2);
+      return;
+    }
     const command3 = text2.match(/^\/(\w+)(?:\s+(.*))?$/);
     const known = command3 && available(model).find((candidate) => candidate.name === command3[1]);
     this.value = "";
@@ -39179,6 +39279,17 @@ var SliccComposer = class extends ThemedElement {
     const done2 = () => retire(model.agent, id, attachments);
     model.agent.send(id, { text: text2, attachments, mode: resolved }).then(done2, done2);
   }
+  #propose(model, text2) {
+    this.value = "";
+    this.failure = null;
+    this.#history = -1;
+    model.agent.send(this.#agent, text2).catch((error) => {
+      const draft = this.value.trim();
+      this.value = draft && draft !== text2 ? `${text2}
+${this.value}` : text2;
+      this.failure = error instanceof Error ? error.message : String(error);
+    });
+  }
   #id() {
     return `a-${Date.now().toString(36)}-${this.#next++}`;
   }
@@ -39285,7 +39396,7 @@ var SliccComposer = class extends ThemedElement {
     this.#refuse(problem, bad ? "name" : "value", true);
     if (problem) return false;
     const agent = this.#agent;
-    const mine = () => this.#agent === agent && this.model?.vault === vault;
+    const mine2 = () => this.#agent === agent && this.model?.vault === vault;
     this.sharing = true;
     try {
       if (exists) {
@@ -39295,16 +39406,16 @@ var SliccComposer = class extends ThemedElement {
           action: "Replace",
           variant: "confirmation"
         });
-        if (!sure || !mine()) return false;
+        if (!sure || !mine2()) return false;
         if (blocked(vault)) {
           this.#refuse(blocked(vault));
           return false;
         }
       }
       await vault.put?.(clean, value);
-      return mine();
+      return mine2();
     } catch (error) {
-      if (mine()) this.#refuse(failureText(error), fieldOf(error, "value"));
+      if (mine2()) this.#refuse(failureText(error), fieldOf(error, "value"));
       return false;
     } finally {
       this.sharing = false;
@@ -39345,7 +39456,7 @@ var SliccComposer = class extends ThemedElement {
   }
   #refresh() {
     const area = this.#textarea;
-    if (!area) return;
+    if (!area || this.model?.seat) return;
     if (this.popup?.kind === "file" || this.popup?.kind === "secret") return;
     const found = trigger(this.value, area.selectionStart ?? this.value.length);
     const name = this.value.match(/^\/(\w+)/)?.[1];
@@ -39385,8 +39496,9 @@ var SliccComposer = class extends ThemedElement {
     });
   }
   #recall(delta) {
+    const seat = this.model?.seat;
     const own4 = (this.model?.agent.messages(this.#agent) ?? []).filter(
-      (message) => message.role === "user" && !message.from
+      (message) => message.role === "user" && (seat ? mine(message, seat) : !message.from)
     );
     const texts = own4.map((message) => message.text).reverse();
     const next = this.#history + delta;
@@ -39422,7 +39534,7 @@ var SliccComposer = class extends ThemedElement {
     return false;
   }
   #talking() {
-    return !!this.model?.settings.get().pushToTalk && !!speech();
+    return !this.model?.seat && !!this.model?.settings.get().pushToTalk && !!speech();
   }
   #shortcut(event2) {
     if (event2.key === "Backspace" || event2.key === "Delete") this.#flash();
@@ -39436,6 +39548,10 @@ var SliccComposer = class extends ThemedElement {
     const area = this.#textarea;
     if (event2.isComposing || !area || event2.composedPath()[0] !== area) return;
     if (this.#shortcut(event2)) return;
+    if (this.model?.seat) {
+      this.#guestKey(event2, area);
+      return;
+    }
     const sendOnEnter = this.model?.settings.get().sendOnEnter ?? true;
     let handled = this.#popupKey(event2) || this.#historyKey(event2, area);
     if (!handled && event2.key === "Tab" && !event2.shiftKey && !this.value) {
@@ -39456,6 +39572,12 @@ var SliccComposer = class extends ThemedElement {
     if (handled) event2.preventDefault();
     if (handled || event2.key === "Enter") event2.stopPropagation();
   }
+  #guestKey(event2, area) {
+    const send = event2.key === "Enter" && !event2.shiftKey;
+    if (send) this.send();
+    if (send || this.#historyKey(event2, area)) event2.preventDefault();
+    if (event2.key === "Enter") event2.stopPropagation();
+  }
   #flash() {
     if (!this.value) return;
     this.erasing = true;
@@ -39469,6 +39591,7 @@ var SliccComposer = class extends ThemedElement {
     return this.value ? "pencil" : "aiLogo";
   }
   #instructions(busy) {
+    if (this.model?.seat) return "Enter sends, Shift+Enter adds a new line.";
     const enter = this.model?.settings.get().sendOnEnter ?? true;
     const keys = enter ? [`Enter ${busy ? "steers" : "sends"}`, ...busy ? ["Ctrl+Enter queues"] : []] : [`Ctrl+Enter ${busy ? "queues" : "sends"}`];
     if (busy) keys.push("Escape stops");
@@ -39667,7 +39790,44 @@ var SliccComposer = class extends ThemedElement {
     )}
     </ul>`;
   }
+  #waiting() {
+    const queued = this.model?.agent.queue(this.#agent) ?? [];
+    if (queued.length === 0) return A;
+    return b`<ul class="queue" aria-label="Waiting for review">
+      ${queued.map(
+      (message) => b`<li class="queued" data-id=${message.id} data-mode="review">
+          <swc-icon-clock size="s" aria-hidden="true"></swc-icon-clock>
+          <span class="text">${message.text}</span>
+          <span class="next">Waiting for review</span>
+        </li>`
+    )}
+    </ul>`;
+  }
+  #guest(seat) {
+    const agent = this.model?.agent.list().find((candidate) => candidate.id === this.#agent);
+    const cone = agent?.name ?? "the agent";
+    return b`<div class="column">
+        <span id="keys" class="sr" aria-hidden="true">${this.#instructions(false)}</span>
+        ${this.#waiting()}
+        ${this.failure ? b`<p class="send-error" role="alert" data-send-error><swc-icon-alert-triangle size="s" aria-hidden="true"></swc-icon-alert-triangle><span>${this.failure}</span></p>` : A}
+        <swc-prompt-field
+          label="Message"
+          collapsed
+          loader=${this.#loader(false)}
+          send-label="Send"
+          max-rows="10"
+          placeholder=${`Message ${cone}`}
+          .value=${l(this.value)}
+          @keydown=${this.#keys}
+          @swc-prompt-field-input=${this.#input}
+          @swc-prompt-field-submit=${() => this.send()}
+        ></swc-prompt-field>
+        <p class="seat-note" data-seat-note>${seatNote(seat, cone)}</p>
+      </div>`;
+  }
   render() {
+    const seat = this.model?.seat;
+    if (seat) return this.#guest(seat);
     const busy = this.#busy();
     const agent = this.model?.agent.list().find((candidate) => candidate.id === this.#agent);
     const suggestion = this.model?.agent.suggestion(this.#agent);
@@ -39729,7 +39889,7 @@ var SliccComposer = class extends ThemedElement {
 // src/app/lucide.ts
 var library = null;
 function load() {
-  library ??= import("./chunk-VN3QD44H.js");
+  library ??= import("./chunk-CTTFVKOY.js");
   return library;
 }
 function pascal(name) {
@@ -40444,8 +40604,8 @@ function replaceable(secret) {
 }
 function filename(now = Date.now()) {
   const date = new Date(now);
-  const day3 = [date.getFullYear(), date.getMonth() + 1, date.getDate()].map((part2) => String(part2).padStart(2, "0")).join("-");
-  return `slicc-secrets-${day3}.slicc-vault`;
+  const day4 = [date.getFullYear(), date.getMonth() + 1, date.getDate()].map((part2) => String(part2).padStart(2, "0")).join("-");
+  return `slicc-secrets-${day4}.slicc-vault`;
 }
 function download(bytes, name, root2) {
   const url = URL.createObjectURL(
@@ -42397,7 +42557,7 @@ var SliccSprinkle = class extends ThemedElement {
     }
   };
   #readOnly() {
-    return this.readonly || this.#frozen() || !!watchOnly(this.model);
+    return this.readonly || !!this.model?.seat || this.#frozen() || !!watchOnly(this.model);
   }
   #seen = /* @__PURE__ */ new Set();
   #frozen() {
@@ -42521,7 +42681,7 @@ ${data.html}`;
     const bridged = !!this.model?.sprinkles.call;
     if (bridged && !this.#held.ready) return b``;
     const state2 = bridged ? this.#held : void 0;
-    const watch = !!watchOnly(this.model);
+    const watch = !!watchOnly(this.model) || !!this.model?.seat;
     const caption = watch ? b`<span class="view-only" data-view-only>View only on this device</span>` : A;
     const style = `color-scheme:${this.color};${this.inline ? `height:${this.height}px;` : ""}`;
     const frame = b`${i17(
@@ -50991,9 +51151,9 @@ function stringify2(values) {
 // node_modules/hast-util-whitespace/lib/index.js
 var re = /[ \t\n\f\r]/g;
 function whitespace(thing) {
-  return typeof thing === "object" ? thing.type === "text" ? empty(thing.value) : false : empty(thing);
+  return typeof thing === "object" ? thing.type === "text" ? empty2(thing.value) : false : empty2(thing);
 }
-function empty(value) {
+function empty2(value) {
   return value.replace(re, "") === "";
 }
 
@@ -85145,11 +85305,11 @@ var SliccFileTree = class extends HTMLElement {
     return this.hasAttribute("data-empty");
   }
   #matched() {
-    const empty2 = !!this.#query && !!this.#tree && this.#tree.getSearchMatchingPaths().length === 0;
-    if (empty2 === this.empty) return;
-    this.toggleAttribute("data-empty", empty2);
+    const empty3 = !!this.#query && !!this.#tree && this.#tree.getSearchMatchingPaths().length === 0;
+    if (empty3 === this.empty) return;
+    this.toggleAttribute("data-empty", empty3);
     this.dispatchEvent(
-      new CustomEvent("tree-matches", { detail: { empty: empty2 }, bubbles: true, composed: true })
+      new CustomEvent("tree-matches", { detail: { empty: empty3 }, bubbles: true, composed: true })
     );
   }
   #searched(value) {