relay-companion 0.1.34 → 0.1.35

package/overlay/inbox.html

@@ -452,6 +452,14 @@
   .cv-input::placeholder { color:var(--muted-3); }
   .cv-input:focus { border-color:rgba(48,85,102,.42); box-shadow:0 0 0 3px rgba(48,85,102,.08); }
   .cv-form-actions { display:flex; align-items:center; justify-content:flex-end; gap:14px; margin-top:1px; }
+  .cv-delete {
+    appearance:none; border:0; background:transparent; color:#b4332a; font-family:var(--sans);
+    font-size:12.5px; font-weight:600; cursor:pointer; transition:opacity .15s var(--settle), color .15s var(--settle);
+    margin-right:auto; padding:0;
+  }
+  .cv-delete:hover { opacity:.72; }
+  .cv-delete.armed { color:#8f261f; }
+  .cv-delete:disabled { opacity:.4; cursor:default; }
   .cv-cancel { appearance:none; border:0; background:transparent; color:var(--muted); font-family:var(--sans); font-size:12.5px; font-weight:500; cursor:pointer; transition:color .15s var(--settle); }
   .cv-cancel:hover { color:var(--ink-2); }
   .cv-save {
@@ -601,6 +609,7 @@
           <div class="cv-hint" id="cvHint"></div>
           <div class="cv-error" id="cvError"></div>
           <div class="cv-form-actions">
+            <button class="cv-delete gone" type="button" id="cvDelete">Delete</button>
             <button class="cv-cancel" type="button" id="cvCancel">Cancel</button>
             <button class="cv-save" type="submit" id="cvSave">Save</button>
           </div>
@@ -643,6 +652,7 @@
   const cvErrorEl = document.getElementById("cvError");
   const cvSaveEl = document.getElementById("cvSave");
   const cvCancelEl = document.getElementById("cvCancel");
+  const cvDeleteEl = document.getElementById("cvDelete");
 
   const REDUCED = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
   const EXPANDED = { w: 344, h: 524 };
@@ -1848,6 +1858,8 @@
   const COMMON_DOMAINS = ["gmail.com","outlook.com","hotmail.com","yahoo.com","icloud.com","me.com","proton.me","protonmail.com","live.com","aol.com"];
   let cvEmailsList = [];     // committed, lowercased, deduped addresses (the chips)
   let cvSuggIdx = 0;         // highlighted suggestion row
+  let cvDeleteArmed = false;
+  let cvDeleteTimer = null;
   function isValidEmail(s) { return EMAIL_RE.test(String(s).trim()); }
   function cvSuggestions() {
     const draft = cvEmailEl.value;
@@ -1907,6 +1919,21 @@
     cvEmailsList = cvEmailsList.filter((x) => x !== e);
     renderEmailChips();
   }
+  function editingContactId() {
+    return cvEditing && (cvEditing.id || cvEditing.contactId) ? String(cvEditing.id || cvEditing.contactId) : "";
+  }
+  function resetDeleteButton() {
+    cvDeleteArmed = false;
+    if (cvDeleteTimer) { clearTimeout(cvDeleteTimer); cvDeleteTimer = null; }
+    cvDeleteEl.textContent = "Delete";
+    cvDeleteEl.classList.remove("armed");
+    cvDeleteEl.disabled = false;
+  }
+  function syncDeleteButton() {
+    resetDeleteButton();
+    const canDelete = Boolean(editingContactId());
+    cvDeleteEl.classList.toggle("gone", !canDelete);
+  }
   cvEmailsEl.addEventListener("mousedown", (e) => {
     if (e.target === cvEmailsEl) { e.preventDefault(); cvEmailEl.focus(); }
   });
@@ -1944,6 +1971,7 @@
     cvErrorEl.textContent = "";
     cvSuggestEl.classList.add("hidden"); cvSuggestEl.innerHTML = "";
     renderEmailChips();
+    syncDeleteButton();
     cvFormEl.classList.remove("hidden");
     if (window.relay.setFocusable) window.relay.setFocusable(true);
     setInteractive(true);
@@ -1957,10 +1985,37 @@
     cvErrorEl.textContent = "";
     cvHintEl.textContent = "";
     cvSuggestEl.classList.add("hidden"); cvSuggestEl.innerHTML = "";
+    cvDeleteEl.classList.add("gone");
+    resetDeleteButton();
     if (window.relay.setFocusable) window.relay.setFocusable(false);
   }
   cvAddEl.addEventListener("click", () => openContactForm(null));
   cvCancelEl.addEventListener("click", closeContactForm);
+  cvDeleteEl.addEventListener("click", async () => {
+    const contactId = editingContactId();
+    if (!contactId || cvDeleteEl.disabled) return;
+    if (!cvDeleteArmed) {
+      cvDeleteArmed = true;
+      cvDeleteEl.textContent = "Delete?";
+      cvDeleteEl.classList.add("armed");
+      cvDeleteTimer = setTimeout(resetDeleteButton, 3500);
+      return;
+    }
+    cvDeleteEl.disabled = true;
+    cvSaveEl.disabled = true;
+    cvErrorEl.textContent = "";
+    try {
+      const next = await window.relay.contactDelete({ contactId });
+      if (Array.isArray(next)) contactsList = next;
+      closeContactForm();
+      renderContacts();
+    } catch (err) {
+      cvErrorEl.textContent = (err && err.message) ? err.message : "Could not delete.";
+      cvDeleteEl.disabled = false;
+      cvSaveEl.disabled = false;
+      resetDeleteButton();
+    }
+  });
   cvFormEl.addEventListener("submit", async (e) => {
     e.preventDefault();
     const name = [cvFirstEl.value, cvLastEl.value].map((s) => s.trim()).filter(Boolean).join(" ");
@@ -1973,7 +2028,8 @@
     cvErrorEl.textContent = "";
     try {
       // Match the website's ContactWrite shape: emails[] is the identity, email = primary.
-      const next = await window.relay.contactSave({ name, emails, email: emails[0] });
+      const contactId = editingContactId();
+      const next = await window.relay.contactSave({ contactId, name, emails, email: emails[0] });
       if (Array.isArray(next)) contactsList = next;
       closeContactForm();
       renderContacts();

package/overlay/main.cjs

@@ -309,10 +309,11 @@ async function readContacts() {
       .map((c) => {
         const emails = Array.isArray(c.emails) ? c.emails.filter(Boolean) : c.email ? [c.email] : [];
         return {
-          id: c.id || "",
+          id: c.id || c.contactId || "",
           name: c.name || emails[0] || "",
           email: emails[0] || c.email || "",
           emails,
+          onRelay: Boolean(c.onRelay),
           updatedAt: c.updatedAt || null,
         };
       })
@@ -324,6 +325,7 @@ async function readContacts() {
 }
 
 async function saveContact(input) {
+  const contactId = String((input && input.contactId) || "").trim();
   const name = String((input && input.name) || "").trim();
   const emails = Array.isArray(input && input.emails)
     ? input.emails.map((e) => String(e || "").trim()).filter(Boolean)
@@ -333,7 +335,16 @@ async function saveContact(input) {
   if (!name) throw new Error("A name is required");
   for (const e of emails) if (!e.includes("@")) throw new Error("That email looks off.");
   const client = await relayClient();
-  await client.upsertContact({ name, emails, email: emails[0] || "" });
+  if (contactId) await client.updateContact(contactId, { name, emails, email: emails[0] || "" });
+  else await client.upsertContact({ name, emails, email: emails[0] || "" });
+  return readContacts();
+}
+
+async function deleteContactFromBook(input) {
+  const contactId = String((input && input.contactId) || input || "").trim();
+  if (!contactId) throw new Error("Missing contact id.");
+  const client = await relayClient();
+  await client.deleteContact(contactId);
   return readContacts();
 }
 
@@ -1188,6 +1199,7 @@ ipcMain.handle("relay:decline", (_e, taskId, approvalId) => declineShare(taskId,
 ipcMain.handle("relay:answer", (_e, taskId, messageId, text, packetId) => answerQuestion(taskId, messageId, text, packetId));
 ipcMain.handle("relay:contacts", () => readContacts());
 ipcMain.handle("relay:contactSave", (_e, input) => saveContact(input));
+ipcMain.handle("relay:contactDelete", (_e, input) => deleteContactFromBook(input));
 
 // The overlay is normally focusable:false so it never steals keyboard focus from
 // Claude/Codex. Text fields (the contact form, quick reply) need focus, so the renderer

package/overlay/preload.cjs

@@ -32,6 +32,7 @@ contextBridge.exposeInMainWorld("relay", {
   // contacts
   contacts: () => ipcRenderer.invoke("relay:contacts"),
   contactSave: (input) => ipcRenderer.invoke("relay:contactSave", input),
+  contactDelete: (input) => ipcRenderer.invoke("relay:contactDelete", input),
 
   // window plumbing
   setFocusable: (v) => ipcRenderer.send("relay:setFocusable", v),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "relay-companion",
-  "version": "0.1.34",
+  "version": "0.1.35",
   "description": "Relay companion: connects local coding agents to Relay tasks, approvals, and connector tools.",
   "type": "module",
   "bin": {

package/src/client.js

@@ -207,6 +207,10 @@ export class RelayClient {
     });
   }
 
+  deleteContact(contactId) {
+    return this.#req("DELETE", `/v1/contacts/${encodeURIComponent(contactId)}`);
+  }
+
   importContacts(contacts, source = "imported") {
     return this.#req("POST", "/v1/contacts/import", { contacts, source });
   }