@kabmo-labs/kabmo 0.0.1 → 0.1.0

package/src/client/components/layout/session-sidebar/SessionItem.tsx

@@ -3,6 +3,7 @@ import { Check, ChevronDown, ChevronRight, CircleQuestionMark, Loader2, MoreHori
 import { useInlineRename } from '@/client/hooks/ui/inline-rename';
 import { useSessionRenaming } from '@/client/hooks/workspace/renaming-sessions';
 import { SessionActionsMenu, useRowMenu } from '@/client/components/common/session-actions-menu';
+import { SelectionCheckbox } from '@/client/components/common/batch-selection/SelectionCheckbox';
 
 export interface SessionItemProps {
   /** The session this row draws; the key its in-flight rename is tracked under. */
@@ -29,6 +30,11 @@ export interface SessionItemProps {
   isExpanded?: boolean;
   hasSubagents?: boolean;
   onToggleExpand?: (e: TargetedMouseEvent<HTMLElement>) => void;
+  /** Draw a checkbox and let the row's click toggle the selection instead of
+   *  opening the session (batch mode). */
+  selectable?: boolean;
+  selected?: boolean;
+  onToggleSelect?: () => void;
 }
 
 export function SessionItem({
@@ -48,6 +54,9 @@ export function SessionItem({
   isExpanded = false,
   hasSubagents = false,
   onToggleExpand,
+  selectable = false,
+  selected = false,
+  onToggleSelect,
 }: SessionItemProps) {
   // A rename in flight is drawn in the same 16px slot the run spinner uses, so
   // a row the user just acted on says so where they are already looking. It
@@ -82,14 +91,32 @@ export function SessionItem({
       <div
         data-testid="session-item"
         data-session-id={String(sessionId)}
-        onClick={isEditing ? undefined : onClick}
-        onContextMenu={hasActions && !isEditing ? menu.openAtCursor : undefined}
+        data-selected={selectable && selected ? 'true' : undefined}
+        onClick={isEditing ? undefined : selectable ? onToggleSelect : onClick}
+        onContextMenu={hasActions && !isEditing && !selectable ? menu.openAtCursor : undefined}
         className={`group/item relative flex items-center w-full rounded-lg px-2 py-1.5 cursor-pointer text-xs transition-colors select-none ${
-          isActive
-            ? 'bg-ink/10 font-medium text-ink'
-            : 'text-ink/75 hover:text-ink hover:bg-ink/5'
+          selectable && selected
+            ? 'bg-ink/10 text-ink ring-1 ring-inset ring-ink/20'
+            : isActive
+              ? 'bg-ink/10 font-medium text-ink'
+              : 'text-ink/75 hover:text-ink hover:bg-ink/5'
         }`}
       >
+        {/* The checkbox takes the row's leading slot in batch mode. It replaces
+            the status/chevron column rather than sitting beside it: a row in
+            this mode is a choice, and a run spinner next to a checkbox reads as
+            a second, unrelated control. */}
+        {selectable ? (
+          <>
+            <SelectionCheckbox
+              checked={selected}
+              label={`Select ${title}`}
+              onChange={() => onToggleSelect?.()}
+            />
+            <span className="w-2 shrink-0" />
+          </>
+        ) : (
+          <>
         {/* One 16px slot owns both icons — never two side by side. A live run
             signal (blocked question, run spinner) holds the slot; otherwise the
             chevron is pinned, collapsed or expanded. While the signal holds it,
@@ -147,6 +174,8 @@ export function SessionItem({
 
         {/* Gap between icon and text */}
         <span className="w-2 shrink-0" />
+          </>
+        )}
 
         {/* Session Title - aligned straight with Folder Name */}
         {isEditing ? (
@@ -181,7 +210,7 @@ export function SessionItem({
             `ml-1` on top of the button's own `p-1` is the same 8px the title
             keeps from the time column, so the row's two gaps read as one
             rhythm instead of the glyph crowding the age. */}
-        {!isEditing && hasActions && (
+        {!isEditing && hasActions && !selectable && (
           <button
             type="button"
             onClick={menu.openBelow}

package/src/client/components/layout/session-sidebar/SessionList.tsx

@@ -1,7 +1,9 @@
 import { Category } from '@/client/components/layout/session-sidebar/CategoryItem';
+import type { BatchBinding } from '@/client/components/common/batch-selection/types';
+import type { WorkspaceFolderData } from '@/shared/types';
 
 interface SessionSidebarSessionListProps {
-  folders: any[];
+  folders: WorkspaceFolderData[];
   activeSessionId: number | string | null;
   searchQuery: string;
   showArchived: boolean;
@@ -10,6 +12,9 @@ interface SessionSidebarSessionListProps {
   onNewSessionForFolder: (id: number) => void;
   /** Surfaces a refused folder action (the reveal endpoint's own reason). */
   onToast?: (message: string, type?: 'success' | 'error') => void;
+  /** Present only while a batch selection is active. */
+  batch?: BatchBinding;
+  onStartSessionSelection?: (folderId: number) => void;
 }
 
 export function SessionSidebarSessionList({
@@ -21,6 +26,8 @@ export function SessionSidebarSessionList({
   onSelectSession,
   onNewSessionForFolder,
   onToast,
+  batch,
+  onStartSessionSelection,
 }: SessionSidebarSessionListProps) {
   // No fade wiring here: the app-wide scrollbar rule reveals this list's bar
   // from the document's own capture-phase listener (`lib/scrollbar-activity`),
@@ -43,6 +50,8 @@ export function SessionSidebarSessionList({
             showArchived={showArchived}
             sessionStatus={sessionStatus}
             onToast={onToast}
+            batch={batch}
+            onStartSessionSelection={onStartSessionSelection}
           />
         ))
       )}

package/src/client/components/layout/session-sidebar/Toolbar.test.ts

@@ -75,6 +75,8 @@ async function mount() {
       scheduledCount: 0,
       onRefresh: () => {},
       refreshing: false,
+      onSelectWorkspaces: () => {},
+      selecting: false,
     }), container);
   });
   return { el: container, calls };

package/src/client/components/layout/session-sidebar/Toolbar.tsx

@@ -1,4 +1,4 @@
-import { Archive, ArrowUpDown, Calendar, FolderPlus, Plus, RefreshCw, Search, X } from 'lucide-preact';
+import { Archive, ArrowUpDown, Calendar, FolderPlus, ListChecks, Plus, RefreshCw, Search, X } from 'lucide-preact';
 import { useLayoutEffect, useRef, useState } from 'preact/hooks';
 import type { SessionSortOption } from '@/shared/types';
 import { SortMenu } from '@/client/components/common/sort-menu';
@@ -32,6 +32,10 @@ interface SessionSidebarToolbarProps {
   onRefresh: () => void;
   /** True while the user-initiated refresh is in flight — spins the icon. */
   refreshing: boolean;
+  /** Enter the workspace batch-selection mode (checkbox on each workspace). */
+  onSelectWorkspaces: () => void;
+  /** True while a batch selection is active — the control reads pressed. */
+  selecting: boolean;
 }
 
 /**
@@ -88,6 +92,8 @@ export function SessionSidebarToolbar({
   scheduledCount,
   onRefresh,
   refreshing,
+  onSelectWorkspaces,
+  selecting,
 }: SessionSidebarToolbarProps) {
   const { ref: rowRef, width } = useRowWidth();
   const capacity = sidebarToolbarCapacity(width);
@@ -111,6 +117,15 @@ export function SessionSidebarToolbar({
   if (hidden.includes('archive')) {
     overflowActions.push({ id: 'archive', label: archiveLabel, icon: Archive, onSelect: onToggleArchived, active: showArchived });
   }
+  if (hidden.includes('select')) {
+    overflowActions.push({
+      id: 'select',
+      label: selecting ? 'Cancel selection' : 'Select workspaces',
+      icon: ListChecks,
+      onSelect: onSelectWorkspaces,
+      active: selecting,
+    });
+  }
   if (hidden.includes('scheduler')) {
     overflowActions.push({ id: 'scheduler', label: schedulerLabel, icon: Calendar, onSelect: onScheduler });
   }
@@ -199,6 +214,18 @@ export function SessionSidebarToolbar({
               <Search size={14} />
             </button>
           )}
+          {visible.has('select') && (
+            <button
+              type="button"
+              title={selecting ? 'Cancel selection' : 'Select workspaces'}
+              aria-label={selecting ? 'Cancel selection' : 'Select workspaces'}
+              aria-pressed={selecting}
+              onClick={onSelectWorkspaces}
+              className={`${ICON_CLASS} ${selecting ? ICON_ACTIVE : ICON_IDLE}`}
+            >
+              <ListChecks size={14} />
+            </button>
+          )}
           {visible.has('archive') && (
             <button
               type="button"

package/src/client/components/layout/session-sidebar/index.tsx

@@ -18,6 +18,12 @@ import { useSessionSidebarController } from '@/client/hooks/chat/omp/session-sid
 import { startPendingSession } from '@/client/hooks/chat/omp/pending-sessions';
 import { useScheduledTaskCount } from '@/client/hooks/workspace/scheduled-tasks';
 import { cloneWorkspaceFolder, createWorkspaceFolder } from '@/client/hooks/workspace/new-workspace';
+import { useBatchSelection } from '@/client/hooks/workspace/batch-selection';
+import { useBatchDeleteRun } from '@/client/hooks/workspace/batch-delete-run';
+import { BatchActionBar } from '@/client/components/common/batch-selection/BatchActionBar';
+import { BatchDeleteModal } from '@/client/components/common/batch-selection/BatchDeleteModal';
+import type { BatchBinding } from '@/client/components/common/batch-selection/types';
+import { liveSelection, selectableSessionIds } from '@/shared/lib/workspace/batch-select';
 import type { AgentStreamStatus } from '@/shared/lib/chat/omp/status';
 
 export function SessionSidebar({ className = '', onClose, appSettings = {}, streamStatus }: { className?: string, onClose?: () => void, appSettings?: Record<string, any>, streamStatus?: AgentStreamStatus }) {
@@ -55,6 +61,43 @@ export function SessionSidebar({ className = '', onClose, appSettings = {}, stre
   // Sidebar inline states
   const [isSearchVisible, setIsSearchVisible] = useState(false);
 
+  // Batch selection: two separate modes (sessions from a workspace's `⋯` menu,
+  // workspaces from the toolbar). `batchDelete.pending` holds the ids the
+  // confirmation dialog is about; the bar's Delete opens it and never deletes
+  // on its own.
+  const batch = useBatchSelection();
+  const batchDelete = useBatchDeleteRun(refreshNow);
+
+  const scopeFolder = batch.scopeFolderId === null
+    ? null
+    : processedFolders.find((folder) => folder.id === batch.scopeFolderId) ?? null;
+  const batchAvailable = batch.mode === 'workspace'
+    ? processedFolders.map((folder) => String(folder.id))
+    : batch.mode === 'session'
+      ? selectableSessionIds(scopeFolder?.sessions ?? [], showArchived)
+      : [];
+  // The count and the payload are the LIVE selection: an id that vanished from
+  // the list (deleted in another tab, filtered away) is not something this bar
+  // may still claim, and not something Delete may still send.
+  const batchSelected = liveSelection(batch.selected, batchAvailable);
+
+  const batchBinding: BatchBinding | undefined = batch.mode
+    ? {
+        mode: batch.mode,
+        scopeFolderId: batch.scopeFolderId,
+        selected: batch.selected,
+        toggle: batch.toggle,
+        selectAllOf: batch.selectAllOf,
+        unselectAllOf: batch.unselectAllOf,
+        summaryOf: batch.summaryOf,
+      }
+    : undefined;
+
+  const startWorkspaceSelection = () => {
+    if (batch.mode === 'workspace') batch.end();
+    else batch.begin('workspace');
+  };
+
   // The popup's "Update now" hands the run over instead of starting its own: the
   // About modal is where an update has always been driven from and it owns the
   // live output, so this opens it and starts the run it will draw. The popup
@@ -131,6 +174,8 @@ export function SessionSidebar({ className = '', onClose, appSettings = {}, stre
           scheduledCount={scheduledCount}
           onRefresh={refreshNow}
           refreshing={isRefreshing}
+          onSelectWorkspaces={startWorkspaceSelection}
+          selecting={batch.mode !== null}
         />
 
         {initializing ? (
@@ -145,6 +190,22 @@ export function SessionSidebar({ className = '', onClose, appSettings = {}, stre
             onSelectSession={handleSelectSession}
             onNewSessionForFolder={handleNewSessionForFolder}
             onToast={pushToast}
+            batch={batchBinding}
+            onStartSessionSelection={(folderId) => batch.begin('session', folderId)}
+          />
+        )}
+
+        {batch.mode && (
+          <BatchActionBar
+            mode={batch.mode}
+            count={batchSelected.length}
+            total={batchAvailable.length}
+            busy={batchDelete.isDeleting}
+            scopeLabel={scopeFolder?.name}
+            onSelectAll={() => batch.selectAllOf(batchAvailable)}
+            onUnselectAll={() => batch.unselectAllOf(batchAvailable)}
+            onDelete={() => batchDelete.request(batchSelected)}
+            onCancel={batch.end}
           />
         )}
 
@@ -174,6 +235,32 @@ export function SessionSidebar({ className = '', onClose, appSettings = {}, stre
           Its "Update now" hands the run to the About modal below. */}
       <UpdatePopup updates={updates} />
 
+      {/* Batch delete confirmation. It stays open on a refusal so the reasons
+          can be read; a fully successful run closes itself and leaves the mode. */}
+      <BatchDeleteModal
+        mode={batch.mode ?? 'session'}
+        count={batchDelete.pending.length}
+        scopeLabel={scopeFolder?.name}
+        isDeleting={batchDelete.isDeleting}
+        outcome={batchDelete.outcome}
+        onClose={() => {
+          // A run that finished cleanly also ends the mode; one that refused
+          // ids keeps it, so the rows that survived are still selected for a
+          // second attempt.
+          const refusedCount = batchDelete.outcome?.refused.length ?? 0;
+          batchDelete.cancel();
+          if (batchDelete.outcome && refusedCount === 0) batch.end();
+        }}
+        onConfirm={() => {
+          const mode = batch.mode ?? 'session';
+          void batchDelete.confirm(mode).then((result) => {
+            // A finished run leaves the mode; a refused one keeps it so the
+            // remaining rows are still selectable for a second attempt.
+            if (result && result.refused.length === 0) batch.end();
+          });
+        }}
+      />
+
       {/* New Workspace Modal */}
       <NewWorkspaceModal
         isOpen={newWorkspaceOpen}

package/src/client/components/mobile/SessionSidebar.tsx

@@ -16,6 +16,12 @@ import { useSessionSidebarController } from '@/client/hooks/chat/omp/session-sid
 import { useScheduledTaskCount } from '@/client/hooks/workspace/scheduled-tasks';
 import { cloneWorkspaceFolder, createWorkspaceFolder } from '@/client/hooks/workspace/new-workspace';
 import { MobileSessionListSkeleton } from '@/client/components/mobile/mobile-session-sidebar/Skeleton';
+import { useBatchSelection } from '@/client/hooks/workspace/batch-selection';
+import { useBatchDeleteRun } from '@/client/hooks/workspace/batch-delete-run';
+import { BatchActionBar } from '@/client/components/common/batch-selection/BatchActionBar';
+import { BatchDeleteModal } from '@/client/components/common/batch-selection/BatchDeleteModal';
+import type { BatchBinding } from '@/client/components/common/batch-selection/types';
+import { liveSelection, selectableSessionIds } from '@/shared/lib/workspace/batch-select';
 
 interface MobileSessionSidebarProps {
   activeSessionId: number | string | null;
@@ -139,6 +145,40 @@ export function MobileSessionSidebar({
     setShowArchived(!showArchived);
   };
 
+  // Batch selection — same two modes and the same rules as the desktop sidebar
+  // (the state machine and the confirmation are shared hooks/components).
+  const batch = useBatchSelection();
+  const batchDelete = useBatchDeleteRun(refreshNow);
+
+  const scopeFolder = batch.scopeFolderId === null
+    ? null
+    : processedFolders.find((folder) => folder.id === batch.scopeFolderId) ?? null;
+  const batchAvailable = batch.mode === 'workspace'
+    ? processedFolders.map((folder) => String(folder.id))
+    : batch.mode === 'session'
+      ? selectableSessionIds(scopeFolder?.sessions ?? [], showArchived)
+      : [];
+  // Same rule as the desktop sidebar: the count and the payload are the LIVE
+  // selection, so a row removed elsewhere cannot be counted or sent.
+  const batchSelected = liveSelection(batch.selected, batchAvailable);
+
+  const batchBinding: BatchBinding | undefined = batch.mode
+    ? {
+        mode: batch.mode,
+        scopeFolderId: batch.scopeFolderId,
+        selected: batch.selected,
+        toggle: batch.toggle,
+        selectAllOf: batch.selectAllOf,
+        unselectAllOf: batch.unselectAllOf,
+        summaryOf: batch.summaryOf,
+      }
+    : undefined;
+
+  const startWorkspaceSelection = () => {
+    if (batch.mode === 'workspace') batch.end();
+    else batch.begin('workspace');
+  };
+
   return (
     <div className="flex flex-col h-full w-full bg-canvas text-ink relative select-none">
       
@@ -163,6 +203,8 @@ export function MobileSessionSidebar({
         onHideArchived={() => setShowArchived(false)}
         onSearchChange={setSearchQuery}
         onClearSearch={() => setSearchQuery('')}
+        onSelectWorkspaces={startWorkspaceSelection}
+        selecting={batch.mode !== null}
       />
 
       {initializing ? (
@@ -178,6 +220,22 @@ export function MobileSessionSidebar({
           onNewSessionForFolder={handleNewSessionForFolderAndClose}
           onToggleFolder={toggleFolder}
           onToast={pushToast}
+          batch={batchBinding}
+          onStartSessionSelection={(folderId) => batch.begin('session', folderId)}
+        />
+      )}
+
+      {batch.mode && (
+        <BatchActionBar
+          mode={batch.mode}
+          count={batchSelected.length}
+          total={batchAvailable.length}
+          busy={batchDelete.isDeleting}
+          scopeLabel={scopeFolder?.name}
+          onSelectAll={() => batch.selectAllOf(batchAvailable)}
+          onUnselectAll={() => batch.unselectAllOf(batchAvailable)}
+          onDelete={() => batchDelete.request(batchSelected)}
+          onCancel={batch.end}
         />
       )}
 
@@ -216,6 +274,26 @@ export function MobileSessionSidebar({
           Its "Update now" hands the run to the About modal below. */}
       <UpdatePopup updates={updates} />
 
+      {/* Batch delete confirmation — same dialog the desktop draws. */}
+      <BatchDeleteModal
+        mode={batch.mode ?? 'session'}
+        count={batchDelete.pending.length}
+        scopeLabel={scopeFolder?.name}
+        isDeleting={batchDelete.isDeleting}
+        outcome={batchDelete.outcome}
+        onClose={() => {
+          const refusedCount = batchDelete.outcome?.refused.length ?? 0;
+          batchDelete.cancel();
+          if (batchDelete.outcome && refusedCount === 0) batch.end();
+        }}
+        onConfirm={() => {
+          const mode = batch.mode ?? 'session';
+          void batchDelete.confirm(mode).then((result) => {
+            if (result && result.refused.length === 0) batch.end();
+          });
+        }}
+      />
+
       <ToastStack toasts={toasts} onDismiss={dismissToast} />
 
     </div>

package/src/client/components/mobile/mobile-session-sidebar/Item.tsx

@@ -10,11 +10,13 @@ import { useWorkspaceFolderActions } from '@/client/hooks/workspace/workspace-fo
 import { useSessionDelete } from '@/client/hooks/workspace/session-delete';
 import { SessionDeleteModal } from '@/client/components/common/session-delete-modal';
 import { getProjectIcon } from '@/shared/lib/workspace/project-icon';
-import { selectVisibleSessions } from '@/shared/lib/workspace/session-visibility';
 import { relativeTimeAgo } from '@/shared/lib/workspace/relative-time';
 import { useOnClickOutside } from '@/client/hooks/ui/on-click-outside';
 import { useSidebarData } from '@/client/hooks/chat/omp/session-list';
 import type { WorkspaceFolderData } from '@/shared/types';
+import type { BatchBinding } from '@/client/components/common/batch-selection/types';
+import { folderBatchState } from '@/client/components/common/batch-selection/folder-state';
+import { SelectionCheckbox } from '@/client/components/common/batch-selection/SelectionCheckbox';
 
 interface MobileSessionCategoryProps {
   folder: WorkspaceFolderData;
@@ -26,6 +28,10 @@ interface MobileSessionCategoryProps {
   showArchived?: boolean;
   sessionStatus?: Record<string, 'stream' | 'finish' | 'abort'>;
   onToast?: (message: string, type?: 'success' | 'error') => void;
+  /** Present only while a batch selection is active; absent is the normal list. */
+  batch?: BatchBinding;
+  /** Start a session selection scoped to this workspace, from its `⋯` menu. */
+  onStartSessionSelection?: (folderId: number) => void;
 }
 
 export function MobileSessionCategory({
@@ -38,6 +44,8 @@ export function MobileSessionCategory({
   showArchived = false,
   sessionStatus = {},
   onToast,
+  batch,
+  onStartSessionSelection,
 }: MobileSessionCategoryProps) {
   const { visibleCount, showMore, showLess, canShowLess } = useShowMore();
   const { refresh } = useSidebarData();
@@ -91,23 +99,45 @@ export function MobileSessionCategory({
   const filteredSessions = (folder.sessions || []).filter((s) =>
     showArchived ? s.is_archived === 1 : s.is_archived !== 1
   );
-  // Same window as the desktop sidebar: the opened session and every live run
-  // stay on screen past the boundary, so nothing being watched is paginated
-  // away on the phone either.
-  const { rendered: visibleSessions, hiddenCount } = selectVisibleSessions(
-    filteredSessions,
-    visibleCount,
-    { activeSessionId, sessionStatus },
-  );
   const ProjectIcon = getProjectIcon(folder.icon);
 
+  // Batch rules are shared with the desktop category (`folderBatchState`), so
+  // the phone cannot offer a different scope, summary or pagination rule.
+  const {
+    folderCheckbox,
+    sessionCheckboxes,
+    folderSummary,
+    toggleFolderSelection,
+    rendered: visibleSessions,
+    hiddenCount,
+  } = folderBatchState({
+    batch,
+    folder,
+    sessions: filteredSessions,
+    showArchived,
+    visibleCount,
+    activeSessionId,
+    sessionStatus,
+  });
+  const listOpen = isExpanded || sessionCheckboxes;
+
   return (
     <div className="mb-4">
       <div
-        onClick={onToggleExpand}
+        onClick={batch ? undefined : onToggleExpand}
         className="flex items-center justify-between pl-4 pr-3 py-2 cursor-pointer hover:bg-ink/5 rounded-lg select-none transition-colors"
       >
         <div className="flex items-center space-x-2 min-w-0">
+          {folderCheckbox && folderSummary ? (
+            <SelectionCheckbox
+              size="md"
+              checked={folderSummary.all}
+              indeterminate={folderSummary.some}
+              label={`Select ${folder.name}`}
+              onChange={toggleFolderSelection}
+            />
+          ) : (
+          <>
           {/* The folder glyph occupies the same 16px left slot the session rows
               give their roster toggle, so the two columns line up down the
               drawer — the icon, the chevron and every row's status glyph share
@@ -131,6 +161,8 @@ export function MobileSessionCategory({
               />
             )}
           </span>
+          </>
+          )}
 
           <span className="text-sm font-semibold text-ink truncate">
             {folder.name}
@@ -146,6 +178,8 @@ export function MobileSessionCategory({
             <GitBranch size={13} className="text-ink/50 ml-1" />
           )}
 
+          {!batch && (
+          <>
           <button
             type="button"
             onClick={(event) => {
@@ -178,6 +212,11 @@ export function MobileSessionCategory({
                   variant="mobile"
                   isPinned={folder.isPinned}
                   onOpenFolder={onOpenFolder}
+                  onSelectSessions={
+                    onStartSessionSelection
+                      ? () => { setShowMenu(false); onStartSessionSelection(folder.id); }
+                      : undefined
+                  }
                   confirmDelete={confirmDelete}
                   onPin={onPin}
                   onDelete={onDelete}
@@ -189,10 +228,12 @@ export function MobileSessionCategory({
           </div>
 
           {isExpanded ? <ChevronDown size={14} /> : <ChevronRight size={14} />}
+          </>
+          )}
         </div>
       </div>
 
-      {isExpanded && (
+      {listOpen && (
         <div className="mt-0.5 space-y-0.5 pl-2">
           {visibleSessions.map((session) => {
             const sessionKey = String(session.id);
@@ -231,6 +272,9 @@ export function MobileSessionCategory({
                   onRenameWithAi={
                     sessionKey.startsWith('new-') ? undefined : () => void handleRenameWithAi(session)
                   }
+                  selectable={sessionCheckboxes}
+                  selected={Boolean(batch?.selected.includes(sessionKey))}
+                  onToggleSelect={batch ? () => batch.toggle(sessionKey) : undefined}
                 />
                 {isRosterOpen && (
                   <SubagentList sessionId={session.id} isActiveSession={isSessionActive} />
@@ -242,7 +286,7 @@ export function MobileSessionCategory({
           {/* Reveal / collapse controls, one row — parity with the desktop
               category. Same window, so the phone cannot offer a different
               boundary than the sidebar. */}
-          {(hiddenCount > 0 || canShowLess) && (
+          {(hiddenCount > 0 || canShowLess) && !sessionCheckboxes && (
             <div className="flex items-center gap-1">
               {hiddenCount > 0 && (
                 <button

package/src/client/components/mobile/mobile-session-sidebar/List.tsx

@@ -1,4 +1,5 @@
 import { MobileSessionCategory } from '@/client/components/mobile/mobile-session-sidebar/Item';
+import type { BatchBinding } from '@/client/components/common/batch-selection/types';
 import type { WorkspaceFolderData } from '@/shared/types';
 
 interface MobileSessionListProps {
@@ -12,6 +13,9 @@ interface MobileSessionListProps {
   onToggleFolder: (folderId: number) => void;
   /** Surfaces a refused folder action (the reveal endpoint's own reason). */
   onToast?: (message: string, type?: 'success' | 'error') => void;
+  /** Present only while a batch selection is active. */
+  batch?: BatchBinding;
+  onStartSessionSelection?: (folderId: number) => void;
 }
 
 export function MobileSessionList({
@@ -24,6 +28,8 @@ export function MobileSessionList({
   onNewSessionForFolder,
   onToggleFolder,
   onToast,
+  batch,
+  onStartSessionSelection,
 }: MobileSessionListProps) {
   // No fade wiring here: the app-wide scrollbar rule reveals this list's bar
   // from the document's own capture-phase listener (`lib/scrollbar-activity`),
@@ -47,6 +53,8 @@ export function MobileSessionList({
             showArchived={showArchived}
             sessionStatus={sessionStatus}
             onToast={onToast}
+            batch={batch}
+            onStartSessionSelection={onStartSessionSelection}
           />
         ))
       )}