clay-server 5.0.2-beta.1 → 5.1.0-beta.2

package/lib/public/modules/home-mate-model-picker.js

@@ -1,281 +1,90 @@
-// Vendor-aware Mate model chooser hosted by the centered Mate settings dialog.
-
+// Correlated model catalogs and an explicit provider/model draft.
 import { getWs } from './ws-ref.js';
-
-var activeMateId = null;
-var activeMateName = "Mate";
-var state = null;
-var requestId = null;
-var selectionRequestId = null;
-var selectionModel = null;
-var activeSessionId = null;
-var requestSequence = 0;
-
-function nextRequestId(prefix) {
-  requestSequence++;
-  return prefix + "-" + Date.now() + "-" + requestSequence;
-}
-
-function send(message) {
-  var ws = getWs();
-  if (!ws || ws.readyState !== 1) return false;
-  ws.send(JSON.stringify(message));
-  return true;
-}
-
-function modelValue(entry) {
-  if (!entry) return "";
-  if (typeof entry === "string") return entry;
-  return entry.value || entry.id || "";
-}
-
-function modelLabel(entry) {
-  if (typeof entry === "string") return entry;
-  return entry.displayName || entry.label || entry.name || modelValue(entry) || "Model";
-}
-
-function vendorLabel(vendor) {
-  var vendors = state && state.vendors ? state.vendors : [];
-  for (var i = 0; i < vendors.length; i++) {
-    if (vendors[i] && vendors[i].id === vendor) return vendors[i].displayName || vendor;
-  }
-  return vendor || "Vendor";
-}
-
-function findFocusTarget(kind, value) {
-  if (kind === "retry") return document.querySelector(".home-mate-settings-dialog .home-mate-model-retry");
-  if (kind === "selection-status") return document.querySelector(".home-mate-settings-dialog .home-mate-model-selection-status");
-  var selector = kind === "vendor" ? ".home-mate-settings-dialog [data-home-mate-vendor]" : ".home-mate-settings-dialog [data-home-mate-model]";
-  var datasetKey = kind === "vendor" ? "homeMateVendor" : "homeMateModel";
-  var options = document.querySelectorAll(selector);
-  for (var i = 0; i < options.length; i++) {
-    if (options[i].dataset[datasetKey] === value) return options[i];
+import { store } from './store.js';
+import { enhanceWorkerRuntimePicker } from './worker-runtime-picker.js';
+var sequence = 0;
+var timer = null;
+function state() { return store.get('mateModelDraft'); }
+function put(s) { store.set({mateModelDraft: s}); }
+function value(entry) { return typeof entry === 'string' ? entry : entry.value || entry.id || ''; }
+function label(entry) { return typeof entry === 'string' ? entry : entry.displayName || entry.label || entry.name || value(entry); }
+function send(message) { var ws = getWs(); if (!ws || ws.readyState !== 1) return false; try { ws.send(JSON.stringify(message)); return true; } catch (error) { return false; } }
+function id() { return 'mate-model-' + Date.now() + '-' + (++sequence); }
+export function resetHomeMateModelPicker(mateId, name, mate, sessionId) {
+  clearTimeout(timer);
+  put({mateId: mateId, name: name, builtinClay: mate.builtinKey === 'clay', sessionId: sessionId || null, vendor: mate.vendor || '', model: mate.model || '', mateVendor: mate.vendor || '', mateModel: mate.model || '', vendors: [], models: [], status: 'idle', requestId: null, saveId: null, error: ''});
+}
+export function clearHomeMateModelPicker() { clearTimeout(timer); put(null); }
+export function hasHomeMateModelDraft() { var s = state(); return !!s && (!!s.saveId || s.vendor !== s.mateVendor || s.model !== s.mateModel); }
+function armTimeout(requestId, render) {
+  clearTimeout(timer);
+  timer = setTimeout(function () {
+    var s = state(); if (!s || (s.requestId !== requestId && s.saveId !== requestId)) return;
+    put(Object.assign({}, s, {requestId: null, saveId: null, status: s.status === 'loading' ? 'error' : s.status, error: 'No response received. Your choices are retained; try again.'})); render();
+  }, 15000);
+}
+export function requestHomeMateModels(vendor, render) {
+  var s = state(); if (!s || s.saveId) return;
+  var requestId = id();
+  put(Object.assign({}, s, {vendor: vendor || s.vendor, models: [], status: 'loading', requestId: requestId, error: ''}));
+  render();
+  if (!send({type: 'home_mate_models_get', mateId: s.mateId, vendor: vendor || s.vendor, requestId: requestId})) {
+    put(Object.assign({}, state(), {status: 'error', requestId: null, error: 'Clay is offline. Reconnect and try again.'})); render(); return;
   }
-  return null;
-}
-
-function rerenderAndFocus(rerender, kind, value) {
-  rerender();
-  if (!kind) return;
-  var target = findFocusTarget(kind, value);
-  if (target) target.focus({ preventScroll: true });
-}
-
-export function resetHomeMateModelPicker(mateId, mateName, mate, sessionId) {
-  activeMateId = mateId;
-  activeMateName = mateName || "Mate";
-  requestId = null;
-  selectionRequestId = null;
-  selectionModel = null;
-  activeSessionId = sessionId || null;
-  state = {
-    status: "loading",
-    vendor: mate && mate.vendor ? mate.vendor : "",
-    model: mate && mate.model ? mate.model : "",
-    mateVendor: mate && mate.vendor ? mate.vendor : "",
-    mateModel: mate && mate.model ? mate.model : "",
-    vendors: [],
-    models: [],
-    error: "",
-  };
-}
-
-export function clearHomeMateModelPicker() {
-  activeMateId = null;
-  activeMateName = "Mate";
-  state = null;
-  requestId = null;
-  selectionRequestId = null;
-  selectionModel = null;
-  activeSessionId = null;
-}
-
-export function requestHomeMateModels(vendor, rerender, focusAfter) {
-  if (!activeMateId || !state || selectionRequestId) return;
-  var requestedVendor = vendor || state.vendor || state.mateVendor;
-  requestId = nextRequestId("home-mate-models");
-  state.vendor = requestedVendor;
-  state.status = "loading";
-  state.models = [];
-  state.error = "";
-  rerenderAndFocus(rerender, focusAfter ? "vendor" : "", requestedVendor);
-  if (send({ type: "home_mate_models_get", mateId: activeMateId, vendor: requestedVendor, requestId: requestId })) return;
-  state.status = "error";
-  state.error = "Clay is offline. Reconnect and try again.";
-  rerenderAndFocus(rerender, "retry", "");
-}
-
-function selectMateModel(model, rerender) {
-  if (!state || selectionRequestId || !model || !state.vendor) return;
-  selectionRequestId = nextRequestId("home-mate-model-set");
-  selectionModel = model;
-  state.error = "";
-  rerenderAndFocus(rerender, "selection-status", "");
-  var message = { type: "home_mate_model_set", mateId: activeMateId, vendor: state.vendor, model: model, requestId: selectionRequestId };
-  if (activeSessionId) message.sessionId = activeSessionId;
-  if (send(message)) return;
-  selectionRequestId = null;
-  selectionModel = null;
-  state.error = "Clay is offline. Reconnect and try again.";
-  rerenderAndFocus(rerender, "model", model);
-}
-
-function appendHeading(body, text) {
-  var heading = document.createElement("h3");
-  heading.className = "home-mate-model-section-label";
-  heading.textContent = text;
-  body.appendChild(heading);
-}
-
-function renderVendors(body, rerender) {
-  appendHeading(body, "Vendor");
-  var list = document.createElement("div");
-  list.className = "home-mate-vendor-list";
-  list.setAttribute("role", "group");
-  list.setAttribute("aria-label", "Vendor for " + activeMateName);
-  var vendors = state.vendors || [];
-  for (var i = 0; i < vendors.length; i++) {
-    (function (vendor) {
-      if (!vendor || !vendor.id) return;
-      var button = document.createElement("button");
-      button.type = "button";
-      button.className = "home-mate-vendor-option";
-      button.dataset.homeMateVendor = vendor.id;
-      button.textContent = vendor.displayName || vendor.id;
-      button.setAttribute("aria-pressed", vendor.id === state.vendor ? "true" : "false");
-      button.disabled = !!selectionRequestId;
-      if (vendor.id === state.mateVendor) button.title = "Current Mate vendor";
-      button.addEventListener("click", function () {
-        if (vendor.id !== state.vendor) requestHomeMateModels(vendor.id, rerender, true);
-      });
-      list.appendChild(button);
-    })(vendors[i]);
-  }
-  if (!vendors.length) {
-    var waiting = document.createElement("span");
-    waiting.className = "home-mate-model-muted";
-    waiting.textContent = "Loading available vendors…";
-    list.appendChild(waiting);
-  }
-  body.appendChild(list);
-}
-
-function appendLoadState(body, rerender) {
-  var loadState = document.createElement("div");
-  loadState.className = "home-mate-model-state";
-  if (state.status === "loading") {
-    loadState.classList.add("home-mate-model-loading");
-    loadState.setAttribute("role", "status");
-    loadState.dataset.homeModelFocus = "catalog-status";
-    loadState.tabIndex = -1;
-    loadState.textContent = "Loading " + vendorLabel(state.vendor) + " models…";
-  } else {
-    if (state.status === "error") loadState.setAttribute("role", "alert");
-    loadState.textContent = state.error || "No models are available for this vendor.";
-    var retry = document.createElement("button");
-    retry.type = "button";
-    retry.className = "home-mate-model-retry";
-    retry.dataset.homeModelFocus = "catalog-status";
-    retry.textContent = "Try again";
-    retry.addEventListener("click", function () { requestHomeMateModels(state.vendor, rerender, false); });
-    loadState.appendChild(retry);
-  }
-  body.appendChild(loadState);
-}
-
-function renderModels(body, rerender) {
-  appendHeading(body, "Model");
-  if (state.status !== "ready") {
-    appendLoadState(body, rerender);
-    return;
-  }
-  var list = document.createElement("div");
-  list.className = "home-mate-model-list";
-  list.setAttribute("role", "group");
-  list.setAttribute("aria-label", "Models from " + vendorLabel(state.vendor) + " for " + activeMateName);
-  var models = state.models || [];
-  for (var i = 0; i < models.length; i++) {
-    (function (entry) {
-      var value = modelValue(entry);
-      if (!value) return;
-      var button = document.createElement("button");
-      button.type = "button";
-      button.className = "home-mate-model-option";
-      button.dataset.homeMateModel = value;
-      button.setAttribute("aria-pressed", state.vendor === state.mateVendor && value === state.mateModel ? "true" : "false");
-      button.disabled = !!selectionRequestId;
-      var label = document.createElement("span");
-      label.textContent = modelLabel(entry);
-      var id = document.createElement("small");
-      id.textContent = value;
-      button.appendChild(label);
-      button.appendChild(id);
-      button.addEventListener("click", function () { selectMateModel(value, rerender); });
-      list.appendChild(button);
-    })(models[i]);
-  }
-  body.appendChild(list);
-  var status = document.createElement("div");
-  status.className = "home-mate-model-selection-status";
-  status.setAttribute("aria-live", "polite");
-  if (selectionRequestId) {
-    status.dataset.homeMateModel = selectionModel;
-    status.tabIndex = -1;
-  }
-  status.textContent = selectionRequestId ? "Saving vendor and model…" : (state.error || "");
-  body.appendChild(status);
-}
-
-export function renderHomeMateModelPicker(body, rerender) {
-  var note = document.createElement("p");
-  note.className = "home-mate-model-note";
-  note.textContent = activeSessionId ? "Used for this draft and future new conversations. Conversations with activity keep their committed vendor and model." : "Used for new conversations. Existing conversations keep their current vendor and model.";
+  armTimeout(requestId, render);
+}
+function save(render) {
+  var s = state(); if (!s || s.saveId || s.status !== 'ready' || !s.models.some(function (m) { return value(m) === s.model; })) return;
+  var saveId = id(); put(Object.assign({}, s, {saveId: saveId, error: '', notice: ''})); render();
+  var message = {type:'home_mate_model_set', mateId:s.mateId, vendor:s.vendor, model:s.model, requestId:saveId};
+  if (s.sessionId) message.sessionId = s.sessionId;
+  if (!send(message)) { put(Object.assign({}, state(), {saveId:null, error:'Clay is offline. Your choices are retained.'})); render(); return; }
+  armTimeout(saveId, render);
+}
+function selector(body, title, help, entries, selected, disabled, onChange) {
+  var row = document.createElement('div'); row.className = 'mate-settings-row';
+  var text = document.createElement('div'); var heading = document.createElement('label'); heading.textContent = title;
+  var hint = document.createElement('p'); hint.textContent = help; text.appendChild(heading); text.appendChild(hint); row.appendChild(text);
+  var control = document.createElement('div'); control.className = 'mate-settings-value';
+  var select = document.createElement('select'); select.className = 'worker-proposal-select'; select.setAttribute('aria-label', title); select.id = 'mate-settings-' + title.toLowerCase(); heading.htmlFor = select.id;
+  if (!entries.some(function (e) { return value(e) === selected; })) { var empty = document.createElement('option'); empty.value = selected; empty.textContent = selected || 'Choose a model'; empty.disabled = true; select.appendChild(empty); }
+  entries.forEach(function (entry) { var option = document.createElement('option'); option.value = value(entry); option.textContent = label(entry); select.appendChild(option); });
+  select.value = selected; select.disabled = disabled; select.addEventListener('change', function () { onChange(select.value); });
+  control.appendChild(select); row.appendChild(control); body.appendChild(row);
+  enhanceWorkerRuntimePicker(select, title, body.closest('.home-mate-settings-dialog'));
+}
+export function renderHomeMateModelPicker(body, render) {
+  var s = state(); if (!s) return;
+  var note = document.createElement('p'); note.className = 'mate-settings-help';
+  note.textContent = s.sessionId ? 'Used for this draft and future conversations. Conversations with activity keep their committed model.' : 'Used for new conversations with this Mate. Existing conversations keep their current model.';
+  if (s.builtinClay) note.textContent = 'Clay uses your Default AI for new conversations. This choice can update an eligible current draft; conversations with activity keep their committed model.';
   body.appendChild(note);
-  if (!state) return;
-  if (state.mateVendor && state.mateModel) {
-    var current = document.createElement("p");
-    current.className = "home-mate-model-current";
-    current.textContent = "Current · " + vendorLabel(state.mateVendor) + " · " + state.mateModel;
-    body.appendChild(current);
-  }
-  renderVendors(body, rerender);
-  renderModels(body, rerender);
+  selector(body, 'Provider', 'Choose the service for this Mate.', s.vendors.map(function (v) { return {value:v.id, displayName:v.displayName || v.id}; }), s.vendor, !!s.saveId || !s.vendors.length, function (vendor) {
+    put(Object.assign({}, state(), {vendor:vendor, model:vendor === s.mateVendor ? s.mateModel : '', notice:''})); requestHomeMateModels(vendor, render);
+  });
+  selector(body, 'Model', 'Available models come from the selected provider.', s.models, s.model, !!s.saveId || s.status !== 'ready', function (model) { put(Object.assign({}, state(), {model:model, error:'', notice:''})); render(); });
+  var status = document.createElement('p'); status.className = 'mate-settings-status' + (s.error ? ' is-error' : ''); status.setAttribute('role', s.error ? 'alert' : 'status');
+  status.textContent = s.saveId ? 'Saving provider and model…' : s.status === 'loading' ? 'Loading models…' : s.error || s.notice || (s.status === 'empty' ? 'No models are available from this provider.' : ''); body.appendChild(status);
+  if (s.status === 'error' || s.status === 'empty') { var retry = document.createElement('button'); retry.type = 'button'; retry.className = 'mate-settings-button home-mate-model-retry'; retry.textContent = 'Try again'; retry.addEventListener('click', function () { requestHomeMateModels(s.vendor, render); }); body.appendChild(retry); }
+  if (!hasHomeMateModelDraft()) return;
+  var bar = document.createElement('div'); bar.className = 'mate-settings-savebar';
+  var cancel = document.createElement('button'); cancel.type = 'button'; cancel.className = 'mate-settings-button'; cancel.textContent = 'Cancel'; cancel.disabled = !!s.saveId;
+  cancel.addEventListener('click', function () { put(Object.assign({}, state(), {vendor:s.mateVendor, model:s.mateModel, error:'', notice:''})); requestHomeMateModels(s.mateVendor, render); });
+  var apply = document.createElement('button'); apply.type = 'button'; apply.className = 'mate-settings-button primary'; apply.textContent = 'Save model'; apply.disabled = !!s.saveId || s.status !== 'ready' || !s.models.some(function (m) { return value(m) === s.model; }); apply.addEventListener('click', function () { save(render); });
+  bar.appendChild(cancel); bar.appendChild(apply); body.appendChild(bar);
 }
-
 export function applyHomeMateModelsState(msg) {
-  if (!state || msg.mateId !== activeMateId || msg.requestId !== requestId) return false;
-  state.status = msg.status || "empty";
-  state.vendor = msg.vendor || state.vendor;
-  state.model = msg.model || "";
-  state.mateVendor = msg.mateVendor || state.mateVendor;
-  state.mateModel = msg.mateModel || state.mateModel;
-  state.vendors = Array.isArray(msg.vendors) ? msg.vendors : state.vendors;
-  state.models = Array.isArray(msg.models) ? msg.models : [];
-  state.error = msg.error || "";
+  var s = state(); if (!s || msg.mateId !== s.mateId || msg.requestId !== s.requestId) return false;
+  clearTimeout(timer);
+  put(Object.assign({}, s, {requestId:null, status:msg.status || 'empty', vendor:msg.vendor || s.vendor, model:s.model || msg.model || '', mateVendor:msg.mateVendor || s.mateVendor, mateModel:msg.mateModel || s.mateModel, vendors:msg.vendors || s.vendors, models:msg.models || [], error:msg.error || ''}));
   return true;
 }
-
 export function applyHomeMateModelResult(msg) {
-  if (!state || msg.mateId !== activeMateId || msg.requestId !== selectionRequestId) return false;
-  selectionRequestId = null;
-  selectionModel = null;
-  if (!msg.ok) {
-    state.error = msg.error || "Could not save this vendor and model.";
-    return true;
-  }
-  state.mateVendor = msg.vendor || state.vendor;
-  state.mateModel = msg.model || state.model;
-  state.model = state.mateModel;
-  state.error = msg.requestedSessionId && !msg.sessionApplied ? (msg.sessionReason || "Mate default updated. This conversation keeps its committed model.") : "";
-  window.dispatchEvent(new CustomEvent("clay:home-mate-model-confirmed", { detail: {
-    mateId: msg.mateId,
-    vendor: state.mateVendor,
-    model: state.mateModel,
-    requestedSessionId: msg.requestedSessionId || null,
-    sessionId: msg.sessionId || null,
-    sessionApplied: msg.sessionApplied === true,
-    sessionVendor: msg.sessionVendor || null,
-    sessionModel: msg.sessionModel || null,
-  } }));
+  var s = state(); if (!s || msg.mateId !== s.mateId || msg.requestId !== s.saveId) return false;
+  clearTimeout(timer);
+  if (!msg.ok) { put(Object.assign({}, s, {saveId:null, error:msg.error || 'Could not save. Your choices are retained.'})); return true; }
+  var vendor = msg.vendor || s.vendor; var model = msg.model || s.model;
+  put(Object.assign({}, s, {saveId:null, vendor:vendor, model:model, mateVendor:vendor, mateModel:model, error:'', notice:msg.requestedSessionId && !msg.sessionApplied ? (msg.sessionReason || 'Default saved. This conversation keeps its committed model.') : 'Model saved.'}));
+  window.dispatchEvent(new CustomEvent('clay:home-mate-model-confirmed', {detail:{mateId:msg.mateId, vendor:vendor, model:model, requestedSessionId:msg.requestedSessionId || null, sessionId:msg.sessionId || null, sessionApplied:msg.sessionApplied === true, sessionVendor:msg.sessionVendor || null, sessionModel:msg.sessionModel || null}}));
   return true;
 }

package/lib/public/modules/home-mate-profile-editor.js

@@ -0,0 +1,72 @@
+import { mateAvatarUrl } from './avatar.js';
+import { store } from './store.js';
+import { getWs } from './ws-ref.js';
+var timer = null;
+var sequence = 0;
+function state() { return store.get('mateProfileDraft'); }
+function put(s) { store.set({mateProfileDraft:s}); }
+function name(mate) { return (mate.profile || {}).displayName || mate.name || 'Mate'; }
+export function resetMateProfile() { clearTimeout(timer); put(null); }
+export function hasMateProfileDraft() { var s = state(); return !!s && (!!s.requestId || s.name !== s.savedName || s.bio !== s.savedBio); }
+export function mateProfileSaving() { var s = state(); return !!s && !!s.requestId; }
+export function applyMateProfile(msg) {
+  var s = state();
+  if (!s || !s.requestId || msg.requestId !== s.requestId || (msg.mate ? msg.mate.id : msg.mateId) !== s.mateId) return false;
+  clearTimeout(timer);
+  if (msg.mate) put(null);
+  else put(Object.assign({},s,{requestId:null,error:msg.error || 'Could not save. Your changes are retained.'}));
+  return true;
+}
+export function renderMateProfile(body, mate, render, editAvatar) {
+  var section = document.createElement('section'); section.className = 'mate-settings-profile';
+  var heading = document.createElement('div'); heading.className = 'mate-settings-profile-heading';
+  var title = document.createElement('h4'); title.textContent = name(mate); heading.appendChild(title);
+  var avatar = document.createElement('button'); avatar.type = 'button'; avatar.className = 'mate-settings-profile-avatar';
+  avatar.id = 'mate-profile-avatar'; avatar.setAttribute('aria-label','Change Mate avatar'); avatar.title = 'Change avatar';
+  avatar.disabled = !!(mate.profile || {}).avatarLocked;
+  avatar.setAttribute('aria-expanded',String(!!store.get('mateSettingsAvatarOpen')));
+  var image = document.createElement('img'); image.src = mateAvatarUrl(mate,72); image.alt = ''; avatar.appendChild(image);
+  avatar.addEventListener('click',editAvatar); section.appendChild(avatar);
+  section.appendChild(heading); body.appendChild(section);
+  var s = state();
+  function button(label, action, primary, parent) {
+    var b = document.createElement('button'); b.type = 'button'; b.textContent = label;
+    b.className = 'mate-settings-button' + (primary ? ' primary' : ''); b.disabled = !!s && !!s.requestId;
+    b.addEventListener('click',action); (parent || section).appendChild(b); return b;
+  }
+  if (!s || s.mateId !== mate.id) {
+    if (!mate.primary) {
+      var edit = button('Edit',function () {
+        put({mateId:mate.id,name:name(mate),bio:mate.bio || '',savedName:name(mate),savedBio:mate.bio || '',error:'',requestId:null});
+        render(); document.getElementById('mate-profile-name').focus();
+      },false,heading); edit.id = 'mate-profile-edit'; edit.setAttribute('aria-label','Edit Mate identity');
+    }
+
+    var bio = document.createElement('p'); bio.className = 'mate-settings-help'; bio.textContent = mate.bio || 'No introduction yet.'; section.appendChild(bio);
+    if (mate.primary) { var note = document.createElement('p'); note.className = 'mate-settings-help'; note.textContent = 'Clay manages this built-in identity.'; section.appendChild(note); }
+    return;
+  }
+  section.classList.add('is-editing');
+  function field(title, key, multiline) {
+    var label = document.createElement('label'); label.className = 'mate-settings-profile-field'; label.textContent = title;
+    var input = document.createElement(multiline ? 'textarea' : 'input'); input.id = 'mate-profile-' + key; input.value = s[key]; input.disabled = !!s.requestId;
+    input.addEventListener('input',function () { put(Object.assign({},state(),{[key]:input.value})); });
+    label.appendChild(input); section.appendChild(label);
+  }
+  field('Name','name',false); field('Introduction','bio',true);
+  var status = document.createElement('p'); status.className = 'mate-settings-status' + (s.error ? ' is-error' : ''); status.setAttribute('role',s.error ? 'alert' : 'status'); status.textContent = s.error || (s.requestId ? 'Saving identity…' : ''); section.appendChild(status);
+  var bar = document.createElement('div'); bar.className = 'mate-settings-savebar'; section.appendChild(bar);
+  button('Cancel',function () { resetMateProfile(); render(); document.getElementById('mate-profile-edit').focus(); },false,bar);
+  button('Save identity',function () {
+    var draft = state(); var ws = getWs();
+    if (!draft.name.trim()) { put(Object.assign({},draft,{error:'Enter a name.'})); render(); return; }
+    if (!ws || ws.readyState !== 1) { put(Object.assign({},draft,{error:'Clay is offline. Your changes are retained.'})); render(); return; }
+    var requestId = 'mate-profile-' + Date.now() + '-' + (++sequence);
+    put(Object.assign({},draft,{requestId:requestId,error:''})); render();
+    try {
+      var latest = (store.get('cachedMatesList') || []).find(function (m) { return m.id === mate.id; }) || mate;
+      ws.send(JSON.stringify({type:'mate_update',mateId:mate.id,requestId:requestId,updates:{name:draft.name.trim(),bio:draft.bio.trim(),profile:Object.assign({},latest.profile,{displayName:draft.name.trim()})}}));
+    } catch (error) { put(Object.assign({},draft,{requestId:null,error:'Could not send. Your changes are retained.'})); render(); return; }
+    clearTimeout(timer); timer = setTimeout(function () { if (state() && state().requestId === requestId) { put(Object.assign({},state(),{requestId:null,error:'No response received. Your changes are retained; try again.'})); render(); } },15000);
+  },true,bar);
+}