relay-companion 0.1.410 → 0.1.412

package/npm-shrinkwrap.json

@@ -1,12 +1,12 @@
 {
   "name": "relay-companion",
-  "version": "0.1.410",
+  "version": "0.1.412",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "relay-companion",
-      "version": "0.1.410",
+      "version": "0.1.412",
       "license": "MIT",
       "dependencies": {
         "@anthropic-ai/claude-agent-sdk": "0.3.195",

package/overlay/inbox.html

@@ -2173,8 +2173,17 @@
   .th-mention-copy { display:flex; flex-direction:column; min-width:0; }
   .th-mention-name { font-weight:650; }
   .th-mention-note { color:var(--muted); font-size:10.5px; }
-  .sv-agent-defaults select { min-width:122px; max-width:44%; padding:6px 8px; border:1px solid var(--edge); border-radius:8px;
-    background:var(--bg); color:var(--ink); font:11.5px var(--sans); }
+  /* Chat-agent defaults stay compact without forcing four controls onto one
+     line. Identity owns the first line; model and thinking share a labelled,
+     responsive grid below it. */
+  .sv-agent-defaults .sv-open-row { display:block; min-height:0; padding:11px 12px 12px; }
+  .sv-agent-identity { display:flex; align-items:center; gap:11px; min-width:0; }
+  .sv-agent-fields { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); gap:8px; margin:10px 0 0 39px; }
+  .sv-agent-field { display:block; min-width:0; }
+  .sv-agent-field-label { display:block; margin:0 0 4px 1px; color:var(--muted-2); font:10px/1.25 var(--sans); }
+  .sv-agent-select { width:100%; min-width:0; height:34px; padding:0 8px; border:1px solid var(--edge); border-radius:9px;
+    background:var(--bg); color:var(--ink); font:11.5px var(--sans); cursor:pointer; }
+  .sv-agent-select:focus-visible { outline:none; box-shadow:var(--focus-ring); }
   /* The chosen Relay is attached to the existing composer as its top face.
      This is one composer with context, not a Slack-style child conversation. */
   .qr.th-qr.replying { gap:0; }
@@ -4268,7 +4277,7 @@
 
   // ---------- state ----------
   let activeView = "relays";
-  let payload = { account: { paired: false }, ui: { canDismiss: true, reopenSurface: "the Relay icon", setupTutorialPending:false }, features: { requests:false, cowork:false, environment:"production" }, relays: [], sent: [], requests: [], contacts: [], chats: [], slackChats: [] };
+  let payload = { account: { paired: false }, ui: { canDismiss: true, reopenSurface: "the Relay icon", setupTutorialPending:false }, features: { requests:false, slack:false, peopleMentions:true, agentMentions:false, cowork:false, environment:"production" }, relays: [], sent: [], requests: [], contacts: [], chats: [], slackChats: [] };
   const canonicalChatDetails = new Map();
   const canonicalChatFingerprints = new Map();
   const canonicalChatDetailProjectionKeys = new Map();
@@ -4311,6 +4320,7 @@
     return `${conversationSurface(source)}:${chatId}`;
   }
   function slackMessagesVisible(room, source = threadsSource) {
+    if (payload.features?.slack !== true) return false;
     if (!isSlackIntegratedRoom(room)) return false;
     const key = slackVisibilityKey(room, source);
     return slackVisibilityOverrides.has(key)
@@ -4405,7 +4415,7 @@
     return changed;
   }
   function syncSlackVisibilityButton(room = threadDetailId ? chatRoomForThread(threadDetailId) : null) {
-    const linked = isSlackIntegratedRoom(room);
+    const linked = payload.features?.slack === true && isSlackIntegratedRoom(room);
     thSlackVisibilityEl.classList.toggle("hidden", !linked);
     if (!linked) return;
     const visible = slackMessagesVisible(room);
@@ -11551,7 +11561,7 @@
       // recipients only; the owned Claude and Codex options remain available
       // in every developer composer below.
       const participantNames = new Set();
-      if (thread.isGroup) {
+      if (payload.features?.peopleMentions === true && thread.isGroup) {
         const group = groupsList.find((candidate) => String(candidate.id || "") === String(thread.groupId || ""))
           || groupsList.find((candidate) => normalizedPartyName(candidate.name) === normalizedPartyName(thread.groupName));
         // The current roster decides who can be mentioned. Historical sender
@@ -11562,7 +11572,7 @@
         }
       }
       const mentionOptions = [
-        ...(payload.features?.requests === true ? [
+        ...(payload.features?.agentMentions === true ? [
           { token:"Claude", name:"@Claude", note:"Run Claude on my computer", agent:true },
           { token:"Codex", name:"@Codex", note:"Run Codex on my computer", agent:true },
         ] : []),
@@ -11719,7 +11729,7 @@
           attachments,
           preview: "",
         });
-        const agentMentions = payload.features?.requests === true ? agentMentionSpans(text) : [];
+        const agentMentions = payload.features?.agentMentions === true ? agentMentionSpans(text) : [];
         const invokedProviders = agentMentions.map((mention) => mention.provider);
         for (const [index, provider] of invokedProviders.entries()) {
           optimisticChatReplies.set(`${idempotencyKey}:agent:${provider}`, {
@@ -12161,6 +12171,7 @@
   }
 
   async function refreshSlackConnection({ preserveWaiting = true } = {}) {
+    if (payload.features?.slack !== true) return;
     if (!window.relay.slackConnection) return;
     if (!rendererSurfaceActive()) {
       slackConnectionRefreshDeferred = true;
@@ -12484,9 +12495,12 @@
       <div class="sv-open-intro">Defaults for Work sessions that run on this computer.</div>
       <div class="sv-open-list">${rows.map((row) => {
         const current = chatAgentPreferences[row.key] || {};
-        return `<div class="sv-open-row"><img class="sv-open-logo" src="${row.logo}" alt="" /><span class="sv-open-copy"><span class="sv-open-name">${row.label}</span></span>
-          <select data-chat-agent-model="${row.key}" aria-label="${row.label} model">${row.models.map(([value,label]) => `<option value="${value}"${current.model === value ? " selected" : ""}>${label}</option>`).join("")}</select>
-          <select data-chat-agent-effort="${row.key}" aria-label="${row.label} thinking">${row.efforts.map((value) => `<option value="${value}"${current.effort === value ? " selected" : ""}>${value}</option>`).join("")}</select>
+        return `<div class="sv-open-row">
+          <span class="sv-agent-identity"><img class="sv-open-logo" src="${row.logo}" alt="" /><span class="sv-open-copy"><span class="sv-open-name">${row.label}</span></span></span>
+          <span class="sv-agent-fields">
+            <label class="sv-agent-field"><span class="sv-agent-field-label">Model</span><select class="sv-agent-select" data-chat-agent-model="${row.key}" aria-label="${row.label} model">${row.models.map(([value,label]) => `<option value="${value}"${current.model === value ? " selected" : ""}>${label}</option>`).join("")}</select></label>
+            <label class="sv-agent-field"><span class="sv-agent-field-label">Thinking</span><select class="sv-agent-select" data-chat-agent-effort="${row.key}" aria-label="${row.label} thinking">${row.efforts.map((value) => `<option value="${value}"${current.effort === value ? " selected" : ""}>${value}</option>`).join("")}</select></label>
+          </span>
         </div>`;
       }).join("")}</div>
       ${chatAgentPreferencesError ? `<div class="row-err sv-err">${esc(chatAgentPreferencesError)}</div>` : ""}
@@ -12524,6 +12538,7 @@
     </section>`;
   }
   function slackSettingsHtml(info) {
+    if (payload.features?.slack !== true) return "";
     if (!info?.paired || !window.relay.slackConnection) return "";
     const connection = slackConnectionInfo;
     const state = connection?.state || "disconnected";
@@ -13154,6 +13169,7 @@
       renderSettings();
     })();
     const slackTask = (async () => {
+      if (payload.features?.slack !== true) return;
       if (seq !== settingsLoadSeq) return;
       await refreshSlackConnection({ preserveWaiting:true });
     })();
@@ -13212,14 +13228,14 @@
   window.addEventListener("focus", () => {
     if (activeView === "settings") {
       loadSettings();
-    } else if (activeView === "slack") {
+    } else if (activeView === "slack" && payload.features?.slack === true) {
       refreshSlackConnection({ preserveWaiting:true });
     }
   });
   document.addEventListener("visibilitychange", () => {
     if (document.visibilityState === "visible") {
       if (activeView === "settings") loadSettings();
-      else if (activeView === "slack") refreshSlackConnection({ preserveWaiting:true });
+      else if (activeView === "slack" && payload.features?.slack === true) refreshSlackConnection({ preserveWaiting:true });
     }
   });
   // Slack OAuth completes in the browser, not in this renderer. Focus and
@@ -13228,7 +13244,7 @@
   // a manual refresh. The tab and Settings card share the same lightweight
   // status call; all other Settings checks retain their focus/entry cadence.
   setInterval(() => {
-    if ((activeView === "settings" || activeView === "slack") && rendererSurfaceActive()) {
+    if (payload.features?.slack === true && (activeView === "settings" || activeView === "slack") && rendererSurfaceActive()) {
       refreshSlackConnection({ preserveWaiting:true });
     }
   }, SLACK_CONNECTION_POLL_MS);
@@ -13699,7 +13715,9 @@
       : activeView;
     for (const tab of tabEls) {
       const view = tab.getAttribute("data-view");
-      tab.classList.toggle("gone", view === "tasks" && payload.features?.requests !== true);
+      tab.classList.toggle("gone",
+        (view === "tasks" && payload.features?.requests !== true)
+        || (view === "slack" && payload.features?.slack !== true));
       tab.classList.toggle("active", view === tabView);
     }
   }
@@ -13732,7 +13750,7 @@
     } else {
       resetSignOutArm(); // leaving the view disarms the confirm state
     }
-    if (activeView === "slack" && viewChanged) {
+    if (activeView === "slack" && payload.features?.slack === true && viewChanged) {
       refreshSlackConnection({ preserveWaiting:true });
     }
     // A room owns its sent-cache refresh in hydrateThreadEntry(), where the
@@ -13866,8 +13884,8 @@
     const unread = relayUnreadIds.size;
     setCount(unread);
     setBadge(relaysBadgeEl, unread);
-    setBadge(slackBadgeEl, (payload.slackChats || []).reduce(
-      (sum, chat) => sum + Math.max(0, Number(chat?.unreadCount || 0)), 0));
+    setBadge(slackBadgeEl, payload.features?.slack === true ? (payload.slackChats || []).reduce(
+      (sum, chat) => sum + Math.max(0, Number(chat?.unreadCount || 0)), 0) : 0);
     markAllReadEl.classList.toggle("gone", activeView !== "relays" || unread === 0);
     markAllReadEl.disabled = unread === 0;
     setBadge(tasksBadgeEl, requestsUnreadCount());
@@ -13982,6 +14000,10 @@
     if (payload.features?.requests !== true && ["tasks", "requestDetail"].includes(activeView)) {
       activeView = "relays";
     }
+    if (payload.features?.slack !== true && (activeView === "slack" || threadsSource === "slack")) {
+      activeView = "relays";
+      threadsSource = "relay";
+    }
     // Delivery can happen after navigation. If its room is the visible Chat
     // transcript, receipt of the full payload is itself a read event.
     if (paintSurface) readVisibleChatRoom();

package/overlay/main.cjs

@@ -874,7 +874,9 @@ async function refreshAccountProductFeatures() {
     TASK_FEATURES_ALLOWED = next.requests;
     if (changed) {
       tasksLoadedOnce = null;
+      canonicalChatsLoadedOnce = null;
       await refreshTasks();
+      await refreshCanonicalChats();
       await pushInbox(true);
     }
     return changed;
@@ -1714,6 +1716,12 @@ function isSlackLinkedChat(chat) {
   ));
 }
 async function refreshCanonicalChats() {
+  if (PRODUCT_FEATURES.slack !== true) {
+    canonicalChatsCache = [];
+    slackChatsCache = [];
+    canonicalChatsFingerprint = canonicalChatsFingerprintOf([], []);
+    return { relay: canonicalChatsCache, slack: slackChatsCache };
+  }
   if (!deviceToken()) return { relay: canonicalChatsCache, slack: slackChatsCache };
   try {
     const client = await relayClient();
@@ -7319,6 +7327,9 @@ ipcMain.handle("relay:canonicalChat", async (event, input) => {
   }
   const { chatId: id, surface, includeSlack } = canonicalChatIpcInput(input);
   if (!id) return { ok: false, error: "Missing channel id." };
+  if (PRODUCT_FEATURES.slack !== true && (surface === "slack" || includeSlack)) {
+    return { ok: false, error: "Slack is available only to Relay developer accounts on dev." };
+  }
   try {
     const client = await relayClient();
     const chat = await client.chat(id, { surface, includeSlack });
@@ -7333,6 +7344,9 @@ ipcMain.handle("relay:canonicalChatRead", async (event, input) => {
   }
   const { chatId: id, surface, includeSlack } = canonicalChatIpcInput(input);
   if (!id) return { ok: false, error: "Missing channel id." };
+  if (PRODUCT_FEATURES.slack !== true && (surface === "slack" || includeSlack)) {
+    return { ok: false, error: "Slack is available only to Relay developer accounts on dev." };
+  }
   if (!chatReadPresenceIsAvailable(win)) {
     deferChatRead();
     return { ok: false, deferred: true };
@@ -7976,10 +7990,16 @@ ipcMain.handle("relay:contactsSearch", (_e, q) => groupCall((c) => c.searchConta
 // Settings tab: account card + the sign-out / switch-account lifecycle.
 ipcMain.handle("relay:accountInfo", () => accountInfo());
 ipcMain.handle("relay:slackConnection", async () => {
+  if (PRODUCT_FEATURES.slack !== true) {
+    return { ok: false, error: "Slack is available only to Relay developer accounts on dev." };
+  }
   try { return { ok: true, connection: await (await relayClient()).slackConnection() }; }
   catch (error) { return { ok: false, error: (error && error.message) || String(error) }; }
 });
 ipcMain.handle("relay:slackConnect", async (_event, input = {}) => {
+  if (PRODUCT_FEATURES.slack !== true) {
+    return { ok: false, error: "Slack is available only to Relay developer accounts on dev." };
+  }
   try {
     const client = await relayClient();
     const result = input?.reconnect
@@ -7997,6 +8017,9 @@ ipcMain.handle("relay:slackConnect", async (_event, input = {}) => {
   }
 });
 ipcMain.handle("relay:slackDisconnect", async () => {
+  if (PRODUCT_FEATURES.slack !== true) {
+    return { ok: false, error: "Slack is available only to Relay developer accounts on dev." };
+  }
   try { return { ok: true, result: await (await relayClient()).disconnectSlack() }; }
   catch (error) { return { ok: false, error: (error && error.message) || String(error) }; }
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "relay-companion",
-  "version": "0.1.410",
+  "version": "0.1.412",
   "description": "Install Relay for Claude Code, Cowork, and Codex, then sign in from the Relay pill.",
   "homepage": "https://sendrelays.com/get-started",
   "repository": {

package/src/product-features.cjs

@@ -33,6 +33,13 @@ function productFeatures(options = {}) {
     environment,
     developer,
     requests: developer,
+    // Slack is an internal proving surface alongside Tasks. Staging and
+    // production exercise the customer product, even for developer accounts.
+    slack: developer,
+    // Human mentions are ordinary conversation affordances. Agent mentions
+    // start local runs, so they retain the same boundary as Tasks.
+    peopleMentions: true,
+    agentMentions: developer,
     // Cowork is intentionally unavailable. Do not add an override here: its
     // former transport inspected Claude Desktop process/session credentials.
     cowork: false,