clay-server 2.27.0-beta.9 → 2.27.0

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

@@ -0,0 +1,299 @@
+// app-misc.js - Modals (image, paste, confirm), force PIN, PWA install, extension bridge
+// Extracted from app.js (PR-34)
+
+import { refreshIcons, iconHtml } from './icons.js';
+import { escapeHtml, copyToClipboard } from './utils.js';
+import { getWs } from './ws-ref.js';
+import { updateBrowserTabList } from './context-sources.js';
+
+// --- Module-owned state ---
+var confirmCallback = null;
+var _extRequestCallbacks = {};
+
+export function initMisc() {
+  // --- Confirm modal listeners ---
+  var confirmModal = document.getElementById("confirm-modal");
+  var confirmOk = document.getElementById("confirm-ok");
+  var confirmCancel = document.getElementById("confirm-cancel");
+
+  confirmOk.addEventListener("click", function () {
+    if (confirmCallback) confirmCallback();
+    hideConfirm();
+  });
+
+  confirmCancel.addEventListener("click", hideConfirm);
+  confirmModal.querySelector(".confirm-backdrop").addEventListener("click", hideConfirm);
+
+  // --- PWA install prompt ---
+  (function () {
+    var installPill = document.getElementById("pwa-install-pill");
+    var modal = document.getElementById("pwa-install-modal");
+    var confirmBtn = document.getElementById("pwa-modal-confirm");
+    var cancelBtn = document.getElementById("pwa-modal-cancel");
+    if (!installPill || !modal) return;
+
+    // Already standalone -- never show
+    if (document.documentElement.classList.contains("pwa-standalone")) return;
+
+    // Show pill on mobile browsers (the primary target for PWA install)
+    var isMobile = /Mobi|Android|iPad|iPhone|iPod/.test(navigator.userAgent) ||
+      (navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1);
+    if (isMobile) {
+      installPill.classList.remove("hidden");
+    }
+
+    // Also show on desktop if beforeinstallprompt fires
+    window.addEventListener("beforeinstallprompt", function (e) {
+      e.preventDefault();
+      installPill.classList.remove("hidden");
+    });
+
+    function openModal() {
+      modal.classList.remove("hidden");
+      lucide.createIcons({ nodes: [modal] });
+    }
+
+    function closeModal() {
+      modal.classList.add("hidden");
+    }
+
+    installPill.addEventListener("click", openModal);
+    cancelBtn.addEventListener("click", closeModal);
+    modal.querySelector(".pwa-modal-backdrop").addEventListener("click", closeModal);
+
+    confirmBtn.addEventListener("click", function () {
+      // Builtin cert (*.d.clay.studio): open PWA setup guide
+      if (location.hostname.endsWith(".d.clay.studio")) {
+        closeModal();
+        location.href = "/pwa";
+        return;
+      }
+      // mkcert / other: redirect to onboarding setup page
+      var port = parseInt(location.port, 10);
+      var setupUrl;
+      if (!port) {
+        // Standard port (443/80), behind a reverse proxy with real cert
+        setupUrl = location.protocol + "//" + location.hostname + "/setup";
+      } else {
+        // Non-standard port, Clay serving directly with onboarding server on port+1
+        setupUrl = "http://" + location.hostname + ":" + (port + 1) + "/setup";
+      }
+      location.href = setupUrl;
+    });
+
+    // Hide after install
+    window.addEventListener("appinstalled", function () {
+      installPill.classList.add("hidden");
+      closeModal();
+    });
+  })();
+
+  // --- Extension bridge window message listener ---
+  window.addEventListener("message", function(event) {
+    if (event.source !== window) return;
+    if (!event.data || event.data.source !== "clay-chrome-extension") return;
+    var msg = event.data.payload;
+
+    if (msg.type === "clay_ext_tab_list") {
+      updateBrowserTabList(msg.tabs);
+      // Also inform server about tab list
+      var ws = getWs();
+      if (ws && ws.readyState === 1) {
+        ws.send(JSON.stringify({
+          type: "browser_tab_list",
+          tabs: msg.tabs
+        }));
+      }
+    }
+    if (msg.type === "clay_ext_result") {
+      handleExtensionResult(msg.requestId, msg.result);
+    }
+  });
+}
+
+export function showImageModal(src) {
+  var modal = document.getElementById("image-modal");
+  var img = document.getElementById("image-modal-img");
+  if (!modal || !img) return;
+  img.src = src;
+  modal.classList.remove("hidden");
+  refreshIcons(modal);
+}
+
+export function closeImageModal() {
+  var modal = document.getElementById("image-modal");
+  if (modal) modal.classList.add("hidden");
+}
+
+export function showPasteModal(text) {
+  var modal = document.getElementById("paste-modal");
+  var body = document.getElementById("paste-modal-body");
+  if (!modal || !body) return;
+  body.textContent = text;
+  modal.classList.remove("hidden");
+}
+
+export function closePasteModal() {
+  var modal = document.getElementById("paste-modal");
+  if (modal) modal.classList.add("hidden");
+}
+
+export function showConfirm(text, onConfirm, okLabel, destructive) {
+  var confirmText = document.getElementById("confirm-text");
+  var confirmOk = document.getElementById("confirm-ok");
+  var confirmModal = document.getElementById("confirm-modal");
+  confirmText.textContent = text;
+  confirmCallback = onConfirm;
+  confirmOk.textContent = okLabel || "Delete";
+  confirmOk.className = "confirm-btn " + (destructive === false ? "confirm-ok" : "confirm-delete");
+  confirmModal.classList.remove("hidden");
+}
+
+export function hideConfirm() {
+  var confirmModal = document.getElementById("confirm-modal");
+  confirmModal.classList.add("hidden");
+  confirmCallback = null;
+}
+
+export function showForceChangePinOverlay() {
+  var ov = document.createElement("div");
+  ov.id = "force-change-pin-overlay";
+  ov.style.cssText = "position:fixed;inset:0;background:var(--bg,#0e0e10);z-index:99999;display:flex;align-items:center;justify-content:center;flex-direction:column";
+  ov.innerHTML = '<div style="width:100%;max-width:380px;padding:24px;text-align:center">' +
+    '<h2 style="margin:0 0 8px;color:var(--text,#fff);font-size:22px">Set your new PIN</h2>' +
+    '<p style="margin:0 0 24px;color:var(--text-secondary,#aaa);font-size:14px">Your temporary PIN has expired. Please set a new 6-digit PIN to continue.</p>' +
+    '<div style="display:flex;gap:8px;justify-content:center;margin-bottom:16px" id="fcp-boxes">' +
+    '<input class="fcp-digit" type="tel" maxlength="1" inputmode="numeric" autocomplete="off" style="width:44px;height:52px;text-align:center;font-size:22px;font-weight:600;border:2px solid var(--border,#333);border-radius:10px;background:var(--bg-alt,#f5f5f5);color:var(--text,#fff);outline:none">' +
+    '<input class="fcp-digit" type="tel" maxlength="1" inputmode="numeric" autocomplete="off" style="width:44px;height:52px;text-align:center;font-size:22px;font-weight:600;border:2px solid var(--border,#333);border-radius:10px;background:var(--bg-alt,#f5f5f5);color:var(--text,#fff);outline:none">' +
+    '<input class="fcp-digit" type="tel" maxlength="1" inputmode="numeric" autocomplete="off" style="width:44px;height:52px;text-align:center;font-size:22px;font-weight:600;border:2px solid var(--border,#333);border-radius:10px;background:var(--bg-alt,#f5f5f5);color:var(--text,#fff);outline:none">' +
+    '<input class="fcp-digit" type="tel" maxlength="1" inputmode="numeric" autocomplete="off" style="width:44px;height:52px;text-align:center;font-size:22px;font-weight:600;border:2px solid var(--border,#333);border-radius:10px;background:var(--bg-alt,#f5f5f5);color:var(--text,#fff);outline:none">' +
+    '<input class="fcp-digit" type="tel" maxlength="1" inputmode="numeric" autocomplete="off" style="width:44px;height:52px;text-align:center;font-size:22px;font-weight:600;border:2px solid var(--border,#333);border-radius:10px;background:var(--bg-alt,#f5f5f5);color:var(--text,#fff);outline:none">' +
+    '<input class="fcp-digit" type="tel" maxlength="1" inputmode="numeric" autocomplete="off" style="width:44px;height:52px;text-align:center;font-size:22px;font-weight:600;border:2px solid var(--border,#333);border-radius:10px;background:var(--bg-alt,#f5f5f5);color:var(--text,#fff);outline:none">' +
+    '</div>' +
+    '<button id="fcp-save" disabled style="width:100%;padding:12px;border:none;border-radius:10px;background:var(--accent,#7c3aed);color:#fff;font-size:15px;font-weight:600;cursor:pointer;opacity:0.5">Save PIN</button>' +
+    '<div id="fcp-err" style="margin-top:12px;color:#ef4444;font-size:13px"></div>' +
+    '</div>';
+  document.body.appendChild(ov);
+
+  var boxes = ov.querySelectorAll(".fcp-digit");
+  var saveBtn = ov.querySelector("#fcp-save");
+  var errEl = ov.querySelector("#fcp-err");
+  var pinValues = ["", "", "", "", "", ""];
+
+  function setDigit(idx, v) {
+    pinValues[idx] = v;
+    boxes[idx].value = v ? "\u2022" : "";
+    boxes[idx].classList.toggle("filled", v.length > 0);
+  }
+
+  function getPin() {
+    return pinValues.join("");
+  }
+
+  function updateBtn() {
+    var ready = getPin().length === 6;
+    saveBtn.disabled = !ready;
+    saveBtn.style.opacity = ready ? "1" : "0.5";
+  }
+
+  for (var i = 0; i < boxes.length; i++) {
+    (function (idx) {
+      boxes[idx].addEventListener("input", function () {
+        var raw = this.value.replace(/[^0-9]/g, "");
+        if (!raw) { setDigit(idx, ""); updateBtn(); return; }
+        var v = raw.charAt(raw.length - 1);
+        setDigit(idx, v);
+        if (v && idx < 5) boxes[idx + 1].focus();
+        updateBtn();
+      });
+      boxes[idx].addEventListener("keydown", function (e) {
+        if (e.key === "Backspace") {
+          if (!pinValues[idx] && idx > 0) {
+            setDigit(idx - 1, "");
+            boxes[idx - 1].focus();
+          } else {
+            setDigit(idx, "");
+          }
+          updateBtn();
+        }
+        if (e.key === "ArrowLeft" && idx > 0) boxes[idx - 1].focus();
+        if (e.key === "ArrowRight" && idx < 5) boxes[idx + 1].focus();
+        if (e.key === "Enter" && !saveBtn.disabled) doSave();
+        e.stopPropagation();
+      });
+      boxes[idx].addEventListener("keyup", function (e) { e.stopPropagation(); });
+      boxes[idx].addEventListener("keypress", function (e) { e.stopPropagation(); });
+      boxes[idx].addEventListener("paste", function (e) {
+        e.preventDefault();
+        var text = (e.clipboardData || window.clipboardData).getData("text").replace(/[^0-9]/g, "").substring(0, 6);
+        for (var j = 0; j < text.length && (idx + j) < 6; j++) {
+          setDigit(idx + j, text.charAt(j));
+        }
+        if (text.length > 0) {
+          var focusIdx = Math.min(idx + text.length, 5);
+          boxes[focusIdx].focus();
+        }
+        updateBtn();
+      });
+      boxes[idx].addEventListener("focus", function () { this.select(); });
+    })(i);
+  }
+  boxes[0].focus();
+
+  function doSave() {
+    var pin = getPin();
+    if (pin.length !== 6) return;
+    saveBtn.disabled = true;
+    saveBtn.style.opacity = "0.5";
+    errEl.textContent = "";
+    fetch("/api/user/pin", {
+      method: "PUT",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ newPin: pin }),
+    }).then(function (r) { return r.json(); }).then(function (d) {
+      if (d.ok) {
+        ov.remove();
+        return;
+      }
+      errEl.textContent = d.error || "Failed to save PIN";
+      saveBtn.disabled = false;
+      saveBtn.style.opacity = "1";
+    }).catch(function () {
+      errEl.textContent = "Connection error";
+      saveBtn.disabled = false;
+      saveBtn.style.opacity = "1";
+    });
+  }
+  saveBtn.addEventListener("click", doSave);
+}
+
+export function sendExtensionCommand(command, args, requestId) {
+  window.postMessage({
+    source: "clay-page",
+    payload: {
+      type: "clay_ext_command",
+      command: command,
+      args: args,
+      requestId: requestId
+    }
+  }, "*");
+}
+
+export function handleExtensionResult(requestId, result) {
+  // Check local callback first (for server-initiated requests)
+  var cb = _extRequestCallbacks[requestId];
+  if (cb) {
+    delete _extRequestCallbacks[requestId];
+    cb(result);
+    return;
+  }
+  // Forward to server
+  var ws = getWs();
+  if (ws && ws.readyState === 1) {
+    ws.send(JSON.stringify({
+      type: "extension_result",
+      requestId: requestId,
+      result: result
+    }));
+  }
+}

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

@@ -0,0 +1,372 @@
+// app-notifications.js - Notification banners (Apple banner style)
+// New notifications appear as individual banners top-right, auto-dismiss after 3s.
+// Bell button click shows all stored notifications as banners.
+
+import { refreshIcons, iconHtml } from './icons.js';
+import { escapeHtml } from './utils.js';
+import { store } from './store.js';
+import { getWs } from './ws-ref.js';
+import { openDm } from './app-dm.js';
+import { getCachedProjects } from './app-projects.js';
+import { switchProject } from './app-projects.js';
+var notifications = [];
+var unreadCount = 0;
+var bannerContainer = null;
+var bellBtn = null;
+var badgeEl = null;
+
+// ========================================================
+// Init
+// ========================================================
+
+export function initAppNotifications() {
+  bellBtn = document.getElementById("notif-center-btn");
+  badgeEl = document.getElementById("notif-center-badge");
+
+  // Create banner container
+  bannerContainer = document.createElement("div");
+  bannerContainer.className = "notif-banner-container";
+  document.body.appendChild(bannerContainer);
+
+  if (bellBtn) {
+    bellBtn.addEventListener("click", function (e) {
+      e.stopPropagation();
+      showAllBanners();
+    });
+  }
+}
+
+// ========================================================
+// Show all stored notifications as banners
+// ========================================================
+
+function showAllBanners() {
+  // Clear existing banners first
+  if (bannerContainer) bannerContainer.innerHTML = "";
+
+  if (notifications.length === 0) {
+    showBanner({
+      id: "_empty",
+      type: "info",
+      title: randomEmptyMessage(),
+      body: "",
+      slug: "",
+    }, 3000);
+    return;
+  }
+
+  for (var i = 0; i < notifications.length; i++) {
+    showBanner(notifications[i], false);
+  }
+}
+
+// ========================================================
+// Banner
+// ========================================================
+
+function showBanner(notif, autoDismissMs) {
+  if (!bannerContainer) return;
+
+  var isEmpty = notif.id === "_empty";
+  var projectIcon = isEmpty ? null : getProjectIcon(notif.slug);
+  var projectName = isEmpty ? "" : getProjectName(notif.slug);
+  var isPermission = notif.type === "permission_request" && notif.meta && notif.meta.requestId;
+
+  var banner = document.createElement("div");
+  banner.className = "notif-banner" + (isPermission ? " notif-banner-permission" : "");
+  if (!isEmpty) banner.setAttribute("data-notif-id", notif.id);
+
+  var iconHtmlStr = projectIcon
+    ? '<span class="notif-banner-emoji">' + projectIcon + '</span>'
+    : iconHtml(isEmpty ? "check-circle" : "folder");
+
+  // Format permission title as "Can I ..." style
+  if (isPermission && notif.meta) {
+    var permInfo = formatPermissionInfo(notif.meta.toolName, notif.meta.toolInput);
+    if (permInfo) {
+      notif = Object.assign({}, notif, { title: "Can I " + permInfo.verb + (permInfo.target ? " " + permInfo.target : "") + "?" });
+    }
+  }
+
+  var actionsHtml = "";
+  if (isPermission) {
+    actionsHtml =
+      '<div class="notif-banner-actions">' +
+        '<button class="notif-banner-allow">Sure</button>' +
+        '<button class="notif-banner-always">Always allow</button>' +
+        '<button class="notif-banner-deny">No</button>' +
+        '<button class="notif-banner-goto" title="Go to session">' + iconHtml("external-link") + '</button>' +
+      '</div>';
+  }
+
+  banner.innerHTML =
+    '<div class="notif-banner-icon">' + iconHtmlStr + '</div>' +
+    '<div class="notif-banner-body">' +
+      (projectName ? '<div class="notif-banner-project">' + escapeHtml(projectName) + '</div>' : '') +
+      '<div class="notif-banner-title">' + escapeHtml(notif.title) + '</div>' +
+      (notif.body ? '<div class="notif-banner-text">' + escapeHtml(notif.body) + '</div>' : '') +
+      actionsHtml +
+    '</div>' +
+    (!isEmpty ? '<button class="notif-banner-close">' + iconHtml("x") + '</button>' : '');
+
+  bannerContainer.appendChild(banner);
+  refreshIcons();
+
+  requestAnimationFrame(function () {
+    banner.classList.add("show");
+  });
+
+  if (!isEmpty) {
+    // Click banner body -> navigate + dismiss
+    banner.addEventListener("click", function (e) {
+      if (e.target.closest(".notif-banner-close")) return;
+      removeBanner(banner);
+      dismissNotif(notif.id);
+      navigateToNotification(notif);
+    });
+
+    // Close button -> dismiss
+    var closeBtn = banner.querySelector(".notif-banner-close");
+    if (closeBtn) {
+      closeBtn.addEventListener("click", function (e) {
+        e.stopPropagation();
+        removeBanner(banner);
+        dismissNotif(notif.id);
+      });
+    }
+
+    // Permission actions
+    if (isPermission) {
+      var sureBtn = banner.querySelector(".notif-banner-allow");
+      var alwaysBtn = banner.querySelector(".notif-banner-always");
+      var noBtn = banner.querySelector(".notif-banner-deny");
+      var gotoBtn = banner.querySelector(".notif-banner-goto");
+
+      if (sureBtn) {
+        sureBtn.addEventListener("click", function (e) {
+          e.stopPropagation();
+          sendPermissionResponse(notif.meta.requestId, true, notif.slug);
+          removeBanner(banner);
+          dismissNotif(notif.id);
+        });
+      }
+      if (alwaysBtn) {
+        alwaysBtn.addEventListener("click", function (e) {
+          e.stopPropagation();
+          sendPermissionResponse(notif.meta.requestId, "always", notif.slug);
+          removeBanner(banner);
+          dismissNotif(notif.id);
+        });
+      }
+      if (noBtn) {
+        noBtn.addEventListener("click", function (e) {
+          e.stopPropagation();
+          sendPermissionResponse(notif.meta.requestId, false, notif.slug);
+          removeBanner(banner);
+          dismissNotif(notif.id);
+        });
+      }
+      if (gotoBtn) {
+        gotoBtn.addEventListener("click", function (e) {
+          e.stopPropagation();
+          navigateToNotification(notif);
+          removeBanner(banner);
+          dismissNotif(notif.id);
+        });
+      }
+    }
+  }
+
+  // Auto-dismiss (number = ms, false = stay)
+  if (typeof autoDismissMs === "number") {
+    setTimeout(function () { removeBanner(banner); }, autoDismissMs);
+  } else if (autoDismissMs === true) {
+    setTimeout(function () { removeBanner(banner); }, 3000);
+  }
+}
+
+function removeBanner(banner) {
+  if (!banner || !banner.parentNode) return;
+  banner.classList.remove("show");
+  banner.classList.add("hide");
+  setTimeout(function () {
+    if (banner.parentNode) banner.parentNode.removeChild(banner);
+  }, 300);
+}
+
+function sendPermissionResponse(requestId, decision, slug) {
+  var ws = getWs();
+  if (ws && ws.readyState === 1) {
+    var d = decision === "always" ? "allow_always" : decision ? "allow" : "deny";
+    var msg = { type: "permission_response", requestId: requestId, decision: d };
+    if (slug) msg.targetSlug = slug;
+    ws.send(JSON.stringify(msg));
+  }
+}
+
+function dismissNotif(id) {
+  var ws = getWs();
+  if (ws && ws.readyState === 1) {
+    ws.send(JSON.stringify({ type: "notification_dismiss", ids: [id] }));
+  }
+}
+
+// ========================================================
+// Message handlers
+// ========================================================
+
+export function handleNotificationsState(msg) {
+  notifications = msg.notifications || [];
+  unreadCount = msg.unreadCount || 0;
+  updateBadge();
+
+  // Check for pending session navigation after project switch
+  try {
+    var pendingSession = sessionStorage.getItem("pending-notif-session");
+    if (pendingSession) {
+      sessionStorage.removeItem("pending-notif-session");
+      var ws = getWs();
+      if (ws && ws.readyState === 1) {
+        ws.send(JSON.stringify({ type: "switch_session", id: parseInt(pendingSession, 10) }));
+      }
+    }
+  } catch (e) {}
+}
+
+export function handleNotificationCreated(msg) {
+  var notif = msg.notification;
+
+  // Auto-dismiss if it's for the session the user is currently viewing
+  var activeSession = store.getState().activeSessionId || null;
+  console.log("[notif] created:", notif.type, "sessionId=" + notif.sessionId + "(" + typeof notif.sessionId + ")", "active=" + activeSession + "(" + typeof activeSession + ")", "match=" + (notif.sessionId == activeSession));
+  if (notif.sessionId && String(notif.sessionId) === String(activeSession)) {
+    dismissNotif(notif.id);
+    return;
+  }
+
+  notifications.unshift(notif);
+  unreadCount = msg.unreadCount;
+  updateBadge();
+
+  var _autoDismiss = notif.type === "permission_request" ? false : true;
+  showBanner(notif, _autoDismiss);
+}
+
+export function handleNotificationDismissed(msg) {
+  var ids = msg.ids || [];
+  notifications = notifications.filter(function (n) { return ids.indexOf(n.id) === -1; });
+  unreadCount = msg.unreadCount;
+  updateBadge();
+  // Remove corresponding banners if visible
+  if (bannerContainer) {
+    for (var i = 0; i < ids.length; i++) {
+      var el = bannerContainer.querySelector('[data-notif-id="' + ids[i] + '"]');
+      if (el) removeBanner(el);
+    }
+  }
+}
+
+export function handleNotificationDismissedAll() {
+  notifications = [];
+  unreadCount = 0;
+  updateBadge();
+  if (bannerContainer) bannerContainer.innerHTML = "";
+}
+
+// ========================================================
+// Badge
+// ========================================================
+
+function updateBadge() {
+  if (!badgeEl) return;
+  if (unreadCount > 0) {
+    badgeEl.textContent = unreadCount > 99 ? "99+" : String(unreadCount);
+    badgeEl.classList.remove("hidden");
+  } else {
+    badgeEl.classList.add("hidden");
+  }
+}
+
+// ========================================================
+// Navigation
+// ========================================================
+
+function navigateToNotification(notif) {
+  if (notif.mateId) {
+    openDm(notif.mateId);
+    return;
+  }
+
+  var currentSlug = store.getState().currentSlug || "";
+  var needsProjectSwitch = notif.slug && notif.slug !== currentSlug;
+
+  if (needsProjectSwitch) {
+    // Store target session for after project switch
+    if (notif.sessionId) {
+      try { sessionStorage.setItem("pending-notif-session", notif.sessionId); } catch (e) {}
+    }
+    switchProject(notif.slug);
+  } else if (notif.sessionId) {
+    var ws = getWs();
+    if (ws && ws.readyState === 1) {
+      ws.send(JSON.stringify({ type: "switch_session", id: notif.sessionId }));
+    }
+  }
+}
+
+// ========================================================
+// Helpers
+// ========================================================
+
+function formatPermissionInfo(toolName, toolInput) {
+  if (!toolName) return null;
+  var input = toolInput && typeof toolInput === "object" ? toolInput : {};
+  var verb = "use " + toolName;
+  var target = "";
+  var shortPath = function (p) { return p ? p.split(/[/\\]/).pop() : ""; };
+
+  switch (toolName) {
+    case "Write": verb = "write to"; target = shortPath(input.file_path); break;
+    case "Edit": verb = "edit"; target = shortPath(input.file_path); break;
+    case "Read": verb = "read"; target = shortPath(input.file_path); break;
+    case "Bash": verb = "run"; target = input.description || (input.command || "").substring(0, 80); break;
+    case "Grep": verb = "search"; target = input.pattern || ""; break;
+    case "Glob": verb = "search for files in"; target = input.pattern || ""; break;
+    case "WebFetch": verb = "fetch"; target = input.url || ""; break;
+    case "WebSearch": verb = "search the web for"; target = input.query || ""; break;
+  }
+  return { verb: verb, target: target };
+}
+
+var EMPTY_MESSAGES = [
+  "Quiet. Too quiet.",
+  "Nothing. Suspiciously nothing.",
+  "Inbox zero. Brag about it.",
+  "No notifications. Are you even working?",
+  "All clear. For now.",
+  "The void stares back.",
+  "Notification-free since just now.",
+  "You have 0 problems. Allegedly.",
+  "Tumbleweeds.",
+  "Your agents are napping.",
+];
+
+function randomEmptyMessage() {
+  return EMPTY_MESSAGES[Math.floor(Math.random() * EMPTY_MESSAGES.length)];
+}
+
+function getProjectIcon(slug) {
+  var projects = getCachedProjects();
+  for (var i = 0; i < projects.length; i++) {
+    if (projects[i].slug === slug) return projects[i].icon || null;
+  }
+  return null;
+}
+
+function getProjectName(slug) {
+  var projects = getCachedProjects();
+  for (var i = 0; i < projects.length; i++) {
+    if (projects[i].slug === slug) return projects[i].title || projects[i].name || slug;
+  }
+  return slug;
+}