agent-relay-server 0.9.0 → 0.10.1

package/public/dashboard/actions.js

@@ -1,819 +0,0 @@
-import {
-  HUMAN_AGENT_ID, INBOX_OPERATOR_ID, DEFAULT_COMPOSE, DEFAULT_INBOX_COMPOSE,
-  DEFAULT_PAIR_MESSAGE, DEFAULT_PAIR_INVITE, DEFAULT_AGENT_SPAWN,
-} from "./constants.js";
-import {
-  inboxPeer, activityItem, messageBody, safeFilename,
-  maxMessageId, isHumanInboundMessage, readCursorForPeer, draftForPeer,
-} from "./utils.js";
-import { savePref } from "./state.js";
-import { pruneSyncedOperatorActivity } from "./api.js";
-import { inboxComposeTarget } from "./display.js";
-
-function focusComposeBody(vm) {
-  vm.$nextTick(() => vm.$refs.composeBody?.focus());
-}
-
-function openCompose() {
-  if (!this.replyTo) this.compose = { ...DEFAULT_COMPOSE, from: "user" };
-  this.composeOpen = true;
-  focusComposeBody(this);
-}
-
-function openComposeToAgent(agent) {
-  this.replyTo = null;
-  this.compose = { ...DEFAULT_COMPOSE, from: "user", to: agent.id };
-  this.composeOpen = true;
-  focusComposeBody(this);
-}
-
-function openComposeToInboxThread(thread) {
-  if (!thread) return;
-  this.replyTo = thread.lastMessage ? { id: thread.lastMessage.id, from: thread.lastMessage.from } : null;
-  this.compose = { ...DEFAULT_COMPOSE, from: HUMAN_AGENT_ID, to: thread.peer, channel: thread.lastMessage?.channel || "" };
-  this.composeOpen = true;
-  focusComposeBody(this);
-}
-
-function openInboxThread(thread) {
-  this.selectedInboxThread = thread?.id || "";
-  this.markInboxThreadRead(thread);
-}
-
-function markInboxThreadRead(thread) {
-  if (!thread?.peer || !thread.messages?.length) return;
-  const lastInboundId = maxMessageId(thread.messages, isHumanInboundMessage);
-  if (lastInboundId <= readCursorForPeer(this, thread.peer)) return;
-  this.inboxReadCursors = { ...this.inboxReadCursors, [thread.peer]: lastInboundId };
-  savePref("inboxReadCursors", this.inboxReadCursors);
-  void saveInboxThreadState(this, { peerId: thread.peer, readCursorMessageId: lastInboundId });
-}
-
-function markInboxThreadUnread(thread) {
-  if (!thread?.peer) return;
-  const next = { ...this.inboxReadCursors };
-  delete next[thread.peer];
-  this.inboxReadCursors = next;
-  savePref("inboxReadCursors", this.inboxReadCursors);
-  this.recordOperatorActivity({
-    title: "Marked thread unread",
-    body: this.conversationTitle(thread),
-    meta: "Inbox",
-    icon: "ti-mail",
-    view: "inbox",
-    peer: thread.peer,
-  });
-  void saveInboxThreadState(this, { peerId: thread.peer, readCursorMessageId: null });
-}
-
-function archiveInboxThread(thread) {
-  if (!thread?.peer || !thread.lastMessage) return;
-  this.inboxArchivedThreads = { ...this.inboxArchivedThreads, [thread.peer]: thread.lastMessage.id };
-  savePref("inboxArchivedThreads", this.inboxArchivedThreads);
-  this.recordOperatorActivity({
-    title: "Archived thread",
-    body: this.conversationTitle(thread),
-    meta: "Inbox",
-    icon: "ti-archive",
-    view: "inbox",
-    peer: thread.peer,
-  });
-  void saveInboxThreadState(this, { peerId: thread.peer, archivedAtMessageId: thread.lastMessage.id });
-  if (this.selectedInboxThread === thread.id) this.selectedInboxThread = "";
-}
-
-function unarchiveInboxThread(thread) {
-  if (!thread?.peer) return;
-  const next = { ...this.inboxArchivedThreads };
-  delete next[thread.peer];
-  this.inboxArchivedThreads = next;
-  savePref("inboxArchivedThreads", this.inboxArchivedThreads);
-  this.recordOperatorActivity({
-    title: "Unarchived thread",
-    body: this.conversationTitle(thread),
-    meta: "Inbox",
-    icon: "ti-archive-off",
-    view: "inbox",
-    peer: thread.peer,
-  });
-  void saveInboxThreadState(this, { peerId: thread.peer, archivedAtMessageId: null });
-}
-
-async function saveInboxThreadState(vm, patch) {
-  try {
-    await vm.api("PATCH", "/inbox/threads", { operatorId: INBOX_OPERATOR_ID, ...patch });
-  } catch {}
-}
-
-function confirmDeleteInboxThread(thread) {
-  if (!thread) return;
-  this.openConfirm(
-    "Delete Thread",
-    `Delete ${thread.messages.length} message(s) in ${this.conversationTitle(thread)}? This cannot be undone.`,
-    () => this.doDeleteInboxThread(thread)
-  );
-}
-
-async function doDeleteInboxThread(thread) {
-  if (!thread?.messages?.length) return;
-  try {
-    await Promise.all(thread.messages.map((msg) => this.api("DELETE", "/messages/" + msg.id)));
-    this.messages = this.messages.filter((msg) => !thread.messages.some((item) => item.id === msg.id));
-    this.selectedInboxThread = "";
-    this.clearReplyDraft(thread);
-    this.recordOperatorActivity({
-      title: "Deleted thread",
-      body: this.conversationTitle(thread),
-      meta: thread.messages.length + " message(s)",
-      icon: "ti-trash",
-      view: "inbox",
-    });
-  } catch (e) {
-    alert("Delete thread failed: " + e.message);
-  }
-}
-
-function replyDraftForThread(thread) {
-  return thread?.peer ? draftForPeer(this, thread.peer) : "";
-}
-
-function setReplyDraft(thread, value) {
-  if (!thread?.peer) return;
-  const next = { ...this.inboxDrafts, [thread.peer]: value };
-  if (!value) delete next[thread.peer];
-  this.inboxDrafts = next;
-  savePref("inboxDrafts", this.inboxDrafts);
-  if (value) {
-    void saveInboxDraft(this, thread.peer, value);
-  } else {
-    void deleteInboxDraftState(this, thread.peer);
-  }
-}
-
-function clearReplyDraft(thread) {
-  if (!thread?.peer) return;
-  this.setReplyDraft(thread, "");
-}
-
-async function saveInboxDraft(vm, peerId, body) {
-  try {
-    await vm.api("PUT", "/inbox/drafts", { operatorId: INBOX_OPERATOR_ID, peerId, body });
-  } catch {}
-}
-
-async function deleteInboxDraftState(vm, peerId) {
-  try {
-    await vm.api("DELETE", "/inbox/drafts?operatorId=" + encodeURIComponent(INBOX_OPERATOR_ID) + "&peerId=" + encodeURIComponent(peerId));
-  } catch {}
-}
-
-async function sendInboxReply(thread) {
-  if (!thread) return;
-  const body = this.replyDraftForThread(thread).trim();
-  if (!body) { alert("Reply body is required."); return; }
-  try {
-    const payload = { from: HUMAN_AGENT_ID, to: thread.peer, body };
-    if (thread.lastMessage?.channel) payload.channel = thread.lastMessage.channel;
-    if (thread.lastMessage?.id) payload.replyTo = thread.lastMessage.id;
-    await this.api("POST", "/messages", payload);
-    this.recordOperatorActivity({
-      title: "Reply sent", body, meta: "to " + this.displayTarget(thread.peer),
-      icon: "ti-corner-up-left", view: "inbox", peer: thread.peer,
-    });
-    this.clearReplyDraft(thread);
-    this.markInboxThreadRead(thread);
-    await this.fetchMessages();
-  } catch (e) { alert("Reply failed: " + e.message); }
-}
-
-function resetInboxComposeTarget() {
-  this.inboxCompose = { ...this.inboxCompose, to: "", claimable: false };
-}
-
-async function doSendInboxCompose() {
-  const target = inboxComposeTarget(this);
-  if (!target || !this.inboxCompose.body) { alert("Target and Message are required."); return; }
-  try {
-    const payload = { from: HUMAN_AGENT_ID, to: target, body: this.inboxCompose.body };
-    if (this.inboxCompose.channel) payload.channel = this.inboxCompose.channel;
-    if (this.inboxCompose.subject) payload.subject = this.inboxCompose.subject;
-    if (this.inboxCompose.claimable && this.inboxComposeTargetAllowsClaimable()) {
-      payload.claimable = true;
-      payload.kind = "task";
-      payload.payload = { title: this.inboxCompose.subject || "Claimable task" };
-    }
-    await this.api("POST", "/messages", payload);
-    this.recordOperatorActivity({
-      title: payload.claimable ? "Claimable task sent" : "Message sent",
-      body: this.inboxCompose.subject || this.inboxCompose.body,
-      meta: "to " + this.displayTarget(target),
-      icon: payload.claimable ? "ti-hand-grab" : "ti-send",
-      kind: payload.claimable ? "task" : "operator",
-      view: inboxPeer(payload) ? "inbox" : "messages",
-      peer: inboxPeer(payload),
-    });
-    this.inboxCompose = { ...DEFAULT_INBOX_COMPOSE, toMode: this.inboxCompose.toMode, to: this.inboxCompose.to };
-    await this.fetchMessages();
-  } catch (e) { alert("Send failed: " + e.message); }
-}
-
-function startReply(msg) {
-  const replyTarget = msg.from === HUMAN_AGENT_ID ? msg.to : msg.from;
-  this.replyTo = { id: msg.id, from: msg.from };
-  this.compose = { ...DEFAULT_COMPOSE, from: HUMAN_AGENT_ID, to: replyTarget, channel: msg.channel || "" };
-  this.openCompose();
-}
-
-function cancelReply() { this.replyTo = null; }
-
-async function doSend() {
-  if (!this.compose.from || !this.compose.to || !this.compose.body) {
-    alert("From, To, and Message are required."); return;
-  }
-  try {
-    const payload = {
-      from: this.compose.from, to: this.compose.to, body: this.compose.body,
-    };
-    if (this.compose.channel) payload.channel = this.compose.channel;
-    if (this.compose.subject) payload.subject = this.compose.subject;
-    if (this.replyTo) payload.replyTo = this.replyTo.id;
-    if (this.compose.claimable && this.composeTargetAllowsClaimable()) {
-      payload.claimable = true;
-      payload.kind = "task";
-      payload.payload = { title: this.compose.subject || "Claimable task" };
-    }
-    await this.api("POST", "/messages", payload);
-    this.recordOperatorActivity({
-      title: payload.claimable ? "Claimable task sent" : "Message sent",
-      body: payload.subject || payload.body,
-      meta: `${this.displayTarget(payload.from)} -> ${this.displayTarget(payload.to)}`,
-      icon: payload.claimable ? "ti-hand-grab" : "ti-send",
-      kind: payload.claimable ? "task" : "operator",
-      view: inboxPeer(payload) ? "inbox" : "messages",
-      peer: inboxPeer(payload),
-    });
-    this.composeOpen = false;
-    this.replyTo = null;
-    this.compose = { ...DEFAULT_COMPOSE, from: HUMAN_AGENT_ID };
-    await this.fetchMessages();
-  } catch (e) { alert("Send failed: " + e.message); }
-}
-
-async function doClaim(msgId) {
-  if (!this.compose.from && !this.selectedAgent) {
-    alert('Select a "From" agent first (open Compose to pick one).'); return;
-  }
-  const agentId = this.compose.from || this.selectedAgent;
-  try {
-    const result = await this.api("POST", "/messages/" + msgId + "/claim", { agentId });
-    if (!result.ok) alert("Claim failed: " + (result.error || "unknown"));
-    else this.recordOperatorActivity({
-      title: "Claim requested", body: "Message #" + msgId,
-      meta: "as " + this.displayTarget(agentId), icon: "ti-hand-grab", kind: "task", view: "tasks",
-    });
-    if (result.ok) await Promise.all([this.fetchMessages(), this.fetchTasks()]);
-  } catch (e) { alert("Claim failed: " + e.message); }
-}
-
-async function doClaimTask(taskId) {
-  if (!this.compose.from && !this.selectedAgent) {
-    alert('Select an agent first (use the Messages agent filter or Compose From).'); return;
-  }
-  const agentId = this.compose.from || this.selectedAgent;
-  try {
-    const result = await this.api("POST", "/tasks/" + taskId + "/claim", { agentId });
-    if (!result.ok) alert("Task claim failed: " + (result.error || "unknown"));
-    else {
-      this.recordOperatorActivity({
-        title: "Task claimed", body: "Task #" + taskId,
-        meta: "as " + this.displayTarget(agentId), icon: "ti-user-check", kind: "task",
-        view: "work", taskId, agentId,
-      });
-      await Promise.all([this.fetchTasks(), this.fetchMessages()]);
-    }
-  } catch (e) { alert("Task claim failed: " + e.message); }
-}
-
-async function doUpdateTaskStatus(task, status) {
-  if (!task || !status || status === task.status) return;
-  try {
-    const body = { status };
-    const agentId = task.claimedBy || this.compose.from || this.selectedAgent;
-    if (agentId) body.agentId = agentId;
-    const result = await this.api("PATCH", "/tasks/" + task.id + "/status", body);
-    const updated = result.task || result;
-    const idx = this.tasks.findIndex((item) => item.id === task.id);
-    if (idx >= 0) this.tasks[idx] = updated;
-    this.recordOperatorActivity({
-      title: "Task moved to " + status, body: updated.title || "Task #" + task.id,
-      meta: agentId ? "by " + this.displayTarget(agentId) : "Work Queue",
-      icon: "ti-arrows-exchange", kind: "task", view: "work", taskId: task.id, agentId,
-    });
-  } catch (e) { alert("Task status update failed: " + e.message); await this.fetchTasks(); }
-}
-
-async function doDeleteMessage(id) {
-  try {
-    await this.api("DELETE", "/messages/" + id);
-    this.messages = this.messages.filter((msg) => msg.id !== id);
-    this.recordOperatorActivity({
-      title: "Deleted message", body: "Message #" + id, meta: "Messages", icon: "ti-trash", view: "messages",
-    });
-  } catch (e) { alert("Delete failed: " + e.message); }
-}
-
-async function openThread(threadId) {
-  this.threadMessages = [];
-  this.threadOpen = true;
-  try {
-    this.threadMessages = await this.api("GET", "/messages/" + threadId + "/thread");
-  } catch (e) { alert("Failed to load thread: " + e.message); }
-}
-
-async function openTaskEvents(task) {
-  this.taskEvents = [];
-  this.taskEventsOpen = true;
-  try {
-    this.taskEvents = await this.api("GET", "/tasks/" + task.id + "/events");
-    this.taskEventCache = { ...this.taskEventCache, [task.id]: this.taskEvents };
-  } catch (e) { alert("Failed to load task events: " + e.message); }
-}
-
-function recordOperatorActivity(input) {
-  const item = activityItem({ kind: "operator", ts: Date.now(), ...input });
-  item.id = item.id || "operator-" + item.ts + "-" + (this.operatorActivity?.length || 0);
-  item.clientId = item.clientId || item.id;
-  this.operatorActivity = [
-    item,
-    ...(this.operatorActivity || []).filter((existing) => existing.id !== item.id),
-  ].slice(0, 80);
-  savePref("operatorActivity", this.operatorActivity);
-  void saveActivityEvent(this, item);
-}
-
-async function saveActivityEvent(vm, item) {
-  try {
-    const event = await vm.api("POST", "/activity", {
-      operatorId: INBOX_OPERATOR_ID,
-      clientId: item.clientId, kind: item.kind, title: item.title,
-      body: item.body || undefined, meta: item.meta || undefined,
-      icon: item.icon || undefined, view: item.view || undefined,
-      peer: item.peer || undefined, messageId: item.messageId,
-      pairId: item.pairId, taskId: item.taskId, agentId: item.agentId,
-    });
-    const existing = new Set((vm.activityEvents || []).map((entry) => entry.id));
-    vm.activityEvents = existing.has(event.id)
-      ? vm.activityEvents.map((entry) => entry.id === event.id ? event : entry)
-      : [event, ...(vm.activityEvents || [])].slice(0, 200);
-    pruneSyncedOperatorActivity(vm);
-  } catch {}
-}
-
-async function openActivityItem(item) {
-  if (!item) return;
-  if (item.view) await this.switchView(item.view);
-  if (item.peer) {
-    const thread = this.allInboxThreads.find((candidate) => candidate.peer === item.peer);
-    if (thread?.archived) this.inboxShowArchived = true;
-    this.selectedInboxThread = item.peer;
-    if (thread) this.markInboxThreadRead(thread);
-  }
-  if (item.agentId && this.agentsById[item.agentId]) this.openAgentDetail(this.agentsById[item.agentId]);
-  if (item.taskId) {
-    const task = this.tasks.find((candidate) => candidate.id === item.taskId);
-    if (task) await this.openTaskEvents(task);
-  }
-}
-
-async function runHealthAction(action) {
-  if (!action) return;
-  if (action.preset) { this.agentPresetFilter = action.preset; this.showOffline = true; }
-  if (action.api && action.path) { await this.api(action.api, action.path); await this.refreshLiveData(); }
-  if (action.view) await this.switchView(action.view);
-  if (action.copy) await copyText(action.copy);
-}
-
-async function runConnectorAction(connector, action) {
-  if (!connector || !action) return;
-  try {
-    await this.api("POST", "/connectors/" + encodeURIComponent(connector.id) + "/actions", { action });
-    await this.fetchConnectors();
-  } catch (e) { alert("Connector action failed: " + e.message); }
-}
-
-async function copyText(value) {
-  if (typeof navigator === "undefined") return;
-  try { await navigator.clipboard?.writeText(value); } catch {}
-}
-
-function openCommandPalette() {
-  this.commandQuery = "";
-  this.commandPaletteOpen = true;
-  this.$nextTick(() => this.$refs?.commandSearch?.focus());
-}
-
-function closeCommandPalette() {
-  this.commandPaletteOpen = false;
-  this.commandQuery = "";
-}
-
-async function runCommand(command) {
-  if (!command) return;
-  const payload = command.payload || {};
-  this.closeCommandPalette();
-  if (command.action === "openView") await this.switchView(payload.view);
-  else if (command.action === "agentPreset") { this.showOffline = true; this.agentPresetFilter = payload.preset || ""; await this.switchView("agents"); }
-  else if (command.action === "copy") await copyText(payload.value || "");
-  else if (command.action === "messageAgent") { const agent = this.agentsById[payload.agentId]; if (agent) this.openComposeToAgent(agent); }
-  else if (command.action === "pairAgent") this.openPairInvite(payload.agentId);
-  else if (command.action === "filterTag") { this.agentTagFilter = payload.tag || ""; this.tagFilter = payload.tag || ""; await this.switchView("agents"); }
-  else if (command.action === "exportActivity") this.exportActivity(payload.format || "markdown");
-}
-
-function exportActivity(format) {
-  exportDocument(this, "timeline", format, { title: "Agent Relay Timeline", items: this.activityItems });
-}
-
-function exportThread(thread, format) {
-  if (!thread) return;
-  exportDocument(this, "thread-" + safeFilename(thread.peer), format, {
-    title: "Thread: " + this.conversationTitle(thread), thread, messages: thread.messages || [],
-  });
-}
-
-function exportPair(pair, format) {
-  if (!pair) return;
-  exportDocument(this, "pair-" + safeFilename(pair.id), format, {
-    title: "Pair: " + pair.id, pair, messages: pairMessages(this, pair),
-  });
-}
-
-async function exportTask(task, format) {
-  if (!task) return;
-  let events = this.taskEventCache[task.id] || [];
-  if (!events.length) {
-    try { events = await this.api("GET", "/tasks/" + task.id + "/events"); this.taskEventCache = { ...this.taskEventCache, [task.id]: events }; } catch { events = []; }
-  }
-  exportDocument(this, "task-" + task.id, format, { title: "Task: " + (task.title || "#" + task.id), task, events });
-}
-
-function pairMessages(vm, pair) {
-  return (vm.messages || []).filter((msg) =>
-    msg.payload?.pairId === pair.id ||
-    (msg.payload?.pairEvent && [pair.requesterId, pair.targetId].includes(msg.from) && [pair.requesterId, pair.targetId].includes(msg.to))
-  );
-}
-
-function exportDocument(vm, scope, format, data) {
-  const normalizedFormat = format === "json" ? "json" : "markdown";
-  const filename = `agent-relay-${scope}-${new Date().toISOString().slice(0, 10)}.${normalizedFormat === "json" ? "json" : "md"}`;
-  const text = normalizedFormat === "json" ? JSON.stringify({ exportedAt: new Date().toISOString(), ...data }, null, 2) : exportMarkdown(vm, data);
-  downloadText(filename, text, normalizedFormat === "json" ? "application/json" : "text/markdown");
-}
-
-function exportMarkdown(vm, data) {
-  const lines = ["# " + data.title, "", "Exported: " + new Date().toISOString(), ""];
-  if (data.thread) {
-    lines.push("## Messages", "");
-    appendMessages(lines, vm, data.messages || []);
-  } else if (data.pair) {
-    lines.push("## Pair", "", "- ID: " + data.pair.id, "- Status: " + data.pair.status, "- Requester: " + vm.displayTarget(data.pair.requesterId), "- Target: " + vm.displayTarget(data.pair.targetId));
-    if (data.pair.objective) lines.push("- Objective: " + data.pair.objective);
-    lines.push("", "## Messages", "");
-    appendMessages(lines, vm, data.messages || []);
-  } else if (data.task) {
-    lines.push("## Task", "", "- ID: " + data.task.id, "- Status: " + data.task.status, "- Severity: " + (data.task.severity || "info"), "- Target: " + vm.displayTarget(data.task.target || ""));
-    if (data.task.claimedBy) lines.push("- Claimed by: " + vm.displayTarget(data.task.claimedBy));
-    if (data.task.title) lines.push("- Title: " + data.task.title);
-    if (data.task.body) lines.push("", data.task.body);
-    lines.push("", "## History", "");
-    for (const event of data.events || []) {
-      lines.push(`- ${event.createdAt || ""} [${event.severity || "info"}] ${event.type || "event"}: ${event.title || event.body || ""}`.trim());
-    }
-    if (!data.events?.length) lines.push("_No task events loaded._", "");
-  } else {
-    lines.push("## Events", "");
-    for (const item of data.items || []) {
-      const when = item.ts ? new Date(item.ts).toISOString() : "";
-      const meta = item.meta ? " - " + item.meta : "";
-      lines.push(`- ${when} [${item.kind}] ${item.title}${meta}`);
-      if (item.body) lines.push("  " + item.body.replace(/\n/g, "\n  "));
-    }
-    if (!data.items?.length) lines.push("_No activity loaded._", "");
-  }
-  return lines.join("\n").trim() + "\n";
-}
-
-function appendMessages(lines, vm, messages) {
-  if (!messages.length) { lines.push("_No messages loaded._", ""); return; }
-  for (const msg of messages) {
-    lines.push(`### #${msg.id} ${vm.displayTarget(msg.from)} -> ${vm.displayTarget(msg.to)}`, "");
-    if (msg.createdAt) lines.push("- Created: " + msg.createdAt);
-    if (msg.channel) lines.push("- Channel: " + msg.channel);
-    if (msg.subject) lines.push("- Subject: " + msg.subject);
-    if (msg.claimedBy) lines.push("- Claimed by: " + vm.displayTarget(msg.claimedBy));
-    lines.push("", messageBody(msg) || "", "");
-  }
-}
-
-function downloadText(filename, text, type) {
-  if (typeof document === "undefined" || typeof URL === "undefined" || typeof Blob === "undefined") { void copyText(text); return; }
-  const url = URL.createObjectURL(new Blob([text], { type }));
-  const link = document.createElement("a");
-  link.href = url;
-  link.download = filename;
-  link.click();
-  URL.revokeObjectURL(url);
-}
-
-function openPairMessage(pair, fromId) {
-  if (!pair) return;
-  this.pairMessage = { ...DEFAULT_PAIR_MESSAGE, pairId: pair.id, from: fromId || pair.requesterId || pair.targetId || "" };
-  this.pairMessageOpen = true;
-  this.$nextTick(() => this.$refs?.pairMessageBody?.focus());
-}
-
-function openPairInvite(requesterId) {
-  this.pairInvite = { ...DEFAULT_PAIR_INVITE, requesterId: requesterId || this.selectedAgent || "" };
-  this.pairInviteOpen = true;
-  this.$nextTick(() => this.$refs?.pairInviteObjective?.focus());
-}
-
-function closePairInvite() {
-  this.pairInviteOpen = false;
-  this.pairInvite = { ...DEFAULT_PAIR_INVITE };
-}
-
-async function doCreatePair() {
-  if (!this.pairInvite.requesterId || !this.pairInvite.targetId) { alert("Requester and Target are required."); return; }
-  if (this.pairInvite.requesterId === this.pairInvite.targetId) { alert("Requester and Target must be different agents."); return; }
-  try {
-    const payload = { from: this.pairInvite.requesterId, target: this.pairInvite.targetId };
-    if (this.pairInvite.objective) payload.objective = this.pairInvite.objective;
-    await this.api("POST", "/pairs", payload);
-    this.recordOperatorActivity({
-      title: "Pair invite sent", body: payload.objective || "",
-      meta: `${this.displayTarget(payload.from)} <-> ${this.displayTarget(payload.target)}`,
-      icon: "ti-link-plus", kind: "pair", view: "pairs",
-    });
-    this.closePairInvite();
-    await Promise.all([this.fetchPairs(), this.fetchMessages()]);
-  } catch (e) { alert("Pair invite failed: " + e.message); }
-}
-
-function openAgentSpawn() {
-  this.agentSpawn = { ...DEFAULT_AGENT_SPAWN };
-  this.agentDirectoryBrowser = { open: false, loading: false, path: "", parent: "", home: "", cwd: "", entries: [], error: "" };
-  this.agentSpawnOpen = true;
-  this.$nextTick(() => this.$refs?.agentSpawnCwd?.focus());
-}
-
-function closeAgentSpawn() {
-  this.agentSpawnOpen = false;
-  this.agentSpawn = { ...DEFAULT_AGENT_SPAWN };
-}
-
-async function openAgentDirectoryBrowser() {
-  this.agentDirectoryBrowser = { ...this.agentDirectoryBrowser, open: true };
-  await this.browseAgentDirectory(this.agentSpawn.cwd || "");
-}
-
-async function browseAgentDirectory(path) {
-  this.agentDirectoryBrowser = { ...this.agentDirectoryBrowser, loading: true, error: "" };
-  try {
-    const query = path ? "?path=" + encodeURIComponent(path) : "";
-    const listing = await this.api("GET", "/agents/spawn/directories" + query);
-    this.agentDirectoryBrowser = {
-      open: true, loading: false, path: listing.path || "", parent: listing.parent || "",
-      home: listing.home || "", cwd: listing.cwd || "", entries: listing.entries || [], error: "",
-    };
-    this.agentSpawn = { ...this.agentSpawn, cwd: listing.path || this.agentSpawn.cwd };
-  } catch (e) { this.agentDirectoryBrowser = { ...this.agentDirectoryBrowser, loading: false, error: e.message }; }
-}
-
-function selectAgentDirectory(path) {
-  this.agentSpawn = { ...this.agentSpawn, cwd: path || this.agentDirectoryBrowser.path };
-  this.agentDirectoryBrowser = { ...this.agentDirectoryBrowser, open: false };
-}
-
-async function doSpawnAgent() {
-  if (this.agentSpawn.provider !== "codex") { alert("Only Codex live sessions can be spawned from the dashboard right now."); return; }
-  try {
-    const payload = { provider: "codex", approvalMode: this.agentSpawn.approvalMode || "guarded" };
-    if (this.agentSpawn.cwd) payload.cwd = this.agentSpawn.cwd;
-    if (this.agentSpawn.label) payload.label = this.agentSpawn.label;
-    const result = await this.api("POST", "/agents/spawn", payload);
-    this.recordOperatorActivity({
-      title: "Codex agent spawn requested", body: result?.cwd || payload.cwd || "",
-      meta: result?.pid ? "pid " + result.pid : "starting", icon: "ti-plus", kind: "state", view: "agents",
-    });
-    this.closeAgentSpawn();
-    await Promise.all([this.fetchAgents(), this.fetchActivityEvents()]);
-  } catch (e) { alert("Spawn failed: " + e.message); }
-}
-
-function openOrchestratorSpawn() {
-  const online = this.orchestrators.filter((o) => o.status === "online");
-  if (online.length === 0) return alert("No orchestrators online");
-  this.spawnOrchId = online[0].id;
-  this.spawnProvider = "claude";
-  this.spawnCwd = "";
-  this.spawnLabel = "";
-  this.spawnApproval = "guarded";
-  this.spawnPrompt = "";
-  this.spawnDirListing = null;
-  this.orchestratorSpawnOpen = true;
-}
-
-function openOrchestratorSpawnFor(orchId) {
-  this.spawnOrchId = orchId;
-  this.spawnProvider = "claude";
-  this.spawnCwd = "";
-  this.spawnLabel = "";
-  this.spawnApproval = "guarded";
-  this.spawnPrompt = "";
-  this.spawnDirListing = null;
-  this.orchestratorSpawnOpen = true;
-}
-
-async function browseOrchestratorDirs() {
-  try {
-    const query = this.spawnCwd ? "?path=" + encodeURIComponent(this.spawnCwd) : "";
-    this.spawnDirListing = await this.api("GET", "/agents/spawn/directories" + query);
-  } catch (e) { alert("Directory browse failed: " + e.message); }
-}
-
-async function submitOrchestratorSpawn() {
-  if (!this.spawnOrchId) return alert("Select an orchestrator");
-  try {
-    const payload = { provider: this.spawnProvider, approvalMode: this.spawnApproval };
-    if (this.spawnCwd) payload.cwd = this.spawnCwd;
-    if (this.spawnLabel) payload.label = this.spawnLabel;
-    if (this.spawnPrompt) payload.prompt = this.spawnPrompt;
-    await this.api("POST", "/orchestrators/" + encodeURIComponent(this.spawnOrchId) + "/spawn", payload);
-    this.orchestratorSpawnOpen = false;
-    this.recordOperatorActivity({
-      title: `${this.spawnProvider} agent spawn requested`, body: this.spawnCwd || "",
-      meta: this.spawnOrchId, icon: "ti-plus", kind: "state", view: "orchestrators",
-    });
-    await Promise.all([this.fetchOrchestrators(), this.fetchActivityEvents()]);
-  } catch (e) { alert("Spawn failed: " + e.message); }
-}
-
-async function orchestratorAction(orchId, action, agentId) {
-  const label = action === "restart" ? "Restart" : "Shutdown";
-  if (!confirm(`${label} agent "${agentId || "all"}" on orchestrator "${orchId}"?`)) return;
-  try {
-    await this.api("POST", "/orchestrators/" + encodeURIComponent(orchId) + "/actions", { action, agentId });
-    this.recordOperatorActivity({
-      title: `Agent ${action} requested`, body: agentId || "all agents",
-      meta: orchId, icon: action === "restart" ? "ti-refresh" : "ti-power", kind: "state", view: "orchestrators",
-    });
-    await Promise.all([this.fetchOrchestrators(), this.fetchActivityEvents()]);
-  } catch (e) { alert(`${label} failed: ` + e.message); }
-}
-
-async function deleteOrchestrator(orchId) {
-  if (!confirm(`Remove orchestrator "${orchId}"? This will NOT stop its managed agents.`)) return;
-  try {
-    await this.api("DELETE", "/orchestrators/" + encodeURIComponent(orchId));
-    await this.fetchOrchestrators();
-  } catch (e) { alert("Delete failed: " + e.message); }
-}
-
-function closePairMessage() {
-  this.pairMessageOpen = false;
-  this.pairMessage = { ...DEFAULT_PAIR_MESSAGE };
-}
-
-async function doSendPairMessage() {
-  if (!this.pairMessage.pairId || !this.pairMessage.from || !this.pairMessage.body) {
-    alert("Pair, From, and Message are required."); return;
-  }
-  try {
-    const payload = { from: this.pairMessage.from, body: this.pairMessage.body };
-    if (this.pairMessage.subject) payload.subject = this.pairMessage.subject;
-    await this.api("POST", "/pairs/" + encodeURIComponent(this.pairMessage.pairId) + "/messages", payload);
-    this.recordOperatorActivity({
-      title: "Pair message sent", body: payload.subject || payload.body,
-      meta: "from " + this.displayTarget(payload.from), icon: "ti-messages", kind: "pair", view: "pairs",
-    });
-    this.closePairMessage();
-    await Promise.all([this.fetchPairs(), this.fetchMessages()]);
-  } catch (e) { alert("Pair message failed: " + e.message); }
-}
-
-async function doAcceptPair(pair) {
-  if (!pair) return;
-  try {
-    await this.api("POST", "/pairs/" + encodeURIComponent(pair.id) + "/accept", { agentId: pair.targetId });
-    this.recordOperatorActivity({
-      title: "Pair accepted", body: pair.objective || "",
-      meta: `${this.displayTarget(pair.requesterId)} <-> ${this.displayTarget(pair.targetId)}`,
-      icon: "ti-check", kind: "pair", view: "pairs",
-    });
-    await Promise.all([this.fetchPairs(), this.fetchMessages()]);
-  } catch (e) { alert("Accept failed: " + e.message); }
-}
-
-async function doRejectPair(pair) {
-  if (!pair) return;
-  try {
-    await this.api("POST", "/pairs/" + encodeURIComponent(pair.id) + "/reject", { agentId: pair.targetId });
-    this.recordOperatorActivity({
-      title: "Pair rejected", body: pair.objective || "",
-      meta: `${this.displayTarget(pair.requesterId)} <-> ${this.displayTarget(pair.targetId)}`,
-      icon: "ti-x", kind: "pair", view: "pairs",
-    });
-    await Promise.all([this.fetchPairs(), this.fetchMessages()]);
-  } catch (e) { alert("Reject failed: " + e.message); }
-}
-
-async function doHangupPair(pair, agentId) {
-  if (!pair) return;
-  try {
-    await this.api("POST", "/pairs/" + encodeURIComponent(pair.id) + "/hangup", { agentId: agentId || pair.requesterId });
-    this.recordOperatorActivity({
-      title: "Pair hung up", body: pair.objective || "",
-      meta: "by " + this.displayTarget(agentId || pair.requesterId),
-      icon: "ti-phone-off", kind: "pair", view: "pairs",
-    });
-    await Promise.all([this.fetchPairs(), this.fetchMessages()]);
-  } catch (e) { alert("Hang up failed: " + e.message); }
-}
-
-export function createMessageActions() {
-  return {
-    openCompose, openComposeToAgent, openComposeToInboxThread, openInboxThread,
-    markInboxThreadRead, markInboxThreadUnread, archiveInboxThread, unarchiveInboxThread,
-    confirmDeleteInboxThread, doDeleteInboxThread, replyDraftForThread, setReplyDraft,
-    clearReplyDraft, sendInboxReply, resetInboxComposeTarget, doSendInboxCompose,
-    startReply, cancelReply, doSend, doClaim, doClaimTask, doUpdateTaskStatus,
-    doDeleteMessage, openThread, openTaskEvents, recordOperatorActivity,
-    openActivityItem, runHealthAction, runConnectorAction, openCommandPalette,
-    closeCommandPalette, runCommand, exportActivity, exportThread, exportPair, exportTask,
-  };
-}
-
-export function createPairActions() {
-  return {
-    openPairMessage, closePairMessage, openPairInvite, closePairInvite,
-    doCreatePair, openAgentSpawn, closeAgentSpawn, doSpawnAgent,
-    openAgentDirectoryBrowser, browseAgentDirectory, selectAgentDirectory,
-    openOrchestratorSpawn, openOrchestratorSpawnFor, browseOrchestratorDirs,
-    submitOrchestratorSpawn, orchestratorAction, deleteOrchestrator,
-    doSendPairMessage, doAcceptPair, doRejectPair, doHangupPair,
-  };
-}
-
-export function createAgentActions() {
-  return {
-    openAgentDetail(agent) {
-      if (!agent) return;
-      this.agentDetailId = agent.id;
-      this.agentDetailOpen = true;
-    },
-    closeAgentDetail() { this.agentDetailOpen = false; },
-    openChannelDetail(channel) {
-      if (!channel) return;
-      this.channelDetailId = channel.id;
-      this.channelDetailOpen = true;
-    },
-    closeChannelDetail() { this.channelDetailOpen = false; },
-    openRename(agent) {
-      this.renameModal = { show: true, agentId: agent.id, label: agent.label || "" };
-      this.$nextTick(() => this.$refs.renameInput?.focus());
-    },
-    async doRename() {
-      const label = this.renameModal.label.trim() || null;
-      try {
-        await this.api("PATCH", "/agents/" + this.renameModal.agentId + "/label", { label });
-        this.renameModal.show = false;
-      } catch (e) { alert("Rename failed: " + e.message); }
-    },
-    openConfirm(title, message, action) {
-      this.confirmModal = { show: true, title, message, action };
-    },
-    async doDeleteAgent(id) {
-      try {
-        await this.api("DELETE", "/agents/" + id);
-        if (this.selectedAgent === id) this.selectedAgent = "";
-        this.agents = this.agents.filter((agent) => agent.id !== id);
-        delete this.agentsById[id];
-      } catch (e) { alert("Delete failed: " + e.message); }
-    },
-    async doAgentAction(agent, action) {
-      if (!agent || !action) return;
-      try {
-        const result = await this.api("POST", "/agents/" + encodeURIComponent(agent.id) + "/actions", { action });
-        this.recordOperatorActivity({
-          title: action === "restart" ? "Agent restart requested" : "Agent shutdown requested",
-          body: this.displayName(agent), meta: agent.id,
-          icon: action === "restart" ? "ti-refresh" : "ti-power", kind: "state",
-          view: "agents", agentId: agent.id, messageId: result?.message?.id,
-        });
-        await Promise.all([this.fetchMessages(), this.fetchActivityEvents()]);
-      } catch (e) { alert("Agent action failed: " + e.message); }
-    },
-  };
-}