clay-server 3.0.0 → 3.1.0-beta.2

package/lib/public/modules/sticky-notes.js

@@ -1,4 +1,6 @@
 import { refreshIcons, iconHtml } from './icons.js';
+import { VENDOR_AVATARS } from './app-rendering.js';
+import { extractMarkdown, getTitle, renderMiniMarkdown } from './sticky-note-markdown.js';
 
 var ctx;
 var notes = new Map();  // id -> { data, el }
@@ -135,106 +137,11 @@ function debouncedTextUpdate(id, text) {
   }, 500);
 }
 
-// --- Simple markdown ---
-
-function getTitle(text) {
-  if (!text) return "";
-  var idx = text.indexOf("\n");
-  return idx === -1 ? text : text.substring(0, idx);
-}
-
-function renderMiniMarkdown(text) {
-  if (!text) return "";
-  var lines = text.split("\n");
-  var title = lines[0];
-  var body = lines.slice(1).join("\n");
-
-  function fmt(s) {
-    var escaped = s
-      .replace(/&/g, "&")
-      .replace(/</g, "&lt;")
-      .replace(/>/g, "&gt;");
-    return escaped
-      .replace(/(https?:\/\/[^\s<]+)/g, '<a href="$1" target="_blank" rel="noopener">$1</a>')
-      .replace(/\*\*(.+?)\*\*/g, "<strong>$1</strong>")
-      .replace(/(?<!\*)\*(?!\*)(.+?)(?<!\*)\*(?!\*)/g, "<em>$1</em>")
-      .replace(/`([^`]+)`/g, "<code>$1</code>")
-      .replace(/~~(.+?)~~/g, "<del>$1</del>")
-      .replace(/^- \[x\]/gm, '<span class="sn-check checked">✓</span>')
-      .replace(/^- \[ \]/gm, '<span class="sn-check">☐</span>')
-      .replace(/\n/g, "<br>");
-  }
-
-  var html = '<div class="sn-title">' + fmt(title) + '</div>';
-  if (body.trim()) {
-    html += fmt(body);
-  }
-  return html;
-}
-
 function syncTitle(noteEl, text) {
   var spacer = noteEl.querySelector(".sticky-note-spacer");
   if (spacer) spacer.textContent = getTitle(text) || "Untitled";
 }
 
-// --- HTML-to-Markdown reverse conversion (for contenteditable) ---
-
-function nodeToMd(node) {
-  if (node.nodeType === 3) return node.textContent;
-  if (node.nodeType !== 1) return "";
-
-  var tag = node.tagName;
-  var inner = childrenToMd(node);
-
-  switch (tag) {
-    case "STRONG": case "B": return "**" + inner + "**";
-    case "EM": case "I": return "*" + inner + "*";
-    case "DEL": case "S": case "STRIKE": return "~~" + inner + "~~";
-    case "CODE": return "`" + inner + "`";
-    case "BR": return "\n";
-    case "DIV":
-      if (node.classList.contains("sn-title")) return inner;
-      if (node.classList.contains("sn-placeholder")) return "";
-      // Browser-generated div from Enter key = new line
-      return "\n" + inner;
-    case "P": return "\n" + inner;
-    case "A": return node.getAttribute("href") || inner;
-    case "SPAN":
-      if (node.classList.contains("sn-check")) {
-        return node.classList.contains("checked") ? "- [x]" : "- [ ]";
-      }
-      if (node.classList.contains("sn-placeholder")) return "";
-      return inner;
-    default: return inner;
-  }
-}
-
-function childrenToMd(el) {
-  var result = "";
-  for (var i = 0; i < el.childNodes.length; i++) {
-    result += nodeToMd(el.childNodes[i]);
-  }
-  return result;
-}
-
-function extractMdFromRendered(rendered) {
-  var titleEl = rendered.querySelector(".sn-title");
-  if (titleEl) {
-    var titleMd = childrenToMd(titleEl);
-    var rest = "";
-    var afterTitle = false;
-    for (var i = 0; i < rendered.childNodes.length; i++) {
-      var child = rendered.childNodes[i];
-      if (child === titleEl) { afterTitle = true; continue; }
-      if (afterTitle) rest += nodeToMd(child);
-    }
-    if (rest && rest.charAt(0) === "\n") rest = rest.substring(1);
-    return titleMd + (rest ? "\n" + rest : "");
-  }
-  var md = childrenToMd(rendered);
-  return md.replace(/^\n+/, "");
-}
-
 // --- Note rendering ---
 
 function renderNote(data) {
@@ -256,6 +163,15 @@ function renderNote(data) {
   var header = document.createElement("div");
   header.className = "sticky-note-header";
 
+  if (data.origin && VENDOR_AVATARS[data.origin.vendor]) {
+    var originBadge = document.createElement("img");
+    originBadge.className = "sticky-note-agent-badge";
+    originBadge.src = VENDOR_AVATARS[data.origin.vendor];
+    originBadge.alt = "";
+    originBadge.title = "Created by " + data.origin.vendor;
+    header.appendChild(originBadge);
+  }
+
   var closeBtn = document.createElement("button");
   closeBtn.className = "sticky-note-btn sticky-note-close";
   closeBtn.title = "Close";
@@ -603,13 +519,29 @@ function setupTextEdit(textarea, rendered, noteId, mdBtn) {
   var noteEl = textarea.closest(".sticky-note");
   var mdMode = false;
 
+  function saveRenderedMarkdown() {
+    var markdown = extractMarkdown(rendered);
+    textarea.value = markdown;
+    debouncedTextUpdate(noteId, markdown);
+    syncTitle(noteEl, markdown);
+    rendered.classList.toggle("is-empty", !markdown.trim());
+  }
+
+  function toggleChecklistItem(check) {
+    var checked = !check.classList.contains("checked");
+    check.classList.toggle("checked", checked);
+    check.textContent = checked ? "✓" : "☐";
+    check.setAttribute("aria-checked", checked ? "true" : "false");
+    saveRenderedMarkdown();
+  }
+
   // MD button: toggle between contenteditable rendered view and raw textarea
   mdBtn.addEventListener("click", function (e) {
     e.stopPropagation();
     mdMode = !mdMode;
     if (mdMode) {
       // Switch to raw markdown editing
-      var md = extractMdFromRendered(rendered);
+      var md = extractMarkdown(rendered);
       textarea.value = md;
       textarea.style.display = "";
       rendered.style.display = "none";
@@ -636,11 +568,15 @@ function setupTextEdit(textarea, rendered, noteId, mdBtn) {
 
   // Sync contenteditable changes to textarea (data store) and save
   rendered.addEventListener("input", function () {
-    var md = extractMdFromRendered(rendered);
-    textarea.value = md;
-    debouncedTextUpdate(noteId, md);
-    syncTitle(noteEl, md);
-    rendered.classList.toggle("is-empty", !md.trim());
+    saveRenderedMarkdown();
+  });
+
+  rendered.addEventListener("click", function (e) {
+    var check = e.target.closest && e.target.closest(".sn-check");
+    if (!check || !rendered.contains(check)) return;
+    e.preventDefault();
+    e.stopPropagation();
+    toggleChecklistItem(check);
   });
 
   // On blur, re-render to normalize HTML structure
@@ -648,7 +584,7 @@ function setupTextEdit(textarea, rendered, noteId, mdBtn) {
     // Don't re-render if clicking format toolbar (it prevents default, but just in case)
     if (e.relatedTarget && e.relatedTarget.closest && e.relatedTarget.closest(".sn-format-toolbar")) return;
     closeFormatToolbar();
-    var md = extractMdFromRendered(rendered);
+    var md = extractMarkdown(rendered);
     textarea.value = md;
     if (md.trim()) {
       rendered.innerHTML = renderMiniMarkdown(md);
@@ -686,6 +622,12 @@ function setupTextEdit(textarea, rendered, noteId, mdBtn) {
 
   // Insert <br> on Enter instead of <div>
   rendered.addEventListener("keydown", function (e) {
+    if (e.target.classList && e.target.classList.contains("sn-check") &&
+        (e.key === "Enter" || e.key === " ")) {
+      e.preventDefault();
+      toggleChecklistItem(e.target);
+      return;
+    }
     if (e.key === "Enter" && !e.shiftKey) {
       e.preventDefault();
       document.execCommand("insertLineBreak");
@@ -916,6 +858,17 @@ export function handleNoteUpdated(msg) {
   if (archiveOpen) renderArchiveCards();
 }
 
+export function handleNoteWritten(msg) {
+  var entry = notes.get(msg.id);
+  if (!entry) return;
+  entry.el.classList.remove("sticky-note-attention");
+  void entry.el.offsetWidth;
+  entry.el.classList.add("sticky-note-attention");
+  setTimeout(function () {
+    entry.el.classList.remove("sticky-note-attention");
+  }, 2100);
+}
+
 export function handleNoteDeleted(msg) {
   var entry = notes.get(msg.id);
   if (!entry) return;
@@ -958,7 +911,7 @@ function renderArchiveCards() {
   if (notes.size === 0) {
     var empty = document.createElement("div");
     empty.className = "notes-archive-empty";
-    empty.innerHTML = iconHtml("sticky-note") + "<p>No sticky notes yet</p><p class=\"notes-archive-empty-sub\">Create one with the " + iconHtml("sticky-note") + " button in the title bar</p>";
+    empty.innerHTML = iconHtml("sticky-note") + "<p>Keep what matters across sessions</p><p class=\"notes-archive-empty-sub\">Use sticky notes for checklists, goals, handoffs, and durable project knowledge. You and every Clay agent can find them in future sessions.</p><p class=\"notes-archive-empty-sub\">Create one with the " + iconHtml("sticky-note") + " button in the title bar</p>";
     grid.appendChild(empty);
     refreshIcons();
     return;

package/lib/sdk-bridge.js

@@ -136,7 +136,7 @@ function createSDKBridge(opts) {
       "--port", String(clayPort),
       "--slug", slug,
       "--session", String(session.localId),
-      "--pair-only",
+      "--session-only",
     ];
     if (clayTls) bridgeArgs.push("--tls");
     var env = [];
@@ -553,6 +553,30 @@ function createSDKBridge(opts) {
       return { behavior: "allow", updatedInput: input };
     }
 
+    // Auto-approve split-pair partner tools. The pair itself is
+    // user-constructed (the user created the split and its roles and
+    // watches both panes live), the target is structurally confined to the
+    // split partner, and a prompt on every delegation hop defeats the
+    // driver/worker workflow. spawn_sessions is NOT here: it creates new
+    // sessions and keeps its prompt.
+    var pairPartnerTools = { send_to_partner: true, read_partner: true };
+    if (toolName.indexOf("mcp__clay-sessions__") === 0) {
+      var sessionsToolName = toolName.substring(toolName.lastIndexOf("__") + 2);
+      if (pairPartnerTools[sessionsToolName]) {
+        return { behavior: "allow", updatedInput: input };
+      }
+    }
+
+    // Sticky-note reads and writes are immediately visible on the shared
+    // board. Deletion stays outside the whitelist and therefore prompts;
+    // its session ownership is enforced again inside the server handler.
+    var notesToolName = toolName.substring(toolName.lastIndexOf("__") + 2);
+    var isClayNotesTool = toolName.indexOf("mcp__clay-notes__") === 0
+      || toolName.indexOf("clay-notes__") !== -1;
+    if (isClayNotesTool && (notesToolName === "list_notes" || notesToolName === "write_note")) {
+      return { behavior: "allow", updatedInput: input };
+    }
+
     // Auto-approve read-only email MCP tools.
     // These only read data from accounts the user explicitly checked.
     // Write operations (send, reply, mark_read) still require permission.

package/lib/session-notes-mcp-server.js

@@ -0,0 +1,39 @@
+// Sticky-note memory tools for project sessions.
+
+var buildShape = require("./session-spawn-mcp-server").buildShape;
+
+var MEMORY_CONTRACT = "Shared project memory that persists across sessions and is visible to the user and other Clay agents. People may use the board freely. As a Clay agent, use notes specifically for actionable or durable work memory: checklists and to-do lists, work goals, handoffs, unfinished work, durable decisions and constraints, and knowledge that should still be available after the current session ends. Every note starts with a concise plain-text title on the first line. Add a detailed body whenever another worker would otherwise need to reconstruct the context. Keep one coherent topic per note, update an existing note instead of adding a near-duplicate, and delete notes that stop being true. Do not use notes as a transcript, a routine progress log, or an announcement of your own activity.";
+
+function getToolDefs(handlers) {
+  return [
+    {
+      name: "list_notes",
+      description: MEMORY_CONTRACT + " List the active notes before writing when you need to avoid duplicates or inspect full memory beyond the injected summary.",
+      inputSchema: buildShape({}),
+      handler: function (args) { return handlers.list(args || {}); },
+    },
+    {
+      name: "write_note",
+      description: MEMORY_CONTRACT + " Create a new note, or update an existing note by id. Long task and handoff notes are allowed, with a generous 20000-character abuse guard.",
+      inputSchema: buildShape({
+        id: { type: "string", description: "Existing note id to update. Omit to create a note." },
+        text: { type: "string", description: "Sticky-note text. Put the title on the first line, followed by the detailed handoff body. The board permits up to 20000 characters." },
+        color: { type: "string", enum: ["yellow", "blue", "green", "pink", "orange", "purple"], description: "Optional sticky-note color." },
+      }, ["text"]),
+      handler: function (args) { return handlers.write(args || {}); },
+    },
+    {
+      name: "remove_note",
+      description: MEMORY_CONTRACT + " Remove a note created by this same session when it is no longer true. Notes created by users or other sessions cannot be removed.",
+      inputSchema: buildShape({
+        id: { type: "string", description: "Id of the note to remove." },
+      }, ["id"]),
+      handler: function (args) { return handlers.remove(args || {}); },
+    },
+  ];
+}
+
+module.exports = {
+  MEMORY_CONTRACT: MEMORY_CONTRACT,
+  getToolDefs: getToolDefs,
+};

package/lib/ws-schema.js

@@ -355,6 +355,7 @@ var schema = {
   // -----------------------------------------------------------------------
   "note_create":              { direction: "c2s", handler: "lib/project-user-message.js", description: "Create a new sticky note" },
   "note_created":             { direction: "s2c", handler: "lib/public/modules/app-messages.js", description: "Sticky note was created" },
+  "note_written":             { direction: "s2c", handler: "lib/public/modules/app-messages.js", description: "Agent created or updated a sticky note" },
   "note_update":              { direction: "c2s", handler: "lib/project-user-message.js", description: "Update a sticky note" },
   "note_updated":             { direction: "s2c", handler: "lib/public/modules/app-messages.js", description: "Sticky note was updated" },
   "note_delete":              { direction: "c2s", handler: "lib/project-user-message.js", description: "Delete a sticky note" },

package/lib/yoke/adapters/codex.js

@@ -97,6 +97,18 @@ function normalizePlanStatus(status) {
   return "pending";
 }
 
+function dynamicInputSchema(inputSchema) {
+  if (inputSchema && typeof inputSchema.type === "string") return inputSchema;
+  try {
+    var zod = require("zod");
+    if (zod.toJSONSchema && inputSchema) {
+      var schema = inputSchema.safeParse ? inputSchema : zod.object(inputSchema);
+      return zod.toJSONSchema(schema);
+    }
+  } catch (e) {}
+  return { type: "object", properties: {} };
+}
+
 // Detect Codex "not logged in" errors. Codex surfaces auth failures several
 // ways depending on transport: a clean error event with
 // codexErrorInfo:"unauthorized", or a turn/failed / item error whose message
@@ -813,15 +825,39 @@ function createCodexQueryHandle(appServer, queryOpts) {
         });
         return;
       }
-      Promise.resolve(callDynamicTool(dynamicParams.tool, dynamicParams.arguments || {})).then(function (result) {
-        var content = result && Array.isArray(result.content) ? result.content : [];
-        var contentItems = content.map(function (item) {
-          return { type: "inputText", text: item && item.text ? item.text : JSON.stringify(item) };
+      function executeDynamicTool() {
+        return Promise.resolve(callDynamicTool(dynamicParams.tool, dynamicParams.arguments || {})).then(function (result) {
+          var content = result && Array.isArray(result.content) ? result.content : [];
+          var contentItems = content.map(function (item) {
+            return { type: "inputText", text: item && item.text ? item.text : JSON.stringify(item) };
+          });
+          if (contentItems.length === 0) {
+            contentItems.push({ type: "inputText", text: typeof result === "string" ? result : JSON.stringify(result) });
+          }
+          appServer.respond(msg.id, { contentItems: contentItems, success: !(result && result.isError) });
         });
-        if (contentItems.length === 0) {
-          contentItems.push({ type: "inputText", text: typeof result === "string" ? result : JSON.stringify(result) });
+      }
+      var permissionToolName = dynamicParams.tool;
+      if (permissionToolName === "list_notes" || permissionToolName === "write_note" || permissionToolName === "remove_note") {
+        permissionToolName = "mcp__clay-notes__" + permissionToolName;
+      } else if (permissionToolName === "send_to_partner" || permissionToolName === "read_partner") {
+        permissionToolName = "mcp__clay-sessions__" + permissionToolName;
+      }
+      var permission = canUseTool
+        ? Promise.resolve(canUseTool(permissionToolName, dynamicParams.arguments || {}, {
+          toolUseID: dynamicParams.callId || String(msg.id),
+          signal: abortController ? abortController.signal : null,
+        }))
+        : Promise.resolve({ behavior: "allow" });
+      permission.then(function (decision) {
+        if (!isApproved(decision)) {
+          appServer.respond(msg.id, {
+            contentItems: [{ type: "inputText", text: "Tool use was not approved" }],
+            success: false,
+          });
+          return;
         }
-        appServer.respond(msg.id, { contentItems: contentItems, success: !(result && result.isError) });
+        return executeDynamicTool();
       }).catch(function (err) {
         appServer.respond(msg.id, {
           contentItems: [{ type: "inputText", text: "Error: " + (err.message || String(err)) }],
@@ -963,7 +999,7 @@ function createCodexQueryHandle(appServer, queryOpts) {
             type: "function",
             name: tool.name,
             description: tool.description || tool.name,
-            inputSchema: tool.inputSchema || { type: "object", properties: {} },
+            inputSchema: dynamicInputSchema(tool.inputSchema),
           };
         });
       }

package/lib/yoke/mcp-bridge-server.js

@@ -6,7 +6,7 @@
 // list/call requests to Clay's project-scoped HTTP endpoint
 // (/p/{slug}/api/mcp-bridge) when a slug is provided.
 //
-// Usage: node mcp-bridge-server.js --port 2633 --slug my-project [--session 42] [--pair-only]
+// Usage: node mcp-bridge-server.js --port 2633 --slug my-project [--session 42] [--session-only]
 //
 // Lifecycle:
 //   1. The vendor CLI spawns this process
@@ -25,7 +25,7 @@ var clayPort = 2633;
 var claySlug = "";
 var clayTls = false;
 var claySessionId = null;
-var pairOnly = false;
+var sessionOnly = false;
 
 for (var i = 0; i < args.length; i++) {
   if (args[i] === "--port" && args[i + 1]) {
@@ -40,8 +40,8 @@ for (var i = 0; i < args.length; i++) {
     i++;
   } else if (args[i] === "--tls") {
     clayTls = true;
-  } else if (args[i] === "--pair-only") {
-    pairOnly = true;
+  } else if (args[i] === "--session-only") {
+    sessionOnly = true;
   }
 }
 
@@ -119,7 +119,7 @@ function postJson(urlPath, body) {
 
 // --- Fetch tools from Clay ---
 function fetchTools() {
-  return postJson(CLAY_MCP_PATH, { action: "list_tools", sessionId: claySessionId, pairOnly: pairOnly }).then(function (resp) {
+  return postJson(CLAY_MCP_PATH, { action: "list_tools", sessionId: claySessionId, sessionOnly: sessionOnly }).then(function (resp) {
     if (resp.error) {
       log("Failed to fetch tools: " + resp.error);
       return [];
@@ -146,7 +146,7 @@ function callTool(serverName, toolName, args) {
     tool: toolName,
     args: args || {},
     sessionId: claySessionId,
-    pairOnly: pairOnly,
+    sessionOnly: sessionOnly,
   });
 }
 
@@ -308,4 +308,4 @@ process.stdin.on("error", function () {
 process.on("SIGTERM", function () { process.exit(0); });
 process.on("SIGINT", function () { process.exit(0); });
 
-log("Started: port=" + clayPort + " slug=" + claySlug + " session=" + (claySessionId === null ? "none" : claySessionId) + " pairOnly=" + pairOnly);
+log("Started: port=" + clayPort + " slug=" + claySlug + " session=" + (claySessionId === null ? "none" : claySessionId) + " sessionOnly=" + sessionOnly);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "clay-server",
-  "version": "3.0.0",
+  "version": "3.1.0-beta.2",
   "description": "Self-hosted team workspace for Claude Code and Codex. Multi-user, browser-based, with persistent AI mates.",
   "bin": {
     "clay-server": "./bin/cli.js",

package/lib/public/modules/branch-switcher.js

@@ -1,178 +0,0 @@
-// Title-bar branch switcher for a project and its worktrees.
-
-import { store } from './store.js';
-import { iconHtml, refreshIcons } from './icons.js';
-import { escapeHtml } from './utils.js';
-import { familyOf } from './worktree-family.js';
-import { switchProject, confirmRemoveProject } from './app-projects.js';
-import { showWorktreeModal } from './sidebar-projects.js';
-
-var chip = null;
-var label = null;
-var menu = null;
-var menuOpen = false;
-var defaultBranches = {};
-// slug -> true/false once /api/branches answers; undefined while unknown.
-// Non-git projects hide the chip (no worktrees to manage there).
-var gitRepoBySlug = {};
-
-function projectName(project) {
-  return project ? (project.title || project.project || project.name || project.slug) : "";
-}
-
-function currentProject(projects) {
-  var slug = store.get('currentSlug');
-  for (var i = 0; i < projects.length; i++) {
-    if (projects[i].slug === slug) return projects[i];
-  }
-  return null;
-}
-
-function defaultBranch(parent) {
-  return defaultBranches[parent.slug] || "default";
-}
-
-function requestDefaultBranch(parent) {
-  if (!parent || Object.prototype.hasOwnProperty.call(defaultBranches, parent.slug)) return;
-  defaultBranches[parent.slug] = null;
-  fetch("/p/" + encodeURIComponent(parent.slug) + "/api/branches")
-    .then(function (response) { return response.json(); })
-    .then(function (data) {
-      defaultBranches[parent.slug] = data.defaultBranch || "default";
-      gitRepoBySlug[parent.slug] = data.isGitRepo !== false;
-      renderBranchSwitcher();
-    })
-    .catch(function () {
-      defaultBranches[parent.slug] = "default";
-      renderBranchSwitcher();
-    });
-}
-
-function closeMenu() {
-  menuOpen = false;
-  if (menu) menu.classList.add("hidden");
-  if (chip) {
-    chip.classList.remove("open");
-    chip.setAttribute("aria-expanded", "false");
-  }
-}
-
-function positionMenu() {
-  if (!chip || !menu || !menuOpen) return;
-  var rect = chip.getBoundingClientRect();
-  var left = Math.min(rect.left, window.innerWidth - menu.offsetWidth - 8);
-  var top = rect.bottom + 6;
-  if (top + menu.offsetHeight > window.innerHeight - 8) top = rect.top - menu.offsetHeight - 6;
-  menu.style.left = Math.max(8, left) + "px";
-  menu.style.top = Math.max(8, top) + "px";
-}
-
-function branchLabel(project, parent) {
-  return project.isWorktree ? (project.branch || projectName(project)) : defaultBranch(parent);
-}
-
-function appendProjectRow(container, project, parent, isCurrent) {
-  var row = document.createElement("div");
-  row.className = "branch-chip-row" + (isCurrent ? " current" : "");
-  var inaccessible = project.isWorktree && project.worktreeAccessible === false;
-  var main = document.createElement("button");
-  main.className = "branch-chip-row-main";
-  main.disabled = inaccessible;
-  if (inaccessible) main.title = "Outside project path";
-  main.innerHTML = iconHtml("git-branch") + '<span class="branch-chip-row-label">' +
-    escapeHtml(branchLabel(project, parent)) + "</span>";
-  if (project.isProcessing) {
-    var dot = document.createElement("span");
-    dot.className = "branch-chip-processing";
-    main.appendChild(dot);
-  }
-  if (project.pendingPermissions > 0) {
-    var badge = document.createElement("span");
-    badge.className = "branch-chip-pending";
-    badge.textContent = project.pendingPermissions > 99 ? "99+" : String(project.pendingPermissions);
-    main.appendChild(badge);
-  }
-  if (isCurrent) main.insertAdjacentHTML("beforeend", iconHtml("check"));
-  if (!inaccessible) {
-    main.addEventListener("click", function () { closeMenu(); switchProject(project.slug); });
-  }
-  row.appendChild(main);
-
-  if (project.isWorktree && (!store.get('permissions') || store.get('permissions').deleteProject !== false)) {
-    var remove = document.createElement("button");
-    remove.className = "branch-chip-row-action";
-    remove.title = "Remove worktree";
-    remove.innerHTML = iconHtml("trash-2");
-    remove.addEventListener("click", function (event) {
-      event.stopPropagation();
-      closeMenu();
-      confirmRemoveProject(project.slug, projectName(project));
-    });
-    row.appendChild(remove);
-  }
-  container.appendChild(row);
-}
-
-function renderMenu(family, current) {
-  menu.innerHTML = "";
-  if (family.parent) appendProjectRow(menu, family.parent, family.parent, current.slug === family.parent.slug);
-  for (var i = 0; i < family.worktrees.length; i++) {
-    appendProjectRow(menu, family.worktrees[i], family.parent || family.worktrees[i], current.slug === family.worktrees[i].slug);
-  }
-  if (family.parent) {
-    var footer = document.createElement("button");
-    footer.className = "branch-chip-new";
-    footer.innerHTML = iconHtml("plus") + " <span>New worktree...</span>";
-    footer.addEventListener("click", function () {
-      closeMenu();
-      showWorktreeModal(family.parent.slug, projectName(family.parent));
-    });
-    menu.appendChild(footer);
-  }
-  refreshIcons();
-  positionMenu();
-}
-
-export function renderBranchSwitcher() {
-  if (!chip) return;
-  var projects = store.get('projects') || [];
-  var current = currentProject(projects);
-  var family = current ? familyOf(projects, current.slug) : { parent: null, worktrees: [] };
-  // The chip is the project's worktree management surface, so it shows even
-  // with zero worktrees (the menu then offers the default branch and "New
-  // worktree"). Hidden where there is no project context to manage, and for
-  // non-git projects (optimistically visible until /api/branches answers).
-  var gateSlug = family.parent ? family.parent.slug : (current ? current.slug : null);
-  var hidden = !current || store.get('dmMode') || store.get('mateProjectSlug') ||
-    store.get('homeHubVisible') || (gateSlug && gitRepoBySlug[gateSlug] === false);
-  chip.classList.toggle("hidden", hidden);
-  if (hidden) { closeMenu(); return; }
-  if (family.parent) requestDefaultBranch(family.parent);
-  label.textContent = branchLabel(current, family.parent || current);
-  if (menuOpen) renderMenu(family, current);
-}
-
-export function initBranchSwitcher() {
-  chip = document.getElementById("branch-chip");
-  label = document.getElementById("branch-chip-label");
-  menu = document.getElementById("branch-chip-menu");
-  if (!chip || !label || !menu) return;
-  chip.addEventListener("click", function (event) {
-    event.stopPropagation();
-    menuOpen = !menuOpen;
-    chip.classList.toggle("open", menuOpen);
-    chip.setAttribute("aria-expanded", menuOpen ? "true" : "false");
-    menu.classList.toggle("hidden", !menuOpen);
-    renderBranchSwitcher();
-  });
-  document.addEventListener("click", function (event) {
-    if (menuOpen && !menu.contains(event.target) && !chip.contains(event.target)) closeMenu();
-  });
-  window.addEventListener("resize", positionMenu);
-  store.subscribe(function (state, prev) {
-    if (state.projects !== prev.projects || state.currentSlug !== prev.currentSlug ||
-        state.dmMode !== prev.dmMode || state.mateProjectSlug !== prev.mateProjectSlug ||
-        state.homeHubVisible !== prev.homeHubVisible) renderBranchSwitcher();
-  });
-  renderBranchSwitcher();
-}