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

package/lib/project-session-folders.js

@@ -0,0 +1,272 @@
+// WebSocket surface for sidebar session folders. Everything is scoped to the
+// authenticated user and this project: the caller's identity comes from the
+// socket, never from the message, and a session key is only accepted when it
+// names a session that user can see and may organize.
+
+var folders = require("./session-folders");
+var sessionProvenance = require("./session-provenance");
+var folderDeleteModule = require("./project-session-folder-delete");
+
+function attachSessionFolders(ctx) {
+  var sm = ctx.sm;
+  var usersModule = ctx.usersModule;
+  var slug = ctx.slug;
+  var clients = ctx.clients;
+  var sendTo = ctx.sendTo;
+  var getProjectAccess = ctx.getProjectAccess || function () { return { visibility: "public" }; };
+
+  function userIdFor(ws) {
+    if (!usersModule.isMultiUser()) return "default";
+    return ws && ws._clayUser ? ws._clayUser.id : null;
+  }
+
+  function sessionsByKey() {
+    var map = Object.create(null);
+    sm.sessions.forEach(function (session) {
+      var key = sessionProvenance.ensureOrigin(session);
+      if (key) map[key] = session;
+    });
+    return map;
+  }
+
+  function visibleTo(userId, session) {
+    if (session.hidden) return false;
+    if (!usersModule.isMultiUser()) return !session.ownerId;
+    return !!usersModule.canAccessSession(userId, session, getProjectAccess());
+  }
+
+  // A movable unit is a standalone session or a Driver root. Workers travel
+  // with their Driver and loop runs stay grouped, so neither is accepted.
+  function organizable(userId, session) {
+    if (!session || !visibleTo(userId, session)) return false;
+    if (sessionProvenance.isWorker(session)) return false;
+    if (session.loop && session.loop.loopId) return false;
+    return true;
+  }
+
+  function buildEnv(userId) {
+    var byKey = sessionsByKey();
+    return {
+      canOrganize: function (key) { return organizable(userId, byKey[key]); },
+      exists: function (key) { return !!byKey[key]; },
+      byKey: byKey,
+    };
+  }
+
+  // Clients address sessions by their local id; durable origin keys never
+  // leave the server. Anything that does not resolve to a session this user
+  // may organize is dropped from outgoing state and rejected on the way in.
+  function toClientState(state, env) {
+    var out = { folders: state.folders, collapsed: state.collapsed, view: state.view, assignments: {}, favorites: [], orders: {} };
+    function idOf(key) { return env.canOrganize(key) ? env.byKey[key].localId : null; }
+    // Favorites are tags: ids in curated order. A favorite also keeps its
+    // assignment below, so it appears in both places.
+    out.favorites = state.favorites.map(idOf).filter(function (id) { return id !== null; });
+    Object.keys(state.assignments).forEach(function (key) {
+      var id = idOf(key);
+      if (id !== null) out.assignments[id] = state.assignments[key];
+    });
+    Object.keys(state.orders).forEach(function (container) {
+      out.orders[container] = state.orders[container].map(idOf).filter(function (id) { return id !== null; });
+    });
+    return out;
+  }
+
+  function keyOfId(env, id) {
+    if (typeof id !== "number") return null;
+    var session = sm.sessions.get(id);
+    return session && env.canOrganize(sessionProvenance.ensureOrigin(session)) ? sessionProvenance.ensureOrigin(session) : null;
+  }
+
+  function idsOf(env, keys) {
+    return keys.filter(function (k) { return env.canOrganize(k); }).map(function (k) { return env.byKey[k].localId; });
+  }
+
+  // Rewrites a client operation from local ids to origin keys.
+  function translateOp(op, env) {
+    if (!op || typeof op !== "object") return { error: "Invalid folder request" };
+    var out = Object.assign({}, op);
+    if (op.sessionId !== undefined) {
+      out.sessionKey = keyOfId(env, op.sessionId);
+      delete out.sessionId;
+      if (!out.sessionKey) return { error: "Session not found" };
+    } else {
+      delete out.sessionKey;
+    }
+    if (op.order !== undefined) {
+      if (!Array.isArray(op.order)) return { error: "Invalid order" };
+      var keys = [];
+      for (var i = 0; i < op.order.length; i++) {
+        var key = keyOfId(env, op.order[i]);
+        if (!key) return { error: "Session not found" };
+        keys.push(key);
+      }
+      out.order = keys;
+    }
+    return { op: out };
+  }
+
+  function legacyFavoriteKeys(userId, env) {
+    var list = [];
+    sm.sessions.forEach(function (session) {
+      if (!session.bookmarked) return;
+      var key = sessionProvenance.ensureOrigin(session);
+      if (!key || !env.canOrganize(key)) return;
+      if (session.ownerId && session.ownerId !== userId) return;
+      list.push({ key: key, order: typeof session.favoriteOrder === "number" ? session.favoriteOrder : Number.MAX_SAFE_INTEGER, activity: session.lastActivity || 0 });
+    });
+    list.sort(function (a, b) {
+      if (a.order !== b.order) return a.order - b.order;
+      return b.activity - a.activity;
+    });
+    return list.map(function (entry) { return entry.key; });
+  }
+
+  // Loads the caller's state, applying the one-time legacy favorites seed.
+  function loadState(userId, env) {
+    var state = usersModule.getSessionFolders(userId, slug);
+    if (!state.legacyFavoritesMigrated) {
+      state = folders.seedLegacyFavorites(state, legacyFavoriteKeys(userId, env));
+      var saved = usersModule.setSessionFolders(userId, slug, state);
+      if (saved.state) state = saved.state;
+    }
+    return state;
+  }
+
+  function stateMessage(state, env, extra) {
+    return Object.assign({ type: "session_folders_state", slug: slug, state: toClientState(state, env) }, extra || {});
+  }
+
+  function pushToUser(userId, state, env) {
+    clients.forEach(function (other) {
+      if (userIdFor(other) !== userId) return;
+      sendTo(other, stateMessage(state, env));
+    });
+  }
+
+  function sendStateTo(ws) {
+    var userId = userIdFor(ws);
+    if (!userId) return;
+    var env = buildEnv(userId);
+    sendTo(ws, stateMessage(loadState(userId, env), env));
+  }
+
+  // True only when the operation was accepted and saved.
+  function apply(ws, rawOp, requestId) {
+    var userId = userIdFor(ws);
+    if (!userId) return false;
+    var env = buildEnv(userId);
+    var current = loadState(userId, env);
+    var rid = requestId || null;
+    var translated = translateOp(rawOp, env);
+    if (translated.error) {
+      sendTo(ws, stateMessage(current, env, { error: translated.error, requestId: rid }));
+      return false;
+    }
+    var result = folders.applyOperation(current, translated.op, env);
+    if (result.error) {
+      sendTo(ws, stateMessage(current, env, { error: result.error, requestId: rid }));
+      return false;
+    }
+    var saved = usersModule.setSessionFolders(userId, slug, result.state);
+    if (saved.error) {
+      sendTo(ws, stateMessage(current, env, { error: saved.error, requestId: rid }));
+      return false;
+    }
+    pushToUser(userId, saved.state, env);
+    if (rid) sendTo(ws, stateMessage(saved.state, env, { requestId: rid, folderId: result.folderId || null }));
+    return true;
+  }
+
+  // Older clients still send the original favorite messages; they now edit the
+  // same personal state instead of the shared session flag.
+  function legacyBookmark(ws, msg) {
+    var userId = userIdFor(ws);
+    if (!userId || typeof msg.sessionId !== "number") return;
+    var env = buildEnv(userId);
+    var key = keyOfId(env, msg.sessionId);
+    if (!key) { apply(ws, { op: "set_favorite", sessionId: msg.sessionId, favorite: false }); return; }
+    // The bookmark is the Favorites tag; the session's folder is not touched.
+    apply(ws, { op: "set_favorite", sessionId: msg.sessionId, favorite: msg.bookmarked === true });
+  }
+
+  function legacyReorder(ws, msg) {
+    var userId = userIdFor(ws);
+    if (!userId) return;
+    var env = buildEnv(userId);
+    var sourceKey = keyOfId(env, msg.sourceId);
+    var targetKey = keyOfId(env, msg.targetId);
+    if (!sourceKey || !targetKey) return;
+    var current = loadState(userId, env);
+    var order = current.favorites.filter(function (k) { return k !== sourceKey; });
+    var at = order.indexOf(targetKey);
+    if (at === -1 || current.favorites.indexOf(sourceKey) === -1) return;
+    order.splice(msg.insertBefore === false ? at + 1 : at, 0, sourceKey);
+    apply(ws, { op: "set_order", containerKey: folders.FAVORITES_ID, order: idsOf(env, order) });
+  }
+
+  // A request carries the project it was built for; a stale dialog or a
+  // reconnect to another project must never mutate this project's folders.
+  function wrongProject(ws, claimedSlug, requestId) {
+    if (claimedSlug === slug) return false;
+    var userId = userIdFor(ws);
+    if (userId) {
+      var env = buildEnv(userId);
+      sendTo(ws, stateMessage(loadState(userId, env), env, { error: "These folders belong to a different project", requestId: requestId || null }));
+    }
+    return true;
+  }
+
+  // Files a session that was just created from a folder menu. The session
+  // exists either way; a refused placement only reports the error.
+  function placeNewSession(ws, session, folderId, claimedSlug) {
+    if (wrongProject(ws, claimedSlug, null)) return false;
+    return apply(ws, { op: "place_session", sessionId: session.localId, folderId: folderId });
+  }
+
+  // Checked before a session is created for a folder, so a folder that was
+  // deleted (or never existed for this user) refuses the request instead of
+  // silently filing the session somewhere else. Unfiled needs no folder.
+  function checkNewSessionFolder(ws, folderId, claimedSlug) {
+    if (folderId === undefined) return { ok: true };
+    if (claimedSlug !== slug) return { ok: false, error: "These folders belong to a different project" };
+    var userId = userIdFor(ws);
+    if (!userId) return { ok: false, error: "Your account is no longer available." };
+    if (folderId === folders.FAVORITES_ID) return { ok: false, error: "Favorites is a tag. Create the session in a folder or Unfiled." };
+    if (folderId === null || folderId === folders.UNFILED_ID) return { ok: true };
+    var state = loadState(userId, buildEnv(userId));
+    for (var i = 0; i < state.folders.length; i++) if (state.folders[i].id === folderId) return { ok: true };
+    return { ok: false, error: "That folder no longer exists. Pick another folder and try again." };
+  }
+
+  function cleanRequestId(value) {
+    return typeof value === "string" && value.length <= 64 ? value : null;
+  }
+
+  // Choosing what happens to a folder's sessions lives in its own module; it
+  // reuses this module's authenticated state helpers and the shared session
+  // deletion service.
+  var folderDelete = folderDeleteModule.attachFolderDelete({
+    sm: sm, slug: slug, sendTo: sendTo, usersModule: usersModule, sessionDelete: ctx.sessionDelete,
+    getProjectAccess: getProjectAccess, userIdFor: userIdFor, buildEnv: buildEnv, loadState: loadState,
+    stateMessage: stateMessage, pushToUser: pushToUser, wrongProject: wrongProject, cleanRequestId: cleanRequestId,
+  });
+
+  function handleMessage(ws, msg) {
+    if (folderDelete.handleMessage(ws, msg)) return true;
+    if (msg.type === "session_folders_get") { sendStateTo(ws); return true; }
+    if (msg.type === "session_folders_op") {
+      var rid = typeof msg.requestId === "string" && msg.requestId.length <= 64 ? msg.requestId : null;
+      if (wrongProject(ws, msg.slug, rid)) return true;
+      apply(ws, msg.op, typeof msg.requestId === "string" && msg.requestId.length <= 64 ? msg.requestId : null);
+      return true;
+    }
+    if (msg.type === "set_session_bookmark") { legacyBookmark(ws, msg); return true; }
+    if (msg.type === "reorder_session_bookmarks") { legacyReorder(ws, msg); return true; }
+    return false;
+  }
+
+  return { handleMessage: handleMessage, sendStateTo: sendStateTo, placeNewSession: placeNewSession, checkNewSessionFolder: checkNewSessionFolder };
+}
+
+module.exports = { attachSessionFolders: attachSessionFolders };

package/lib/project-sessions.js

@@ -8,7 +8,9 @@ var yoke = require("./yoke");
 var sessionVisibility = require("./session-visibility");
 var contextUsageModule = require("./context-usage");
 var sessionDeleteModule = require("./project-session-delete");
+var sessionFoldersModule = require("./project-session-folders");
 var elicitationResponse = require("./project-elicitation-response");
+var sessionCreationModule = require("./project-session-creation");
 
 function vendorSupportsTui(vendor) {
   var info = yoke.getVendorInfo(vendor);
@@ -344,6 +346,16 @@ function attachSessions(ctx) {
     getProjectAccess: getProjectAccess, stopTitleWatcher: stopTitleWatcher,
   });
 
+  var sessionFolders = sessionFoldersModule.attachSessionFolders({
+    sm: sm, usersModule: usersModule, slug: slug, clients: clients, sendTo: sendTo, getProjectAccess: getProjectAccess,
+    sessionDelete: sessionDelete,
+  });
+
+  var sessionCreation = sessionCreationModule.attachSessionCreation({
+    slug: slug, isMate: isMate, osUsers: osUsers, usersModule: usersModule, opts: opts, sendTo: sendTo, send: send,
+    getProjectAccess: getProjectAccess,
+    getVendorAvailability: function (ws) { return ctx.getVendorAvailability(ws); },
+  });
   // Kick off watchers for any TUI sessions already loaded from disk so
   // their titles refresh as soon as Claude Code rewrites the jsonl, even
   // before the user clicks them.
@@ -623,6 +635,28 @@ function attachSessions(ctx) {
         ws._scheduledInterviewSessionRequests[scheduledRequestId] = pendingScheduled;
         return true;
       }
+      var creationRequestId = typeof msg.requestId === "string" ? msg.requestId.substring(0, 200) : "";
+      var creationFailed = function (text) {
+        if (creationRequestId) sendTo(ws, { type: "new_session_result", requestId: creationRequestId, ok: false, error: text });
+        else sendTo(ws, { type: "error", text: text });
+      };
+      // The same request id is created at most once per socket.
+      if (creationRequestId) {
+        if (!ws._createdRequests) ws._createdRequests = [];
+        if (ws._createdRequests.indexOf(creationRequestId) !== -1) return true;
+        ws._createdRequests.push(creationRequestId);
+        if (ws._createdRequests.length > 50) ws._createdRequests.shift();
+      }
+      // A destination folder is checked before anything is created, so a stale
+      // folder refuses the request instead of filing the session elsewhere.
+      // An acknowledged creation (the sidebar rows) only runs a provider that is
+      // installed and authorized for this caller.
+      if (creationRequestId && msg.vendor && !sessionCreation.isInstalled(ws, msg.vendor)) {
+        creationFailed("That provider is not installed or authorized.");
+        return true;
+      }
+      var folderCheck = sessionFolders.checkNewSessionFolder(ws, msg.folderId, msg.folderSlug);
+      if (!folderCheck.ok) { creationFailed(folderCheck.error); return true; }
       // Opportunistic hygiene: drop blanks that sat untouched past the grace
       // period before deciding whether to reuse or create.
       sm.sweepBlankSessions();
@@ -726,7 +760,15 @@ function attachSessions(ctx) {
         }
       }
       ws._clayActiveSession = newSess.localId;
-      if (msg.requestId) sendTo(ws, { type: "new_session_result", requestId: String(msg.requestId).substring(0, 200), ok: true, sessionId: newSess.localId });
+      var folderPlaced = msg.folderId === undefined ? null : sessionFolders.placeNewSession(ws, newSess, msg.folderId, msg.folderSlug);
+      if (msg.requestId) {
+        var created = { type: "new_session_result", requestId: String(msg.requestId).substring(0, 200), ok: true, sessionId: newSess.localId };
+        if (folderPlaced !== null) {
+          created.folderPlaced = folderPlaced === true;
+          created.folderId = msg.folderId === null ? "unfiled" : msg.folderId;
+        }
+        sendTo(ws, created);
+      }
       // Remember the vendor only when the client asked for one explicitly.
       // new_session without a vendor (mate sidebar, notification banner,
       // debate) falls through to the default adapter and must not clobber
@@ -759,31 +801,8 @@ function attachSessions(ctx) {
       return true;
     }
 
-    if (msg.type === "set_session_bookmark") {
-      if (typeof msg.sessionId === "number") {
-        var bookmarkTarget = sm.sessions.get(msg.sessionId);
-        if (!bookmarkTarget) return true;
-        if (usersModule.isMultiUser() && ws._clayUser) {
-          if (!usersModule.canAccessSession(ws._clayUser.id, bookmarkTarget, { visibility: "public" })) return true;
-        }
-        sm.setSessionBookmarked(msg.sessionId, !!msg.bookmarked);
-      }
-      return true;
-    }
-
-    if (msg.type === "reorder_session_bookmarks") {
-      if (typeof msg.sourceId === "number" && typeof msg.targetId === "number" && msg.sourceId !== msg.targetId) {
-        var source = sm.sessions.get(msg.sourceId);
-        var target = sm.sessions.get(msg.targetId);
-        if (!source || !target) return true;
-        if (usersModule.isMultiUser() && ws._clayUser) {
-          if (!usersModule.canAccessSession(ws._clayUser.id, source, { visibility: "public" })) return true;
-          if (!usersModule.canAccessSession(ws._clayUser.id, target, { visibility: "public" })) return true;
-        }
-        sm.reorderBookmarkedSessions(msg.sourceId, msg.targetId, msg.insertBefore !== false);
-      }
-      return true;
-    }
+    if (sessionFolders.handleMessage(ws, msg)) return true;
+    if (sessionCreation.handleMessage(ws, msg)) return true;
 
     if (msg.type === "bulk_delete_sessions") {
       sessionDelete.bulkDeleteSessions(ws, msg);
@@ -2254,6 +2273,7 @@ function attachSessions(ctx) {
   return {
     handleSessionsMessage: handleSessionsMessage,
     resolveSessionForView: resolveSessionForView,
+    sendSessionFoldersState: sessionFolders.sendStateTo,
     respondToAskUser: respondToAskUser,
     respondToHomePermission: function (ws, msg, session) {
       if (!session || !msg || !session.pendingPermissions || !session.pendingPermissions[msg.requestId]) return false;

package/lib/project.js

@@ -2072,6 +2072,7 @@ function createProjectContext(opts) {
     pushModule: pushModule,
     getSessionForWs: getSessionForWs,
     resolveDefaultAi: opts.resolveDefaultAi,
+    getVendorAvailability: function (ws) { return _models.getVendorAvailability(ws); },
     canCreateScheduledTaskInterview: function (ws, session) { return !!(_scheduledTasks && _scheduledTasks.canCreateInterview(ws, session)); },
     canStartScheduledTaskInterview: function (ws, session) { return !!(_scheduledTasks && _scheduledTasks.canStartInterview(ws, session)); },
     onHumanPairStop: function (session) {
@@ -2615,6 +2616,7 @@ function createProjectContext(opts) {
     _vendorLogin: _vendorLogin,
     autonomousRun: _autonomousRun,
     resolveSessionForView: _sessions.resolveSessionForView,
+    sendSessionFoldersState: _sessions.sendSessionFoldersState,
     hydrateImageRefs: hydrateImageRefs,
     broadcastClientCount: broadcastClientCount,
     broadcastPresence: broadcastPresence,

package/lib/public/app.js

@@ -284,6 +284,16 @@ import { initDebate, handleDebatePreparing, handleDebateStarted, handleDebateRes
     panePinPending: paneMode && !!paneSessionId,
     splitPanes: null,
     splitGroups: [],
+    sessionFolders: null,
+    sessionFoldersSlug: null,
+    sessionFolderCreate: null,
+    sessionSearch: null,
+    sessionFolderViewMenu: null,
+    sessionFolderLayouts: {},
+    sessionFolderDrag: null,
+    sessionFolderMenu: null,
+    sessionFolderContext: null,
+    sessionFolderModal: null,
     splitDelegations: {},
     pairResultStatus: [],
     notesTemporarilyHidden: false,

package/lib/public/css/filebrowser.css

@@ -4,13 +4,13 @@
 
 /* --- Session actions ---
    Compact icon+caption grid. Tile styles come from .palette-tile in
-   sidebar.css so the same tiles render correctly in both the active
-   grid here and the hidden-grid when edit-mode moves them. */
+   sidebar.css so the same tiles render in the session and Mate tool
+   grids. */
 #session-actions {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 4px;
-  padding: 0 8px 4px;
+  padding: 4px 8px 4px;
 }
 
 /* Badge becomes a small corner indicator in icon-only grid */

package/lib/public/css/mates.css

@@ -1050,7 +1050,7 @@ body.mate-dm-active #layout.sidebar-collapsed .mate-collapsed-info {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 4px;
-  padding: 0 8px 4px;
+  padding: 4px 8px 4px;
 }
 
 /* Knowledge editor panel (overlays main content) */

package/lib/public/css/mobile-nav.css

@@ -332,134 +332,6 @@
     padding-bottom: calc(var(--safe-bottom) + 16px);
   }
 
-  /* --- New session button --- */
-  .mobile-session-new {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    width: 100%;
-    padding: 12px 12px;
-    margin-bottom: 4px;
-    background: none;
-    border: none;
-    color: var(--accent);
-    font-family: var(--font-ui);
-    font-size: 15px;
-    font-weight: 600;
-    cursor: pointer;
-    text-align: left;
-    -webkit-tap-highlight-color: transparent;
-  }
-  .mobile-session-new:last-of-type {
-    border-bottom: 1px solid var(--border-subtle);
-  }
-
-  .mobile-session-new:active {
-    background: rgba(var(--overlay-rgb), 0.06);
-  }
-
-  .mobile-session-new:focus-visible {
-    outline: 2px solid var(--accent);
-    outline-offset: 2px;
-  }
-
-  /* Primary creation action with an adjacent icon-only provider selector. */
-  .mobile-session-new-row {
-    display: flex;
-    gap: 0;
-    padding: 6px 8px 8px;
-  }
-
-  .mobile-session-new-row .mobile-session-new-main {
-    flex: 1 1 auto;
-    width: auto;
-    margin-bottom: 0;
-    min-width: 0;
-    padding: 10px 12px;
-    border: 1px solid var(--border-subtle);
-    border-radius: 8px;
-    background: rgba(var(--overlay-rgb), 0.03);
-    color: var(--text);
-    gap: 8px;
-    border-radius: 8px 0 0 8px;
-    white-space: normal;
-    line-height: 1.2;
-  }
-  .mobile-session-new-row .mobile-session-new-provider {
-    flex: 0 0 34px;
-    width: 34px;
-    min-width: 34px;
-    margin-bottom: 0;
-    padding: 0;
-    border: 1px solid var(--border-subtle);
-    border-left-color: var(--border);
-    border-radius: 0 8px 8px 0;
-    background: rgba(var(--overlay-rgb), 0.03);
-    color: var(--text-muted);
-    display: inline-flex;
-    align-items: center;
-    gap: 0;
-    justify-content: center;
-  }
-  .mobile-session-new-row .mobile-session-new-main:active,
-  .mobile-session-new-row .mobile-session-new-provider:active {
-    background: rgba(var(--overlay-rgb), 0.1);
-  }
-
-  .mobile-session-new-row .session-create-provider-chevron .lucide,
-  .mobile-session-new-row .session-create-provider-chevron svg {
-    width: 14px;
-    height: 14px;
-  }
-
-  .mobile-vendor-list {
-    display: flex;
-    flex-direction: column;
-    gap: 4px;
-    padding: 0 8px 8px;
-    border-bottom: 1px solid var(--border-subtle);
-  }
-  .mobile-vendor-list.hidden { display: none; }
-
-  .mobile-vendor-list .mobile-session-new-vendor {
-    width: 100%;
-    margin-bottom: 0;
-    padding: 10px 12px;
-    border: 1px solid var(--border-subtle);
-    border-radius: 8px;
-    background: rgba(var(--overlay-rgb), 0.03);
-    color: var(--text);
-    font-weight: 500;
-    gap: 8px;
-  }
-  .mobile-vendor-list .mobile-session-new-vendor.active { font-weight: 700; }
-  /* Uninstalled vendors stay tappable: the tap opens the vendor's homepage. */
-  .mobile-vendor-list .mobile-session-new-vendor.disabled { opacity: 0.45; }
-  .mobile-vendor-list .mobile-session-new-vendor:active {
-    background: rgba(var(--overlay-rgb), 0.1);
-  }
-  .mobile-vendor-row { display: flex; align-items: stretch; gap: 4px; }
-  .mobile-vendor-row .mobile-session-new-vendor { flex: 1 1 auto; min-width: 0; }
-  .mobile-vendor-set-default { border: 1px solid var(--border-subtle); border-radius: 8px; background: transparent; color: var(--text-dimmer); padding: 0 8px; font-size: 11px; white-space: nowrap; }
-  .mobile-vendor-set-default:active { background: rgba(var(--overlay-rgb), 0.1); }
-  .mobile-vendor-set-default:disabled { opacity: 0.55; }
-  .mobile-session-new-preference-status { padding: 4px 8px 8px; color: var(--error); font-size: 11px; }
-  .mobile-session-new-fallback-note { color: var(--text-muted); }
-  .mobile-vendor-note {
-    margin-left: auto;
-    font-size: 12px;
-    font-weight: 500;
-    color: var(--text-dimmer);
-  }
-
-  .mobile-session-new-icon {
-    width: 18px;
-    height: 18px;
-    flex-shrink: 0;
-    border-radius: 4px;
-    object-fit: cover;
-  }
-
   /* No hover on touch: rest state stays dimmed, the active session shows color. */
   .mobile-session-vendor-icon {
     width: 14px;