diff --git a/app/endowment/components/EndowmentTopBar.tsx b/app/endowment/components/EndowmentTopBar.tsx
index 339e7193b..b74cd23d4 100644
--- a/app/endowment/components/EndowmentTopBar.tsx
+++ b/app/endowment/components/EndowmentTopBar.tsx
@@ -111,14 +111,9 @@ export function EndowmentTopBar() {
             opacity 0.25s ease,
             transform 0.25s ease;
         }
-        /* Clear the app nav rail, which is 70px from the tablet breakpoint and
-           240px once it expands at sidebar-compact. Below tablet the rail is
-           off-canvas, so the bar spans the full width. */
-        @media (min-width: 768px) {
-          .endowment-topbar {
-            left: 70px;
-          }
-        }
+        /* Clear the app's left column, which is 240px from sidebar-compact
+           up. Narrower, the sidebar is off-canvas, so the bar spans the full
+           width. */
         @media (min-width: 1240px) {
           .endowment-topbar {
             left: 240px;
diff --git a/app/endowment/layout.tsx b/app/endowment/layout.tsx
index 6216c5233..11efc302f 100644
--- a/app/endowment/layout.tsx
+++ b/app/endowment/layout.tsx
@@ -19,10 +19,10 @@ export default function EndowmentLayout({ children }: Readonly<{ children: React
   return (
     <div className="flex min-h-screen bg-white">
       {/* The landing page keeps its own top bar and footer, so it stays outside
-          PageLayout; the nav rail is mounted directly to preserve continuity
-          with the rest of the app. Passing `isOpen={false}` leaves it
-          off-canvas below the tablet breakpoint, where there is no menu button
-          to reopen it. */}
+          PageLayout; the app's left column is mounted directly to preserve
+          continuity with the rest of the app. Passing `isOpen={false}` leaves
+          it off-canvas below 1240px, where this page has no menu button to
+          open it. */}
       <LeftSidebarContainer isOpen={false} />
       <main className="relative min-w-0 flex-1">{children}</main>
     </div>
diff --git a/app/globals.css b/app/globals.css
index ba79ec5ef..83e0a4558 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -183,6 +183,12 @@ mark {
     padding-top: calc(56px + var(--top-bar-height)) !important;
   }
 
+  /* The menu hangs from the bottom of the same stack. */
+  .left-sidebar-with-promo-banner {
+    top: calc(56px + var(--top-bar-height)) !important;
+    height: calc(100vh - 56px - var(--top-bar-height)) !important;
+  }
+
   /* Reserve space for the fixed MobileBottomNav (h-16 + safe-area inset), so
      the last of the page's content isn't stuck behind it. */
   .page-layout-with-mobile-bottom-nav {
diff --git a/app/layouts/LeftSidebar.tsx b/app/layouts/LeftSidebar.tsx
index 7d6590b52..707f92df2 100644
--- a/app/layouts/LeftSidebar.tsx
+++ b/app/layouts/LeftSidebar.tsx
@@ -15,8 +15,8 @@ import { SidebarDocuments } from './components/SidebarDocuments';
 interface LeftSidebarProps {
   forceMinimize?: boolean;
   /**
-   * Runs once a document or a new draft is picked: on a phone the column is a
-   * menu, and a pick that changes the workspace in place must still close it.
+   * Runs once something in it is picked: below 1240px the sidebar is a menu,
+   * and a pick that changes the page in place must still close it.
    */
   onNavigate?: () => void;
 }
@@ -49,39 +49,32 @@ export const LeftSidebar: React.FC<LeftSidebarProps> = ({ forceMinimize = false,
 
   return (
     <div className={`h-full flex flex-col z-50 bg-white overflow-hidden ${minimizeClass}`}>
-      <div
-        className={`p-4 pl-4 ${forceMinimize ? '!flex !justify-center' : 'tablet:max-sidebar-compact:!flex tablet:max-sidebar-compact:!justify-center'} pt-[10px]`}
-      >
-        <Link href="/">
-          <div className={forceMinimize ? '!hidden' : 'tablet:max-sidebar-compact:!hidden ml-1'}>
+      <div className={`p-4 pl-4 ${forceMinimize ? '!flex !justify-center' : ''} pt-[10px]`}>
+        <Link href="/" onClick={onNavigate}>
+          <div className={forceMinimize ? '!hidden' : 'ml-1'}>
             <Logo size={38} color="text-primary-600" />
           </div>
-          <div className={forceMinimize ? '!block' : 'hidden tablet:max-sidebar-compact:!block'}>
+          <div className={forceMinimize ? '!block' : 'hidden'}>
             <Icon name="flaskFrame" size={38} color="#3971ff" />
           </div>
         </Link>
       </div>
 
-      <div
-        className={`mt-6 px-3 ${forceMinimize ? '!flex !justify-center !px-2' : 'tablet:max-sidebar-compact:!flex tablet:max-sidebar-compact:!justify-center tablet:max-sidebar-compact:!px-2'}`}
-      >
+      <div className={`mt-6 px-3 ${forceMinimize ? '!flex !justify-center !px-2' : ''}`}>
         <PublishMenu forceMinimize={forceMinimize} onItemSelected={onNavigate} />
       </div>
 
       {/* The nav and the user's documents scroll together, so a long list
-          never squeezes the nav. The documents hide while the column is the
-          icon rail; the workspace has its own way to them there. */}
+          never squeezes the nav. A forced icon rail has no room for them. */}
       <div className="min-h-0 flex-1 overflow-y-auto">
         <Navigation
           currentPath={pathname || ''}
           onUnimplementedFeature={handleUnimplementedFeature}
           forceMinimize={forceMinimize}
           inScrollArea
-        />
-        <SidebarDocuments
           onNavigate={onNavigate}
-          className={forceMinimize ? '!hidden' : 'tablet:max-sidebar-compact:!hidden'}
         />
+        <SidebarDocuments onNavigate={onNavigate} className={forceMinimize ? '!hidden' : ''} />
       </div>
 
       {/* The scroll area above is flex-1, so this sits at the bottom of the column.
@@ -92,7 +85,7 @@ export const LeftSidebar: React.FC<LeftSidebarProps> = ({ forceMinimize = false,
         <FundingPowerRailButton />
       </div>
 
-      <div className={forceMinimize ? '!hidden' : 'tablet:max-sidebar-compact:!hidden'}>
+      <div className={forceMinimize ? '!hidden' : ''}>
         <FooterLinks />
       </div>
     </div>
diff --git a/app/layouts/Navigation.tsx b/app/layouts/Navigation.tsx
index 1917c5614..eb57e5165 100644
--- a/app/layouts/Navigation.tsx
+++ b/app/layouts/Navigation.tsx
@@ -38,6 +38,8 @@ interface NavigationProps {
   forceMinimize?: boolean;
   /** A parent scrolls the nav along with what follows it, so it neither grows nor scrolls itself. */
   inScrollArea?: boolean;
+  /** Runs once a link is followed: the menu holding the nav closes. */
+  onNavigate?: () => void;
 }
 
 const navIconMap: Record<NavIconKey, NavIcon> = {
@@ -60,6 +62,7 @@ export const Navigation: React.FC<NavigationProps> = ({
   onUnimplementedFeature,
   forceMinimize = false,
   inScrollArea = false,
+  onNavigate,
 }) => {
   const navigationItems: NavigationItem[] = [
     {
@@ -100,9 +103,7 @@ export const Navigation: React.FC<NavigationProps> = ({
   const getButtonStyles = (isActive: boolean) => {
     return cn(
       'flex w-full items-center rounded-lg px-3 py-2.5 text-[15px] font-medium transition-colors',
-      forceMinimize
-        ? '!justify-center !px-2'
-        : 'tablet:max-sidebar-compact:!justify-center tablet:max-sidebar-compact:!px-2',
+      forceMinimize && '!justify-center !px-2',
       isActive
         ? 'bg-primary-50 font-semibold text-primary-600'
         : 'font-medium text-gray-700 hover:bg-gray-50'
@@ -156,21 +157,23 @@ export const Navigation: React.FC<NavigationProps> = ({
 
       if (item.requiresAuth) {
         e.preventDefault();
-        executeAuthenticatedAction(() => router.push(item.href));
+        executeAuthenticatedAction(() => {
+          router.push(item.href);
+          onNavigate?.();
+        });
         return;
       }
+      onNavigate?.();
     };
 
     const isHomeIcon = item.isFontAwesome && item.iconKey === 'home';
 
     const iconContainerClass = cn(
       'flex h-[26px] w-[26px] flex-shrink-0 items-center justify-center',
-      forceMinimize ? 'mr-0' : 'mr-3.5 tablet:max-sidebar-compact:!mr-0'
+      forceMinimize ? 'mr-0' : 'mr-3.5'
     );
 
-    const textContainerClass = forceMinimize
-      ? 'hidden'
-      : 'flex w-full min-w-0 items-center tablet:max-sidebar-compact:!hidden';
+    const textContainerClass = forceMinimize ? 'hidden' : 'flex w-full min-w-0 items-center';
 
     const label = <span className="min-w-0 truncate">{item.label}</span>;
 
@@ -215,7 +218,7 @@ export const Navigation: React.FC<NavigationProps> = ({
       className={cn(
         'px-3 pt-6',
         !inScrollArea && 'flex-1 overflow-y-auto',
-        forceMinimize ? '!px-2' : 'tablet:max-sidebar-compact:!px-2'
+        forceMinimize && '!px-2'
       )}
     >
       <div className="space-y-2">
diff --git a/app/layouts/PageLayout.tsx b/app/layouts/PageLayout.tsx
index e650654cf..f1ff73560 100644
--- a/app/layouts/PageLayout.tsx
+++ b/app/layouts/PageLayout.tsx
@@ -109,7 +109,11 @@ function PageLayoutInner({
 
         <MobileOverlay show={showOverlay} visible={overlayVisible} onClose={closeLeftSidebar} />
 
-        <LeftSidebarContainer isOpen={isLeftSidebarOpen} onClose={closeLeftSidebar} />
+        <LeftSidebarContainer
+          isOpen={isLeftSidebarOpen}
+          onClose={closeLeftSidebar}
+          withPromoBanner={isPromoBannerVisible}
+        />
 
         {fullBleed ? (
           // Offset from the fixed top bar exactly as the scrollport below is,
diff --git a/app/layouts/PublishMenu.tsx b/app/layouts/PublishMenu.tsx
index d34699fc9..9c65b8f66 100644
--- a/app/layouts/PublishMenu.tsx
+++ b/app/layouts/PublishMenu.tsx
@@ -47,7 +47,7 @@ export const PublishMenu: React.FC<PublishMenuProps> = ({
   // Regular trigger for standard mode
   const standardTrigger = (
     <button
-      className={`flex items-center px-5 py-3.5 gap-2.5 text-[15px] font-medium rounded-lg bg-gray-100 hover:bg-gray-50 text-gray-800 shadow-[rgba(0,_0,_0,_0.15)_1.95px_1.95px_2.6px] ${forceMinimize ? '!hidden' : 'tablet:max-sidebar-compact:!hidden'}`}
+      className={`flex items-center px-5 py-3.5 gap-2.5 text-[15px] font-medium rounded-lg bg-gray-100 hover:bg-gray-50 text-gray-800 shadow-[rgba(0,_0,_0,_0.15)_1.95px_1.95px_2.6px] ${forceMinimize ? '!hidden' : ''}`}
       onClick={(e) => {
         e.stopPropagation();
         e.preventDefault();
@@ -62,10 +62,10 @@ export const PublishMenu: React.FC<PublishMenuProps> = ({
     </button>
   );
 
-  // Compact trigger for minimized sidebar
+  // Compact trigger for a sidebar forced into the icon rail
   const compactTrigger = (
     <button
-      className={`${forceMinimize ? '' : 'hidden'} tablet:max-sidebar-compact:!flex items-center justify-center p-3 rounded-lg bg-gray-100 hover:bg-gray-50 text-gray-800 shadow-[rgba(0,_0,_0,_0.15)_1.95px_1.95px_2.6px] mx-auto`}
+      className={`${forceMinimize ? 'flex' : 'hidden'} items-center justify-center p-3 rounded-lg bg-gray-100 hover:bg-gray-50 text-gray-800 shadow-[rgba(0,_0,_0,_0.15)_1.95px_1.95px_2.6px] mx-auto`}
       onClick={(e) => {
         e.stopPropagation();
         e.preventDefault();
diff --git a/app/layouts/TopBar.tsx b/app/layouts/TopBar.tsx
index cc7d8ca4d..2cdeb50e9 100644
--- a/app/layouts/TopBar.tsx
+++ b/app/layouts/TopBar.tsx
@@ -6,9 +6,8 @@ import { SearchModal } from '@/components/Search/SearchModal';
 import { useRouter, usePathname } from 'next/navigation';
 import { useAuthModalContext } from '@/contexts/AuthModalContext';
 import { useNotifications } from '@/contexts/NotificationContext';
-import Link from 'next/link';
+import { Menu } from 'lucide-react';
 import { calculateProfileCompletion } from '@/utils/profileCompletion';
-import { Logo } from '@/components/ui/Logo';
 import { Tabs } from '@/components/ui/Tabs';
 import { useFundTabs } from '@/hooks/useFundTabs';
 import { useFeedTabsVisibility } from '@/contexts/FeedTabsVisibilityContext';
@@ -22,10 +21,12 @@ import { TopBarBreadcrumb } from './topbar/TopBarBreadcrumb';
 import { TopBarUserControls } from './topbar/TopBarUserControls';
 
 interface TopBarProps {
+  /** Opens or closes the app's menu: the left sidebar, below the width at which it is a column. */
   onMenuClick: () => void;
+  readonly isMenuOpen?: boolean;
 }
 
-export function TopBar({ onMenuClick }: TopBarProps) {
+export function TopBar({ onMenuClick, isMenuOpen = false }: TopBarProps) {
   const { user, isLoading } = useUser();
   const router = useRouter();
   const pathname = usePathname();
@@ -50,7 +51,6 @@ export function TopBar({ onMenuClick }: TopBarProps) {
   const leftSlot = topBarSlot?.leftSlot;
   // Or keep the back arrow and name what the page has open instead of the page.
   const openTitle = topBarSlot?.title ?? null;
-  const leading = topBarSlot?.leading;
 
   const routePageInfo = getPageInfo(pathname);
   const pageInfo =
@@ -89,11 +89,16 @@ export function TopBar({ onMenuClick }: TopBarProps) {
         <div className="relative flex items-center justify-between px-4 lg:px-8 h-[var(--top-bar-height)]">
           {/* Left side */}
           <div className="flex items-center min-w-0 flex-1 mr-4 h-full">
-            <Link href="/" className="block tablet:!hidden mr-2">
-              <div className="rounded-full bg-gray-100 flex items-center justify-center w-11 h-11">
-                <Logo noText size={36} className="mt-[-2px]" />
-              </div>
-            </Link>
+            {/* The left sidebar is a column from 1240px up; narrower, this opens it. */}
+            <button
+              type="button"
+              onClick={onMenuClick}
+              aria-expanded={isMenuOpen}
+              aria-label={isMenuOpen ? 'Close menu' : 'Open menu'}
+              className="-ml-2 mr-1 flex h-11 w-11 shrink-0 items-center justify-center rounded-lg text-gray-700 transition-colors hover:bg-gray-100 hover:text-gray-900 sidebar-compact:!hidden"
+            >
+              <Menu className="h-6 w-6" aria-hidden="true" />
+            </button>
 
             {leftSlot ? (
               <div className="flex min-w-0 items-center">{leftSlot}</div>
@@ -110,8 +115,6 @@ export function TopBar({ onMenuClick }: TopBarProps) {
 
                 {showBackButton && <TopBarBackButton onClick={goBack} variant="desktop" />}
 
-                {leading}
-
                 {pageInfo && (
                   <TopBarBreadcrumb
                     pageInfo={showTopBarFundTabs ? { ...pageInfo, title: 'Fund' } : pageInfo}
diff --git a/app/layouts/components/LeftSidebarContainer.tsx b/app/layouts/components/LeftSidebarContainer.tsx
index 6a69f907f..3efe2ed77 100644
--- a/app/layouts/components/LeftSidebarContainer.tsx
+++ b/app/layouts/components/LeftSidebarContainer.tsx
@@ -5,25 +5,34 @@ import { LeftSidebar } from '../LeftSidebar';
 
 interface LeftSidebarContainerProps {
   isOpen: boolean;
-  /** Closes the phone's menu; see `LeftSidebar`'s `onNavigate`. */
+  /** Closes the menu once something in it is picked; see `LeftSidebar`'s `onNavigate`. */
   onClose?: () => void;
+  /** The phone's promo banner sits above the top bar, so the menu starts lower. */
+  withPromoBanner?: boolean;
 }
 
-export function LeftSidebarContainer({ isOpen, onClose }: LeftSidebarContainerProps) {
+/**
+ * The app's left column from 1240px up. Narrower than that there is no
+ * column: the top bar's menu button slides the whole sidebar in, under the
+ * top bar, over the page.
+ */
+export function LeftSidebarContainer({
+  isOpen,
+  onClose,
+  withPromoBanner = false,
+}: LeftSidebarContainerProps) {
   return (
     <div
       className={cn(
-        // Shared base styles
-        'bg-white border-r border-gray-200 flex-shrink-0 z-50',
-        'transition-all duration-300 ease-in-out',
-        // Desktop: sticky, no transform transition
-        'tablet:!sticky tablet:!top-0 tablet:!h-screen tablet:!z-30',
-        'tablet:!transition-none tablet:!translate-x-0',
-        'tablet:sidebar-compact:!w-[240px] tablet:max-sidebar-compact:!w-[70px]',
-        'tablet:!block tablet:!w-[240px]',
-        // Mobile: fixed, slides in/out below the constant-height top bar
-        'fixed top-[var(--top-bar-height)] h-[calc(100vh-var(--top-bar-height))] duration-150 w-[240px]',
-        isOpen ? '!translate-x-0' : '!-translate-x-full'
+        'bg-white border-r border-gray-200 flex-shrink-0 z-50 w-[240px]',
+        // The menu: fixed under the constant-height top bar, sliding in and out.
+        'fixed top-[var(--top-bar-height)] h-[calc(100vh-var(--top-bar-height))]',
+        withPromoBanner && 'left-sidebar-with-promo-banner',
+        'transition-transform duration-200 ease-out',
+        isOpen ? '!translate-x-0' : '!-translate-x-full',
+        // The column: in the page's row, always there.
+        'sidebar-compact:!sticky sidebar-compact:!top-0 sidebar-compact:!h-screen sidebar-compact:!z-30',
+        'sidebar-compact:!transition-none sidebar-compact:!translate-x-0'
       )}
     >
       <LeftSidebar onNavigate={onClose} />
diff --git a/app/layouts/components/MobileOverlay.tsx b/app/layouts/components/MobileOverlay.tsx
index e198ae091..e94ea84e0 100644
--- a/app/layouts/components/MobileOverlay.tsx
+++ b/app/layouts/components/MobileOverlay.tsx
@@ -13,7 +13,7 @@ export function MobileOverlay({ show, visible, onClose }: MobileOverlayProps) {
     <div
       className={`fixed inset-0 bg-black ${
         visible ? 'opacity-50' : 'opacity-0'
-      } z-40 tablet:!hidden transition-opacity duration-300 ease-in-out`}
+      } z-40 sidebar-compact:!hidden transition-opacity duration-300 ease-in-out`}
       onClick={onClose}
     />
   );
diff --git a/app/layouts/components/SidebarDocuments.tsx b/app/layouts/components/SidebarDocuments.tsx
index a2c5e63af..9cfba53cd 100644
--- a/app/layouts/components/SidebarDocuments.tsx
+++ b/app/layouts/components/SidebarDocuments.tsx
@@ -19,8 +19,6 @@ const PUBLISHED_SHOWN = 5;
 interface SidebarDocumentsProps {
   /** Runs after any choice that should put a drawer or an overlay away. */
   readonly onNavigate?: () => void;
-  /** A rule above the first heading, setting the documents apart from the nav. */
-  readonly divider?: boolean;
   readonly className?: string;
 }
 
@@ -29,7 +27,7 @@ interface SidebarDocumentsProps {
  * still a draft, with a "+" to start another, and what has been published.
  * Each opens in the workspace; the one open there is highlighted.
  */
-export function SidebarDocuments({ onNavigate, divider = true, className }: SidebarDocumentsProps) {
+export function SidebarDocuments({ onNavigate, className }: SidebarDocumentsProps) {
   const { drafts, published, status, refresh } = useFundingDocuments();
   const { startNew, openDraft } = useFundingDrafting();
   const target = useOptionalAIMode()?.target;
@@ -61,11 +59,7 @@ export function SidebarDocuments({ onNavigate, divider = true, className }: Side
 
   return (
     <div className={cn('px-3 pb-3', className)}>
-      {divider ? (
-        <div aria-hidden="true" className="mx-2 mb-3 mt-3.5 h-px bg-gray-200" />
-      ) : (
-        <div className="h-3" />
-      )}
+      <div aria-hidden="true" className="mx-2 mb-3 mt-3.5 h-px bg-gray-200" />
 
       <section aria-label="Drafts">
         <SectionHeading
diff --git a/app/layouts/components/TopBarContainer.tsx b/app/layouts/components/TopBarContainer.tsx
index 9001b3f07..6eb99a63e 100644
--- a/app/layouts/components/TopBarContainer.tsx
+++ b/app/layouts/components/TopBarContainer.tsx
@@ -20,12 +20,12 @@ export function TopBarContainer({
     <div
       data-top-bar-container
       className={`fixed top-0 right-0 z-[60] tablet:!z-50 tablet:!bg-white
-        left-0 tablet:!left-[240px] tablet:sidebar-compact:!left-[240px] tablet:max-sidebar-compact:!left-[70px]
+        left-0 sidebar-compact:!left-[240px]
         transition-transform duration-300 ease-in-out tablet:!transform-none
         ${shouldHide ? '-translate-y-full' : 'translate-y-0'}`}
     >
       <EndowmentPromoBanner />
-      <TopBar onMenuClick={onMenuClick} />
+      <TopBar onMenuClick={onMenuClick} isMenuOpen={isLeftSidebarOpen} />
     </div>
   );
 }
diff --git a/components/AIMode/WorkspacePage.tsx b/components/AIMode/WorkspacePage.tsx
index 961a0bdaa..621847db3 100644
--- a/components/AIMode/WorkspacePage.tsx
+++ b/components/AIMode/WorkspacePage.tsx
@@ -1,19 +1,18 @@
 'use client';
 
 import { useCallback, useEffect, useState } from 'react';
-import { PanelRightOpen } from 'lucide-react';
+import { PanelRightClose, PanelRightOpen } from 'lucide-react';
 import { PageLayout } from '@/app/layouts/PageLayout';
-import { SidebarDocuments } from '@/app/layouts/components/SidebarDocuments';
 import { useFundingDocuments } from '@/contexts/FundingDocumentsContext';
 import { useMediaQuery } from '@/hooks/useMediaQuery';
 import { useResizableWidth } from '@/hooks/useResizableWidth';
 import { isActiveExecutionStatus } from '@/types/agentChat';
-import { isRfpNote } from '@/types/note';
+import { isPublishedNote, isRfpNote } from '@/types/note';
 import { cn } from '@/utils/styles';
 import { AIModeProvider } from './AIModeContext';
 import { ChatPane } from './chat/ChatPane';
 import { newDraftTitle } from './copy';
-import { DocumentPane, type DocumentPaneView } from './document/DocumentPane';
+import { DocumentPane } from './document/DocumentPane';
 import { useAIModeDocument } from './document/useAIModeDocument';
 import { WorkspacePanes } from './shell/WorkspacePanes';
 import { WorkspaceTopBar } from './shell/WorkspaceTopBar';
@@ -58,20 +57,12 @@ function Workspace() {
   const state = useAIModeChat();
   const { target, note } = state;
 
-  // The left column holds the user's documents from the width at which it
-  // stops being an icon rail (Tailwind's `sidebar-compact`). Below that they
-  // wait behind a button, in a panel over the panes: the top bar's, or on a
-  // phone (where the app has no left column at all) the chat header's.
-  const listsInColumn = useMediaQuery('(min-width: 1240px)') === true;
+  // From Tailwind's `sidebar-compact` up the app's left column is there and
+  // the top bar has room for a document's title.
+  const isWide = useMediaQuery('(min-width: 1240px)') === true;
   // Tailwind's `tablet` breakpoint; the side-by-side panes only exist from it up.
   const phoneQuery = useMediaQuery('(max-width: 767px)');
   const isBelowTablet = phoneQuery === true;
-  const [documentsOpen, setDocumentsOpen] = useState(false);
-  const closeDocuments = useCallback(() => setDocumentsOpen(false), []);
-  const toggleDocuments = useCallback(() => setDocumentsOpen((open) => !open), []);
-  useEffect(() => {
-    if (listsInColumn) setDocumentsOpen(false);
-  }, [listsInColumn]);
 
   const latestExecution = state.chat.latestExecution;
   const turnActive = latestExecution != null && isActiveExecutionStatus(latestExecution.status);
@@ -80,6 +71,7 @@ function Workspace() {
     chat: state.chat.chat,
     latestExecution,
     assistantWorking: turnActive || state.anyTurnActive,
+    messagePending: state.messagePending,
   });
 
   // ---- the document's width: it drags, the chat takes the rest ----
@@ -93,8 +85,6 @@ function Workspace() {
     defaultWidth: (width) => width * DOCUMENT_DEFAULT_SHARE,
     anchor: 'right',
   });
-  // Document or details in the phone's drawer; the column only shows the document.
-  const [documentView, setDocumentView] = useState<DocumentPaneView>('document');
 
   // On desktop the document shows beside its chat as soon as it is open; on
   // a phone the chat header's toggle opens it in a drawer. Either way the
@@ -115,9 +105,6 @@ function Workspace() {
     },
     [noteId]
   );
-  useEffect(() => {
-    setDocumentView('document');
-  }, [noteId]);
   const closeDocument = useCallback(() => setDocumentOpen(false), [setDocumentOpen]);
   const showDocument = noteId != null && documentOpen && !doc.missing;
 
@@ -133,40 +120,36 @@ function Workspace() {
     );
   }, [noteId, docTitle, docUpdatedDate, patch]);
 
-  // The top bar names what is open: the document, or on the start screen
-  // what it will produce — an RFP or a proposal.
-  const headerTitle = target.kind === 'new' ? newDraftTitle(state.intent) : doc.title || 'Untitled';
+  // The top bar names what is open: on the start screen what it will
+  // produce — an RFP or a proposal — and on a document its title, or below
+  // the width at which a title stays readable just whether it is out yet.
+  const loadedNote = doc.details ?? doc.content;
+  const headerTitle =
+    target.kind === 'new'
+      ? newDraftTitle(state.intent)
+      : !isWide
+        ? isPublishedNote(loadedNote)
+          ? 'Published'
+          : 'Draft'
+        : doc.title || 'Untitled';
 
-  const documentPane = (presentation: 'pane' | 'drawer') => (
+  const documentPane = (inDrawer: boolean) => (
     <DocumentPane
       document={doc}
       chat={state.chat.chat}
       assistantWorking={state.anyTurnActive}
-      view={documentView}
-      onViewChange={setDocumentView}
-      presentation={presentation}
-      readOnly={presentation === 'drawer'}
-      className={presentation === 'drawer' ? '-mx-4 -mt-2' : undefined}
+      className={inDrawer ? '-mx-4 -mt-2' : undefined}
     />
   );
 
   return (
     <PageLayout fullBleed>
       <div ref={setPanesEl} className="workspace-fade-in flex min-h-0 flex-1 flex-col bg-gray-50">
-        <WorkspaceTopBar
-          title={headerTitle}
-          listOpen={documentsOpen}
-          onToggleList={listsInColumn || isBelowTablet ? undefined : toggleDocuments}
-        />
+        <WorkspaceTopBar title={headerTitle} />
 
         <WorkspacePanes
           isBelowTablet={isBelowTablet}
           documentWidth={{ ...documentWidth, min: DOCUMENT_MIN_WIDTH, max: documentMaxWidth }}
-          documents={
-            listsInColumn ? null : <SidebarDocuments divider={false} onNavigate={closeDocuments} />
-          }
-          documentsOpen={documentsOpen}
-          onCloseDocuments={closeDocuments}
           onCloseDocumentDrawer={closeDocument}
           chat={
             <ChatPane
@@ -174,7 +157,6 @@ function Workspace() {
               documentIsRfp={isRfpNote(doc.content)}
               documentIsEmpty={doc.status === 'empty'}
               documentMissing={doc.missing}
-              onOpenDocuments={isBelowTablet ? () => setDocumentsOpen(true) : undefined}
               headerActions={
                 noteId != null && (
                   <button
@@ -184,20 +166,26 @@ function Workspace() {
                     aria-label={showDocument ? 'Hide document' : 'Show document'}
                     title={showDocument ? 'Hide document' : 'Show document'}
                     className={cn(
-                      'flex h-[30px] w-[30px] shrink-0 items-center justify-center rounded-lg transition-colors',
+                      'flex h-[34px] w-[34px] shrink-0 items-center justify-center rounded-lg transition-colors',
                       showDocument
                         ? 'bg-primary-50 text-primary-700 hover:bg-primary-100'
                         : 'text-gray-500 hover:bg-gray-100 hover:text-gray-900'
                     )}
                   >
-                    <PanelRightOpen className="h-4 w-4" aria-hidden="true" />
+                    {/* The chevron points where the document goes: away to the
+                        right while it shows, in from the right while hidden. */}
+                    {showDocument ? (
+                      <PanelRightClose className="h-[18px] w-[18px]" aria-hidden="true" />
+                    ) : (
+                      <PanelRightOpen className="h-[18px] w-[18px]" aria-hidden="true" />
+                    )}
                   </button>
                 )
               }
             />
           }
-          document={showDocument ? documentPane('pane') : null}
-          documentDrawer={showDocument ? documentPane('drawer') : null}
+          document={showDocument ? documentPane(false) : null}
+          documentDrawer={showDocument ? documentPane(true) : null}
         />
       </div>
     </PageLayout>
diff --git a/components/AIMode/chat/ChatMenu.tsx b/components/AIMode/chat/ChatMenu.tsx
index 6fc668f27..3f464cfd7 100644
--- a/components/AIMode/chat/ChatMenu.tsx
+++ b/components/AIMode/chat/ChatMenu.tsx
@@ -32,11 +32,11 @@ export function ChatMenu({ title, onRename, onDelete, className }: ChatMenuProps
             aria-label="Chat options"
             title="Chat options"
             className={cn(
-              'flex h-[30px] w-[30px] items-center justify-center rounded-lg text-gray-500 transition-colors hover:bg-gray-100 hover:text-gray-900',
+              'flex h-[34px] w-[34px] items-center justify-center rounded-lg text-gray-500 transition-colors hover:bg-gray-100 hover:text-gray-900',
               className
             )}
           >
-            <MoreHorizontal className="h-4 w-4" />
+            <MoreHorizontal className="h-[18px] w-[18px]" aria-hidden="true" />
           </button>
         }
       >
diff --git a/components/AIMode/chat/ChatPane.tsx b/components/AIMode/chat/ChatPane.tsx
index e2b80b7f6..3c2c40c09 100644
--- a/components/AIMode/chat/ChatPane.tsx
+++ b/components/AIMode/chat/ChatPane.tsx
@@ -2,7 +2,7 @@
 
 import { useCallback, useEffect, useRef, useState, type ReactNode } from 'react';
 import Link from 'next/link';
-import { History, PanelLeftOpen } from 'lucide-react';
+import { History } from 'lucide-react';
 import { ChatComposer } from '@/components/AgentChat/ChatComposer';
 import { ChatEmptyState } from '@/components/AgentChat/ChatEmptyState';
 import { ChatPicker } from '@/components/AgentChat/ChatPicker';
@@ -36,8 +36,6 @@ interface ChatPaneProps {
   readonly documentIsEmpty: boolean;
   /** The open document no longer exists. */
   readonly documentMissing: boolean;
-  /** On a phone, which has no left column, this opens the user's documents. */
-  readonly onOpenDocuments?: () => void;
 }
 
 /**
@@ -51,7 +49,6 @@ export function ChatPane({
   documentIsRfp,
   documentIsEmpty,
   documentMissing,
-  onOpenDocuments,
 }: ChatPaneProps) {
   const {
     chatId,
@@ -257,23 +254,7 @@ export function ChatPane({
       {/* No border or fill: the title and its controls float over the pane.
           The start screen has no chat yet, so no header. */}
       {!onStart && !documentMissing && (
-        <header
-          className={cn(
-            'flex h-12 shrink-0 items-center gap-1 pr-2.5',
-            onOpenDocuments ? 'pl-2' : 'pl-5'
-          )}
-        >
-          {onOpenDocuments && (
-            <button
-              type="button"
-              onClick={onOpenDocuments}
-              aria-label="Show documents"
-              title="Show documents"
-              className="mr-1 flex h-[30px] w-[30px] shrink-0 items-center justify-center rounded-lg text-gray-500 transition-colors hover:bg-gray-100 hover:text-gray-900"
-            >
-              <PanelLeftOpen className="h-4 w-4" aria-hidden="true" />
-            </button>
-          )}
+        <header className="flex h-12 shrink-0 items-center gap-1 pl-5 pr-2">
           {renaming && chatId != null ? (
             <ChatTitleField
               initialValue={state.chatTitle ?? ''}
@@ -310,9 +291,9 @@ export function ChatPane({
                   type="button"
                   aria-label="Chat history"
                   title="Chat history"
-                  className="flex h-[30px] w-[30px] items-center justify-center rounded-lg text-gray-500 transition-colors hover:bg-gray-100 hover:text-gray-900 data-[state=open]:bg-gray-100 data-[state=open]:text-gray-900"
+                  className="flex h-[34px] w-[34px] items-center justify-center rounded-lg text-gray-500 transition-colors hover:bg-gray-100 hover:text-gray-900 data-[state=open]:bg-gray-100 data-[state=open]:text-gray-900"
                 >
-                  <History className="h-4 w-4" aria-hidden="true" />
+                  <History className="h-[18px] w-[18px]" aria-hidden="true" />
                 </button>
               }
             />
diff --git a/components/AIMode/document/DocumentPane.tsx b/components/AIMode/document/DocumentPane.tsx
index 722ace455..b229e5203 100644
--- a/components/AIMode/document/DocumentPane.tsx
+++ b/components/AIMode/document/DocumentPane.tsx
@@ -6,12 +6,7 @@ import { BlockEditorClientWrapper } from '@/components/Editor/components/BlockEd
 import { setDocumentTitle } from '@/components/Editor/lib/utils/documentTitle';
 import { AssistantActivityDot } from '@/components/AgentChat/AssistantActivityDot';
 import { NoteReviewBanner } from '@/components/Notebook/NoteReview/NoteReviewBanner';
-import {
-  PublishingForm,
-  PublishingFormProvider,
-  usePublishingCompletion,
-} from '@/components/Notebook/PublishingForm';
-import { ButtonGroup } from '@/components/ui/ButtonGroup';
+import { PublishingFormProvider } from '@/components/Notebook/PublishingForm';
 import { PublishingHostProvider, type PublishingHost } from '@/contexts/PublishingHostContext';
 import { useNoteDetailsSaver } from '@/hooks/useNoteDetailsSaver';
 import { NoteReviewControls } from '@/components/Notebook/NoteReview/NoteReviewControls';
@@ -25,14 +20,10 @@ import { useUpdateNote } from '@/hooks/useNote';
 import type { AgentChat } from '@/types/agentChat';
 import { cn } from '@/utils/styles';
 import { Masthead } from './masthead/Masthead';
-import { PublishControls } from './PublishControls';
 import { PublishDialog } from './PublishDialog';
 import { PublishPill } from './PublishPill';
 import type { AIModeDocument } from './useAIModeDocument';
 
-/** The document itself, or the full publishing details form the phone's drawer still has. */
-export type DocumentPaneView = 'document' | 'details';
-
 /** The page column: shared by the skeleton and the document so they line up. */
 const DOCUMENT_PAGE_CLASS =
   'ai-mode-document mx-auto w-full max-w-[860px] px-5 py-6 tablet:!px-8 tablet:!py-8';
@@ -43,24 +34,14 @@ interface DocumentPaneProps {
   readonly chat: AgentChat | null;
   /** The assistant has a turn running on this document in one of its other chats. */
   readonly assistantWorking?: boolean;
-  /** Which of the drawer's two views is showing; the column only has the document. */
-  readonly view: DocumentPaneView;
-  readonly onViewChange: (view: DocumentPaneView) => void;
-  /**
-   * A column beside the chat, or the drawer below the tablet breakpoint. The
-   * column is only the document: its publishing details head it and a
-   * Publish button floats over it. The drawer has not been redesigned yet,
-   * and keeps a Document | Details switch with its publish controls.
-   */
-  readonly presentation?: 'pane' | 'drawer';
-  /** The editor is never editable — the mobile drawer. */
-  readonly readOnly?: boolean;
   readonly className?: string;
 }
 
 /**
  * The document pane: the note the assistant is composing, in the real editor,
- * under a masthead that holds what it needs before it can be published.
+ * under a masthead that holds what it needs before it can be published, with
+ * a Publish button floating over it. The same in the column beside the chat
+ * and in the phone's drawer.
  * Each version the assistant writes is spliced into the editor as an in-note
  * review (highlighted insertions, struck removals, accept/reject), exactly as
  * in the notebook. The user can edit once the turn has settled; edits
@@ -72,18 +53,11 @@ export function DocumentPane({
   document,
   chat,
   assistantWorking = false,
-  view,
-  onViewChange,
-  presentation = 'pane',
-  readOnly = false,
   className,
 }: DocumentPaneProps) {
   const { note, content, loading, error, status, draftText, draftBlocks, phaseLabel } = document;
   const noteId = note?.id ?? null;
   const writing = status === 'drafting' || status === 'working';
-  const isPane = presentation === 'pane';
-  // The column has no details view; a drawer left on Details must not hide it.
-  const showingDocument = isPane || view === 'document';
 
   // ---- the editor, its autosave, and the assistant-version review ----
   const [editor, setEditor] = useState<Editor | null>(null);
@@ -163,12 +137,10 @@ export function DocumentPane({
   // mid-edit would make its next edit_note stale and the review jumpy.
   const locked = writing || editorLostContent;
 
-  // The assistant is writing the first version: nothing to show in the
-  // editor yet, so the whole pane becomes the progress screen.
-  const startingDocument =
-    status === 'working' && !document.hasWrittenVersion && review.review == null;
-
-  const openDetails = useCallback(() => onViewChange('details'), [onViewChange]);
+  // The assistant is about to write the first version: nothing to show in
+  // the editor yet, so the whole pane is the progress screen from the moment
+  // the message is sent, even before the note has loaded.
+  const startingDocument = document.starting && review.review == null;
 
   // The note's title heads the document and is what it is published under.
   // It is the note's own field, not the document's first heading, which here
@@ -224,12 +196,7 @@ export function DocumentPane({
   // The bottom-centre spot is the assistant's first: while it writes, and
   // while its changes wait to be accepted or rejected, there is no Publish.
   const showPublish =
-    isPane &&
-    content != null &&
-    !loading &&
-    !writing &&
-    review.review == null &&
-    !editorLostContent;
+    content != null && !loading && !writing && review.review == null && !editorLostContent;
 
   return (
     <PublishingHostProvider value={publishingHost}>
@@ -239,28 +206,21 @@ export function DocumentPane({
           dropping edits saved since. */}
       <PublishingFormProvider
         publishTitle={title}
-        publishConfirmation={isPane ? <PublishDialog title={title} onRename={rename} /> : undefined}
+        publishConfirmation={<PublishDialog title={title} onRename={rename} />}
         refreshedNote={document.details}
       >
         <div className={cn('relative flex h-full min-h-0 flex-col bg-white', className)}>
           {/* Above the content, so it does not scroll: flashing while the
               assistant works on the document, still while its changes wait
-              to be accepted or rejected. The drawer's top row has no room;
-              the chat beside it shows the work there. */}
-          {isPane && (writing || assistantWorking || reviewing) && (
+              to be accepted or rejected. */}
+          {(writing || assistantWorking || reviewing) && (
             <AssistantActivityDot
               state={writing || assistantWorking ? 'working' : 'review'}
               className="absolute right-4 top-4 z-10"
             />
           )}
-          {!isPane && (
-            <DrawerStrip view={view} onViewChange={onViewChange} onOpenDetails={openDetails} />
-          )}
-
-          {/* The document is the pane: no gutter, no card, just the page. The
-          editor stays mounted behind the drawer's details view — it holds the
-          review and autosave state, and the form publishes from it. */}
-          <div className={cn('min-h-0 flex-1 overflow-y-auto', !showingDocument && 'hidden')}>
+          {/* The document is the pane: no gutter, no card, just the page. */}
+          <div className="min-h-0 flex-1 overflow-y-auto">
             <NoteReviewBanner review={review} className="mx-6 mt-4" />
 
             {error && content == null ? (
@@ -270,22 +230,22 @@ export function DocumentPane({
                   Try again
                 </Button>
               </div>
+            ) : startingDocument ? (
+              <StartingDocument label={phaseLabel} />
             ) : loading || content == null ? (
               <div className={DOCUMENT_PAGE_CLASS}>
                 <DocumentPaneSkeleton />
               </div>
-            ) : startingDocument ? (
-              <StartingDocument label={phaseLabel} />
             ) : (
               <article
                 className={cn(
                   DOCUMENT_PAGE_CLASS,
                   'animate-in fade-in duration-300',
                   // Room for the last lines to scroll clear of the floating button.
-                  isPane && '!pb-28'
+                  '!pb-28'
                 )}
               >
-                <Masthead title={title} onRename={rename} readOnly={!isPane} />
+                <Masthead title={title} onRename={rename} />
                 {editorLostContent && (
                   <div className="mb-4 rounded-lg border border-amber-200 bg-amber-50 px-3 py-2 text-xs text-amber-800">
                     This document couldn’t be displayed here. Open it in the notebook to view it;
@@ -306,11 +266,11 @@ export function DocumentPane({
                     key={noteId ?? 'none'}
                     content={content.content}
                     contentJson={content.contentJson}
-                    editable={!readOnly}
+                    editable
                     locked={locked}
                     requireTitle={false}
                     autofocus={false}
-                    onUpdate={readOnly ? undefined : handleEditorUpdate}
+                    onUpdate={handleEditorUpdate}
                     setEditor={setEditor}
                   />
                 </div>
@@ -332,18 +292,7 @@ export function DocumentPane({
             )}
           </div>
 
-          {/* The drawer's full form, mounted only while showing: two inputs
-              registered on one field leave the form reading and writing
-              through whichever attached last, and keystrokes go missing. The
-              masthead beside it is read-only there for the same reason. The
-              values live in the provider, so nothing is lost by unmounting. */}
-          {!isPane && view === 'details' && (
-            <div className="min-h-0 flex-1 overflow-y-auto px-6 py-6">
-              <PublishingForm showFooter={false} />
-            </div>
-          )}
-
-          {review.review && showingDocument && (
+          {review.review && (
             <div className="pointer-events-none absolute inset-x-0 bottom-4 flex justify-center px-4">
               <NoteReviewControls
                 changeCount={review.review.changeCount}
@@ -360,36 +309,6 @@ export function DocumentPane({
   );
 }
 
-/**
- * The drawer's top row: a Document | Details switch, with how many required
- * details are left on the Details side, and the publish controls.
- */
-function DrawerStrip({
-  view,
-  onViewChange,
-  onOpenDetails,
-}: {
-  readonly view: DocumentPaneView;
-  readonly onViewChange: (view: DocumentPaneView) => void;
-  readonly onOpenDetails: () => void;
-}) {
-  const { remaining } = usePublishingCompletion();
-  return (
-    <div className="flex shrink-0 flex-wrap items-center justify-between gap-2 border-b border-gray-200 px-3 py-2">
-      <ButtonGroup
-        size="sm"
-        value={view}
-        onChange={(next) => onViewChange(next as DocumentPaneView)}
-        options={[
-          { value: 'document', label: 'Document' },
-          { value: 'details', label: 'Details', badge: remaining || undefined },
-        ]}
-      />
-      <PublishControls onOpenDetails={onOpenDetails} />
-    </div>
-  );
-}
-
 /**
  * The assistant is writing the first version. Fills the pane: there is no
  * document to sit beside yet, so the progress state is the page.
diff --git a/components/AIMode/document/PublishControls.tsx b/components/AIMode/document/PublishControls.tsx
deleted file mode 100644
index 05a384c1d..000000000
--- a/components/AIMode/document/PublishControls.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-'use client';
-
-import { PublishButton, PublishStatusPill } from '@/components/Notebook/PublishingForm';
-
-interface PublishControlsProps {
-  /** Opens the full details form, where the missing pieces are. */
-  readonly onOpenDetails: () => void;
-}
-
-/**
- * The document's publishing state and its publish button, side by side.
- * Renders inside the document's `PublishingFormProvider`; where it sits on
- * screen is the host's choice.
- */
-export function PublishControls({ onOpenDetails }: PublishControlsProps) {
-  return (
-    <div className="flex items-center gap-2">
-      <PublishStatusPill onOpenDetails={onOpenDetails} />
-      <PublishButton requireComplete size="sm" className="h-8 px-4 text-[13px]" />
-    </div>
-  );
-}
diff --git a/components/AIMode/document/PublishDialog.tsx b/components/AIMode/document/PublishDialog.tsx
index 8a1a554d5..f4caffe5f 100644
--- a/components/AIMode/document/PublishDialog.tsx
+++ b/components/AIMode/document/PublishDialog.tsx
@@ -3,12 +3,16 @@
 import { Fragment, useEffect, useState, type ReactNode } from 'react';
 import { Dialog, DialogPanel, DialogTitle, Transition, TransitionChild } from '@headlessui/react';
 import { useFormContext } from 'react-hook-form';
-import { HelpCircle } from 'lucide-react';
 import { PublishGuidelines } from '@/components/modals/ConfirmPublishModal';
 import { NonprofitConfirmModal, NonprofitSearchSection } from '@/components/Nonprofit';
 import { usePublishingController } from '@/components/Notebook/PublishingForm';
-import { GRANT_APPLICATION_VISIBILITY_OPTIONS } from '@/components/Notebook/PublishingForm/components/GrantApplicationVisibilitySection';
+import { FUNDRAISE_DURATION_HELP } from '@/components/Notebook/PublishingForm/components/EndDateSection';
 import {
+  GRANT_APPLICATION_VISIBILITY_HELP,
+  GRANT_APPLICATION_VISIBILITY_OPTIONS,
+} from '@/components/Notebook/PublishingForm/components/GrantApplicationVisibilitySection';
+import {
+  PROPOSAL_VISIBILITY_OPTIONS,
   useIsLockedPrivate,
   useShowPrivateWarning,
 } from '@/components/Notebook/PublishingForm/components/PreregistrationPrivacySection';
@@ -17,7 +21,7 @@ import type { PublishingFormData } from '@/components/Notebook/PublishingForm/sc
 import { Button } from '@/components/ui/Button';
 import { ButtonGroup } from '@/components/ui/ButtonGroup';
 import { Checkbox } from '@/components/ui/form/Checkbox';
-import { Tooltip } from '@/components/ui/Tooltip';
+import { RadioGroup } from '@/components/ui/form/RadioGroup';
 import { usePublishReadiness } from './masthead/usePublishReadiness';
 import { MissingDetails, RowButton } from './MissingDetails';
 
@@ -181,17 +185,31 @@ export function PublishDialog({ title, onRename }: PublishDialogProps) {
   );
 }
 
-/** A setting with a default: its name at the left, its control at the right. */
-function SettingRow({
+/**
+ * A setting with a default: its name, a line on what it decides, and its
+ * choices, each saying what it means, as the notebook's Details tab has them.
+ */
+function SettingSection({
   label,
+  help,
+  action,
   children,
 }: {
   readonly label: ReactNode;
-  readonly children: ReactNode;
+  readonly help?: ReactNode;
+  /** A control at the right of the name, for a setting that is only offered. */
+  readonly action?: ReactNode;
+  readonly children?: ReactNode;
 }) {
   return (
-    <div className="flex items-center justify-between gap-3">
-      <div className="text-[13px] font-medium text-gray-700">{label}</div>
+    <div className="flex flex-col gap-2">
+      <div className="flex items-start justify-between gap-3">
+        <div className="min-w-0">
+          <div className="text-[13px] font-medium text-gray-700">{label}</div>
+          {help && <p className="mt-0.5 text-xs leading-snug text-gray-500">{help}</p>}
+        </div>
+        {action}
+      </div>
       {children}
     </div>
   );
@@ -202,6 +220,10 @@ function SettingNote({ children }: { readonly children: ReactNode }) {
   return <p className="-mt-2 text-xs leading-snug text-gray-600">{children}</p>;
 }
 
+/** What a nonprofit does for a proposal, for the moment before one is added. */
+const NONPROFIT_HELP =
+  'A nonprofit, such as your university’s foundation, can receive the funds for you. Endaoment, a nonprofit community foundation, processes the donations and sends them on, so you never handle payments and donors can get a tax receipt.';
+
 /**
  * A new proposal's settings: who can see it, how long it stays open, and a
  * nonprofit to receive the funds. Two rules come with the first, and the
@@ -223,75 +245,51 @@ function ProposalSettings() {
 
   return (
     <>
-      <SettingRow label="Visibility">
-        {isLockedPrivate ? (
-          <span className="text-[13px] font-medium text-gray-900">Private to funder</span>
-        ) : (
-          <ButtonGroup
+      {isLockedPrivate ? (
+        <SettingSection
+          label="Visibility"
+          help="The RFP you are applying to only takes private proposals. Only the funder and vetted peer reviewers will be able to view yours."
+        />
+      ) : (
+        <SettingSection label="Visibility">
+          <RadioGroup
             size="sm"
+            options={PROPOSAL_VISIBILITY_OPTIONS}
             value={isPublic === false ? 'private' : 'public'}
             onChange={(next) => setValue('isPublic', next === 'public', { shouldValidate: true })}
-            options={[
-              { value: 'public', label: 'Public' },
-              { value: 'private', label: 'Private to funder' },
-            ]}
           />
-        )}
-      </SettingRow>
-      {isLockedPrivate && (
-        <SettingNote>
-          The RFP you are applying to only takes private proposals. Only funder and vetted
-          peer-reviewers will be able to view yours.
-        </SettingNote>
+        </SettingSection>
       )}
       {privateNeedsRfp && (
         <SettingNote>In order to submit a private proposal, you must select an RFP.</SettingNote>
       )}
 
-      <SettingRow label="Open for">
+      <SettingSection label="Open for" help={FUNDRAISE_DURATION_HELP}>
         <ButtonGroup
           size="sm"
+          className="self-start"
           value={days}
           onChange={(next) =>
             setValue('fundraiseEndDays', next as (typeof FUNDRAISE_DAYS)[number], {
               shouldDirty: true,
             })
           }
-          options={FUNDRAISE_DAYS.map((value) => ({
-            value,
-            label: value === days ? `${value} days` : value,
-          }))}
+          options={FUNDRAISE_DAYS.map((value) => ({ value, label: `${value} days` }))}
         />
-      </SettingRow>
+      </SettingSection>
 
       {nonprofitOpen ? (
         <NonprofitSearchSection />
       ) : (
-        <SettingRow
+        <SettingSection
           label={
-            <span className="flex items-center gap-1">
+            <>
               Nonprofit <span className="font-normal text-gray-500">optional</span>
-              <Tooltip
-                content="A nonprofit, such as your university’s foundation, can receive the funds for you. Endaoment, a nonprofit community foundation, processes the donations and sends them on, so you never handle payments and donors can get a tax receipt."
-                position="top"
-                width="w-72"
-                theme="dark"
-                wrapperAs="span"
-                wrapperClassName="inline-flex"
-              >
-                <span
-                  tabIndex={0}
-                  aria-label="About nonprofits"
-                  className="flex h-5 w-5 items-center justify-center rounded-full text-gray-400 transition-colors hover:text-gray-600 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-600/40"
-                >
-                  <HelpCircle className="h-4 w-4" aria-hidden="true" />
-                </span>
-              </Tooltip>
-            </span>
+            </>
           }
-        >
-          <RowButton onClick={() => setNonprofitOpen(true)}>Add</RowButton>
-        </SettingRow>
+          help={NONPROFIT_HELP}
+          action={<RowButton onClick={() => setNonprofitOpen(true)}>Add</RowButton>}
+        />
       )}
     </>
   );
@@ -301,31 +299,19 @@ function ProposalSettings() {
 function RfpSettings() {
   const { watch, setValue } = useFormContext<PublishingFormData>();
   const value = watch('applicationVisibility') ?? 'OPTIONAL';
-  const selected = GRANT_APPLICATION_VISIBILITY_OPTIONS.find((option) => option.value === value);
 
   return (
-    <div className="flex flex-col gap-2">
-      <div className="text-[13px] font-medium text-gray-700">Application visibility</div>
-      <ButtonGroup
+    <SettingSection label="Application visibility" help={GRANT_APPLICATION_VISIBILITY_HELP}>
+      <RadioGroup
         size="sm"
-        className="self-start"
+        options={GRANT_APPLICATION_VISIBILITY_OPTIONS}
         value={value}
         onChange={(next) =>
           setValue('applicationVisibility', next as PublishingFormData['applicationVisibility'], {
             shouldValidate: true,
           })
         }
-        options={GRANT_APPLICATION_VISIBILITY_OPTIONS.map((option) => ({
-          value: option.value,
-          label: option.label,
-        }))}
       />
-      {selected && (
-        <p className="flex flex-wrap items-center gap-x-2 gap-y-1 text-xs leading-snug text-gray-600">
-          {selected.description}
-          {selected.badge}
-        </p>
-      )}
-    </div>
+    </SettingSection>
   );
 }
diff --git a/components/AIMode/document/PublishPill.tsx b/components/AIMode/document/PublishPill.tsx
index d166b723d..a3cf44b16 100644
--- a/components/AIMode/document/PublishPill.tsx
+++ b/components/AIMode/document/PublishPill.tsx
@@ -1,8 +1,10 @@
 'use client';
 
-import { ExternalLink } from 'lucide-react';
+import { ExternalLink, Send } from 'lucide-react';
 import { usePublishingController } from '@/components/Notebook/PublishingForm';
 import { getWorkPath } from '@/components/Notebook/PublishingForm/formMapping';
+import { Loader } from '@/components/ui/Loader';
+import { cn } from '@/utils/styles';
 
 /**
  * The document's Publish button, floating at the bottom centre of the pane.
@@ -31,8 +33,6 @@ export function PublishPill() {
   const disabled =
     controller.readOnly || controller.isDeclined || controller.isPublishing || editor == null;
 
-  const buttonClass =
-    'rounded-full bg-primary-600 font-semibold text-white transition-colors hover:bg-primary-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-600 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-60';
   const livePath =
     isPublished && note?.post && workId ? getWorkPath(articleType, workId, note.post.slug) : null;
 
@@ -50,27 +50,107 @@ export function PublishPill() {
             <ExternalLink className="h-3.5 w-3.5" aria-hidden="true" />
           </a>
           <span aria-hidden="true" className="mx-3 h-5 w-px bg-gray-200" />
-          <button
-            type="button"
-            onClick={handleClick}
+          <PublishAction
+            label={busyLabel ?? 'Update'}
+            busy={busyLabel != null}
             disabled={disabled}
-            data-testid="workspace-publish"
-            className={`${buttonClass} h-9 px-4 text-sm`}
-          >
-            {busyLabel ?? 'Update'}
-          </button>
+            onClick={handleClick}
+            size="sm"
+          />
         </div>
       ) : (
-        <button
-          type="button"
-          onClick={handleClick}
+        <PublishAction
+          label={busyLabel ?? 'Publish'}
+          busy={busyLabel != null}
           disabled={disabled}
-          data-testid="workspace-publish"
-          className={`${buttonClass} pointer-events-auto h-11 px-6 text-[15px] shadow-[0_10px_28px_rgba(37,99,235,0.3),0_2px_6px_rgba(17,24,39,0.12)]`}
-        >
-          {busyLabel ?? 'Publish'}
-        </button>
+          onClick={handleClick}
+          size="lg"
+          className="pointer-events-auto"
+        />
       )}
     </div>
   );
 }
+
+/**
+ * The blue button: a paper plane and its label. On hover it lifts, the blue
+ * runs into indigo, a streak of light crosses it and the plane takes off and
+ * lands again; with reduced motion only the colours change. While the
+ * publish is under way a spinner stands in for the plane.
+ */
+function PublishAction({
+  label,
+  busy,
+  disabled,
+  onClick,
+  size,
+  className,
+}: {
+  readonly label: string;
+  readonly busy: boolean;
+  readonly disabled: boolean;
+  readonly onClick: () => void;
+  /** The floating pill, or the button inside the published pill. */
+  readonly size: 'lg' | 'sm';
+  readonly className?: string;
+}) {
+  const large = size === 'lg';
+  // Nothing moves for a button that cannot be pressed.
+  const lively = !disabled;
+
+  return (
+    <button
+      type="button"
+      onClick={onClick}
+      disabled={disabled}
+      data-testid="workspace-publish"
+      className={cn(
+        'group relative inline-flex items-center overflow-hidden rounded-full bg-primary-600 font-semibold text-white',
+        'transition-[transform,box-shadow] duration-300 ease-out',
+        'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-600 focus-visible:ring-offset-2',
+        'disabled:cursor-not-allowed disabled:opacity-60',
+        large
+          ? 'h-11 gap-2 pl-5 pr-6 text-[15px] shadow-[0_10px_28px_rgba(37,99,235,0.3),0_2px_6px_rgba(17,24,39,0.12)]'
+          : 'h-9 gap-1.5 pl-3.5 pr-4 text-sm',
+        lively &&
+          (large
+            ? 'hover:shadow-[0_16px_40px_rgba(79,70,229,0.45),0_4px_10px_rgba(17,24,39,0.14)]'
+            : 'hover:shadow-[0_6px_18px_rgba(79,70,229,0.4)]'),
+        lively && 'active:scale-[0.97] motion-safe:hover:-translate-y-0.5',
+        className
+      )}
+    >
+      {lively && (
+        <>
+          {/* The blue running into indigo: a gradient can't transition, so it fades in over the fill. */}
+          <span
+            aria-hidden="true"
+            className="pointer-events-none absolute inset-0 bg-gradient-to-r from-primary-600 to-indigo-600 opacity-0 transition-opacity duration-300 group-hover:opacity-100"
+          />
+          {/* A streak of light that crosses once per hover, parked off the left edge between. */}
+          <span
+            aria-hidden="true"
+            className="pointer-events-none absolute inset-y-0 left-0 w-1/3 -translate-x-[150%] bg-gradient-to-r from-transparent via-white/40 to-transparent motion-safe:group-hover:animate-shimmer-quick"
+          />
+        </>
+      )}
+      <span
+        className={cn(
+          'relative flex shrink-0 items-center justify-center',
+          large ? 'h-4 w-4' : 'h-3.5 w-3.5'
+        )}
+      >
+        {busy ? (
+          <Loader size="sm" className="h-full w-full" />
+        ) : (
+          <Send
+            aria-hidden="true"
+            strokeWidth={2.25}
+            className={cn('h-full w-full', lively && 'motion-safe:group-hover:animate-take-off')}
+          />
+        )}
+      </span>
+      <span className="relative whitespace-nowrap">{label}</span>
+    </button>
+  );
+}
diff --git a/components/AIMode/document/useAIModeDocument.ts b/components/AIMode/document/useAIModeDocument.ts
index 9a6f9d02a..e11c76c10 100644
--- a/components/AIMode/document/useAIModeDocument.ts
+++ b/components/AIMode/document/useAIModeDocument.ts
@@ -19,7 +19,10 @@ export type DocumentStatus =
   | 'empty'
   /** A turn is running and the model is composing an `edit_note` right now. */
   | 'drafting'
-  /** A turn is running with no draft streaming (other providers, or between edits). */
+  /**
+   * A turn is running with no draft streaming (other providers, or between
+   * edits), or a message to the assistant is on its way.
+   */
   | 'working'
   /** No turn running: content only. */
   | 'settled';
@@ -50,6 +53,11 @@ export interface AIModeDocument {
   readonly error: string | null;
   /** The note does not exist (any more). */
   readonly missing: boolean;
+  /**
+   * The assistant is about to write the first version: a message is on its
+   * way or a turn is running, and nothing is written or being written yet.
+   */
+  readonly starting: boolean;
   readonly status: DocumentStatus;
   /**
    * The assistant has written at least one version: the loaded note had one,
@@ -72,6 +80,8 @@ interface UseAIModeDocumentOptions {
   readonly latestExecution: ChatExecution | null;
   /** The assistant has a turn running on this document, in any of its chats. */
   readonly assistantWorking: boolean;
+  /** A message to the assistant is on its way from this chat, its turn not yet started. */
+  readonly messagePending: boolean;
 }
 
 /** Any succeeded `edit_note` in the chat carries the version it produced. */
@@ -110,6 +120,7 @@ export function useAIModeDocument({
   chat,
   latestExecution,
   assistantWorking,
+  messagePending,
 }: UseAIModeDocumentOptions): AIModeDocument {
   const noteId = note?.id ?? null;
   const [loadedContent, setContent] = useState<NoteWithContent | null>(null);
@@ -213,13 +224,26 @@ export function useAIModeDocument({
     ''
   ).trim();
 
+  // A sent message counts as work from the moment it leaves: the turn it
+  // starts takes a moment to show up, and the document must not read as
+  // idle (or empty) in between.
+  const working = turnActive || messagePending;
   const status: DocumentStatus = useMemo(() => {
     if (noteId == null) return 'absent';
     if (draftText != null) return 'drafting';
-    if (turnActive) return 'working';
+    if (working) return 'working';
     if (content != null && !hasWrittenVersion) return 'empty';
     return 'settled';
-  }, [noteId, draftText, turnActive, content, hasWrittenVersion]);
+  }, [noteId, draftText, working, content, hasWrittenVersion]);
+
+  // Before the note has loaded, only a message sent from here says it is
+  // about to be written: a turn found running on a document just opened may
+  // be editing one that already has text.
+  const starting =
+    noteId != null &&
+    draftText == null &&
+    !hasWrittenVersion &&
+    (content == null ? messagePending : working);
 
   return {
     note,
@@ -232,6 +256,7 @@ export function useAIModeDocument({
     error,
     missing,
     status,
+    starting,
     hasWrittenVersion,
     draftText,
     draftBlocks,
diff --git a/components/AIMode/shell/WorkspacePanes.tsx b/components/AIMode/shell/WorkspacePanes.tsx
index 5ec094e51..138107af1 100644
--- a/components/AIMode/shell/WorkspacePanes.tsx
+++ b/components/AIMode/shell/WorkspacePanes.tsx
@@ -15,22 +15,13 @@ interface WorkspacePanesProps {
   readonly documentDrawer: ReactNode | null;
   readonly isBelowTablet: boolean;
   readonly documentWidth: ResizableWidth & { readonly min: number; readonly max: number };
-  /**
-   * The user's documents, for the widths at which the app's left column is an
-   * icon rail, or absent on a phone; null when they are in it.
-   */
-  readonly documents: ReactNode | null;
-  /** Shows the documents in a panel over the panes. */
-  readonly documentsOpen: boolean;
-  readonly onCloseDocuments: () => void;
   readonly onCloseDocumentDrawer: () => void;
 }
 
 /**
  * The chat, and the document beside it on the right. The document's column
  * drags; the chat takes the rest. Below the tablet breakpoint the document
- * lives in a bottom drawer. Where the app's left column is an icon rail, the
- * user's documents open over the panes.
+ * lives in a bottom drawer.
  */
 export function WorkspacePanes({
   chat,
@@ -38,9 +29,6 @@ export function WorkspacePanes({
   documentDrawer,
   isBelowTablet,
   documentWidth,
-  documents,
-  documentsOpen,
-  onCloseDocuments,
   onCloseDocumentDrawer,
 }: WorkspacePanesProps) {
   const documentShown = document != null;
@@ -68,24 +56,6 @@ export function WorkspacePanes({
             {document}
           </aside>
         )}
-
-        {/* Below the width at which the left column holds them, the
-            documents slide over the panes from its edge. */}
-        {documents != null && documentsOpen && (
-          <>
-            <div
-              aria-hidden="true"
-              onClick={onCloseDocuments}
-              className="workspace-fade-in absolute inset-0 z-10 bg-gray-900/20"
-            />
-            <aside
-              aria-label="Your documents"
-              className="workspace-fade-in absolute inset-y-0 left-0 z-20 flex w-[240px] flex-col overflow-y-auto border-r border-gray-200 bg-white shadow-xl"
-            >
-              {documents}
-            </aside>
-          </>
-        )}
       </div>
 
       <SwipeableDrawer
diff --git a/components/AIMode/shell/WorkspaceTopBar.tsx b/components/AIMode/shell/WorkspaceTopBar.tsx
index 0a7217ddc..cd2d7f56f 100644
--- a/components/AIMode/shell/WorkspaceTopBar.tsx
+++ b/components/AIMode/shell/WorkspaceTopBar.tsx
@@ -1,20 +1,11 @@
 'use client';
 
-import { useEffect, useMemo } from 'react';
-import { PanelLeftOpen } from 'lucide-react';
+import { useEffect } from 'react';
 import { useTopBarSlot } from '@/contexts/TopBarSlotContext';
-import { cn } from '@/utils/styles';
 
 interface WorkspaceTopBarProps {
-  /** What is open: the document's title, or "New RFP" or "New proposal" on the start screen. */
+  /** What is open: the document, or "New RFP" or "New proposal" on the start screen. */
   readonly title: string;
-  /**
-   * Shows or hides the user's documents while the app's left column is an
-   * icon rail with no room for them; absent once the column holds them, and
-   * on a phone, where the ☰ menu has them.
-   */
-  readonly onToggleList?: () => void;
-  readonly listOpen?: boolean;
 }
 
 /**
@@ -23,42 +14,14 @@ interface WorkspaceTopBarProps {
  * bar's slots live inside `PageLayout`, so this sits among the page's
  * children and hands the title up from there.
  */
-export function WorkspaceTopBar({ title, onToggleList, listOpen = false }: WorkspaceTopBarProps) {
+export function WorkspaceTopBar({ title }: WorkspaceTopBarProps) {
   const slot = useTopBarSlot();
   const setTitle = slot?.setTitle;
-  const setLeading = slot?.setLeading;
 
   useEffect(() => {
     setTitle?.(title);
   }, [setTitle, title]);
   useEffect(() => () => setTitle?.(null), [setTitle]);
 
-  const listButton = useMemo(() => {
-    if (!onToggleList) return null;
-    const label = listOpen ? 'Hide documents' : 'Show documents';
-    return (
-      <button
-        type="button"
-        onClick={onToggleList}
-        aria-pressed={listOpen}
-        aria-label={label}
-        title={label}
-        className={cn(
-          'mr-2 hidden shrink-0 items-center justify-center rounded-lg p-1.5 transition-colors tablet:!inline-flex sidebar-compact:!hidden',
-          listOpen
-            ? 'bg-primary-50 text-primary-700 hover:bg-primary-100'
-            : 'text-gray-500 hover:bg-gray-100 hover:text-gray-900'
-        )}
-      >
-        <PanelLeftOpen className="h-[18px] w-[18px]" aria-hidden="true" />
-      </button>
-    );
-  }, [onToggleList, listOpen]);
-
-  useEffect(() => {
-    setLeading?.(listButton);
-  }, [setLeading, listButton]);
-  useEffect(() => () => setLeading?.(null), [setLeading]);
-
   return null;
 }
diff --git a/components/Notebook/PublishingForm/PublishStatusPill.tsx b/components/Notebook/PublishingForm/PublishStatusPill.tsx
deleted file mode 100644
index bf638349c..000000000
--- a/components/Notebook/PublishingForm/PublishStatusPill.tsx
+++ /dev/null
@@ -1,93 +0,0 @@
-'use client';
-
-import { Check, ExternalLink } from 'lucide-react';
-import { cn } from '@/utils/styles';
-import { getRequiredFields, usePublishingCompletion } from './completion';
-import { getWorkPath } from './formMapping';
-import { usePublishingController } from './PublishingFormProvider';
-
-/** Stroke length of the ring's circumference, so a share of it can be dashed. */
-const RING_CIRCUMFERENCE = 37.7;
-
-interface PublishStatusPillProps {
-  /** Opens the full details form, where the missing pieces are. */
-  readonly onOpenDetails: () => void;
-  readonly className?: string;
-}
-
-/**
- * Where the note stands on the way to publishing: how many required details
- * are still missing, that it is ready, or that it is already published (with
- * a way to its page).
- */
-export function PublishStatusPill({ onOpenDetails, className }: PublishStatusPillProps) {
-  const { note, articleType, workId, isPublished } = usePublishingController();
-  const { remaining } = usePublishingCompletion();
-
-  const base =
-    'inline-flex h-[30px] shrink-0 items-center gap-1.5 rounded-full border px-2.5 text-xs font-semibold transition-colors';
-
-  if (isPublished && note?.post && articleType && workId) {
-    return (
-      <a
-        href={getWorkPath(articleType, workId, note.post.slug)}
-        target="_blank"
-        rel="noopener noreferrer"
-        className={cn(
-          base,
-          'border-emerald-300 bg-emerald-50 text-emerald-700 hover:bg-emerald-100',
-          className
-        )}
-      >
-        <span aria-hidden="true" className="h-1.5 w-1.5 rounded-full bg-emerald-600" />
-        Published
-        <ExternalLink className="h-3 w-3" aria-hidden="true" />
-      </a>
-    );
-  }
-
-  if (remaining === 0) {
-    return (
-      <span className={cn(base, 'border-emerald-300 bg-emerald-50 text-emerald-700', className)}>
-        <span className="flex h-4 w-4 items-center justify-center rounded-full bg-emerald-600 text-white">
-          <Check className="h-2.5 w-2.5" strokeWidth={3.5} aria-hidden="true" />
-        </span>
-        Ready to publish
-      </span>
-    );
-  }
-
-  // The ring fills as the type's required details are completed.
-  const total = articleType
-    ? Math.max(getRequiredFields(articleType).length, remaining)
-    : remaining;
-  const done = total - remaining;
-
-  return (
-    <button
-      type="button"
-      onClick={onOpenDetails}
-      title="See what is left to fill in"
-      className={cn(
-        base,
-        'border-amber-200 bg-amber-50 text-amber-700 hover:bg-amber-100',
-        className
-      )}
-    >
-      <svg width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" className="-rotate-90">
-        <circle cx="8" cy="8" r="6" fill="none" strokeWidth="2.5" className="stroke-amber-200" />
-        <circle
-          cx="8"
-          cy="8"
-          r="6"
-          fill="none"
-          strokeWidth="2.5"
-          strokeLinecap="round"
-          strokeDasharray={`${(done / total) * RING_CIRCUMFERENCE} ${RING_CIRCUMFERENCE}`}
-          className="stroke-amber-700"
-        />
-      </svg>
-      {remaining} remaining
-    </button>
-  );
-}
diff --git a/components/Notebook/PublishingForm/components/EndDateSection.tsx b/components/Notebook/PublishingForm/components/EndDateSection.tsx
index a4efad3e3..7ebd151bb 100644
--- a/components/Notebook/PublishingForm/components/EndDateSection.tsx
+++ b/components/Notebook/PublishingForm/components/EndDateSection.tsx
@@ -1,6 +1,10 @@
 import { useFormContext } from 'react-hook-form';
 import { ChevronDown } from 'lucide-react';
 
+/** What a fundraise's duration means; shared with the workspace's publish dialog. */
+export const FUNDRAISE_DURATION_HELP =
+  'Your proposal will stop accepting contributions after this period.';
+
 const END_DATE_OPTIONS = [
   { value: '30', label: '30 days' },
   { value: '60', label: '60 days' },
@@ -34,9 +38,7 @@ export function EndDateSection() {
         </select>
         <ChevronDown className="pointer-events-none absolute right-2.5 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-400" />
       </div>
-      <p className="mt-1 text-xs text-gray-500">
-        Your proposal will stop accepting contributions after this period.
-      </p>
+      <p className="mt-1 text-xs text-gray-500">{FUNDRAISE_DURATION_HELP}</p>
     </div>
   );
 }
diff --git a/components/Notebook/PublishingForm/components/GrantApplicationVisibilitySection.tsx b/components/Notebook/PublishingForm/components/GrantApplicationVisibilitySection.tsx
index 0e3eb5c3a..215364a9d 100644
--- a/components/Notebook/PublishingForm/components/GrantApplicationVisibilitySection.tsx
+++ b/components/Notebook/PublishingForm/components/GrantApplicationVisibilitySection.tsx
@@ -12,12 +12,15 @@ const CommunityMatchBadge = () => (
   </CommunityMatchTooltip>
 );
 
+/** What the setting decides; shared with the workspace's publish dialog. */
+export const GRANT_APPLICATION_VISIBILITY_HELP = 'Choose how applicants submit proposals';
+
 /** How an RFP lets its applicants submit; shared with the workspace's publish dialog. */
 export const GRANT_APPLICATION_VISIBILITY_OPTIONS = [
   {
     value: 'OPTIONAL',
     label: 'Applicant chooses',
-    description: 'Applicants can submit either a public or a private proposals.',
+    description: 'Applicants can submit either a public or a private proposal.',
   },
   {
     value: 'PUBLIC',
@@ -39,7 +42,7 @@ export function GrantApplicationVisibilitySection() {
   return (
     <div className="py-3 px-6">
       <SectionHeader icon={Eye}>Application Visibility</SectionHeader>
-      <p className="mb-2 text-sm text-gray-500">Choose how applicants submit proposals</p>
+      <p className="mb-2 text-sm text-gray-500">{GRANT_APPLICATION_VISIBILITY_HELP}</p>
       <div className="mt-2">
         <RadioGroup
           options={GRANT_APPLICATION_VISIBILITY_OPTIONS}
diff --git a/components/Notebook/PublishingForm/components/PreregistrationPrivacySection.tsx b/components/Notebook/PublishingForm/components/PreregistrationPrivacySection.tsx
index 246ad6057..b636253ef 100644
--- a/components/Notebook/PublishingForm/components/PreregistrationPrivacySection.tsx
+++ b/components/Notebook/PublishingForm/components/PreregistrationPrivacySection.tsx
@@ -3,7 +3,8 @@ import { Lock, AlertTriangle } from 'lucide-react';
 import { RadioGroup } from '@/components/ui/form/RadioGroup';
 import { SectionHeader } from './SectionHeader';
 
-const OPTIONS = [
+/** Who can see a proposal; shared with the workspace's publish dialog. */
+export const PROPOSAL_VISIBILITY_OPTIONS = [
   {
     value: 'public',
     label: 'Public',
@@ -68,7 +69,7 @@ export function PreregistrationPrivacySection() {
       <SectionHeader icon={Lock}>Visibility</SectionHeader>
       <div className="mt-2">
         <RadioGroup
-          options={OPTIONS}
+          options={PROPOSAL_VISIBILITY_OPTIONS}
           value={value}
           onChange={(next) => setValue('isPublic', next === 'public', { shouldValidate: true })}
           size="sm"
diff --git a/components/Notebook/PublishingForm/index.tsx b/components/Notebook/PublishingForm/index.tsx
index 611ae9cec..122d03af7 100644
--- a/components/Notebook/PublishingForm/index.tsx
+++ b/components/Notebook/PublishingForm/index.tsx
@@ -27,7 +27,6 @@ import type { PublishingFormData } from './schema';
 
 export { PublishingFormProvider, usePublishingController } from './PublishingFormProvider';
 export { PublishButton } from './PublishButton';
-export { PublishStatusPill } from './PublishStatusPill';
 export { usePublishingCompletion } from './completion';
 
 const FEATURE_FLAG_RESEARCH_COIN = false;
diff --git a/components/ui/SwipeableDrawer.tsx b/components/ui/SwipeableDrawer.tsx
index 2daf3eb03..74167f497 100644
--- a/components/ui/SwipeableDrawer.tsx
+++ b/components/ui/SwipeableDrawer.tsx
@@ -1,7 +1,7 @@
 'use client';
 
 import { X as CloseIcon } from 'lucide-react';
-import React, { useEffect, useRef, useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { createPortal } from 'react-dom';
 
 interface SwipeableDrawerProps {
@@ -65,7 +65,6 @@ export const SwipeableDrawer: React.FC<SwipeableDrawerProps> = ({
   swipeThreshold = 50,
 }) => {
   const [isMounted, setIsMounted] = useState(false);
-  const drawerRef = useRef<HTMLDivElement>(null);
   const [touchStart, setTouchStart] = useState<number | null>(null);
   const [touchEnd, setTouchEnd] = useState<number | null>(null);
 
@@ -107,19 +106,10 @@ export const SwipeableDrawer: React.FC<SwipeableDrawerProps> = ({
     setTouchEnd(null);
   };
 
-  // Close the drawer when clicking outside
-  useEffect(() => {
-    const handleClickOutside = (event: MouseEvent): void => {
-      if (drawerRef.current && !drawerRef.current.contains(event.target as Node) && isOpen) {
-        onClose();
-      }
-    };
-
-    document.addEventListener('mousedown', handleClickOutside);
-    return () => {
-      document.removeEventListener('mousedown', handleClickOutside);
-    };
-  }, [isOpen, onClose]);
+  // A tap outside the drawer lands on the backdrop, which closes it. Not a
+  // document-wide listener: a dialog opened from inside the drawer renders in
+  // a portal outside it, and every tap in that dialog would close the drawer
+  // (and the dialog with it).
 
   // Handle ESC key press
   useEffect(() => {
@@ -152,7 +142,6 @@ export const SwipeableDrawer: React.FC<SwipeableDrawerProps> = ({
 
       {/* Drawer */}
       <div
-        ref={drawerRef}
         className={`fixed bottom-0 left-0 right-0 z-[1001] bg-white shadow-xl rounded-t-2xl transition-transform duration-300 ease-in-out flex flex-col ${
           isOpen ? 'translate-y-0' : 'translate-y-full'
         } ${className}`}
diff --git a/contexts/TopBarSlotContext.tsx b/contexts/TopBarSlotContext.tsx
index 340a81a61..3bc3ffc82 100644
--- a/contexts/TopBarSlotContext.tsx
+++ b/contexts/TopBarSlotContext.tsx
@@ -12,9 +12,6 @@ interface TopBarSlotContextValue {
    */
   title: string | null;
   setTitle: (title: string | null) => void;
-  /** A control seated between the back arrow and the title. */
-  leading: ReactNode;
-  setLeading: (node: ReactNode) => void;
 }
 
 const TopBarSlotContext = createContext<TopBarSlotContextValue | null>(null);
@@ -23,17 +20,13 @@ const TopBarSlotContext = createContext<TopBarSlotContextValue | null>(null);
  * Lets a page inject a custom element into the shared TopBar's left area (where
  * the breadcrumb normally renders). Used by the notebook to surface its
  * "Notebook" notes dropdown in the standard top bar, and by the workspace to
- * put the open document's or conversation's title there. Pages that don't set
+ * put the open document's title there. Pages that don't set
  * anything fall back to the default breadcrumb.
  */
 export function TopBarSlotProvider({ children }: { children: ReactNode }) {
   const [leftSlot, setLeftSlot] = useState<ReactNode>(null);
   const [title, setTitle] = useState<string | null>(null);
-  const [leading, setLeading] = useState<ReactNode>(null);
-  const value = useMemo(
-    () => ({ leftSlot, setLeftSlot, title, setTitle, leading, setLeading }),
-    [leftSlot, title, leading]
-  );
+  const value = useMemo(() => ({ leftSlot, setLeftSlot, title, setTitle }), [leftSlot, title]);
   return <TopBarSlotContext.Provider value={value}>{children}</TopBarSlotContext.Provider>;
 }
 
diff --git a/hooks/useChatSession.ts b/hooks/useChatSession.ts
index 7d793d4ed..bfe35c52e 100644
--- a/hooks/useChatSession.ts
+++ b/hooks/useChatSession.ts
@@ -73,6 +73,11 @@ export interface ChatSession {
   readonly clearNotice: () => void;
   /** A brand-new chat is being created for the first message. */
   readonly creatingChat: boolean;
+  /**
+   * A message is on its way and its turn has not shown up yet: its chat is
+   * being created, it waits for that chat to open, or it is being posted.
+   */
+  readonly messagePending: boolean;
   /**
    * Sending would be refused: the allowance is unknown or spent, or a tier
    * that picks its model has no catalog yet to pick from.
@@ -385,6 +390,7 @@ export function useChatSession({
     notice,
     clearNotice,
     creatingChat,
+    messagePending: creatingChat || queuedMessage != null || chat.pendingSend !== null,
     sendBlocked,
     composerBusy,
     canStop,
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 8dcc81237..4daf69176 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -70,6 +70,23 @@ export default {
           '0%, 18%': { backgroundPosition: '100% 0' },
           '82%, 100%': { backgroundPosition: '0% 0' },
         },
+        // A paper plane leaving up and to the right, then coming back in from
+        // the lower left and settling with a small overshoot. Each leg has its
+        // own easing: it speeds up on the way out and slows on the way in.
+        'take-off': {
+          '0%': {
+            transform: 'translate(0, 0) scale(1)',
+            opacity: '1',
+            animationTimingFunction: 'cubic-bezier(0.55, 0, 1, 0.45)',
+          },
+          '38%': { transform: 'translate(160%, -160%) scale(0.6)', opacity: '0' },
+          '39%': {
+            transform: 'translate(-160%, 160%) scale(0.6)',
+            opacity: '0',
+            animationTimingFunction: 'cubic-bezier(0.34, 1.56, 0.64, 1)',
+          },
+          '100%': { transform: 'translate(0, 0) scale(1)', opacity: '1' },
+        },
       },
       animation: {
         'pulse-slow': 'pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite',
@@ -80,6 +97,9 @@ export default {
         // Single sweep. `both` keeps the streak parked off-screen during the
         // delay instead of sitting mid-element until it starts.
         shimmer: 'shimmer 1.6s ease-in-out 0.45s both',
+        // The same streak, answering a hover: no wait before it starts.
+        'shimmer-quick': 'shimmer 0.9s ease-out 0.05s both',
+        'take-off': 'take-off 0.8s both',
         'text-shine': 'text-shine 2.25s cubic-bezier(0.25, 0.1, 0.25, 1) infinite',
       },
       backgroundImage: {