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

package/lib/public/css/tui-attention.css

@@ -49,141 +49,6 @@ body.tui-suspended #tui-resume-bar {
   .tui-resume-hint { display: none; }
 }
 
-/* Policy info modal. Themed via CSS vars so it follows light/dark.
-   The modal itself is gone; .tui-policy-modal-* rules stay because
-   What's New article bodies (lib/whats-new-content.js) still use the
-   -links class for their footer links. */
-.tui-policy-modal-backdrop {
-  position: fixed;
-  inset: 0;
-  z-index: 9600;
-  background: rgba(0, 0, 0, 0.55);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 24px;
-}
-.tui-policy-modal-backdrop.hidden { display: none; }
-.tui-policy-modal {
-  width: min(560px, 100%);
-  max-height: min(80vh, 720px);
-  background: var(--sidebar-bg);
-  border: 1px solid var(--border);
-  border-radius: 12px;
-  overflow: hidden;
-  display: flex;
-  flex-direction: column;
-  box-shadow: 0 12px 48px rgba(var(--shadow-rgb), 0.4);
-  color: var(--text);
-}
-.tui-policy-modal-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 14px 18px;
-  border-bottom: 1px solid var(--border);
-  flex-shrink: 0;
-}
-.tui-policy-modal-header h2 {
-  margin: 0;
-  font-size: 16px;
-  font-weight: 600;
-  color: var(--text);
-}
-.tui-policy-modal-close {
-  width: 28px;
-  height: 28px;
-  padding: 0;
-  border: none;
-  border-radius: 6px;
-  background: transparent;
-  color: var(--text-dimmer);
-  font-size: 20px;
-  cursor: pointer;
-}
-.tui-policy-modal-close:hover {
-  background: rgba(var(--overlay-rgb), 0.05);
-  color: var(--text);
-}
-.tui-policy-modal-body {
-  padding: 16px 18px 20px;
-  overflow-y: auto;
-  font-size: 13px;
-  line-height: 1.55;
-  color: var(--text-secondary);
-}
-.tui-policy-modal-body p {
-  margin: 0 0 12px;
-}
-.tui-policy-modal-body ul {
-  margin: 0 0 12px;
-  padding-left: 20px;
-}
-.tui-policy-modal-body li {
-  margin-bottom: 6px;
-}
-.tui-policy-modal-body code {
-  padding: 1px 5px;
-  border-radius: 4px;
-  background: var(--code-bg);
-  color: var(--accent);
-  font-size: 12px;
-  font-family: "Roboto Mono", monospace;
-}
-.tui-policy-modal-body strong {
-  color: var(--text);
-}
-.tui-policy-modal-body h3 {
-  margin: 18px 0 6px;
-  font-size: 13px;
-  font-weight: 600;
-  color: var(--text);
-}
-.tui-policy-modal-body ol {
-  margin: 0 0 12px;
-  padding-left: 20px;
-}
-.tui-policy-modal-body ol li {
-  margin-bottom: 6px;
-}
-.tui-policy-modal-body a {
-  color: var(--accent2);
-}
-.tui-policy-modal-body a:hover {
-  text-decoration: underline;
-}
-.tui-policy-modal-links {
-  margin-top: 16px;
-  font-size: 12px;
-  color: var(--text-dimmer);
-}
-
-/* Maintainer note: visually distinct from the technical explanation
-   above so it reads as a personal aside, not just more documentation. */
-.tui-policy-maintainer-note {
-  margin-top: 18px;
-  padding: 14px 16px;
-  border-left: 3px solid var(--accent);
-  background: rgba(var(--overlay-rgb), 0.04);
-  border-radius: 0 8px 8px 0;
-}
-.tui-policy-maintainer-note h3 {
-  margin-top: 0;
-}
-.tui-policy-maintainer-note p {
-  margin-bottom: 10px;
-  color: var(--text-secondary);
-}
-.tui-policy-maintainer-note p:last-of-type {
-  margin-bottom: 0;
-}
-.tui-policy-signature {
-  margin-top: 12px !important;
-  color: var(--text-dimmer) !important;
-  font-style: italic;
-  font-size: 12px;
-}
-
 /* tui-attention.css
    Banner + modal for "claude TUI session needs your input" notifications.
    The banner sits at the top of the viewport above any project content;
@@ -367,275 +232,3 @@ body.tui-suspended #tui-resume-bar {
   padding: 4px;
   background: #000;
 }
-
-/* ============================================================
-   What's New carousel
-   ============================================================ */
-.whats-new-backdrop {
-  position: fixed;
-  inset: 0;
-  z-index: 9600;
-  background: rgba(0, 0, 0, 0.55);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 24px;
-  opacity: 0;
-  transition: opacity 160ms ease;
-}
-.whats-new-backdrop.show { opacity: 1; }
-.whats-new-card {
-  position: relative;
-  width: min(440px, 100%);
-  max-height: min(80vh, 640px);
-  background: var(--sidebar-bg);
-  border: 1px solid var(--border);
-  border-radius: 14px;
-  overflow: hidden;
-  display: flex;
-  flex-direction: column;
-  box-shadow: 0 12px 48px rgba(var(--shadow-rgb), 0.4);
-  color: var(--text);
-}
-.whats-new-close {
-  position: absolute;
-  top: 10px;
-  right: 10px;
-  width: 28px;
-  height: 28px;
-  padding: 0;
-  border: none;
-  border-radius: 6px;
-  background: rgba(var(--overlay-rgb), 0.08);
-  color: var(--text-dimmer);
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  z-index: 2;
-}
-.whats-new-close:hover {
-  background: rgba(var(--overlay-rgb), 0.15);
-  color: var(--text);
-}
-.whats-new-image-slot {
-  width: 100%;
-  aspect-ratio: 16 / 9;
-  background: linear-gradient(135deg, var(--accent) 0%, var(--accent2, var(--accent)) 100%);
-  flex-shrink: 0;
-  overflow: hidden;
-  display: block;
-}
-.whats-new-image-slot img {
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-  display: block;
-}
-.whats-new-image-slot.empty {
-  aspect-ratio: 16 / 6;
-}
-.whats-new-body {
-  padding: 18px 20px 14px;
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  overflow-y: auto;
-}
-.whats-new-eyebrow {
-  font-size: 11px;
-  font-weight: 600;
-  letter-spacing: 0.06em;
-  text-transform: uppercase;
-  color: var(--text-dimmer);
-}
-.whats-new-title {
-  margin: 0;
-  font-size: 18px;
-  font-weight: 600;
-  line-height: 1.3;
-  color: var(--text);
-}
-.whats-new-summary {
-  margin: 0;
-  font-size: 13px;
-  line-height: 1.55;
-  color: var(--text-secondary);
-}
-.whats-new-read-more {
-  align-self: flex-start;
-  margin-top: 6px;
-  padding: 7px 14px;
-  font-size: 13px;
-  font-weight: 500;
-  border: none;
-  border-radius: 7px;
-  background: var(--accent);
-  color: var(--accent-contrast, #fff);
-  cursor: pointer;
-  display: inline-flex;
-  align-items: center;
-}
-.whats-new-read-more:hover {
-  filter: brightness(1.08);
-}
-.whats-new-nav {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 8px 16px 14px;
-  border-top: 1px solid var(--border);
-  flex-shrink: 0;
-}
-.whats-new-nav.hidden { display: none; }
-.whats-new-prev,
-.whats-new-next {
-  width: 30px;
-  height: 30px;
-  padding: 0;
-  border: none;
-  border-radius: 6px;
-  background: transparent;
-  color: var(--text-dimmer);
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.whats-new-prev:hover,
-.whats-new-next:hover {
-  background: rgba(var(--overlay-rgb), 0.08);
-  color: var(--text);
-}
-.whats-new-prev:disabled,
-.whats-new-next:disabled {
-  opacity: 0.35;
-  cursor: default;
-}
-.whats-new-dots {
-  display: flex;
-  gap: 6px;
-  align-items: center;
-}
-.whats-new-dot {
-  width: 7px;
-  height: 7px;
-  padding: 0;
-  border: none;
-  border-radius: 50%;
-  background: var(--text-dimmer);
-  opacity: 0.35;
-  cursor: pointer;
-  transition: opacity 120ms ease, transform 120ms ease;
-}
-.whats-new-dot.active {
-  opacity: 1;
-  background: var(--accent);
-  transform: scale(1.2);
-}
-
-/* ============================================================
-   Whats New article (blog-style reading view)
-   ============================================================
-   Mirrors #home-hub positioning: absolute inset:0 inside
-   #main-area so the icon strip, top bar, and any other chrome
-   outside #main-area stay visible. Sidebar-column (inside
-   main-area) is covered, same as home-hub. */
-#whats-new-article {
-  position: absolute;
-  inset: 0;
-  z-index: 210;
-  background: var(--bg);
-  overflow-y: auto;
-  display: flex;
-  flex-direction: column;
-  border-top-left-radius: 8px;
-}
-#whats-new-article.hidden { display: none; }
-.wna-toolbar {
-  position: sticky;
-  top: 0;
-  display: flex;
-  align-items: center;
-  padding: 12px 20px;
-  background: var(--bg);
-  border-bottom: 1px solid var(--border);
-  z-index: 1;
-}
-.wna-back {
-  display: inline-flex;
-  align-items: center;
-  gap: 8px;
-  padding: 6px 12px;
-  border: none;
-  border-radius: 6px;
-  background: transparent;
-  color: var(--text-secondary);
-  font-size: 13px;
-  cursor: pointer;
-}
-.wna-back:hover {
-  background: rgba(var(--overlay-rgb), 0.06);
-  color: var(--text);
-}
-.wna-content {
-  width: 100%;
-  max-width: 680px;
-  margin: 0 auto;
-  padding: 56px 32px 96px;
-  box-sizing: border-box;
-}
-.wna-date {
-  font-size: 12px;
-  color: var(--text-dimmer);
-  letter-spacing: 0.04em;
-  margin-bottom: 12px;
-  font-variant-numeric: tabular-nums;
-}
-.wna-title {
-  margin: 0 0 32px;
-  font-size: 32px;
-  font-weight: 700;
-  line-height: 1.2;
-  color: var(--text);
-  letter-spacing: -0.01em;
-}
-.wna-body {
-  font-size: 15px;
-  line-height: 1.7;
-  color: var(--text);
-}
-.wna-body p {
-  margin: 0 0 18px;
-}
-.wna-body p:last-child { margin-bottom: 0; }
-.wna-body h3 {
-  margin: 36px 0 12px;
-  font-size: 18px;
-  font-weight: 600;
-  color: var(--text);
-  letter-spacing: -0.005em;
-}
-.wna-body ul, .wna-body ol {
-  margin: 0 0 18px;
-  padding-left: 22px;
-}
-.wna-body li {
-  margin-bottom: 8px;
-}
-.wna-body code {
-  padding: 2px 6px;
-  border-radius: 4px;
-  background: var(--code-bg);
-  color: var(--accent);
-  font-size: 13px;
-  font-family: "Roboto Mono", monospace;
-}
-.wna-body strong { color: var(--text); font-weight: 600; }
-.wna-body em { color: var(--text-secondary); }
-.wna-body a { color: var(--accent2); }
-.wna-body a:hover { text-decoration: underline; }
-@media (max-width: 640px) {
-  .wna-content { padding: 32px 20px 80px; }
-  .wna-title { font-size: 26px; }
-}

package/lib/public/index.html

@@ -124,6 +124,7 @@
 
   <!-- === Main Area (sidebar + resize-handle + main-column) === -->
   <div id="main-area">
+    <section id="projects-hub" class="hidden" aria-label="Projects"></section>
     <div id="home-hub" class="hidden">
       <div class="home-hub-inner">
         <button id="home-sidebar-backdrop" class="home-sidebar-backdrop" type="button" aria-label="Close Home navigation"></button>
@@ -136,6 +137,7 @@
             </div>
           </div>
           <nav class="home-sidebar-primary-actions" aria-label="Home actions">
+            <button id="home-nav-projects" class="home-sidebar-action" type="button" title="Projects" aria-label="Projects"><span class="home-sidebar-action-icon" aria-hidden="true"><i data-lucide="folder"></i></span><span>Projects</span></button>
             <button id="home-sidebar-new" class="home-sidebar-action home-sidebar-new" type="button" title="New Chat" aria-label="Start a new chat with the current Mate" disabled><span class="home-sidebar-action-icon" aria-hidden="true"><i data-lucide="message-square-plus"></i></span><span>New Chat</span></button>
             <button id="home-sidebar-debate" class="home-sidebar-action" type="button" title="Browse debates" aria-label="Browse debates" aria-pressed="false"><span class="home-sidebar-action-icon" aria-hidden="true"><i data-lucide="messages-square"></i></span><span>Debates</span></button>
             <button id="home-tools-btn" class="home-sidebar-action" type="button" title="Capsules" aria-label="Capsules" aria-expanded="false" aria-controls="home-tool-workbench"><span class="home-sidebar-action-icon" aria-hidden="true"><i data-lucide="box"></i></span><span id="home-tools-label">Capsules</span><span id="home-tools-activity" class="home-tools-activity" aria-hidden="true"></span></button>
@@ -157,7 +159,7 @@
         </aside>
         <div id="home-workspace" class="home-workspace">
           <button id="home-sidebar-expand" class="home-sidebar-expand" type="button" title="Show sidebar" aria-label="Show Home sidebar" aria-describedby="home-sidebar-expand-brand-label"><i data-lucide="panel-left-open"></i><span id="home-sidebar-expand-brand-label" class="home-sidebar-brand-wordmark home-sidebar-expand-wordmark">Clay Studio</span></button>
-          <button id="home-close-control" class="home-close-control hidden" type="button" title="Close Home" aria-label="Close Home"><i data-lucide="x" aria-hidden="true"></i><span>Close</span></button>
+          <button id="home-close-control" class="home-close-control" type="button" title="Projects" aria-label="Projects"><i data-lucide="folder" aria-hidden="true"></i><span>Projects</span></button>
           <div id="home-conversation-region" class="home-conversation-region">
             <div id="home-mate-chat" class="home-mate-chat">
               <div class="home-mate-chat-stage">
@@ -216,19 +218,6 @@
       </div>
     </div>
 
-    <div id="whats-new-article" class="hidden">
-      <header class="wna-toolbar">
-        <button type="button" class="wna-back" id="wna-back">
-          <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="19" y1="12" x2="5" y2="12"></line><polyline points="12 19 5 12 12 5"></polyline></svg>
-          <span>Back</span>
-        </button>
-      </header>
-      <article class="wna-content">
-        <div class="wna-date" id="wna-date"></div>
-        <h1 class="wna-title" id="wna-title"></h1>
-        <div class="wna-body" id="wna-body"></div>
-      </article>
-    </div>
     <div id="sidebar-column">
       <div class="title-bar-sidebar">
         <button class="title-bar-project-dropdown" id="title-bar-project-dropdown">

package/lib/public/modules/app-home-hub.js

@@ -1,5 +1,6 @@
 // app-home-hub.js - Home work hub navigation and first-depth Mate list.
 
+import { showProjectsHub, hideProjectsHub } from './projects-hub.js';
 import { store } from './store.js';
 import { getWs } from './ws-ref.js';
 import { getCachedProjects, switchProject } from './app-projects.js';
@@ -42,7 +43,7 @@ function syncHomePresentation() {
 function syncHomeCloseControl() {
   var close = document.getElementById("home-close-control");
   if (!close) return;
-  close.classList.toggle("hidden", !getHomeReturnSlug());
+  close.classList.remove("hidden");
 }
 
 function getHomeReturnSlug() {
@@ -245,7 +246,8 @@ export function initHomeHub() {
   initHomeDock();
   initHomeDebatesArchive();
   document.getElementById("home-mate-list").addEventListener("keydown", handleMateListKeydown);
-  document.getElementById("home-close-control").addEventListener("click", minimizeHomeHub);
+  document.getElementById("home-close-control").addEventListener("click", function () { showProjectsHub(); });
+  document.getElementById("home-nav-projects").addEventListener("click", function () { showProjectsHub(); });
   window.addEventListener("clay:home-debate", function () { hideHomeHub(); });
   document.addEventListener("visibilitychange", syncHomePresentation);
 
@@ -349,6 +351,8 @@ export function updateHomeIconBadge() {
 }
 
 export function showHomeHub(fromHistory) {
+  hideProjectsHub();
+  store.set({ pendingHomeProjectSlug: null });
   if (store.get('dmMode')) exitDmMode();
   var activeMateId = store.get('homeChatMateId');
   var resume = homeHubSuspended || homeHubVisible;
@@ -399,7 +403,8 @@ export function hideHomeHub() {
 
 export function minimizeHomeHub() {
   var slug = getHomeReturnSlug();
-  if (!slug || !homeHubVisible) return;
+  if (!homeHubVisible) return;
+  if (!slug) { showProjectsHub(); return; }
   switchProject(slug);
   var projectInput = document.getElementById("input");
   if (projectInput && !projectInput.disabled) projectInput.focus({ preventScroll: true });

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

@@ -69,8 +69,6 @@ import { clearPairResultStatus, handlePairResultStatus } from './pair-result-sta
 import { scrollToBottom, addToMessages, addUserMessage, addSystemMessage, removeMatePreThinking, appendDelta, finalizeAssistantBlock, addConflictMessage, addContextOverflowMessage, showSuggestionChips, armStickyBottom, VENDOR_AVATARS, VENDOR_NAMES } from './app-rendering.js';
 import { setActivity, startUrgentBlink, stopUrgentBlink, blinkSessionDot, updateCrossProjectBlink } from './app-favicon.js';
 import { setStatus } from './app-connection.js';
-import { handleWhatsNewState, handleWhatsNewSeenResult, setKnownEntries as setWhatsNewKnownEntries } from './whats-new.js';
-import { closeArticle as closeWhatsNewArticle } from './whats-new-article.js';
 import { resolvePaneSession, resolveSwitchedVendor } from './pane-session.js';
 import { markProjectSessionListHydrated, applyProjectSplitGroups, clearProjectSplitState } from './split-session-boundary.js';
 import { selectDefaultVendorForBlankSession } from './vendor-selection.js';
@@ -837,7 +835,6 @@ export function processMessage(msg) {
       case "session_switched":
         clearPairResultStatus();
         syncAutonomousRunForSession(msg.autonomousRun || null);
-        closeWhatsNewArticle();
         // Save draft from outgoing session
         var _prevSid = store.get('activeSessionId');
         if (_prevSid && inputEl.value) {
@@ -2127,18 +2124,6 @@ export function processMessage(msg) {
         handleAutoContinueChanged(msg);
         break;
 
-      case "whats_new_state":
-        // Keep a known-entries cache for the home page feed (which shows
-        // both seen and unseen entries), then queue unseen ones for the
-        // carousel.
-        if (msg && Array.isArray(msg.entries)) setWhatsNewKnownEntries(msg.entries);
-        handleWhatsNewState(msg);
-        break;
-
-      case "whats_new_seen_result":
-        handleWhatsNewSeenResult(msg);
-        break;
-
       case "set_claude_open_mode_result":
       case "claude_open_mode_changed":
         if (msg.claudeOpenMode === "tui" || msg.claudeOpenMode === "gui") {

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

@@ -1,6 +1,7 @@
 // app-projects.js - Project list, switching, add/remove project modals
 // Extracted from app.js (PR-29)
 
+import { showProjectsHub, hideProjectsHub, completeProjectsOnboarding } from './projects-hub.js';
 import { escapeHtml, showToast } from './utils.js';
 import { refreshIcons } from './icons.js';
 import { parseEmojis } from './markdown.js';
@@ -17,7 +18,6 @@ import { spawnDustParticles } from './sidebar.js';
 import { isSearchOpen, closeSearch } from './session-search.js';
 import { exitDmMode } from './app-dm.js';
 import { isHomeHubVisible, hideHomeHub, showHomeHub } from './app-home-hub.js';
-import { closeArticle as closeWhatsNewArticle } from './whats-new-article.js';
 import { resetFileBrowser } from './filebrowser.js';
 import { closeNotesBrowser } from './sticky-notes-browser.js';
 import { hideMemory } from './mate-memory.js';
@@ -203,7 +203,7 @@ export function initProjects() {
 // --- State accessors ---
 
 export function getCachedProjects() { return cachedProjects; }
-export function setCachedProjects(v) { cachedProjects = v; }
+export function setCachedProjects(v) { cachedProjects = v; store.set({ projectsHubList: v, projectListLoaded: true }); }
 export function getCachedProjectCount() { return cachedProjectCount; }
 export function setCachedProjectCount(v) { cachedProjectCount = v; }
 export function getCachedRemovedProjects() { return cachedRemovedProjects; }
@@ -223,6 +223,7 @@ export function updateProjectList(msg) {
       _lastProjectsJson = projectsJson;
     }
     cachedProjects = msg.projects;
+    store.set({ projectsHubList: cachedProjects, projectListLoaded: true });
   }
   if (msg.removedProjects) cachedRemovedProjects = msg.removedProjects;
   else if (msg.removedProjects === undefined) { /* keep cached */ }
@@ -424,15 +425,16 @@ export function switchProject(slug) {
   var st = store.snap();
   var ws = getWs();
   var targetWsPath = projectWsPath(slug);
-  var homeVisible = isHomeHubVisible();
+  var homeVisible = isHomeHubVisible() || store.get('projectsHubVisible');
   var alreadyInProject = isProjectActivated(st, slug, ws);
   var wasDm = st.dmMode;
   var wasMate = st.dmMode && st.dmTargetUser && st.dmTargetUser.isMate;
   if (st.dmMode) exitDmMode(wasMate);
-  closeWhatsNewArticle();
   if (homeVisible && alreadyInProject) {
     rememberHomePrimarySurface("project", slug);
     hideHomeHub();
+    hideProjectsHub();
+    completeProjectsOnboarding();
     if (document.documentElement.classList.contains("pwa-standalone")) {
       history.replaceState(null, "", "/p/" + slug + "/");
     } else {
@@ -473,6 +475,8 @@ export function completePendingProjectActivation() {
   var slug = store.get('pendingHomeProjectSlug');
   if (!slug || !isProjectActivated(store.snap(), slug, getWs())) return false;
   store.set({ pendingHomeProjectSlug: null });
+  hideProjectsHub();
+  completeProjectsOnboarding();
   rememberHomePrimarySurface("project", slug);
   if (document.documentElement.classList.contains("pwa-standalone")) {
     history.replaceState(null, "", "/p/" + slug + "/");
@@ -492,7 +496,7 @@ export function confirmCurrentProjectSessionActivation() {
 export function finishProjectSessionActivation() {
   var confirmed = confirmCurrentProjectSessionActivation();
   if (!confirmed) return false;
-  if (!store.get('pendingHomeProjectSlug')) return true;
+  if (!store.get('pendingHomeProjectSlug')) return !isHomeHubVisible() && !store.get('projectsHubVisible');
   return completePendingProjectActivation();
 }
 
@@ -639,7 +643,7 @@ export function handleRemoveProjectResult(msg) {
           });
         }
       }
-      cachedProjects = cachedProjects.filter(function (p) { return p.slug !== msg.slug; });
+      setCachedProjects(cachedProjects.filter(function (p) { return p.slug !== msg.slug; }));
       cachedProjectCount = cachedProjects.length;
       store.set({ currentSlug: null });
       renderProjectList();
@@ -648,7 +652,9 @@ export function handleRemoveProjectResult(msg) {
       if (targetSlug) {
         switchProject(targetSlug);
       } else {
-        showHomeHub();
+        store.set({ wsPath: "/ws", basePath: "/", activeProjectSlug: null });
+        showProjectsHub();
+        connect();
       }
     } else {
       showToast(msg.slug.indexOf("--") !== -1 ? "Worktree removed" : "Project removed", "success");
@@ -698,7 +704,7 @@ function switchAddProjectMode(mode) {
   }, 50);
 }
 
-export function openAddProjectModal() {
+export function openAddProjectModal(mode) {
   addProjectModal.classList.remove("hidden");
   addProjectCreateInput.value = "";
   addProjectCloneInput.value = "";
@@ -738,6 +744,7 @@ export function openAddProjectModal() {
     existingBtn.disabled = false;
     switchAddProjectMode("existing");
   }
+  if (mode === "create" || mode === "clone") switchAddProjectMode(mode);
   renderRemovedProjectsList();
 }
 
@@ -855,10 +862,8 @@ export function handleAddProjectResult(msg) {
     } else {
       var toastMsg = addProjectMode === "create" ? "Project created" : addProjectMode === "clone" ? "Project cloned" : "Project added";
       showToast(toastMsg, "success");
-      if (msg.slug) {
-        switchProject(msg.slug);
-      }
     }
+    if (msg.slug) switchProject(msg.slug);
   } else {
     addProjectError.textContent = msg.error || "Failed to add project";
     addProjectError.classList.remove("hidden");

package/lib/public/modules/home-surface-boot.js

@@ -12,13 +12,18 @@ function explicitProjectPath(pathname) {
 export function resolveHomeBootDestination(options) {
   if (!options) return "wait";
   if (options.paneMode || explicitProjectPath(options.pathname)) return "project";
+  if (/^\/projects\/?$/.test(options.pathname || "")) return "projects";
   // The server-selected project embedded in the root shell is authoritative.
   // Home is entered only through an explicit in-app action; reloading `/`
   // returns to the project workspace even if Home was the last open surface.
   if (options.currentSlug) return "project";
   if (options.surfaceLoaded !== true) return "wait";
-  if (options.dockLoaded !== true) return "wait";
-  return "home";
+  if (options.projectsLoaded !== true) return "wait";
+  if (options.surface === "home") {
+    if (options.dockLoaded !== true) return "wait";
+    return "home";
+  }
+  return "projects";
 }
 
 function finishPendingShell() {
@@ -35,6 +40,7 @@ function settleBoot(state) {
   if (resolved) return;
   var destination = resolveHomeBootDestination({
     surfaceLoaded: state.homeSurfaceLoaded,
+    projectsLoaded: state.projectListLoaded,
     dockLoaded: state.homeDockPreferenceLoaded,
     surface: state.homePrimarySurface,
     currentSlug: state.currentSlug,
@@ -55,7 +61,8 @@ function settleBoot(state) {
     if (input && !input.disabled) input.focus({ preventScroll: true });
     return;
   }
-  store.set({ homeSurfaceBootResolved: true, homeSurfaceRestoreRequested: true });
+  if (destination === "projects") store.set({ homeSurfaceBootResolved: true, projectsHubRestoreRequested: true });
+  else store.set({ homeSurfaceBootResolved: true, homeSurfaceRestoreRequested: true });
   finishPendingShell();
 }