clay-server 2.33.1 → 2.34.0-beta.10

package/lib/public/modules/app-messages.js

@@ -14,6 +14,7 @@ import { renderSessionList, updateSessionPresence, populateCliSessionList, handl
 import { updateDmBadge, renderSidebarPresence, setMentionActive, renderUserStrip } from './sidebar-mates.js';
 import { refreshMobileChatSheet } from './sidebar-mobile.js';
 import { renderMateSessionList, handleMateSearchResults, updateMateSidebarProfile } from './mate-sidebar.js';
+import { handleMateDatastoreTablesResult, handleMateDatastoreDescribeResult, handleMateDatastoreQueryResult, handleMateDatastoreError, handleMateDatastoreChange } from './mate-datastore-ui.js';
 import { renderKnowledgeList, handleKnowledgeContent } from './mate-knowledge.js';
 import { renderMemoryList } from './mate-memory.js';
 import { handlePaletteSessionSwitch, setPaletteVersion } from './command-palette.js';
@@ -275,6 +276,26 @@ export function processMessage(msg) {
         updateProjectList(msg);
         break;
 
+      case "mate_db_tables_result":
+        handleMateDatastoreTablesResult(msg);
+        break;
+
+      case "mate_db_describe_result":
+        handleMateDatastoreDescribeResult(msg);
+        break;
+
+      case "mate_db_query_result":
+        handleMateDatastoreQueryResult(msg);
+        break;
+
+      case "mate_db_error":
+        handleMateDatastoreError(msg);
+        break;
+
+      case "mate_db_change":
+        handleMateDatastoreChange(msg);
+        break;
+
       case "update_available":
         // In multi-user mode, only show update UI to admins
         if (store.get('isMultiUserMode')) {
@@ -711,6 +732,8 @@ export function processMessage(msg) {
           getTools()[msg.id] = { el: null, name: msg.name, input: null, done: true, hidden: true };
         } else if (msg.name === "propose_debate" || (msg.name && msg.name.indexOf("propose_debate") !== -1)) {
           getTools()[msg.id] = { el: null, name: msg.name, input: null, done: true, hidden: true };
+        } else if (msg.name === "ask_user_questions") {
+          getTools()[msg.id] = { el: null, name: msg.name, input: null, done: true, hidden: true };
         } else if (getTodoTools()[msg.name]) {
           getTools()[msg.id] = { el: null, name: msg.name, input: null, done: true, hidden: true };
         } else {

package/lib/public/modules/app-rendering.js

@@ -17,12 +17,10 @@ import { getScheduledMsgEl } from './app-rate-limit.js';
 export var VENDOR_AVATARS = {
   claude: "/claude-code-avatar.png",
   codex: "/codex-avatar.png",
-  gemini: "/claude-code-avatar.png",
 };
 export var VENDOR_NAMES = {
   claude: "Claude Code",
   codex: "Codex",
-  gemini: "Gemini",
 };
 var NEW_MSG_BTN_DEFAULT = "\u2193 Latest";
 var NEW_MSG_BTN_ACTIVITY = "\u2193 New activity";

package/lib/public/modules/diff.js

@@ -238,25 +238,39 @@ export function renderSplitDiff(oldStr, newStr, lang) {
  * Parses hunk headers for line numbers. Optional lang for syntax highlighting.
  * Returns a DOM element.
  */
-export function renderPatchDiff(text, lang) {
+/**
+ * Reconstruct old and new source text from a unified patch string.
+ * Skips file headers, "diff --git" lines, index lines, and hunk headers.
+ * Returns { oldStr, newStr }.
+ */
+export function reconstructPatchSources(text) {
   var lines = text.split("\n");
-
-  // Reconstruct old and new source for highlighting
   var oldSrc = [];
   var newSrc = [];
   for (var p = 0; p < lines.length; p++) {
     var pl = lines[p];
-    if (pl.startsWith("-") && !pl.startsWith("---")) {
+    if (pl.startsWith("---") || pl.startsWith("+++")) continue;
+    if (pl.startsWith("diff ") || pl.startsWith("index ")) continue;
+    if (pl.startsWith("@@")) continue;
+    if (pl.startsWith("-")) {
       oldSrc.push(pl.substring(1));
-    } else if (pl.startsWith("+") && !pl.startsWith("+++")) {
+    } else if (pl.startsWith("+")) {
       newSrc.push(pl.substring(1));
     } else if (pl.startsWith(" ")) {
       oldSrc.push(pl.substring(1));
       newSrc.push(pl.substring(1));
     }
   }
-  var oldHL = highlightLines(oldSrc.join("\n"), lang);
-  var newHL = highlightLines(newSrc.join("\n"), lang);
+  return { oldStr: oldSrc.join("\n"), newStr: newSrc.join("\n") };
+}
+
+export function renderPatchDiff(text, lang) {
+  var lines = text.split("\n");
+
+  // Reconstruct old and new source for highlighting
+  var sources = reconstructPatchSources(text);
+  var oldHL = highlightLines(sources.oldStr, lang);
+  var newHL = highlightLines(sources.newStr, lang);
   var oldHLIdx = 0;
   var newHLIdx = 0;
 

package/lib/public/modules/mate-datastore-ui.js

@@ -0,0 +1,280 @@
+import { escapeHtml } from './utils.js';
+import { refreshIcons } from './icons.js';
+import { getWs } from './ws-ref.js';
+
+var wsGetter = null;
+var panelEl = null;
+var tableListEl = null;
+var tableNameEl = null;
+var tableSchemaEl = null;
+var resultEl = null;
+var statusEl = null;
+var dataBtnEl = null;
+var mainColumnEl = null;
+var currentTables = [];
+var currentTable = null;
+var panelOpen = false;
+var routingToScheduler = false;
+
+function sendWs(msg) {
+  var ws = wsGetter ? wsGetter() : getWs();
+  if (ws && ws.readyState === 1) ws.send(JSON.stringify(msg));
+}
+
+function quoteIdentifier(name) {
+  return '"' + String(name || "").replace(/"/g, '""') + '"';
+}
+
+function ensurePanel() {
+  if (panelEl) return;
+  mainColumnEl = document.getElementById("main-column");
+  if (!mainColumnEl) return;
+
+  panelEl = document.createElement("div");
+  panelEl.id = "mate-datastore-panel";
+  panelEl.className = "hidden";
+
+  panelEl.innerHTML =
+    '<div class="scheduler-top-bar mate-datastore-top-bar">' +
+      '<span class="scheduler-top-title mate-datastore-top-title"><i data-lucide="database"></i>Data</span>' +
+      '<div class="mate-datastore-top-actions">' +
+        '<button id="mate-db-refresh-btn" class="scheduler-close-btn" type="button" title="Refresh tables"><i data-lucide="refresh-cw"></i></button>' +
+        '<button id="mate-db-back-btn" class="scheduler-close-btn" type="button" title="Close"><i data-lucide="x"></i></button>' +
+      '</div>' +
+    '</div>' +
+    '<div class="mate-db-status" id="mate-db-status"></div>' +
+    '<div class="mate-db-layout">' +
+      '<div class="mate-db-table-column">' +
+        '<div class="mate-db-section-title">Objects</div>' +
+        '<div id="mate-db-table-list" class="mate-db-table-list"></div>' +
+      '</div>' +
+      '<div class="mate-db-detail">' +
+        '<div class="mate-db-section-title" id="mate-db-table-name">No table selected</div>' +
+        '<pre id="mate-db-table-schema" class="mate-db-table-schema"></pre>' +
+        '<div class="mate-db-section-title">Rows</div>' +
+        '<pre id="mate-db-result" class="mate-db-result"></pre>' +
+      '</div>' +
+    '</div>';
+
+  mainColumnEl.appendChild(panelEl);
+  tableListEl = document.getElementById("mate-db-table-list");
+  tableNameEl = document.getElementById("mate-db-table-name");
+  tableSchemaEl = document.getElementById("mate-db-table-schema");
+  resultEl = document.getElementById("mate-db-result");
+  statusEl = document.getElementById("mate-db-status");
+
+  var refreshBtn = document.getElementById("mate-db-refresh-btn");
+  var backBtn = document.getElementById("mate-db-back-btn");
+
+  if (refreshBtn) {
+    refreshBtn.addEventListener("click", function () {
+      requestTables();
+    });
+  }
+
+  if (backBtn) {
+    backBtn.addEventListener("click", function () {
+      setSectionVisibility(false);
+    });
+  }
+
+  refreshIcons();
+}
+
+function setSectionVisibility(open) {
+  ensurePanel();
+  panelOpen = open;
+  if (panelEl) panelEl.classList.toggle("hidden", !open);
+  if (mainColumnEl) mainColumnEl.classList.toggle("mate-datastore-open", open);
+  if (dataBtnEl) dataBtnEl.classList.toggle("active", open);
+  refreshIcons();
+}
+
+function requestTables() {
+  sendWs({ type: "mate_db_tables" });
+}
+
+function renderStatus(text, kind) {
+  if (!statusEl) return;
+  statusEl.textContent = text || "";
+  statusEl.dataset.kind = kind || "";
+}
+
+function renderResult(payload) {
+  if (!resultEl) return;
+  resultEl.textContent = JSON.stringify(payload, null, 2);
+}
+
+function formatColumns(columns) {
+  var list = Array.isArray(columns) ? columns : [];
+  if (!list.length) return "No column information available.";
+  var lines = [];
+  for (var i = 0; i < list.length; i++) {
+    var col = list[i] || {};
+    var line = (col.name || "?") + " " + (col.type || "");
+    if (col.pk) line += " PRIMARY KEY";
+    if (col.notnull) line += " NOT NULL";
+    if (typeof col.dflt_value !== "undefined" && col.dflt_value !== null) line += " DEFAULT " + col.dflt_value;
+    lines.push(line.trim());
+  }
+  return lines.join("\n");
+}
+
+function renderTableList(objects) {
+  currentTables = objects || [];
+  if (!tableListEl) return;
+  tableListEl.innerHTML = "";
+
+  if (!currentTables.length) {
+    var empty = document.createElement("div");
+    empty.className = "mate-db-empty";
+    empty.textContent = "No tables or views found.";
+    tableListEl.appendChild(empty);
+    return;
+  }
+
+  for (var i = 0; i < currentTables.length; i++) {
+    (function (obj) {
+      var row = document.createElement("button");
+      row.type = "button";
+      row.className = "mate-db-table-item" + (currentTable === obj.name ? " active" : "");
+      var label = obj.type || "object";
+      row.innerHTML = '<span class="mate-db-table-item-name">' + escapeHtml(obj.name) + '</span>' +
+        '<span class="mate-db-table-item-type">' + escapeHtml(label) + '</span>';
+      row.addEventListener("click", function () {
+        selectTable(obj.name);
+      });
+      tableListEl.appendChild(row);
+    })(currentTables[i]);
+  }
+}
+
+function findFirstDescribableObject(objects) {
+  var list = objects || [];
+  for (var i = 0; i < list.length; i++) {
+    if (list[i] && (list[i].type === "table" || list[i].type === "view")) return list[i];
+  }
+  return null;
+}
+
+function findObjectByName(name) {
+  for (var i = 0; i < currentTables.length; i++) {
+    if (currentTables[i] && currentTables[i].name === name) return currentTables[i];
+  }
+  return null;
+}
+
+function selectTable(tableName) {
+  currentTable = tableName;
+  renderTableList(currentTables);
+  var obj = findObjectByName(tableName);
+  if (!obj) return;
+  if (obj.type !== "table" && obj.type !== "view") {
+    renderStatus("Selected " + (obj.type || "object") + " " + tableName + ".", "ok");
+    if (tableNameEl) tableNameEl.textContent = tableName;
+    if (tableSchemaEl) tableSchemaEl.textContent = (obj.type || "object") + ": " + tableName;
+    renderResult(obj);
+    return;
+  }
+  renderStatus("Loading " + tableName + "...", "info");
+  sendWs({ type: "mate_db_describe", table: tableName });
+  sendWs({ type: "mate_db_query", sql: "SELECT * FROM " + quoteIdentifier(tableName) + " LIMIT 100", params: [] });
+}
+
+export function initMateDatastoreUI(getWsFn) {
+  wsGetter = getWsFn;
+  dataBtnEl = document.getElementById("mate-data-btn");
+  if (!dataBtnEl) return;
+
+  dataBtnEl.addEventListener("click", function () {
+    if (panelOpen) {
+      setSectionVisibility(false);
+    } else {
+      setSectionVisibility(true);
+      requestTables();
+    }
+  });
+
+  document.addEventListener("click", function (e) {
+    var btn = e.target && e.target.closest ? e.target.closest("#scheduler-btn, #mate-scheduler-btn") : null;
+    if (!btn || !panelOpen || routingToScheduler) return;
+    e.preventDefault();
+    e.stopPropagation();
+    if (typeof e.stopImmediatePropagation === "function") e.stopImmediatePropagation();
+    routingToScheduler = true;
+    setSectionVisibility(false);
+    setTimeout(function () {
+      var schedulerBtn = document.getElementById("scheduler-btn");
+      if (schedulerBtn) schedulerBtn.click();
+      routingToScheduler = false;
+    }, 0);
+  }, true);
+
+  setSectionVisibility(false);
+}
+
+export function showMateDatastorePanel() {
+  setSectionVisibility(true);
+  requestTables();
+}
+
+export function hideMateDatastorePanel() {
+  setSectionVisibility(false);
+}
+
+export function handleMateDatastoreTablesResult(msg) {
+  if (msg.ok === false) {
+    renderStatus(msg.message || "Failed to load datastore tables.", "error");
+    renderResult(msg);
+    return;
+  }
+  renderStatus(msg.warning || "Datastore tables loaded.", msg.warning ? "warn" : "ok");
+  renderTableList(msg.objects || []);
+  if (msg.objects && msg.objects.length > 0) {
+    var found = false;
+    for (var i = 0; i < msg.objects.length; i++) {
+      if (msg.objects[i].name === currentTable) {
+        found = true;
+        break;
+      }
+    }
+    if (!found) {
+      var firstObject = findFirstDescribableObject(msg.objects);
+      if (firstObject) selectTable(firstObject.name);
+    }
+  }
+  renderResult(msg.objects || []);
+}
+
+export function handleMateDatastoreDescribeResult(msg) {
+  if (msg.ok === false) {
+    renderStatus(msg.message || "Failed to describe table.", "error");
+    renderResult(msg);
+    return;
+  }
+  renderStatus(msg.warning || ("Described " + (msg.table || "table") + "."), msg.warning ? "warn" : "ok");
+  if (tableNameEl) tableNameEl.textContent = msg.table || "Table";
+  if (tableSchemaEl) tableSchemaEl.textContent = formatColumns(msg.columns);
+}
+
+export function handleMateDatastoreQueryResult(msg) {
+  if (msg.ok === false) {
+    renderStatus(msg.message || "Query failed.", "error");
+    renderResult(msg);
+    return;
+  }
+  var status = "Showing " + (msg.rows ? msg.rows.length : 0) + " row(s).";
+  if (msg.truncated) status = status.replace(".", " (truncated).");
+  renderStatus(msg.warning || status, msg.warning ? "warn" : "ok");
+  renderResult(msg.rows || []);
+}
+
+export function handleMateDatastoreError(msg) {
+  renderStatus(msg.message || "Mate datastore error.", "error");
+  renderResult(msg);
+}
+
+export function handleMateDatastoreChange(msg) {
+  renderStatus("Datastore changed.", "info");
+  if (panelOpen) requestTables();
+}

package/lib/public/modules/mate-sidebar.js

@@ -3,6 +3,7 @@ import { escapeHtml } from './utils.js';
 import { iconHtml, refreshIcons } from './icons.js';
 import { store } from './store.js';
 import { hideKnowledge } from './mate-knowledge.js';
+import { hideMateDatastorePanel } from './mate-datastore-ui.js';
 import { isSchedulerOpen, closeScheduler } from './scheduler.js';
 import { hideNotes } from './sticky-notes.js';
 import { openSearch as openSessionSearch } from './session-search.js';
@@ -134,6 +135,7 @@ export function initMateSidebar(wsGetter) {
 }
 
 export function showMateSidebar(mateId, mateData) {
+  if (hideMateDatastorePanel) hideMateDatastorePanel();
   currentMateId = mateId;
   currentMate = mateData;
   cachedSessions = [];
@@ -223,15 +225,6 @@ export function showMateSidebar(mateId, mateData) {
     if (sd.communicationStyle && sd.communicationStyle.length > 0) {
       seedTooltip.appendChild(makeSeedTags("Style", sd.communicationStyle.map(function (s) { return s.replace(/_/g, " "); })));
     }
-    if (sd.autonomy) {
-      var autonomyLabels = {
-        always_ask: "Ask me everything",
-        minor_stuff_ok: "Small stuff is fine",
-        mostly_autonomous: "Mostly free",
-        fully_autonomous: "Full freedom",
-      };
-      seedTooltip.appendChild(makeSeedRow("Autonomy", autonomyLabels[sd.autonomy] || sd.autonomy.replace(/_/g, " ")));
-    }
   }
 
   // Clear session list
@@ -366,6 +359,7 @@ export function getMateSessions() {
 }
 
 export function hideMateSidebar() {
+  if (hideMateDatastorePanel) hideMateDatastorePanel();
   currentMateId = null;
   currentMate = null;
   cachedSessions = [];

package/lib/public/modules/mate-wizard.js

@@ -6,7 +6,7 @@ var mateWizardData = {
   relationship: null,
   activity: [],
   communicationStyle: [],
-  autonomy: "minor_stuff_ok",
+  vendor: "claude",
 };
 
 var _sendWs = null;
@@ -85,19 +85,19 @@ export function initMateWizard(sendWs, onMateCreated) {
     })(styleCards[i]);
   }
 
-  // Step 4: Autonomy button clicks
-  var autonomyBtns = document.querySelectorAll("#mate-wizard .mate-autonomy-btn");
-  for (var i = 0; i < autonomyBtns.length; i++) {
+  // Step 4: Vendor button clicks
+  var vendorBtns = document.querySelectorAll("#mate-wizard .mate-vendor-option-btn");
+  for (var i = 0; i < vendorBtns.length; i++) {
     (function (btn) {
       btn.addEventListener("click", function () {
-        var allBtns = document.querySelectorAll("#mate-wizard .mate-autonomy-btn");
+        var allBtns = document.querySelectorAll("#mate-wizard .mate-vendor-option-btn");
         for (var j = 0; j < allBtns.length; j++) {
           allBtns[j].classList.remove("active");
         }
         btn.classList.add("active");
-        mateWizardData.autonomy = btn.dataset.value;
+        mateWizardData.vendor = btn.dataset.value;
       });
-    })(autonomyBtns[i]);
+    })(vendorBtns[i]);
   }
 }
 
@@ -107,7 +107,7 @@ export function openMateWizard() {
     relationship: null,
     activity: [],
     communicationStyle: [],
-    autonomy: "minor_stuff_ok",
+    vendor: "claude",
   };
 
   // Reset UI
@@ -136,12 +136,12 @@ export function openMateWizard() {
     styleCards[i].classList.remove("selected");
   }
 
-  // Reset autonomy
-  var autonomyBtns = el.querySelectorAll(".mate-autonomy-btn");
-  for (var i = 0; i < autonomyBtns.length; i++) {
-    autonomyBtns[i].classList.remove("active");
-    if (autonomyBtns[i].dataset.value === "minor_stuff_ok") {
-      autonomyBtns[i].classList.add("active");
+  // Reset vendor
+  var vendorBtns = el.querySelectorAll(".mate-vendor-option-btn");
+  for (var i = 0; i < vendorBtns.length; i++) {
+    vendorBtns[i].classList.remove("active");
+    if (vendorBtns[i].dataset.value === "claude") {
+      vendorBtns[i].classList.add("active");
     }
   }
 
@@ -220,7 +220,7 @@ function collectMateWizardData() {
     mateWizardData.communicationStyle.push(selectedStyles[i].dataset.value);
   }
 
-  // Autonomy (already set via button clicks)
+  // Vendor (already set via button clicks)
 }
 
 function mateWizardNext() {

package/lib/public/modules/sidebar-mobile.js

@@ -11,7 +11,8 @@ import { getMateSessions } from './mate-sidebar.js';
 import { openProjectSettings } from './project-settings.js';
 import {
   getCachedSessions,
-  getDateGroup
+  getDateGroup,
+  openResumePicker
 } from './sidebar-sessions.js';
 import {
   getCachedProjectList,
@@ -389,12 +390,6 @@ function createMobileSessionItem(s) {
 
   var titleSpan = document.createElement("span");
   titleSpan.className = "mobile-session-title";
-  if (s.bookmarked) {
-    var bookmarkIcon = document.createElement("span");
-    bookmarkIcon.className = "mobile-session-bookmark";
-    bookmarkIcon.innerHTML = iconHtml("star");
-    titleSpan.appendChild(bookmarkIcon);
-  }
   titleSpan.appendChild(document.createTextNode(s.title || "New Session"));
   el.appendChild(titleSpan);
 
@@ -720,8 +715,7 @@ function renderMobileSessionsInto(container) {
   importBtn.innerHTML = '<i data-lucide="import" style="width:16px;height:16px"></i> Import session';
   importBtn.addEventListener("click", function () {
     closeMobileSheet();
-    var targetBtn = document.getElementById("resume-session-btn");
-    if (targetBtn) setTimeout(function () { targetBtn.click(); }, 250);
+    setTimeout(function () { openResumePicker(); }, 250);
   });
   container.appendChild(importBtn);
 
@@ -784,7 +778,7 @@ function renderMobileSessionsInto(container) {
   if (bookmarkedItems.length > 0) {
     var bookmarkedHeader = document.createElement("div");
     bookmarkedHeader.className = "mobile-sheet-group";
-    bookmarkedHeader.textContent = "Bookmarked";
+    bookmarkedHeader.textContent = "Favorites";
     container.appendChild(bookmarkedHeader);
 
     for (var bi = 0; bi < bookmarkedItems.length; bi++) {
@@ -798,10 +792,12 @@ function renderMobileSessionsInto(container) {
     var group = getDateGroup(item.lastActivity || 0);
     if (group !== currentGroup) {
       currentGroup = group;
-      var header = document.createElement("div");
-      header.className = "mobile-sheet-group";
-      header.textContent = group;
-      container.appendChild(header);
+      if (group !== "Today") {
+        var header = document.createElement("div");
+        header.className = "mobile-sheet-group";
+        header.textContent = group;
+        container.appendChild(header);
+      }
     }
     if (item.type === "loop") {
       container.appendChild(createMobileLoopGroup(item.loopId, item.children, item.groupKey));
@@ -977,12 +973,6 @@ function renderSearchResults(container, query) {
 
     var titleSpan = document.createElement("span");
     titleSpan.className = "mobile-session-title";
-    if (s.bookmarked) {
-      var bookmarkIcon = document.createElement("span");
-      bookmarkIcon.className = "mobile-session-bookmark";
-      bookmarkIcon.innerHTML = iconHtml("star");
-      titleSpan.appendChild(bookmarkIcon);
-    }
     titleSpan.appendChild(document.createTextNode(title));
     el.appendChild(titleSpan);