clay-server 5.1.0-beta.1 → 5.1.0-beta.3

package/lib/public/modules/worker-proposal.js

@@ -1,3 +1,4 @@
+import { enhanceWorkerRuntimePicker } from './worker-runtime-picker.js';
 import { getWs } from './ws-ref.js';
 import { addToMessages, scrollToBottom, VENDOR_AVATARS, VENDOR_NAMES } from './app-rendering.js';
 import { effortLevelsFor, effortDisplayName } from './app-panels.js';
@@ -78,10 +79,12 @@ function fillEffort(card, vendor, model, msg, preferred) {
     button.type = "button";
     button.className = "worker-proposal-effort-btn" + (levels[i] === selected ? " active" : "");
     button.dataset.effort = levels[i];
+    button.setAttribute("aria-pressed", String(levels[i] === selected));
     button.textContent = effortDisplayName(levels[i]);
     button.addEventListener("click", function () {
-      buttons.querySelectorAll("button").forEach(function (item) { item.classList.remove("active"); });
+      buttons.querySelectorAll("button").forEach(function (item) { item.classList.remove("active"); item.setAttribute("aria-pressed", "false"); });
       this.classList.add("active");
+      this.setAttribute("aria-pressed", "true");
     });
     buttons.appendChild(button);
   }
@@ -90,6 +93,7 @@ function fillEffort(card, vendor, model, msg, preferred) {
 function setControlsDisabled(card, disabled) {
   var controls = card.querySelectorAll("select, .worker-proposal-effort-btn, .worker-proposal-action");
   for (var i = 0; i < controls.length; i++) controls[i].disabled = disabled;
+  if (card._refreshPickers) card._refreshPickers();
 }
 
 function statusLabel(status) {
@@ -115,6 +119,8 @@ function decisionLabel(status, autoAccepted) {
 
 function applyState(card, msg) {
   var status = msg.status || "pending";
+  var previousStatus = card.dataset.status;
+  var focusedControl = card.contains(document.activeElement) && document.activeElement.closest(".worker-proposal-config, .worker-proposal-actions");
   card.dataset.status = status;
   if (msg.autoAccepted || msg.autoApproved) card.dataset.autoAccepted = "true";
   if (msg.autoAccepted === false || msg.autoApproved === false) card.dataset.autoAccepted = "false";
@@ -134,7 +140,18 @@ function applyState(card, msg) {
   }
   setControlsDisabled(card, status !== "pending");
   var actions = card.querySelector(".worker-proposal-actions");
-  if (actions) actions.classList.toggle("hidden", autoAccepted);
+  if (actions) actions.classList.toggle("hidden", status !== "pending");
+  card.querySelector(".worker-proposal-config").classList.toggle("hidden", status !== "pending");
+  var receipt = card.querySelector(".worker-proposal-runtime");
+  var vendor = card.querySelector(".worker-proposal-vendor");
+  var model = card.querySelector(".worker-proposal-model");
+  var effort = card.querySelector(".worker-proposal-effort-btn.active");
+  receipt.textContent = [VENDOR_NAMES[vendor.value] || vendor.value, model.options[model.selectedIndex] && model.options[model.selectedIndex].textContent,
+    effort && !card.querySelector(".worker-proposal-effort").classList.contains("hidden") ? effort.textContent + " reasoning" : ""].filter(Boolean).join(" · ");
+  receipt.classList.toggle("hidden", status === "pending");
+  var brief = card.querySelector(".worker-proposal-brief");
+  if (previousStatus !== status) brief.open = status === "pending";
+  if (focusedControl && status !== "pending" && badge) badge.focus();
 }
 
 function sendDecision(card, accepted) {
@@ -169,7 +186,9 @@ export function renderWorkerProposal(msg) {
   var header = document.createElement("div");
   header.className = "worker-proposal-header";
   var replacing = msg.action === "replace";
-  header.innerHTML = '<div class="worker-proposal-mark">' + iconHtml("git-branch") + '</div><div class="worker-proposal-heading"><span class="worker-proposal-kicker">DRIVER / SPLIT WORKER</span><strong>' + (replacing ? "Configure a replacement Split Worker" : "Configure a Split Worker") + '</strong></div><span class="worker-proposal-status"></span>';
+  header.innerHTML = '<div class="worker-proposal-mark">' + iconHtml("git-branch") + '</div><div class="worker-proposal-heading"><span class="worker-proposal-kicker">Worker proposal</span><strong>' + (replacing ? "Replace Split Worker" : "Add a Split Worker") + '</strong></div><span class="worker-proposal-status"></span>';
+  header.querySelector(".worker-proposal-status").setAttribute("role", "status");
+  header.querySelector(".worker-proposal-status").tabIndex = -1;
   card.appendChild(header);
 
   var summary = document.createElement("p");
@@ -177,6 +196,13 @@ export function renderWorkerProposal(msg) {
   summary.textContent = msg.summary || "This task can be planned here and executed in a visible Split Worker session.";
   card.appendChild(summary);
 
+  var brief = document.createElement("details");
+  brief.className = "worker-proposal-brief";
+  brief.open = !msg.status || msg.status === "pending";
+  var briefToggle = document.createElement("summary");
+  briefToggle.innerHTML = iconHtml("chevron-right") + "<span>Plan and recommendation</span>";
+  brief.appendChild(briefToggle);
+  card.appendChild(brief);
   var steps = planSteps(msg.plan);
   if (steps.length > 0) {
     var plan = document.createElement("ol");
@@ -186,26 +212,26 @@ export function renderWorkerProposal(msg) {
       item.textContent = steps[i];
       plan.appendChild(item);
     }
-    card.appendChild(plan);
+    brief.appendChild(plan);
   }
 
   if (msg.recommendationRationale) {
     var rationale = document.createElement("div");
     rationale.className = "worker-proposal-rationale";
     var rationaleLabel = document.createElement("span");
-    rationaleLabel.textContent = "Driver's recommendation rationale";
+    rationaleLabel.textContent = "Why this runtime";
     var rationaleText = document.createElement("p");
     rationaleText.textContent = msg.recommendationRationale;
     rationale.appendChild(rationaleLabel);
     rationale.appendChild(rationaleText);
-    card.appendChild(rationale);
+    brief.appendChild(rationale);
   }
 
   var config = document.createElement("div");
   config.className = "worker-proposal-config";
   var vendorField = document.createElement("label");
   vendorField.className = "worker-proposal-field worker-proposal-vendor-field";
-  vendorField.innerHTML = '<span>Worker</span><span class="worker-proposal-vendor-control"><img alt=""></span>';
+  vendorField.innerHTML = '<span>Provider</span><span class="worker-proposal-vendor-control"><img alt=""></span>';
   var vendorSelect = buildVendorSelect(msg, runtimeSelection.vendor);
   vendorField.querySelector(".worker-proposal-vendor-control").appendChild(vendorSelect);
   config.appendChild(vendorField);
@@ -218,9 +244,15 @@ export function renderWorkerProposal(msg) {
   config.appendChild(modelField);
   var effortField = document.createElement("div");
   effortField.className = "worker-proposal-field worker-proposal-effort";
-  effortField.innerHTML = '<span>Reasoning</span><div class="worker-proposal-effort-buttons"></div>';
+  effortField.innerHTML = '<span>Reasoning</span><div class="worker-proposal-effort-buttons" role="group" aria-label="Reasoning effort"></div>';
   config.appendChild(effortField);
   card.appendChild(config);
+  var runtime = document.createElement("p");
+  runtime.className = "worker-proposal-runtime hidden";
+  card.appendChild(runtime);
+  var refreshVendor = enhanceWorkerRuntimePicker(vendorSelect, "Provider");
+  var refreshModel = enhanceWorkerRuntimePicker(modelSelect, "Model");
+  card._refreshPickers = function () { refreshVendor(); refreshModel(); };
 
   var decision = document.createElement("div");
   decision.className = "worker-proposal-decision";
@@ -232,6 +264,7 @@ export function renderWorkerProposal(msg) {
     avatar.src = VENDOR_AVATARS[vendor] || VENDOR_AVATARS.claude;
     fillModels(modelSelect, vendor, msg, preferredModel);
     fillEffort(card, vendor, modelSelect.value, msg, preferredEffort);
+    card._refreshPickers();
   }
   card._syncWorkerProposalSelection = function (selection) {
     if (selection.vendor && vendorSelect.value !== selection.vendor) vendorSelect.value = selection.vendor;
@@ -246,6 +279,7 @@ export function renderWorkerProposal(msg) {
 
   var error = document.createElement("div");
   error.className = "worker-proposal-error hidden";
+  error.setAttribute("role", "alert");
   card.appendChild(error);
 
   var actions = document.createElement("div");

package/lib/public/modules/worker-runtime-picker.js

@@ -0,0 +1,115 @@
+import { iconHtml, refreshIcons } from './icons.js';
+
+// Keep the existing select as the value source; desktop uses a compact listbox.
+export function enhanceWorkerRuntimePicker(select, label, popupHost) {
+  var wrapper = document.createElement('div');
+  wrapper.className = 'worker-runtime-picker';
+  select.parentNode.insertBefore(wrapper, select);
+  wrapper.appendChild(select);
+  var trigger = document.createElement('button');
+  trigger.type = 'button';
+  if (select.id) trigger.id = select.id + '-trigger';
+  trigger.className = 'worker-runtime-trigger';
+  trigger.setAttribute('aria-haspopup', 'listbox');
+  trigger.setAttribute('aria-expanded', 'false');
+  wrapper.appendChild(trigger);
+  var popup = null;
+  var observer = null;
+  function close(restore) {
+    if (!popup) return;
+    if (observer) { observer.disconnect(); observer = null; }
+    popup.remove();
+    popup = null;
+    trigger.setAttribute('aria-expanded', 'false');
+    document.removeEventListener('pointerdown', outside, true);
+    window.removeEventListener('resize', dismiss);
+    document.removeEventListener('scroll', scroll, true);
+    if (restore && trigger.isConnected && !trigger.disabled) trigger.focus();
+  }
+  function outside(event) { if (!wrapper.contains(event.target) && popup && !popup.contains(event.target)) close(false); }
+  function dismiss() { close(false); }
+  function scroll(event) { if (popup && !popup.contains(event.target)) close(false); }
+  function sync() {
+    close(false);
+    trigger.disabled = select.disabled;
+    var option = select.options[select.selectedIndex];
+    var text = option ? option.textContent : 'Automatic';
+    trigger.replaceChildren();
+    var value = document.createElement('span');
+    value.textContent = text;
+    trigger.appendChild(value);
+    trigger.insertAdjacentHTML('beforeend', iconHtml('chevron-down'));
+    trigger.setAttribute('aria-label', label + ': ' + text);
+    refreshIcons();
+  }
+  function open() {
+    if (trigger.disabled) return;
+    if (popup) { close(false); return; }
+    popup = document.createElement('div');
+    popup.className = 'worker-runtime-options';
+    popup.setAttribute('role', 'listbox');
+    popup.setAttribute('aria-label', label);
+    Array.from(select.options).forEach(function (option) {
+      var button = document.createElement('button');
+      button.type = 'button';
+      button.setAttribute('role', 'option');
+      button.setAttribute('aria-selected', String(option.selected));
+      button.disabled = option.disabled;
+      button.tabIndex = option.selected ? 0 : -1;
+      button.textContent = option.textContent;
+      button.addEventListener('click', function () {
+        select.value = option.value;
+        close(true);
+        select.dispatchEvent(new Event('change', {bubbles: true}));
+        sync();
+      });
+      popup.appendChild(button);
+    });
+    popup.addEventListener('keydown', function (event) {
+      if (event.key === 'Escape') { event.preventDefault(); event.stopPropagation(); close(true); return; }
+      if (event.key === 'Tab') {
+        event.preventDefault();
+        var targets = Array.from((popupHost || document).querySelectorAll('button:not(:disabled), select:not(:disabled), input:not(:disabled), summary, a[href], [tabindex="0"]')).filter(function (el) {
+          return !popup.contains(el) && el.getClientRects().length && el.tabIndex >= 0;
+        });
+        var targetIndex = targets.indexOf(trigger) + (event.shiftKey ? -1 : 1);
+        var target = targets[popupHost ? (targetIndex + targets.length) % targets.length : targetIndex];
+        close(false);
+        if (target) target.focus();
+        else trigger.focus();
+        return;
+      }
+      var choices = Array.from(popup.querySelectorAll('button:not(:disabled)'));
+      var index = choices.indexOf(document.activeElement);
+      var next = index;
+      if (event.key === 'ArrowDown') next = (index + 1) % choices.length;
+      else if (event.key === 'ArrowUp') next = (index + choices.length - 1) % choices.length;
+      else if (event.key === 'Home') next = 0;
+      else if (event.key === 'End') next = choices.length - 1;
+      else if (event.key.length === 1) next = choices.findIndex(function (button, i) { return i > index && button.textContent.toLowerCase().startsWith(event.key.toLowerCase()); });
+      else return;
+      if (next >= 0 && choices[next]) { event.preventDefault(); choices.forEach(function (button) { button.tabIndex = -1; }); choices[next].tabIndex = 0; choices[next].focus(); }
+    });
+    (popupHost || document.body).appendChild(popup);
+    observer = new MutationObserver(function () { if (!trigger.isConnected) close(false); });
+    observer.observe(document.body, {childList: true, subtree: true});
+    var rect = trigger.getBoundingClientRect();
+    popup.style.width = Math.min(Math.max(rect.width, 180), window.innerWidth - 16) + 'px';
+    popup.style.left = Math.max(8, Math.min(rect.left, window.innerWidth - popup.offsetWidth - 8)) + 'px';
+    var height = Math.min(popup.scrollHeight, 240);
+    popup.style.top = (rect.bottom + height + 12 <= innerHeight ? rect.bottom + 4 : Math.max(8, rect.top - height - 4)) + 'px';
+    trigger.setAttribute('aria-expanded', 'true');
+    var selected = popup.querySelector('[aria-selected="true"]:not(:disabled)') || popup.querySelector('button:not(:disabled)');
+    if (selected) { selected.tabIndex = 0; selected.focus(); }
+    document.addEventListener('pointerdown', outside, true);
+    window.addEventListener('resize', dismiss);
+    document.addEventListener('scroll', scroll, true);
+  }
+  trigger.addEventListener('click', open);
+  trigger.addEventListener('keydown', function (event) {
+    if (event.key === 'ArrowDown' || event.key === 'ArrowUp') { event.preventDefault(); open(); }
+  });
+  select.addEventListener('change', sync);
+  sync();
+  return sync;
+}

package/lib/public/modules/you-activity.js

@@ -0,0 +1,121 @@
+// Temporary Clay announcements with an expandable saved-change history.
+import { store } from './store.js';
+import { sendYou, openYou } from './you.js';
+import { relativeTime } from './project-logs-render.js';
+
+function state() { return store.get('youActivity') || {}; }
+function put(values) { store.set({ youActivity: Object.assign({}, state(), values) }); }
+function el(id) { return document.getElementById(id); }
+function describe(item) {
+  if (item.action === 'archive') return 'Clay stopped using a memory about you.';
+  return (item.action === 'update' ? 'Clay updated: ' : 'Clay remembered: ') + (item.summary || item.title);
+}
+function request(more) {
+  put({ requestId: sendYou('you_activity', { offset: more ? state().nextOffset : 0, limit: 20 }), append: !!more });
+}
+function idle() {
+  clearTimeout(state().typingTimer); clearTimeout(state().hideTimer);
+  put({ active: false, typingTimer: null, hideTimer: null });
+  el('you-activity').classList.remove('announcing');
+}
+function announce(message) {
+  if (state().active) { put({ queue: (state().queue || []).concat(message) }); return; }
+  put({ active: true });
+  el('you-activity').classList.add('announcing');
+  el('you-activity-toggle').setAttribute('aria-label', message);
+  el('you-activity-toggle').title = message;
+  var characters = Array.from(message);
+  var index = 0;
+  var reduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
+  function type() {
+    index = reduced ? characters.length : Math.min(characters.length, index + 2);
+    el('you-activity-text').textContent = characters.slice(0, index).join('');
+    el('you-activity-text').scrollLeft = el('you-activity-text').scrollWidth;
+    if (index < characters.length) put({ typingTimer: setTimeout(type, 30) });
+    else { el('you-announcement-status').textContent = message; put({ hideTimer: setTimeout(settle, 6500) }); }
+  }
+  type();
+}
+function settle() {
+  if (state().open || el('you-activity').matches(':hover, :focus-within')) {
+    put({ hideTimer: setTimeout(settle, 1000) }); return;
+  }
+  var queue = (state().queue || []).slice();
+  var next = queue.shift();
+  idle(); put({ queue: queue });
+  if (next) announce(next);
+}
+function close() {
+  put({ open: false });
+  el('you-activity-history').classList.add('hidden');
+  el('you-activity-toggle').setAttribute('aria-expanded', 'false');
+}
+function render() {
+  var items = state().items || [];
+  var list = el('you-activity-list');
+  list.replaceChildren();
+  if (!items.length) {
+    var empty = document.createElement('p');
+    empty.className = 'you-activity-empty';
+    empty.textContent = 'When Clay records something about you, it appears here.';
+    list.appendChild(empty);
+  }
+  items.forEach(function (item) {
+    var button = document.createElement('button');
+    button.type = 'button';
+    button.className = 'you-activity-entry';
+    var text = document.createElement('span'); text.textContent = describe(item);
+    var time = document.createElement('small'); time.textContent = relativeTime(item.at);
+    button.append(text, time);
+    button.addEventListener('click', function () { close(); openYou(item.action === 'archive' ? null : item.ref); });
+    list.appendChild(button);
+  });
+  el('you-activity-more').classList.toggle('hidden', state().nextOffset == null);
+}
+export function handleYouActivity(msg) {
+  if (!el('you-activity') || (msg.activity && msg.activity.seen)) return;
+  if (msg.type === 'you_reviewed') { put({ error: '' }); render(); return; }
+  if (msg.type === 'you_changed') {
+    if (msg.activity && msg.activity.error) { put({ error: msg.activity.error }); announce(msg.activity.error); return; }
+    put({ error: '' });
+    if (msg.activity && msg.activity.id && (state().seen || []).indexOf(msg.activity.id) === -1) {
+      put({ seen: (state().seen || []).concat(msg.activity.id).slice(-100) });
+      announce(describe(msg.activity));
+    }
+    request();
+  } else if (msg.operation === 'you_activity' && msg.requestId === state().requestId) {
+    if (!msg.ok) { put({ requestId: null, error: msg.error || 'Could not load Clay’s memory activity.' }); render(); return; }
+    var items = state().append ? (state().items || []).concat(msg.result.items) : msg.result.items;
+    put({ requestId: null, items: items, nextOffset: msg.result.nextOffset, error: '' });
+    render();
+  }
+}
+export function initYouActivity() {
+  var host = document.createElement('div'); host.id = 'you-activity';
+  host.innerHTML = '<button id="you-activity-toggle" type="button" aria-expanded="false" aria-controls="you-activity-history"><span id="you-activity-text" aria-hidden="true"></span></button>' +
+    '<section id="you-activity-history" class="hidden" aria-label="Clay’s memory activity"><header><strong>Clay’s memory</strong><button id="you-activity-close" type="button" aria-label="Close memory activity">Close</button></header>' +
+    '<div id="you-activity-list"></div><button id="you-activity-more" class="hidden" type="button">Load earlier activity</button><button id="you-activity-open" type="button">Open Me</button></section>';
+  document.querySelector('.top-bar-left-pills').prepend(host);
+  var live = document.createElement('span'); live.id = 'you-announcement-status'; live.setAttribute('role', 'status'); live.setAttribute('aria-live', 'polite'); document.body.appendChild(live);
+  el('you-activity-toggle').addEventListener('click', function () {
+    if (state().open) { close(); return; }
+    put({ open: true });
+    el('you-activity-history').classList.remove('hidden');
+    this.setAttribute('aria-expanded', 'true');
+    request();
+  });
+  el('you-activity-close').addEventListener('click', function () { close(); el('you-activity-toggle').focus(); });
+  el('you-activity-open').addEventListener('click', function () { close(); openYou(); });
+  el('you-activity-more').addEventListener('click', function () { request(true); });
+  document.addEventListener('click', function (event) { if (state().open && !host.contains(event.target)) close(); });
+  host.addEventListener('keydown', function (event) {
+    if (event.key === 'Escape') { event.stopPropagation(); close(); el('you-activity-toggle').focus(); }
+  });
+  store.subscribe(function (next, previous) {
+    if (next.myUserId !== previous.myUserId) { idle(); store.set({ youActivity: {} }); close(); render(); }
+    if (next.currentSlug !== previous.currentSlug) close();
+    if ((!previous.connected && next.connected) || (next.myUserId !== previous.myUserId && next.connected)) request();
+  });
+  render();
+  if (store.get('connected')) request();
+}

package/lib/public/modules/you.js

@@ -0,0 +1,251 @@
+// The owner's You workbench reuses the Logs reading surfaces.
+import { store } from './store.js';
+import { getWs } from './ws-ref.js';
+import { refreshIcons } from './icons.js';
+import { renderList, renderDetail, categoryLabel } from './project-logs-render.js';
+import { registerRightWorkbench, claimRightWorkbench, releaseRightWorkbench } from './right-workbench.js';
+
+function state() { return store.get('you') || {}; }
+function put(values) { store.set({ you: Object.assign({}, state(), values) }); }
+function element(id) { return document.getElementById(id); }
+
+export function sendYou(type, values) {
+  var ws = getWs();
+  if (!ws || ws.readyState !== 1) return null;
+  var sequence = (store.get('youSequence') || 0) + 1;
+  store.set({ youSequence: sequence });
+  var requestId = 'you-' + sequence;
+  ws.send(JSON.stringify(Object.assign({}, values || {}, { type: type, requestId: requestId })));
+  return requestId;
+}
+
+function requestAttention() { put({ attentionId: sendYou('you_attention') }); }
+function showAttention(result) {
+  if (result.version < (state().attentionVersion || 0)) return;
+  put({ unread: result.unread, attentionVersion: result.version });
+  var badge = element('me-unread-badge');
+  badge.hidden = !result.unread;
+  badge.textContent = result.unread > 99 ? '99+' : String(result.unread);
+  var label = 'Me — what Clay knows about me' + (result.unread ? ', ' + result.unread + (result.unread === 1 ? ' unread memory' : ' unread memories') : '');
+  element('you-button').setAttribute('aria-label', label);
+  element('you-button').title = label;
+}
+function acknowledgeVisible() {
+  var s = state();
+  if (!s.open || document.visibilityState !== 'visible' || s.selected !== s.renderedRef || !s.renderedRevision || s.seenId) return;
+  var key = s.renderedRef + ':' + s.renderedRevision;
+  if (s.acknowledged === key) return;
+  put({ seenId: sendYou('you_seen', { ref: s.renderedRef, revision: s.renderedRevision }), acknowledging: key });
+}
+function unreadRows(entries) {
+  element('you-list').querySelectorAll('.project-log-row').forEach(function (row) {
+    var entry = entries.find(function (item) { return item.ref === row.dataset.ref; });
+    if (!entry || !entry.unread) return;
+    var badge = document.createElement('span');
+    badge.className = 'me-new-badge'; badge.textContent = entry.revisions > 1 ? 'Updated' : 'New';
+    row.querySelector('.project-log-row-head').appendChild(badge);
+  });
+}
+
+function status(text) { var el = element('you-status'); if (el) el.textContent = text; }
+function showList() {
+  var wasReading = !!state().selected;
+  put({ selected: null, readId: null });
+  element('you-detail').classList.add('hidden');
+  element('you-list').classList.remove('hidden');
+  element('you-toolbar').classList.remove('hidden');
+  element('me-introduction').classList.remove('hidden');
+  element('you-back').classList.add('hidden');
+  element('you-more').classList.toggle('hidden', state().nextOffset == null);
+  element('you-list').scrollTop = state().scroll || 0;
+  if (wasReading && state().open) requestList();
+}
+function requestList(more) {
+  var s = state();
+  var requestId = sendYou('you_list', { query: s.query || '', category: s.category || '', offset: more ? s.nextOffset : 0 });
+  put({ listId: requestId, append: !!more });
+  status(requestId ? 'Loading…' : 'Reconnect to load what Clay knows about you.');
+}
+function requestEntry(ref) {
+  put({ readId: sendYou('you_read', { ref: ref }), selected: ref, scroll: element('you-list').scrollTop });
+  status(state().readId ? 'Loading…' : 'Reconnect to read this memory.');
+}
+function windowState(wide, fullscreen) {
+  put({ wide: wide, fullscreen: fullscreen });
+  element('you-panel').classList.toggle('project-logs-wide', wide && !fullscreen);
+  element('you-panel').classList.toggle('panel-fullscreen', fullscreen);
+  element('you-wide').setAttribute('aria-pressed', String(!!wide));
+  element('you-fullscreen').setAttribute('aria-pressed', String(!!fullscreen));
+  element('you-wide').disabled = !!fullscreen;
+}
+function filter(categories) {
+  var host = element('you-categories');
+  host.replaceChildren();
+  var summary = document.createElement('summary');
+  summary.className = 'project-logs-filter';
+  summary.textContent = state().category ? categoryLabel(state().category) : 'All categories';
+  host.appendChild(summary);
+  var menu = document.createElement('div');
+  menu.className = 'you-category-options';
+  [''].concat(categories).forEach(function (category) {
+    var button = document.createElement('button');
+    button.type = 'button';
+    button.textContent = category ? categoryLabel(category) : 'All categories';
+    button.setAttribute('aria-pressed', String(category === (state().category || '')));
+    button.addEventListener('click', function () { put({ category: category }); host.open = false; requestList(); });
+    menu.appendChild(button);
+  });
+  host.appendChild(menu);
+}
+function ensurePanel() {
+  if (element('you-panel')) return;
+  var panel = document.createElement('section');
+  panel.id = 'you-panel';
+  panel.className = 'project-logs-panel hidden';
+  panel.setAttribute('aria-label', 'Me — what Clay knows about me');
+  panel.innerHTML = '<header class="project-logs-topbar">' +
+    '<button id="you-back" class="project-logs-icon-btn hidden" aria-label="Back to memories"><i data-lucide="arrow-left"></i></button>' +
+    '<span class="project-logs-title"><span class="me-mark" aria-hidden="true"><i data-lucide="user-round"></i></span>Me</span>' +
+    '<span class="project-logs-subtitle">What Clay knows about me</span>' +
+    '<div class="project-logs-window-actions"><button id="you-wide" class="project-logs-icon-btn" aria-label="Widen Me" aria-pressed="false"><i data-lucide="chevrons-left-right"></i></button>' +
+    '<button id="you-fullscreen" class="project-logs-icon-btn" aria-label="Toggle Me fullscreen" aria-pressed="false"><i data-lucide="maximize-2"></i></button>' +
+    '<button id="you-close" class="project-logs-icon-btn" aria-label="Close Me"><i data-lucide="x"></i></button></div></header>' +
+    '<p id="me-introduction" class="me-introduction">Clay remembers your preferences, working style, and what matters to you, so you don’t have to explain them again in every project or to every Mate. Here you can review what Clay knows about you and leave comments to refine it.</p>' +
+    '<div id="you-toolbar" class="project-logs-toolbar"><label class="project-logs-search"><i data-lucide="search"></i><input id="you-search" type="search" aria-label="Search memories" placeholder="Search what Clay knows" autocomplete="off"></label><details id="you-categories" class="you-categories"></details></div>' +
+    '<p id="you-status" class="you-status" role="status"></p>' +
+    '<div id="you-pending" class="you-pending hidden"><span></span><button id="you-retry" type="button">Ask Clay to review</button></div>' +
+    '<div id="you-list" class="project-logs-list" role="list"></div><main id="you-detail" class="project-logs-detail hidden"></main>' +
+    '<button id="you-more" type="button" class="you-more hidden">Load more</button>';
+  document.getElementById('main-panels').appendChild(panel);
+  element('you-close').addEventListener('click', closeYou);
+  element('you-back').addEventListener('click', showList);
+  element('you-wide').addEventListener('click', function () { windowState(!state().wide, false); });
+  element('you-fullscreen').addEventListener('click', function () { windowState(state().wide, !state().fullscreen); });
+  element('you-more').addEventListener('click', function () { requestList(true); });
+  element('you-search').addEventListener('input', function () {
+    clearTimeout(state().searchTimer);
+    put({ query: this.value, searchTimer: setTimeout(function () { requestList(); }, 180) });
+  });
+  element('you-retry').addEventListener('click', function () {
+    put({ retryId: sendYou('you_retry') });
+    status(state().retryId ? 'Asked Clay to review pending observations.' : 'Reconnect to request a review.');
+  });
+  panel.addEventListener('keydown', function (event) {
+    if (event.key === 'Escape') { event.stopPropagation(); closeYou(); }
+    if (event.key === 'Tab' && window.matchMedia('(max-width: 1023px)').matches) {
+      var nodes = Array.from(panel.querySelectorAll('button:not(:disabled),input,textarea,summary')).filter(function (node) { return node.getClientRects().length; });
+      var first = nodes[0]; var last = nodes[nodes.length - 1];
+      if (event.shiftKey && document.activeElement === first) { event.preventDefault(); last.focus(); }
+      else if (!event.shiftKey && document.activeElement === last) { event.preventDefault(); first.focus(); }
+    }
+  });
+  filter([]);
+  refreshIcons();
+}
+
+export function openYou(ref) {
+  ensurePanel();
+  put({ returnFocus: document.activeElement, open: true });
+  claimRightWorkbench('you');
+  element('you-button').classList.add('active');
+  element('you-button').setAttribute('aria-pressed', 'true');
+  element('you-panel').classList.remove('hidden');
+  element('you-panel').setAttribute('role', 'dialog');
+  element('you-panel').setAttribute('aria-modal', String(window.matchMedia('(max-width: 1023px)').matches));
+  windowState(state().wide, false);
+  showList();
+  requestList();
+  if (ref) requestEntry(ref);
+  if (ref) element('you-close').focus(); else element('you-search').focus();
+}
+export function closeYou() {
+  releaseRightWorkbench('you');
+  if (!state().open) return;
+  element('you-panel').classList.add('hidden');
+  element('you-button').classList.remove('active');
+  element('you-button').setAttribute('aria-pressed', 'false');
+  windowState(state().wide, false);
+  var focus = state().returnFocus;
+  put({ open: false });
+  if (focus && focus.isConnected) focus.focus();
+}
+export function handleYouMessage(msg) {
+  if (msg.type === 'you_reviewed') { if (state().open) { requestList(); if (state().selected) requestEntry(state().selected); } return; }
+  if (msg.type === 'you_changed') {
+    requestAttention();
+    if (msg.activity && msg.activity.seen) { if (state().open && !state().selected) requestList(); return; }
+    if (msg.activity && msg.activity.error) { status(msg.activity.error); return; }
+    if (state().open) { requestList(); if (state().selected) requestEntry(state().selected); }
+    return;
+  }
+  var s = state();
+  var key = { you_attention: 'attentionId', you_seen: 'seenId', you_list: 'listId', you_read: 'readId', you_comment: 'commentId', you_retry: 'retryId' }[msg.operation];
+  if (!key || !s[key] || s[key] !== msg.requestId) return;
+  var cleared = {}; cleared[key] = null; put(cleared);
+  if (msg.operation === 'you_comment' && element('you-comment-input')) element('you-comment-input').form.querySelector('button').disabled = false;
+  if (msg.operation === 'you_attention') { if (msg.ok) showAttention(msg.result); return; }
+  if (msg.operation === 'you_seen') {
+    if (msg.ok) { put({ acknowledged: s.acknowledging }); showAttention(msg.result); acknowledgeVisible(); }
+    return;
+  }
+  if (!state().open && msg.operation === 'you_read') return;
+  if (!msg.ok) { if (msg.operation === 'you_read') showList(); status(msg.error || 'Clay could not complete this request.'); return; }
+  status('');
+  var result = msg.result;
+  if (msg.operation === 'you_list') {
+    var entries = s.append ? (s.entries || []).concat(result.items) : result.items;
+    put({ entries: entries, nextOffset: result.nextOffset });
+    var emptyMessage = state().query || state().category
+      ? 'No memories match this search. Try another keyword or category.'
+      : 'No memories yet. They’ll appear here as Clay gets to know you.';
+    renderList(element('you-list'), entries, requestEntry, emptyMessage);
+    unreadRows(entries);
+    filter(result.categories);
+    element('you-more').classList.toggle('hidden', result.nextOffset == null || !!state().selected);
+    element('you-pending').classList.toggle('hidden', !result.pending);
+    element('you-pending').querySelector('span').textContent = result.pending + (result.pending === 1 ? ' observation awaiting Clay’s review' : ' observations awaiting Clay’s review');
+  } else if (msg.operation === 'you_read') {
+    element('me-introduction').classList.add('hidden');
+    element('you-list').classList.add('hidden'); element('you-toolbar').classList.add('hidden'); element('you-more').classList.add('hidden');
+    element('you-detail').classList.remove('hidden'); element('you-back').classList.remove('hidden');
+    var previousInput = element('you-comment-input');
+    var draft = previousInput && previousInput.dataset.ref === result.ref ? previousInput.value : '';
+    renderDetail(element('you-detail'), result, { commentPrefix: 'you', commentReviewer: 'Clay', onComment: function (ref, body, feedback, input) {
+      if (state().commentId) return;
+      put({ commentId: sendYou('you_comment', { ref: ref, body: body }), commentRef: ref });
+      input.form.querySelector('button').disabled = !!state().commentId;
+      feedback.textContent = state().commentId ? 'Sending to Clay for review…' : 'Reconnect to post your comment.';
+    } });
+    element('you-comment-input').value = draft;
+    element('you-comment-input').dataset.ref = result.ref;
+    element('you-comment-input').form.querySelector('button').disabled = !!state().commentId;
+    var evidence = document.createElement('p'); evidence.className = 'you-evidence';
+    evidence.textContent = (result.evidenceType === 'inferred' ? 'Inferred from: ' : 'You said: ') + (result.evidence || '') + '\nClay’s decision: ' + result.reason;
+    element('you-detail').querySelector('.project-log-markdown').after(evidence);
+    put({ renderedRef: result.ref, renderedRevision: result.revisions });
+    requestAnimationFrame(acknowledgeVisible);
+  } else if (msg.operation === 'you_comment') {
+    if (element('you-comment-input') && element('you-comment-input').dataset.ref === s.commentRef) element('you-comment-input').value = '';
+    if (state().selected) requestEntry(state().selected);
+  }
+}
+export function initYou() {
+  registerRightWorkbench('you', closeYou);
+  document.addEventListener('visibilitychange', acknowledgeVisible);
+  if (store.get('connected')) requestAttention();
+  element('you-button').addEventListener('click', function () { openYou(); });
+  store.subscribe(function (next, previous) {
+    if (next.currentSlug !== previous.currentSlug || next.myUserId !== previous.myUserId) {
+      closeYou(); clearTimeout(state().searchTimer);
+      if (next.myUserId !== previous.myUserId) { if (element('you-panel')) element('you-panel').remove(); put({ entries: [], query: '', category: '', attentionVersion: 0, acknowledged: null, attentionId: null, seenId: null }); showAttention({ unread: 0, version: 0 }); }
+      put({ listId: null, readId: null, commentId: null, retryId: null, seenId: null });
+      if (element('you-comment-input')) element('you-comment-input').form.querySelector('button').disabled = false;
+    }
+    if (previous.connected && !next.connected) {
+      put({ commentId: null, seenId: null, attentionId: null });
+      if (element('you-comment-input')) element('you-comment-input').form.querySelector('button').disabled = false;
+      if (state().open) status('Disconnected. Reconnect before sending or refreshing.');
+    }
+    if ((!previous.connected && next.connected) || (next.myUserId !== previous.myUserId && next.connected)) { requestAttention(); if (state().open) { requestList(); acknowledgeVisible(); } }
+  });
+}