clay-server 4.6.1-beta.1 → 4.7.0-beta.2

package/lib/public/modules/whats-new.js

@@ -1,264 +0,0 @@
-// What's New viewer.
-//
-// Content-agnostic carousel popup. The server pushes an array of unseen
-// entries on connect (`whats_new_state`); this module renders them as a
-// single carousel that the user flips through with prev/next chevrons or
-// dot indicators. Each card shows image + title + short summary + a
-// "Read more" button that jumps to the home page's What's New feed for
-// the detail view.
-//
-// Dismiss behavior:
-//   - X / Esc / backdrop click closes the carousel and marks ALL queued
-//     entries as seen on the server (one whats_new_seen per id).
-//   - "Read more" marks the current entry seen and opens the home page
-//     anchored on that entry.
-//
-// Adding a new entry is a server-side content change only - see
-// lib/whats-new-content.js. This module should not need to be edited.
-
-import { escapeHtml } from './utils.js';
-import { getWs } from './ws-ref.js';
-
-var entries = [];      // current carousel batch
-var currentIndex = 0;
-var rootEl = null;
-var dismissedThisSession = {};  // ids we've already marked seen this session
-var initialized = false;
-var keyHandlerBound = false;
-var onReadMore = null;  // injected by initWhatsNew
-
-export function initWhatsNew(opts) {
-  if (initialized) return;
-  initialized = true;
-  if (opts && typeof opts.onReadMore === "function") onReadMore = opts.onReadMore;
-  if (!keyHandlerBound) {
-    document.addEventListener("keydown", onKeyDown);
-    keyHandlerBound = true;
-  }
-}
-
-export function handleWhatsNewState(msg) {
-  if (!msg || !Array.isArray(msg.entries) || msg.entries.length === 0) return;
-  // The server sends the full entries list plus the subset of ids the
-  // user hasn't dismissed yet. The home feed uses the full list (via
-  // setKnownEntries in app-messages); we only auto-pop the carousel for
-  // unseen ids.
-  var unseenIds = Array.isArray(msg.unseenIds) ? msg.unseenIds : msg.entries.map(function (e) { return e && e.id; });
-  var unseenSet = {};
-  for (var u = 0; u < unseenIds.length; u++) unseenSet[unseenIds[u]] = true;
-
-  var fresh = [];
-  for (var i = 0; i < msg.entries.length; i++) {
-    var e = msg.entries[i];
-    if (!e || !e.id) continue;
-    if (!unseenSet[e.id]) continue;
-    if (dismissedThisSession[e.id]) continue;
-    fresh.push(e);
-  }
-  if (fresh.length === 0) return;
-  if (rootEl) {
-    entries = entries.concat(fresh);
-    renderCarousel();
-    return;
-  }
-  entries = fresh;
-  currentIndex = 0;
-  openCarousel();
-}
-
-export function handleWhatsNewSeenResult(msg) {
-  if (msg && msg.ok === false && window && window.console) {
-    console.warn("[whats-new] mark seen failed:", msg.error);
-  }
-}
-
-// Returns the most recent batch of entries (the same array the server
-// last sent us). The home feed reads from this. Empty until the server
-// has pushed at least once during this session.
-var allKnownEntries = [];
-export function getKnownEntries() {
-  return allKnownEntries.slice();
-}
-
-export function setKnownEntries(list) {
-  // Used by app-messages on whats_new_state to keep the home feed in sync
-  // even after dismiss empties the carousel array.
-  if (!Array.isArray(list)) return;
-  // Merge by id, preserving order from the new list.
-  var seen = {};
-  var merged = [];
-  for (var i = 0; i < list.length; i++) {
-    if (list[i] && list[i].id && !seen[list[i].id]) {
-      seen[list[i].id] = true;
-      merged.push(list[i]);
-    }
-  }
-  for (var j = 0; j < allKnownEntries.length; j++) {
-    var k = allKnownEntries[j];
-    if (k && k.id && !seen[k.id]) {
-      seen[k.id] = true;
-      merged.push(k);
-    }
-  }
-  allKnownEntries = merged;
-}
-
-// ----------------------------------------------------------------------
-// Render
-// ----------------------------------------------------------------------
-
-function openCarousel() {
-  rootEl = document.createElement("div");
-  rootEl.className = "whats-new-backdrop";
-  rootEl.innerHTML =
-    '<div class="whats-new-card" role="dialog" aria-modal="true">' +
-      '<button type="button" class="whats-new-close" aria-label="Close">' +
-        '<svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>' +
-      '</button>' +
-      '<div class="whats-new-image-slot"></div>' +
-      '<div class="whats-new-body">' +
-        '<div class="whats-new-eyebrow">What\'s new</div>' +
-        '<h2 class="whats-new-title"></h2>' +
-        '<p class="whats-new-summary"></p>' +
-        '<button type="button" class="whats-new-read-more">' +
-          'Read more' +
-          ' <svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="vertical-align: -2px; margin-left: 2px;"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>' +
-        '</button>' +
-      '</div>' +
-      '<div class="whats-new-nav">' +
-        '<button type="button" class="whats-new-prev" aria-label="Previous">' +
-          '<svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 18 9 12 15 6"></polyline></svg>' +
-        '</button>' +
-        '<div class="whats-new-dots"></div>' +
-        '<button type="button" class="whats-new-next" aria-label="Next">' +
-          '<svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg>' +
-        '</button>' +
-      '</div>' +
-    '</div>';
-  document.body.appendChild(rootEl);
-
-  rootEl.querySelector(".whats-new-close").addEventListener("click", function (ev) {
-    ev.stopPropagation();
-    closeAndMarkSeen();
-  });
-  rootEl.querySelector(".whats-new-prev").addEventListener("click", function (ev) {
-    ev.stopPropagation();
-    go(-1);
-  });
-  rootEl.querySelector(".whats-new-next").addEventListener("click", function (ev) {
-    ev.stopPropagation();
-    go(1);
-  });
-  rootEl.querySelector(".whats-new-read-more").addEventListener("click", function (ev) {
-    ev.stopPropagation();
-    readMoreCurrent();
-  });
-  rootEl.addEventListener("click", function (ev) {
-    if (ev.target === rootEl) closeAndMarkSeen();
-  });
-
-  renderCarousel();
-  requestAnimationFrame(function () {
-    if (rootEl) rootEl.classList.add("show");
-  });
-}
-
-function renderCarousel() {
-  if (!rootEl || entries.length === 0) return;
-  if (currentIndex < 0) currentIndex = 0;
-  if (currentIndex >= entries.length) currentIndex = entries.length - 1;
-  var entry = entries[currentIndex];
-
-  var imgSlot = rootEl.querySelector(".whats-new-image-slot");
-  if (entry.image) {
-    imgSlot.innerHTML = '<img src="' + escapeHtml(entry.image) + '" alt="">';
-    imgSlot.classList.remove("empty");
-  } else {
-    imgSlot.innerHTML = '';
-    imgSlot.classList.add("empty");
-  }
-
-  rootEl.querySelector(".whats-new-title").textContent = entry.title || "What's new";
-  rootEl.querySelector(".whats-new-summary").textContent = entry.summary || "";
-
-  var dotsEl = rootEl.querySelector(".whats-new-dots");
-  var navEl = rootEl.querySelector(".whats-new-nav");
-  if (entries.length <= 1) {
-    navEl.classList.add("hidden");
-  } else {
-    navEl.classList.remove("hidden");
-    dotsEl.innerHTML = "";
-    for (var i = 0; i < entries.length; i++) {
-      var dot = document.createElement("button");
-      dot.type = "button";
-      dot.className = "whats-new-dot" + (i === currentIndex ? " active" : "");
-      dot.setAttribute("aria-label", "Go to slide " + (i + 1));
-      (function (idx) {
-        dot.addEventListener("click", function (ev) {
-          ev.stopPropagation();
-          currentIndex = idx;
-          renderCarousel();
-        });
-      })(i);
-      dotsEl.appendChild(dot);
-    }
-    rootEl.querySelector(".whats-new-prev").disabled = (currentIndex === 0);
-    rootEl.querySelector(".whats-new-next").disabled = (currentIndex === entries.length - 1);
-  }
-}
-
-function go(delta) {
-  if (entries.length === 0) return;
-  currentIndex = Math.max(0, Math.min(entries.length - 1, currentIndex + delta));
-  renderCarousel();
-}
-
-function readMoreCurrent() {
-  var entry = entries[currentIndex];
-  if (!entry) return;
-  // Mark this one seen on the server and hand off to the article viewer
-  // via onReadMore. We don't mark the others seen - user might still
-  // want to see them as cards on a future connect.
-  markSeen(entry.id);
-  var id = entry.id;
-  closeCarousel();
-  if (typeof onReadMore === "function") {
-    try { onReadMore(id); } catch (e) {}
-  }
-}
-
-function closeAndMarkSeen() {
-  for (var i = 0; i < entries.length; i++) {
-    if (entries[i] && entries[i].id) markSeen(entries[i].id);
-  }
-  closeCarousel();
-}
-
-function closeCarousel() {
-  if (rootEl) {
-    rootEl.remove();
-    rootEl = null;
-  }
-  entries = [];
-  currentIndex = 0;
-}
-
-function markSeen(id) {
-  if (!id || dismissedThisSession[id]) return;
-  dismissedThisSession[id] = true;
-  var ws = getWs();
-  if (ws && ws.readyState === 1) {
-    try { ws.send(JSON.stringify({ type: "whats_new_seen", id: id })); } catch (e) {}
-  }
-}
-
-function onKeyDown(ev) {
-  if (!rootEl) return;
-  if (ev.key === "Escape") {
-    closeAndMarkSeen();
-  } else if (ev.key === "ArrowLeft") {
-    go(-1);
-  } else if (ev.key === "ArrowRight") {
-    go(1);
-  }
-}

package/lib/whats-new-content.js

@@ -1,84 +0,0 @@
-// What's New entries.
-//
-// Pure content. Each entry becomes one card in the carousel popup and
-// one row in the home page's "What's New" feed. Append a new entry to
-// push it to users on their next connect; the viewer queues unseen
-// entries and shows them as a carousel one user can flip through.
-//
-// Each entry:
-//   id          - stable string. Used as the "seen" key. Never reuse an
-//                 id for different content - users who already dismissed
-//                 the old one will not see the new one.
-//   title       - headline shown in the carousel card and home feed.
-//   publishedAt - YYYY-MM-DD. Used for sort order (newest first) in the
-//                 home feed and the carousel.
-//   image       - optional URL. If present, shown as a banner at the top
-//                 of the carousel card and the home entry. Drop a file
-//                 under lib/public/whats-new/ and reference it as
-//                 "/whats-new/<filename>".
-//   summary     - 1-2 sentences. The carousel card body. Keep it short.
-//   body        - full HTML for the home-page detail view. Use the same
-//                 small allowed vocabulary as tui-policy-modal-body:
-//                 <p>, <ul>/<ol>/<li>, <strong>, <em>, <code>, <h3>, <a>.
-
-var ENTRIES = [
-  {
-    id: "2026-06-tui-default",
-    title: "TUI becomes the default for Claude sessions",
-    publishedAt: "2026-05-25",
-    image: null,
-    popup: false, // superseded by "GUI is back"; keep in the home feed only
-    summary: "Anthropic is splitting Claude billing into Interactive and Programmatic buckets on June 15. To keep working with your existing plan, Clay opens Claude sessions in the embedded claude CLI by default from that date.",
-    body: '' +
-      '<p><strong>2026-06-15 Anthropic billing change.</strong> Claude subscriptions split into two buckets:</p>' +
-      '<ul>' +
-        '<li><strong>Interactive</strong> &mdash; <code>claude.ai</code> chat, the terminal <code>claude</code> CLI, Claude Cowork. Uses your existing plan limits.</li>' +
-        '<li><strong>Programmatic</strong> &mdash; Claude Agent SDK, <code>claude -p</code>, GitHub Actions, and third-party apps built on the SDK. Charged at full API rates against a small monthly credit (Pro $20 &middot; Max 5x $100 &middot; Max 20x $200), no rollover.</li>' +
-      '</ul>' +
-      '<p>Clay\'s original chat UI is SDK-driven, so every message lands in the Programmatic bucket. Heavy users would burn through the credit in days.</p>' +
-      '<p><strong>TUI mode</strong> runs the real <code>claude</code> CLI inside an embedded terminal. Usage stays in the Interactive bucket, so it counts against your existing plan instead of the SDK credit.</p>' +
-      '<h3>Want the SDK chat instead?</h3>' +
-      '<p>Switch back to GUI mode anytime:</p>' +
-      '<ol>' +
-        '<li>Open your avatar &rarr; <strong>Settings</strong> at the bottom of the sidebar.</li>' +
-        '<li>Find <strong>"Open Claude as terminal (TUI)"</strong> and toggle it <strong>off</strong>.</li>' +
-      '</ol>' +
-      '<p class="tui-policy-modal-links">' +
-        '<a href="https://the-decoder.com/claude-subscriptions-get-separate-budgets-for-programmatic-use-billed-at-full-api-prices/" target="_blank" rel="noopener noreferrer">Coverage at The Decoder</a>' +
-        ' &middot; ' +
-        '<a href="https://support.claude.com/en/articles/15036540-use-the-claude-agent-sdk-with-your-claude-plan" target="_blank" rel="noopener noreferrer">Anthropic help center</a>' +
-        ' &middot; ' +
-        '<a href="https://github.com/chadbyte/clay" target="_blank" rel="noopener noreferrer">github.com/chadbyte/clay</a>' +
-      '</p>',
-  },
-  {
-    id: "2026-06-mates-spinoff",
-    title: "Mates leaves the official feature set",
-    publishedAt: "2026-05-25",
-    image: null,
-    popup: false, // superseded by "GUI is back"; keep in the home feed only
-    summary: "June 15 will be Mates' last day as a first-class Clay feature. It continues as a separate standalone project so Clay can focus fully on being a developer tool.",
-    body: '' +
-      '<p>On <strong>2026-06-15</strong>, Mates leaves Clay\'s official feature set. Your existing Mates and their knowledge files will remain on disk; we will share migration instructions and a link to the new standalone project before the cutover.</p>' +
-      '<h3>Why</h3>' +
-      '<p>Mates grew into something broader than a coding companion - personas, debates, DMs, identity files. That is a different product shape than a focused dev tool, and trying to be both was slowing each side down.</p>' +
-      '<p>We are formally positioning Clay as a <strong>developer tool</strong>. From here on, every roadmap decision is judged by a single question: does it make Clay the sleekest, sharpest workspace on the AI-coding frontier? Mates no longer fits that bar cleanly, so it gets its own home where it can evolve on its own terms.</p>' +
-      '<p>Thanks for being here. Clay only gets sharper from here.</p>',
-  },
-  {
-    id: "2026-07-gui-is-back",
-    title: "GUI is back as the default",
-    publishedAt: "2026-07-01",
-    image: null,
-    summary: "Anthropic reversed the June 15 billing split, so SDK usage is no longer billed separately. Clay opens Claude sessions in the GUI chat again by default. Project Mate DM shortcuts are hidden by default.",
-    body: '' +
-      '<p><strong>Good news: Anthropic walked back the June 15 billing change.</strong> The planned Interactive vs. Programmatic split (which would have charged Claude Agent SDK usage at full API rates) is off the table, so the reason we moved everyone to the TUI is gone.</p>' +
-      '<h3>GUI is the default again</h3>' +
-      '<p>New Claude sessions open in the <strong>GUI chat</strong> (SDK) by default, the way they did before. The embedded <code>claude</code> <strong>TUI</strong> is still there whenever you want it &mdash; toggle <strong>"Open Claude as terminal (TUI)"</strong> in Settings.</p>' +
-      '<h3>Project Mate DM shortcuts are optional</h3>' +
-      '<p>Mate DM shortcuts inside project workspaces are hidden by default and can be shown in <strong>Settings</strong>. Mates themselves remain available in Clay Home, together with their conversations, memory, debates, and project collaboration.</p>' +
-      '<p>Clay only gets sharper from here.</p>',
-  },
-];
-
-module.exports = { ENTRIES: ENTRIES };

package/lib/whats-new.js

@@ -1,57 +0,0 @@
-// What's New service: joins the static content registry with per-user
-// "seen" state. The client viewer is content-agnostic; this is where the
-// two halves meet on the server.
-
-var content = require("./whats-new-content");
-var users = require("./users");
-
-function listEntries() {
-  return content.ENTRIES.slice();
-}
-
-function getUnseenForUser(userId) {
-  if (!userId) return [];
-  var seen = (typeof users.getWhatsNewSeenIds === "function") ? users.getWhatsNewSeenIds(userId) : [];
-  return content.ENTRIES.filter(function (e) {
-    return e && e.id && seen.indexOf(e.id) === -1;
-  });
-}
-
-// Combined state for the client: the full entries list (so the home
-// feed can render previously-dismissed items) plus the subset of ids
-// the user has not yet dismissed (so the carousel only auto-pops the
-// unseen ones).
-function getStateForUser(userId) {
-  var entries = content.ENTRIES.slice();
-  var seen = (typeof users.getWhatsNewSeenIds === "function" && userId) ? users.getWhatsNewSeenIds(userId) : [];
-  var unseenIds = [];
-  for (var i = 0; i < entries.length; i++) {
-    // popup:false entries stay in the home feed (entries) as history but never
-    // auto-pop in the carousel, so superseded announcements don't resurface.
-    if (entries[i] && entries[i].popup === false) continue;
-    if (entries[i] && entries[i].id && seen.indexOf(entries[i].id) === -1) {
-      unseenIds.push(entries[i].id);
-    }
-  }
-  return { entries: entries, unseenIds: unseenIds };
-}
-
-function markSeen(userId, entryId) {
-  if (!userId || !entryId) return { error: "missing" };
-  if (typeof users.markWhatsNewSeen !== "function") return { error: "unsupported" };
-  // Reject ids the server doesn't know about so a malformed client can't
-  // pollute the seen-list with arbitrary strings.
-  var known = false;
-  for (var i = 0; i < content.ENTRIES.length; i++) {
-    if (content.ENTRIES[i] && content.ENTRIES[i].id === entryId) { known = true; break; }
-  }
-  if (!known) return { error: "unknown_entry" };
-  return users.markWhatsNewSeen(userId, entryId);
-}
-
-module.exports = {
-  listEntries: listEntries,
-  getUnseenForUser: getUnseenForUser,
-  getStateForUser: getStateForUser,
-  markSeen: markSeen,
-};