From 370b67d7ec5f8f5ee1d8df81bdd4a892c0c0c9d5 Mon Sep 17 00:00:00 2001
From: Anso <dev@saelix.com>
Date: Sun, 19 Apr 2026 21:45:01 -0400
Subject: [PATCH] feat(sidebar): cockpit redesign with grouped stacks and
 activity footer (#702)

* chore: ignore .superpowers/ brainstorm scratch dir

* feat(sidebar): add useStackMenuItems hook with grouped menu model

Pure transform hook that converts StackMenuCtx into four ordered MenuGroup
arrays (inspect, organize, lifecycle, destructive). Shared type contract in
sidebar-types.ts gives both the ContextMenu and DropdownMenu a single source
of truth so they cannot drift. Covered by 8 unit tests.

* refactor(sidebar): stabilize useStackMenuItems memoization deps

Destructure menuVisibility flags into primitive deps so inline object
literals from callers do not defeat memoization. Add a test confirming
isBusy disables all lifecycle items.

* feat(sidebar): add usePinnedStacks hook with per-node localStorage

* refactor(sidebar): stabilize usePinnedStacks eviction signal and isPinned dep

Change evictedOldest shape to { file, seq } so consumer effects re-fire on
repeated evictions. Narrow isPinned's useCallback dep to the current node's
pinned list so it only rebinds on local changes. Add test for eviction
side-effect and a second test for the seq counter.

* feat(sidebar): add useSidebarGroupCollapse hook with per-node keys

* refactor(sidebar): tighten useSidebarGroupCollapse effect ordering

Collapse the two write/read effects into a single skip-next-write ref
pattern so switching nodes no longer writes the previous node's map under
the new key before hydration. Also skip the no-op mount write. Add test
for setCollapsed.

* feat(sidebar): add row + group-header style helpers

* feat(sidebar): add SidebarBrand with mono kicker + serif hero

* feat(sidebar): add SidebarActions wrapper for create + scan

* feat(sidebar): extract SidebarSearch with kbd pill

* feat(sidebar): add StackRow with cyan-rail active state

* refactor(sidebar): dedupe tooltip markup in StackRow, widen test coverage

Extract a local RowTooltip helper so the update and git-pending branches
share the CursorProvider scaffolding. Add four behavioral tests covering
click, keyboard activation, kebab stop-propagation, and the busy loader
branch.

* feat(sidebar): unify context + kebab menus via useStackMenuItems

* feat(sidebar): add StackGroup with collapse and pinned variant

* feat(sidebar): add StackList with pinned + label groups

* feat(sidebar): add SidebarActivityTicker with idle fallback

* feat(sidebar): add StackSidebar container composing the regions

* feat(sidebar): replace sidebar block with StackSidebar composition

* docs(sidebar): add stack sidebar feature page with screenshots

* fix(sidebar): satisfy react-hooks purity and memoization rules

* fix(sidebar): restore "Sencho Logo" alt text for E2E selector
---
 .gitignore                                    |   1 +
 docs/docs.json                                |   1 +
 docs/features/sidebar.mdx                     |  54 +
 docs/images/sidebar/sidebar-activity.png      | Bin 0 -> 2542 bytes
 docs/images/sidebar/sidebar-context-menu.png  | Bin 0 -> 15925 bytes
 docs/images/sidebar/sidebar-overview.png      | Bin 0 -> 21750 bytes
 docs/images/sidebar/sidebar-pinned.png        | Bin 0 -> 23962 bytes
 frontend/src/components/EditorLayout.tsx      | 972 ++++++------------
 .../src/components/sidebar/SidebarActions.tsx |  38 +
 .../sidebar/SidebarActivityTicker.tsx         |  58 ++
 .../src/components/sidebar/SidebarBrand.tsx   |  21 +
 .../src/components/sidebar/SidebarSearch.tsx  |  27 +
 .../components/sidebar/StackContextMenu.tsx   |  99 ++
 .../src/components/sidebar/StackGroup.tsx     |  43 +
 .../src/components/sidebar/StackKebabMenu.tsx | 102 ++
 frontend/src/components/sidebar/StackList.tsx | 197 ++++
 frontend/src/components/sidebar/StackRow.tsx  |  93 ++
 .../src/components/sidebar/StackSidebar.tsx   |  54 +
 .../__tests__/SidebarActivityTicker.test.tsx  |  44 +
 .../sidebar/__tests__/StackGroup.test.tsx     |  46 +
 .../sidebar/__tests__/StackRow.test.tsx       |  76 ++
 .../src/components/sidebar/sidebar-styles.ts  |  21 +
 .../src/components/sidebar/sidebar-types.ts   |  49 +
 .../hooks/__tests__/usePinnedStacks.test.ts   |  75 ++
 .../__tests__/useSidebarGroupCollapse.test.ts |  48 +
 .../__tests__/useStackMenuItems.test.tsx      |  98 ++
 frontend/src/hooks/usePinnedStacks.ts         |  69 ++
 frontend/src/hooks/useSidebarGroupCollapse.ts |  67 ++
 frontend/src/hooks/useStackMenuItems.tsx      |  86 ++
 29 files changed, 1793 insertions(+), 646 deletions(-)
 create mode 100644 docs/features/sidebar.mdx
 create mode 100644 docs/images/sidebar/sidebar-activity.png
 create mode 100644 docs/images/sidebar/sidebar-context-menu.png
 create mode 100644 docs/images/sidebar/sidebar-overview.png
 create mode 100644 docs/images/sidebar/sidebar-pinned.png
 create mode 100644 frontend/src/components/sidebar/SidebarActions.tsx
 create mode 100644 frontend/src/components/sidebar/SidebarActivityTicker.tsx
 create mode 100644 frontend/src/components/sidebar/SidebarBrand.tsx
 create mode 100644 frontend/src/components/sidebar/SidebarSearch.tsx
 create mode 100644 frontend/src/components/sidebar/StackContextMenu.tsx
 create mode 100644 frontend/src/components/sidebar/StackGroup.tsx
 create mode 100644 frontend/src/components/sidebar/StackKebabMenu.tsx
 create mode 100644 frontend/src/components/sidebar/StackList.tsx
 create mode 100644 frontend/src/components/sidebar/StackRow.tsx
 create mode 100644 frontend/src/components/sidebar/StackSidebar.tsx
 create mode 100644 frontend/src/components/sidebar/__tests__/SidebarActivityTicker.test.tsx
 create mode 100644 frontend/src/components/sidebar/__tests__/StackGroup.test.tsx
 create mode 100644 frontend/src/components/sidebar/__tests__/StackRow.test.tsx
 create mode 100644 frontend/src/components/sidebar/sidebar-styles.ts
 create mode 100644 frontend/src/components/sidebar/sidebar-types.ts
 create mode 100644 frontend/src/hooks/__tests__/usePinnedStacks.test.ts
 create mode 100644 frontend/src/hooks/__tests__/useSidebarGroupCollapse.test.ts
 create mode 100644 frontend/src/hooks/__tests__/useStackMenuItems.test.tsx
 create mode 100644 frontend/src/hooks/usePinnedStacks.ts
 create mode 100644 frontend/src/hooks/useSidebarGroupCollapse.ts
 create mode 100644 frontend/src/hooks/useStackMenuItems.tsx

diff --git a/.gitignore b/.gitignore
index efbf61ae..df753c8e 100644
--- a/.gitignore
+++ b/.gitignore
@@ -49,6 +49,7 @@ CLAUDE.md
 MANUAL_STEPS.md
 docs/superpowers/
 .worktrees/
+.superpowers/
 
 # Design system (local-only; authoritative reference for agents + user)
 frontend/DESIGN.md
diff --git a/docs/docs.json b/docs/docs.json
index e8bbe188..d9b33c9d 100644
--- a/docs/docs.json
+++ b/docs/docs.json
@@ -95,6 +95,7 @@
             "pages": [
               "features/overview",
               "features/dashboard",
+              "features/sidebar",
               "features/stack-management",
               "features/editor",
               "features/resources",
diff --git a/docs/features/sidebar.mdx b/docs/features/sidebar.mdx
new file mode 100644
index 00000000..217d5587
--- /dev/null
+++ b/docs/features/sidebar.mdx
@@ -0,0 +1,54 @@
+---
+title: Stack Sidebar
+description: Manage, group, and pin your stacks from the primary sidebar.
+---
+
+The stack sidebar is your cockpit for every stack on the active node. Stacks are grouped by label, your most-used stacks can be pinned to the top, and a live activity footer keeps you aware of what just happened.
+
+<Frame>
+  <img src="/images/sidebar/sidebar-overview.png" alt="Stack sidebar overview" />
+</Frame>
+
+## Layout
+
+From top to bottom:
+
+1. **Branding header** shows your Sencho build version.
+2. **Node switcher** selects which Sencho instance you are managing.
+3. **Create Stack** opens the new-stack dialog. The folder icon scans your compose directory.
+4. **Search** filters stacks by name. Press <kbd>⌘K</kbd> (or <kbd>Ctrl+K</kbd>) to focus it.
+5. **Stack list** shows your stacks grouped by label.
+6. **Activity footer** shows the most recent stack event.
+
+## Groups
+
+Stacks are grouped by label. Stacks with multiple labels appear in each matching group so you always see the full fleet membership per label. Stacks without labels appear in an **Unlabeled** group at the bottom. Click a group header to collapse or expand it; the collapsed state is remembered per node.
+
+## Pinning
+
+Right-click a stack and choose **Pin to top**. Pinned stacks sit in a dedicated **PINNED** group at the top of the list. Up to 10 stacks can be pinned per node; pinning an 11th evicts the oldest.
+
+<Frame>
+  <img src="/images/sidebar/sidebar-pinned.png" alt="Pinned stacks appear in a PINNED group at top" />
+</Frame>
+
+## Context menu
+
+Right-click any stack (or open the kebab that appears on hover) for its context menu, grouped by purpose:
+
+- **Inspect**: view alerts, open the auto-heal sheet, check for image updates, open the running app.
+- **Organize**: assign labels, pin or unpin the stack.
+- **Lifecycle**: deploy, stop, restart, or update the stack.
+- **Destructive**: delete the stack.
+
+<Frame>
+  <img src="/images/sidebar/sidebar-context-menu.png" alt="Grouped stack context menu" />
+</Frame>
+
+## Activity footer
+
+The footer shows the most recent stack lifecycle event within the last hour. Click it to jump to the global activity log. When nothing has happened recently, the footer reads **IDLE**.
+
+<Frame>
+  <img src="/images/sidebar/sidebar-activity.png" alt="Activity footer ticker" />
+</Frame>
diff --git a/docs/images/sidebar/sidebar-activity.png b/docs/images/sidebar/sidebar-activity.png
new file mode 100644
index 0000000000000000000000000000000000000000..9b5753792e982c2d8912adbaa4ab9a7e5853c71c
GIT binary patch
literal 2542
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
a8Y5kSz7cb@i38i^h7PWWfYs~RWBvt&kL3*j

literal 0
HcmV?d00001

diff --git a/docs/images/sidebar/sidebar-context-menu.png b/docs/images/sidebar/sidebar-context-menu.png
new file mode 100644
index 0000000000000000000000000000000000000000..97e2dd20e120457744f8ecf6a5b12af155fd56bd
GIT binary patch
literal 15925
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
CxLard

literal 0
HcmV?d00001

diff --git a/docs/images/sidebar/sidebar-overview.png b/docs/images/sidebar/sidebar-overview.png
new file mode 100644
index 0000000000000000000000000000000000000000..c995ef73691b6540492a55ac13b25968510a11ad
GIT binary patch
literal 21750
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

literal 0
HcmV?d00001

diff --git a/docs/images/sidebar/sidebar-pinned.png b/docs/images/sidebar/sidebar-pinned.png
new file mode 100644
index 0000000000000000000000000000000000000000..ed72f305def95ce0fac7432f2460d7049e779788
GIT binary patch
literal 23962
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

literal 0
HcmV?d00001

diff --git a/frontend/src/components/EditorLayout.tsx b/frontend/src/components/EditorLayout.tsx
index ad05d93f..69974c0c 100644
--- a/frontend/src/components/EditorLayout.tsx
+++ b/frontend/src/components/EditorLayout.tsx
@@ -1,4 +1,4 @@
-import { useState, useEffect, useRef, useMemo } from 'react';
+import { useState, useEffect, useRef, useMemo, useCallback } from 'react';
 
 type Theme = 'light' | 'dark' | 'auto';
 import Editor from '@monaco-editor/react';
@@ -17,26 +17,19 @@ import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, Di
 import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle } from './ui/alert-dialog';
 import { Tabs, TabsList, TabsTrigger, TabsHighlight, TabsHighlightItem } from './ui/tabs';
 import { springs } from '@/lib/motion';
-import { CursorProvider, Cursor, CursorContainer, CursorFollow } from '@/components/animate-ui/primitives/animate/cursor';
 import { Card, CardContent, CardHeader, CardTitle } from './ui/card';
-import { Plus, Trash2, Play, Square, Save, Terminal, RotateCw, CloudDownload, Pencil, X, Home, ExternalLink, MoreVertical, BellRing, Rocket, HardDrive, ScrollText, Activity, Radar, Undo2, RefreshCw, Download, Clock, FolderSearch, Loader2, Tag, Check, ChevronDown, GitBranch, FileCode2, ShieldCheck, ArrowUpRight, Copy } from 'lucide-react';
+import { Plus, Trash2, Play, Square, Save, Terminal, RotateCw, CloudDownload, Pencil, X, Home, MoreVertical, Rocket, HardDrive, ScrollText, Activity, Radar, Undo2, RefreshCw, Clock, Loader2, Check, ChevronDown, GitBranch, FileCode2, ShieldCheck, ArrowUpRight, Copy } from 'lucide-react';
 import type { LucideIcon } from 'lucide-react';
-import { LabelPill, LabelDot } from './LabelPill';
 import { type Label as StackLabel } from './label-types';
-import { LabelAssignPopover } from './LabelAssignPopover';
 import { UserProfileDropdown } from './UserProfileDropdown';
 import { NotificationPanel } from './NotificationPanel';
 import { apiFetch, fetchForNode } from '@/lib/api';
 import { toast } from '@/components/ui/toast-store';
 import { Label } from './ui/label';
-import { Command, CommandInput, CommandList, CommandItem } from './ui/command';
 import { ScrollArea } from './ui/scroll-area';
 import { Checkbox } from './ui/checkbox';
 import { GitSourceFields, type ApplyMode } from './stack/GitSourceFields';
-import { Skeleton } from './ui/skeleton';
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './ui/tooltip';
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger } from './ui/dropdown-menu';
-import { ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger } from './ui/context-menu';
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
 import { TopBar } from './TopBar';
 import { cn } from '@/lib/utils';
@@ -66,6 +59,11 @@ import { useAuth } from '@/context/AuthContext';
 import { useLicense } from '@/context/LicenseContext';
 import { useTrivyStatus } from '@/hooks/useTrivyStatus';
 import { VulnerabilityScanSheet } from './VulnerabilityScanSheet';
+import { StackSidebar } from '@/components/sidebar/StackSidebar';
+import { usePinnedStacks } from '@/hooks/usePinnedStacks';
+import { useSidebarGroupCollapse } from '@/hooks/useSidebarGroupCollapse';
+import type { StackRowStatus } from '@/components/sidebar/StackRow';
+import type { StackMenuCtx } from '@/components/sidebar/sidebar-types';
 
 interface ContainerInfo {
   Id: string;
@@ -322,9 +320,10 @@ export default function EditorLayout() {
   const [stackPorts, setStackPorts] = useState<Record<string, number | undefined>>({});
   const [labels, setLabels] = useState<StackLabel[]>([]);
   const [stackLabelMap, setStackLabelMap] = useState<Record<string, StackLabel[]>>({});
-  const [activeLabelFilters, setActiveLabelFilters] = useState<Set<number>>(new Set());
-  const [bulkActionLabel, setBulkActionLabel] = useState<StackLabel | null>(null);
-  const [bulkAction, setBulkAction] = useState<string>('');
+  // Bulk-action dialog is retained as a safety fallback; the label pill entry
+  // point that drove the setters was removed alongside the sidebar rewrite.
+  const [bulkActionLabel] = useState<StackLabel | null>(null);
+  const [bulkAction] = useState<string>('');
   const [bulkActionOpen, setBulkActionOpen] = useState(false);
   const [bulkActionRunning, setBulkActionRunning] = useState(false);
 
@@ -342,6 +341,7 @@ export default function EditorLayout() {
 
   // Notifications & Settings state
   const [notifications, setNotifications] = useState<NotificationItem[]>([]);
+  const [tickerConnected, setTickerConnected] = useState(false);
   const [settingsModalOpen, setSettingsModalOpen] = useState(false);
   const [settingsInitialSection, setSettingsInitialSection] = useState<'account' | 'labels' | 'nodes'>('account');
   const [alertSheetOpen, setAlertSheetOpen] = useState(false);
@@ -679,6 +679,7 @@ export default function EditorLayout() {
           ws?.close();
           return;
         }
+        setTickerConnected(true);
         retryCount = 0; // Reset backoff on successful connect
       };
 
@@ -700,6 +701,7 @@ export default function EditorLayout() {
       };
 
       ws.onclose = (event) => {
+        setTickerConnected(false);
         if (!isMounted) return;
         // Exponential backoff: 1s, 2s, 4s, 8s, 16s, 30s max
         const delay = Math.min(1000 * Math.pow(2, retryCount), MAX_RETRY_DELAY_MS);
@@ -1830,651 +1832,329 @@ export default function EditorLayout() {
   const stackName = selectedFile || '';
 
   // Filter files based on search query
-  const filteredFiles = files.filter(file => {
-    if (!file.toLowerCase().includes(searchQuery.toLowerCase())) return false;
-    if (activeLabelFilters.size > 0) {
-      const fileLabels = stackLabelMap[file] || [];
-      if (!fileLabels.some(l => activeLabelFilters.has(l.id))) return false;
-    }
-    return true;
-  });
+  const filteredFiles = files.filter(file =>
+    file.toLowerCase().includes(searchQuery.toLowerCase())
+  );
 
   // Get display name for stack (now just returns the name as-is since no extension)
   const getDisplayName = (stackName: string) => {
     return stackName;
   };
 
+  const { pinned, pin, unpin, isPinned, evictedOldest } = usePinnedStacks(activeNode?.id);
+
+  useEffect(() => {
+    if (evictedOldest) toast.info('Pinned. Unpinned oldest (max 10).');
+  }, [evictedOldest]);
+
+  const { isCollapsed, toggle: toggleCollapse } = useSidebarGroupCollapse(activeNode?.id);
+
+  const remoteResults = useMemo(() => {
+    return Object.entries(remoteStackResults).flatMap(([nodeIdStr, remoteFiles]) => {
+      const node = nodes.find(n => n.id === Number(nodeIdStr));
+      if (!node || remoteFiles.length === 0) return [];
+      return [{
+        nodeId: node.id,
+        nodeName: node.name,
+        files: remoteFiles.map(({ file, status }) => ({ file, status: status as StackRowStatus })),
+      }];
+    });
+  }, [remoteStackResults, nodes]);
+
+  const buildMenuCtx = useCallback((file: string): StackMenuCtx => {
+    const stackName = file.replace(/\.(yml|yaml)$/, '');
+    return {
+      stackStatus: (stackStatuses[file] ?? 'unknown') as 'running' | 'exited' | 'unknown',
+      hasPort: Boolean(stackPorts[file]),
+      isBusy: isStackBusy(file),
+      isPaid,
+      canDelete: can('stack:delete', 'stack', stackName),
+      isPinned: isPinned(file),
+      labels,
+      assignedLabelIds: (stackLabelMap[file] ?? []).map(l => l.id),
+      menuVisibility: getStackMenuVisibility(file),
+      openAlertSheet: () => openAlertSheet(file),
+      openAutoHeal: () => setAutoHealStackName(file),
+      checkUpdates: () => checkUpdatesForStack(),
+      openStackApp: () => openStackApp(file),
+      deploy: () => executeStackActionByFile(file, 'deploy', 'deploy'),
+      stop: () => executeStackActionByFile(file, 'stop', 'stop'),
+      restart: () => executeStackActionByFile(file, 'restart', 'restart'),
+      update: () => executeStackActionByFile(file, 'update', 'update'),
+      remove: () => { setStackToDelete(stackName); setDeleteDialogOpen(true); },
+      pin: () => pin(file),
+      unpin: () => unpin(file),
+      toggleLabel: async (labelId: number) => {
+        const currentIds = (stackLabelMap[file] ?? []).map(l => l.id);
+        const assigned = currentIds.includes(labelId);
+        const newIds = assigned ? currentIds.filter(id => id !== labelId) : [...currentIds, labelId];
+        const loadingId = toast.loading('Updating labels...');
+        try {
+          const res = await apiFetch(`/stacks/${encodeURIComponent(file)}/labels`, {
+            method: 'PUT',
+            body: JSON.stringify({ labelIds: newIds }),
+          });
+          if (!res.ok) { const data = await res.json().catch(() => ({})); throw new Error((data as { error?: string })?.error || 'Failed to update labels.'); }
+          refreshLabels();
+        } catch (err: unknown) {
+          toast.error((err as Error)?.message || 'Failed to update labels.');
+        } finally {
+          toast.dismiss(loadingId);
+        }
+      },
+      openLabelManager: () => { setSettingsInitialSection('labels'); setSettingsModalOpen(true); },
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [
+    stackStatuses, stackPorts, isPaid, isPinned, labels, stackLabelMap,
+    pin, unpin,
+  ]);
+
+  const createStackSlot = can('stack:create') ? (
+    <Dialog open={createDialogOpen} onOpenChange={(o) => {
+      setCreateDialogOpen(o);
+      if (!o) {
+        setCreateMode('empty');
+        resetCreateFromGitForm();
+        resetCreateFromDockerRunForm();
+      }
+    }}>
+      <DialogTrigger asChild>
+        <Button variant="outline" className="rounded-lg w-full">
+          <Plus className="w-4 h-4 mr-2" />
+          Create Stack
+        </Button>
+      </DialogTrigger>
+      <DialogContent className="max-w-xl w-[95vw] p-0 gap-0">
+        <DialogHeader className="px-6 pt-6 pb-3">
+          <DialogTitle>Create New Stack</DialogTitle>
+          <DialogDescription className="sr-only">
+            Create a new stack: empty, cloned from a Git repository, or converted from a docker run command.
+          </DialogDescription>
+        </DialogHeader>
+
+        <div className="px-6 pb-2">
+          <Tabs value={createMode} onValueChange={(v) => setCreateMode(v as 'empty' | 'git' | 'docker-run')}>
+            <TabsList>
+              <TabsHighlight className="rounded-md bg-glass-highlight" transition={springs.snappy}>
+                <TabsHighlightItem value="empty">
+                  <TabsTrigger value="empty">
+                    <Plus className="w-3.5 h-3.5 mr-1.5" strokeWidth={1.5} />
+                    Empty
+                  </TabsTrigger>
+                </TabsHighlightItem>
+                <TabsHighlightItem value="git">
+                  <TabsTrigger value="git">
+                    <GitBranch className="w-3.5 h-3.5 mr-1.5" strokeWidth={1.5} />
+                    From Git
+                  </TabsTrigger>
+                </TabsHighlightItem>
+                <TabsHighlightItem value="docker-run">
+                  <TabsTrigger value="docker-run">
+                    <FileCode2 className="w-3.5 h-3.5 mr-1.5" strokeWidth={1.5} />
+                    From Docker Run
+                  </TabsTrigger>
+                </TabsHighlightItem>
+              </TabsHighlight>
+            </TabsList>
+          </Tabs>
+        </div>
+
+        {createMode === 'empty' && (
+          <>
+            <div className="px-6 py-4 space-y-2">
+              <Label htmlFor="create-stack-name">Stack Name</Label>
+              <Input
+                id="create-stack-name"
+                placeholder="Stack name (e.g., myapp)"
+                value={newStackName}
+                onChange={(e) => setNewStackName(e.target.value)}
+              />
+            </div>
+            <DialogFooter className="px-6 pb-6">
+              <Button onClick={handleCreateStack}>Create</Button>
+            </DialogFooter>
+          </>
+        )}
+        {createMode === 'git' && (
+          <>
+            <ScrollArea className="max-h-[70vh]">
+              <div className="px-6 py-4 space-y-5">
+                <div className="space-y-2">
+                  <Label htmlFor="create-git-stack-name">Stack Name</Label>
+                  <Input
+                    id="create-git-stack-name"
+                    placeholder="Stack name (e.g., myapp)"
+                    value={newStackName}
+                    onChange={(e) => setNewStackName(e.target.value)}
+                    disabled={creatingFromGit}
+                  />
+                </div>
+
+                <GitSourceFields
+                  variant="create"
+                  disabled={creatingFromGit}
+                  repoUrl={gitRepoUrl}
+                  branch={gitBranch}
+                  composePath={gitComposePath}
+                  syncEnv={gitSyncEnv}
+                  authType={gitAuthType}
+                  token={gitToken}
+                  hasStoredToken={false}
+                  applyMode={gitApplyMode}
+                  onRepoUrlChange={setGitRepoUrl}
+                  onBranchChange={setGitBranch}
+                  onComposePathChange={setGitComposePath}
+                  onSyncEnvChange={setGitSyncEnv}
+                  onAuthTypeChange={setGitAuthType}
+                  onTokenChange={setGitToken}
+                  onApplyModeChange={setGitApplyMode}
+                />
+
+                <div className="flex items-center gap-2">
+                  <Checkbox
+                    id="create-git-deploy-now"
+                    checked={gitDeployNow}
+                    onCheckedChange={(c) => setGitDeployNow(c === true)}
+                    disabled={creatingFromGit}
+                  />
+                  <Label htmlFor="create-git-deploy-now" className="text-xs cursor-pointer">
+                    Deploy after create
+                  </Label>
+                </div>
+              </div>
+            </ScrollArea>
+            <DialogFooter className="px-6 py-4 border-t border-glass-border">
+              <Button onClick={handleCreateStackFromGit} disabled={creatingFromGit}>
+                {creatingFromGit ? (
+                  <><Loader2 className="w-4 h-4 mr-1.5 animate-spin" strokeWidth={1.5} />Creating</>
+                ) : (
+                  <><GitBranch className="w-4 h-4 mr-1.5" strokeWidth={1.5} />Create from Git</>
+                )}
+              </Button>
+            </DialogFooter>
+          </>
+        )}
+        {createMode === 'docker-run' && (
+          <>
+            <ScrollArea className="max-h-[70vh]">
+              <div className="px-6 py-4 space-y-5">
+                <div className="space-y-2">
+                  <Label htmlFor="create-dr-stack-name">Stack Name</Label>
+                  <Input
+                    id="create-dr-stack-name"
+                    placeholder="Stack name (e.g., myapp)"
+                    value={newStackName}
+                    onChange={(e) => setNewStackName(e.target.value)}
+                    disabled={creatingFromDockerRun}
+                  />
+                </div>
+                <div className="space-y-2">
+                  <Label htmlFor="create-dr-command">Paste your docker run command</Label>
+                  <textarea
+                    id="create-dr-command"
+                    spellCheck={false}
+                    className="flex w-full rounded-md border border-glass-border bg-input px-3 py-2 text-sm font-mono shadow-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 min-h-[120px] resize-y"
+                    placeholder="docker run -d --name nginx -p 8080:80 nginx:latest"
+                    value={dockerRunInput}
+                    onChange={(e) => {
+                      setDockerRunInput(e.target.value);
+                      // The preview only reflects the previous command; clear it when
+                      // the input changes so the user can't create a stack from stale YAML.
+                      if (convertedYaml !== null) setConvertedYaml(null);
+                    }}
+                    disabled={creatingFromDockerRun}
+                  />
+                  <div className="flex justify-end">
+                    <Button
+                      variant="outline"
+                      size="sm"
+                      onClick={handleConvertDockerRun}
+                      disabled={isConverting || creatingFromDockerRun || !dockerRunInput.trim()}
+                    >
+                      {isConverting ? (
+                        <><Loader2 className="w-3.5 h-3.5 mr-1.5 animate-spin" strokeWidth={1.5} />Converting</>
+                      ) : (
+                        <><FileCode2 className="w-3.5 h-3.5 mr-1.5" strokeWidth={1.5} />Convert</>
+                      )}
+                    </Button>
+                  </div>
+                </div>
+                {convertedYaml !== null && (
+                  <div className="space-y-2">
+                    <Label>compose.yaml preview</Label>
+                    <ScrollArea className="max-h-[240px] rounded-md border border-card-border border-t-card-border-top bg-card shadow-card-bevel">
+                      <pre className="px-3 py-2 text-xs font-mono whitespace-pre leading-relaxed">
+                        {convertedYaml}
+                      </pre>
+                    </ScrollArea>
+                  </div>
+                )}
+              </div>
+            </ScrollArea>
+            <DialogFooter className="px-6 py-4 border-t border-glass-border">
+              <Button
+                onClick={handleCreateStackFromDockerRun}
+                disabled={creatingFromDockerRun || !convertedYaml || !newStackName.trim()}
+              >
+                {creatingFromDockerRun ? (
+                  <><Loader2 className="w-4 h-4 mr-1.5 animate-spin" strokeWidth={1.5} />Creating</>
+                ) : (
+                  <><Plus className="w-4 h-4 mr-1.5" strokeWidth={1.5} />Create Stack</>
+                )}
+              </Button>
+            </DialogFooter>
+          </>
+        )}
+      </DialogContent>
+    </Dialog>
+  ) : null;
+
   return (
     <div className="flex h-screen w-screen overflow-hidden bg-background text-foreground">
       {/* Left Sidebar (Stacks) */}
-      <div className="w-64 border-r border-glass-border bg-sidebar backdrop-blur-md flex flex-col">
-        {/* Branding Header */}
-        <div className="h-14 flex items-center justify-center px-4 border-b border-border">
-          <div className="flex items-center gap-2">
-            <img src={isDarkMode ? '/sencho-logo-dark.png' : '/sencho-logo-light.png'} alt="Sencho Logo" className="w-10 h-10" />
-            <h1 className="text-2xl font-medium tracking-tight">Sencho</h1>
-          </div>
-        </div>
-
-        <div className="px-4 pt-2 pb-0">
+      <StackSidebar
+        isDarkMode={isDarkMode}
+        nodeSwitcherSlot={
           <NodeSwitcher
-            onManageNodes={() => {
-              setSettingsInitialSection('nodes');
-              setSettingsModalOpen(true);
-            }}
+            onManageNodes={() => { setSettingsInitialSection('nodes'); setSettingsModalOpen(true); }}
           />
-        </div>
-
-        {/* Create Stack & Scan Buttons */}
-        {can('stack:create') && <div className="p-4 flex gap-2">
-          <Dialog open={createDialogOpen} onOpenChange={(o) => {
-            setCreateDialogOpen(o);
-            if (!o) {
-              setCreateMode('empty');
-              resetCreateFromGitForm();
-              resetCreateFromDockerRunForm();
-            }
-          }}>
-            <DialogTrigger asChild>
-              <Button variant="outline" className="flex-1 rounded-lg">
-                <Plus className="w-4 h-4 mr-2" />
-                Create Stack
-              </Button>
-            </DialogTrigger>
-            <DialogContent className="max-w-xl w-[95vw] p-0 gap-0">
-              <DialogHeader className="px-6 pt-6 pb-3">
-                <DialogTitle>Create New Stack</DialogTitle>
-                <DialogDescription className="sr-only">
-                  Create a new stack: empty, cloned from a Git repository, or converted from a docker run command.
-                </DialogDescription>
-              </DialogHeader>
-
-              <div className="px-6 pb-2">
-                <Tabs value={createMode} onValueChange={(v) => setCreateMode(v as 'empty' | 'git' | 'docker-run')}>
-                  <TabsList>
-                    <TabsHighlight className="rounded-md bg-glass-highlight" transition={springs.snappy}>
-                      <TabsHighlightItem value="empty">
-                        <TabsTrigger value="empty">
-                          <Plus className="w-3.5 h-3.5 mr-1.5" strokeWidth={1.5} />
-                          Empty
-                        </TabsTrigger>
-                      </TabsHighlightItem>
-                      <TabsHighlightItem value="git">
-                        <TabsTrigger value="git">
-                          <GitBranch className="w-3.5 h-3.5 mr-1.5" strokeWidth={1.5} />
-                          From Git
-                        </TabsTrigger>
-                      </TabsHighlightItem>
-                      <TabsHighlightItem value="docker-run">
-                        <TabsTrigger value="docker-run">
-                          <FileCode2 className="w-3.5 h-3.5 mr-1.5" strokeWidth={1.5} />
-                          From Docker Run
-                        </TabsTrigger>
-                      </TabsHighlightItem>
-                    </TabsHighlight>
-                  </TabsList>
-                </Tabs>
-              </div>
-
-              {createMode === 'empty' && (
-                <>
-                  <div className="px-6 py-4 space-y-2">
-                    <Label htmlFor="create-stack-name">Stack Name</Label>
-                    <Input
-                      id="create-stack-name"
-                      placeholder="Stack name (e.g., myapp)"
-                      value={newStackName}
-                      onChange={(e) => setNewStackName(e.target.value)}
-                    />
-                  </div>
-                  <DialogFooter className="px-6 pb-6">
-                    <Button onClick={handleCreateStack}>Create</Button>
-                  </DialogFooter>
-                </>
-              )}
-              {createMode === 'git' && (
-                <>
-                  <ScrollArea className="max-h-[70vh]">
-                    <div className="px-6 py-4 space-y-5">
-                      <div className="space-y-2">
-                        <Label htmlFor="create-git-stack-name">Stack Name</Label>
-                        <Input
-                          id="create-git-stack-name"
-                          placeholder="Stack name (e.g., myapp)"
-                          value={newStackName}
-                          onChange={(e) => setNewStackName(e.target.value)}
-                          disabled={creatingFromGit}
-                        />
-                      </div>
-
-                      <GitSourceFields
-                        variant="create"
-                        disabled={creatingFromGit}
-                        repoUrl={gitRepoUrl}
-                        branch={gitBranch}
-                        composePath={gitComposePath}
-                        syncEnv={gitSyncEnv}
-                        authType={gitAuthType}
-                        token={gitToken}
-                        hasStoredToken={false}
-                        applyMode={gitApplyMode}
-                        onRepoUrlChange={setGitRepoUrl}
-                        onBranchChange={setGitBranch}
-                        onComposePathChange={setGitComposePath}
-                        onSyncEnvChange={setGitSyncEnv}
-                        onAuthTypeChange={setGitAuthType}
-                        onTokenChange={setGitToken}
-                        onApplyModeChange={setGitApplyMode}
-                      />
-
-                      <div className="flex items-center gap-2">
-                        <Checkbox
-                          id="create-git-deploy-now"
-                          checked={gitDeployNow}
-                          onCheckedChange={(c) => setGitDeployNow(c === true)}
-                          disabled={creatingFromGit}
-                        />
-                        <Label htmlFor="create-git-deploy-now" className="text-xs cursor-pointer">
-                          Deploy after create
-                        </Label>
-                      </div>
-                    </div>
-                  </ScrollArea>
-                  <DialogFooter className="px-6 py-4 border-t border-glass-border">
-                    <Button onClick={handleCreateStackFromGit} disabled={creatingFromGit}>
-                      {creatingFromGit ? (
-                        <><Loader2 className="w-4 h-4 mr-1.5 animate-spin" strokeWidth={1.5} />Creating</>
-                      ) : (
-                        <><GitBranch className="w-4 h-4 mr-1.5" strokeWidth={1.5} />Create from Git</>
-                      )}
-                    </Button>
-                  </DialogFooter>
-                </>
-              )}
-              {createMode === 'docker-run' && (
-                <>
-                  <ScrollArea className="max-h-[70vh]">
-                    <div className="px-6 py-4 space-y-5">
-                      <div className="space-y-2">
-                        <Label htmlFor="create-dr-stack-name">Stack Name</Label>
-                        <Input
-                          id="create-dr-stack-name"
-                          placeholder="Stack name (e.g., myapp)"
-                          value={newStackName}
-                          onChange={(e) => setNewStackName(e.target.value)}
-                          disabled={creatingFromDockerRun}
-                        />
-                      </div>
-                      <div className="space-y-2">
-                        <Label htmlFor="create-dr-command">Paste your docker run command</Label>
-                        <textarea
-                          id="create-dr-command"
-                          spellCheck={false}
-                          className="flex w-full rounded-md border border-glass-border bg-input px-3 py-2 text-sm font-mono shadow-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 min-h-[120px] resize-y"
-                          placeholder="docker run -d --name nginx -p 8080:80 nginx:latest"
-                          value={dockerRunInput}
-                          onChange={(e) => {
-                            setDockerRunInput(e.target.value);
-                            // The preview only reflects the previous command; clear it when
-                            // the input changes so the user can't create a stack from stale YAML.
-                            if (convertedYaml !== null) setConvertedYaml(null);
-                          }}
-                          disabled={creatingFromDockerRun}
-                        />
-                        <div className="flex justify-end">
-                          <Button
-                            variant="outline"
-                            size="sm"
-                            onClick={handleConvertDockerRun}
-                            disabled={isConverting || creatingFromDockerRun || !dockerRunInput.trim()}
-                          >
-                            {isConverting ? (
-                              <><Loader2 className="w-3.5 h-3.5 mr-1.5 animate-spin" strokeWidth={1.5} />Converting</>
-                            ) : (
-                              <><FileCode2 className="w-3.5 h-3.5 mr-1.5" strokeWidth={1.5} />Convert</>
-                            )}
-                          </Button>
-                        </div>
-                      </div>
-                      {convertedYaml !== null && (
-                        <div className="space-y-2">
-                          <Label>compose.yaml preview</Label>
-                          <ScrollArea className="max-h-[240px] rounded-md border border-card-border border-t-card-border-top bg-card shadow-card-bevel">
-                            <pre className="px-3 py-2 text-xs font-mono whitespace-pre leading-relaxed">
-                              {convertedYaml}
-                            </pre>
-                          </ScrollArea>
-                        </div>
-                      )}
-                    </div>
-                  </ScrollArea>
-                  <DialogFooter className="px-6 py-4 border-t border-glass-border">
-                    <Button
-                      onClick={handleCreateStackFromDockerRun}
-                      disabled={creatingFromDockerRun || !convertedYaml || !newStackName.trim()}
-                    >
-                      {creatingFromDockerRun ? (
-                        <><Loader2 className="w-4 h-4 mr-1.5 animate-spin" strokeWidth={1.5} />Creating</>
-                      ) : (
-                        <><Plus className="w-4 h-4 mr-1.5" strokeWidth={1.5} />Create Stack</>
-                      )}
-                    </Button>
-                  </DialogFooter>
-                </>
-              )}
-            </DialogContent>
-          </Dialog>
-          <TooltipProvider>
-            <Tooltip>
-              <TooltipTrigger asChild>
-                <Button
-                  variant="outline"
-                  size="icon"
-                  className="rounded-lg shrink-0"
-                  onClick={handleScanStacks}
-                  disabled={isScanning}
-                >
-                  {isScanning
-                    ? <Loader2 className="w-4 h-4 animate-spin" strokeWidth={1.5} />
-                    : <FolderSearch className="w-4 h-4" strokeWidth={1.5} />}
-                </Button>
-              </TooltipTrigger>
-              <TooltipContent side="bottom">
-                <p>Scan stacks folder</p>
-              </TooltipContent>
-            </Tooltip>
-          </TooltipProvider>
-        </div>}
-
-        {/* Search Input & Stack List */}
-        {/* shouldFilter disabled: we do controlled filtering via filteredFiles. cmdk's
-            internal filter otherwise reconciles against items wrapped in ContextMenu and
-            throws "appendChild: parameter 1 is not of type 'Node'". */}
-        <Command shouldFilter={false} className="bg-transparent flex-1 flex flex-col overflow-hidden">
-          <div className="px-4 py-2 flex-none relative">
-            <CommandInput
-              placeholder="Search stacks..."
-              value={searchQuery}
-              onValueChange={setSearchQuery}
-              className="h-9 border-none"
-            />
-            <kbd className="pointer-events-none absolute right-6 top-1/2 -translate-y-1/2 hidden sm:inline-flex h-5 items-center gap-0.5 rounded border border-glass-border bg-glass-highlight px-1.5 font-mono text-[10px] text-muted-foreground">
-              {typeof navigator !== 'undefined' && /Mac|iPhone|iPad/.test(navigator.userAgent) ? '⌘' : 'Ctrl+'}K
-            </kbd>
-          </div>
-          {isPaid && labels.length > 0 && (
-            <div className="flex gap-1 px-3 py-1.5 overflow-x-auto scrollbar-none flex-none">
-              {labels.map(label => (
-                <ContextMenu key={label.id}>
-                  <ContextMenuTrigger asChild>
-                    <div>
-                      <LabelPill
-                        label={label}
-                        size="sm"
-                        active={activeLabelFilters.has(label.id)}
-                        onClick={() => {
-                          setActiveLabelFilters(prev => {
-                            const next = new Set(prev);
-                            if (next.has(label.id)) next.delete(label.id);
-                            else next.add(label.id);
-                            return next;
-                          });
-                        }}
-                      />
-                    </div>
-                  </ContextMenuTrigger>
-                  <ContextMenuContent>
-                    <ContextMenuItem disabled={bulkActionRunning} onClick={() => { setBulkActionLabel(label); setBulkAction('deploy'); setBulkActionOpen(true); }}>
-                      <Play className="h-4 w-4 mr-2" strokeWidth={1.5} />
-                      Deploy all
-                    </ContextMenuItem>
-                    <ContextMenuItem disabled={bulkActionRunning} onClick={() => { setBulkActionLabel(label); setBulkAction('stop'); setBulkActionOpen(true); }}>
-                      <Square className="h-4 w-4 mr-2" strokeWidth={1.5} />
-                      Stop all
-                    </ContextMenuItem>
-                    <ContextMenuItem disabled={bulkActionRunning} onClick={() => { setBulkActionLabel(label); setBulkAction('restart'); setBulkActionOpen(true); }}>
-                      <RotateCw className="h-4 w-4 mr-2" strokeWidth={1.5} />
-                      Restart all
-                    </ContextMenuItem>
-                  </ContextMenuContent>
-                </ContextMenu>
-              ))}
-            </div>
-          )}
-          <h3 className="text-[10px] font-medium tracking-[0.08em] uppercase text-stat-icon px-4 py-2 mt-2 flex-none">STACKS</h3>
-          <ScrollArea className="flex-1 px-2 pb-2">
-            <div data-stacks-loaded={isLoading ? "false" : "true"}>
-              <CommandList className="max-h-none overflow-visible">
-                {isLoading ? (
-                  <div className="space-y-2 px-2 mt-2">
-                    <Skeleton className="h-12 w-full" />
-                    <Skeleton className="h-12 w-full" />
-                    <Skeleton className="h-12 w-full" />
-                  </div>
-                ) : (
-                  (filteredFiles || []).map(file => (
-                    <ContextMenu key={file}>
-                      <ContextMenuTrigger asChild>
-                        <div>
-                          <CommandItem
-                            value={file}
-                            onSelect={() => loadFile(file)}
-                            className={`justify-start rounded-lg mb-1 cursor-pointer hover:bg-glass-highlight group ${selectedFile === file ? '!bg-glass-highlight !text-foreground border border-glass-border' : ''}`}
-                          >
-                            <div className="flex items-center gap-2 w-full">
-                              <span
-                                className={`font-mono text-[10px] shrink-0 w-[18px] flex items-center ${
-                                  isStackBusy(file) ? 'text-muted-foreground' :
-                                  stackStatuses[file] === 'running' ? 'text-success' :
-                                  stackStatuses[file] === 'exited' ? 'text-destructive' : 'text-stat-icon'
-                                }`}
-                              >
-                                {isStackBusy(file)
-                                  ? <Loader2 className="w-3 h-3 animate-spin" strokeWidth={2} />
-                                  : stackStatuses[file] === 'running' ? 'UP'
-                                  : stackStatuses[file] === 'exited' ? 'DN'
-                                  : '--'}
-                              </span>
-                              <span className="flex-1 truncate font-mono text-[13px]">{getDisplayName(file)}</span>
-                              {isPaid && stackLabelMap[file]?.length > 0 && (
-                                <span className="flex items-center gap-0.5 shrink-0 ml-1">
-                                  {stackLabelMap[file].map(l => (
-                                    <LabelDot key={l.id} color={l.color} />
-                                  ))}
-                                </span>
-                              )}
-
-                              {stackUpdates[file] && (
-                                <CursorProvider>
-                                  <CursorContainer className="inline-flex items-center shrink-0">
-                                    <span className="w-2 h-2 rounded-full bg-info animate-pulse" />
-                                  </CursorContainer>
-                                  <Cursor>
-                                    <div className="h-2 w-2 rounded-full bg-brand" />
-                                  </Cursor>
-                                  <CursorFollow
-                                    side="bottom"
-                                    sideOffset={4}
-                                    align="center"
-                                    transition={{ stiffness: 400, damping: 40, bounce: 0 }}
-                                  >
-                                    <div className="rounded-md border border-card-border bg-popover/95 backdrop-blur-[10px] backdrop-saturate-[1.15] px-2.5 py-1.5 shadow-md">
-                                      <span className="font-mono text-xs tabular-nums text-stat-value">Update available</span>
-                                    </div>
-                                  </CursorFollow>
-                                </CursorProvider>
-                              )}
-
-                              {gitSourcePendingMap[file] && (
-                                <CursorProvider>
-                                  <CursorContainer className="inline-flex items-center shrink-0">
-                                    <GitBranch className="w-3 h-3 text-brand" strokeWidth={1.5} />
-                                  </CursorContainer>
-                                  <Cursor>
-                                    <div className="h-2 w-2 rounded-full bg-brand" />
-                                  </Cursor>
-                                  <CursorFollow
-                                    side="bottom"
-                                    sideOffset={4}
-                                    align="center"
-                                    transition={{ stiffness: 400, damping: 40, bounce: 0 }}
-                                  >
-                                    <div className="rounded-md border border-card-border bg-popover/95 backdrop-blur-[10px] backdrop-saturate-[1.15] px-2.5 py-1.5 shadow-md">
-                                      <span className="font-mono text-xs tabular-nums text-stat-value">Git source update pending</span>
-                                    </div>
-                                  </CursorFollow>
-                                </CursorProvider>
-                              )}
-
-                              <div className="opacity-0 group-hover:opacity-100 transition-opacity flex-shrink-0" onClick={(e) => e.stopPropagation()}>
-                                <DropdownMenu>
-                                  <DropdownMenuTrigger asChild>
-                                    <Button variant="ghost" size="icon" className="h-6 w-6">
-                                      <MoreVertical className="h-4 w-4" />
-                                    </Button>
-                                  </DropdownMenuTrigger>
-                                  <DropdownMenuContent align="end">
-                                    <DropdownMenuItem onClick={() => openAlertSheet(file)}>
-                                      <BellRing className="h-4 w-4 mr-2" />
-                                      Alerts
-                                    </DropdownMenuItem>
-                                    {isPaid && (
-                                      <LabelAssignPopover
-                                        stackName={file}
-                                        allLabels={labels}
-                                        assignedLabelIds={(stackLabelMap[file] || []).map(l => l.id)}
-                                        onLabelsChanged={refreshLabels}
-                                      >
-                                        <DropdownMenuItem onSelect={e => e.preventDefault()}>
-                                          <Tag className="h-4 w-4 mr-2" strokeWidth={1.5} />
-                                          Labels
-                                        </DropdownMenuItem>
-                                      </LabelAssignPopover>
-                                    )}
-                                    <DropdownMenuItem onClick={() => checkUpdatesForStack()}>
-                                      <RefreshCw className="h-4 w-4 mr-2" />
-                                      Check for updates
-                                    </DropdownMenuItem>
-                                    {stackStatuses[file] === 'running' && stackPorts[file] && (
-                                      <DropdownMenuItem onClick={() => openStackApp(file)}>
-                                        <ExternalLink className="h-4 w-4 mr-2" strokeWidth={1.5} />
-                                        Open App
-                                      </DropdownMenuItem>
-                                    )}
-                                    <DropdownMenuSeparator />
-                                    {(() => {
-                                      const { showDeploy, showStop, showRestart, showUpdate } = getStackMenuVisibility(file);
-                                      const busy = isStackBusy(file);
-                                      return (
-                                        <>
-                                          {showDeploy && (
-                                            <DropdownMenuItem disabled={busy} onClick={() => executeStackActionByFile(file, 'deploy', 'deploy')}>
-                                              <Play className="h-4 w-4 mr-2" />
-                                              Deploy
-                                            </DropdownMenuItem>
-                                          )}
-                                          {showStop && (
-                                            <DropdownMenuItem disabled={busy} onClick={() => executeStackActionByFile(file, 'stop', 'stop')}>
-                                              <Square className="h-4 w-4 mr-2" />
-                                              Stop
-                                            </DropdownMenuItem>
-                                          )}
-                                          {showRestart && (
-                                            <DropdownMenuItem disabled={busy} onClick={() => executeStackActionByFile(file, 'restart', 'restart')}>
-                                              <RotateCw className="h-4 w-4 mr-2" />
-                                              Restart
-                                            </DropdownMenuItem>
-                                          )}
-                                          {showUpdate && (
-                                            <DropdownMenuItem disabled={busy} onClick={() => executeStackActionByFile(file, 'update', 'update')}>
-                                              <Download className="h-4 w-4 mr-2" />
-                                              Update
-                                            </DropdownMenuItem>
-                                          )}
-                                        </>
-                                      );
-                                    })()}
-                                    {can('stack:delete', 'stack', file.replace(/\.(yml|yaml)$/, '')) && (
-                                      <>
-                                        <DropdownMenuSeparator />
-                                        <DropdownMenuItem
-                                          className="text-destructive focus:text-destructive"
-                                          onClick={() => {
-                                            setStackToDelete(file.replace(/\.(yml|yaml)$/, ''));
-                                            setDeleteDialogOpen(true);
-                                          }}
-                                        >
-                                          <Trash2 className="h-4 w-4 mr-2" />
-                                          Delete
-                                        </DropdownMenuItem>
-                                      </>
-                                    )}
-                                  </DropdownMenuContent>
-                                </DropdownMenu>
-                              </div>
-                            </div>
-                          </CommandItem>
-                        </div>
-                      </ContextMenuTrigger>
-                      <ContextMenuContent>
-                        <ContextMenuItem onClick={() => openAlertSheet(file)}>
-                          <BellRing className="h-4 w-4 mr-2" />
-                          Alerts
-                        </ContextMenuItem>
-                        <ContextMenuItem onSelect={() => setAutoHealStackName(file)}>
-                          <Activity className="h-4 w-4 mr-2" strokeWidth={1.5} />
-                          Auto-Heal
-                        </ContextMenuItem>
-                        {isPaid && (
-                          <ContextMenuSub>
-                            <ContextMenuSubTrigger>
-                              <Tag className="h-4 w-4 mr-2" strokeWidth={1.5} />
-                              Labels
-                            </ContextMenuSubTrigger>
-                            <ContextMenuSubContent className="min-w-[180px]">
-                              {labels.map(label => {
-                                const assigned = (stackLabelMap[file] || []).some(l => l.id === label.id);
-                                return (
-                                  <ContextMenuItem
-                                    key={label.id}
-                                    onClick={async () => {
-                                      const currentIds = (stackLabelMap[file] || []).map(l => l.id);
-                                      const newIds = assigned ? currentIds.filter(id => id !== label.id) : [...currentIds, label.id];
-                                      const loadingId = toast.loading('Updating labels...');
-                                      try {
-                                        const res = await apiFetch(`/stacks/${encodeURIComponent(file)}/labels`, { method: 'PUT', body: JSON.stringify({ labelIds: newIds }) });
-                                        if (!res.ok) { const data = await res.json().catch(() => ({})); throw new Error(data?.error || 'Failed to update labels.'); }
-                                        refreshLabels();
-                                      } catch (err: unknown) { toast.error((err as Error)?.message || 'Failed to update labels.'); } finally { toast.dismiss(loadingId); }
-                                    }}
-                                  >
-                                    <LabelDot color={label.color} />
-                                    <span className="flex-1 font-mono text-[12px] ml-2">{label.name}</span>
-                                    {assigned && <Check className="w-3.5 h-3.5 text-success ml-auto shrink-0" strokeWidth={1.5} />}
-                                  </ContextMenuItem>
-                                );
-                              })}
-                              {labels.length === 0 && (
-                                <ContextMenuItem disabled>
-                                  <span className="text-xs text-muted-foreground">No labels yet</span>
-                                </ContextMenuItem>
-                              )}
-                              <ContextMenuSeparator />
-                              <ContextMenuItem onClick={() => { setSettingsInitialSection('labels'); setSettingsModalOpen(true); }}>
-                                <Plus className="h-3.5 w-3.5 mr-2" strokeWidth={1.5} />
-                                <span className="text-xs">Manage labels...</span>
-                              </ContextMenuItem>
-                            </ContextMenuSubContent>
-                          </ContextMenuSub>
-                        )}
-                        <ContextMenuItem onClick={() => checkUpdatesForStack()}>
-                          <RefreshCw className="h-4 w-4 mr-2" />
-                          Check for updates
-                        </ContextMenuItem>
-                        {stackStatuses[file] === 'running' && stackPorts[file] && (
-                          <ContextMenuItem onClick={() => openStackApp(file)}>
-                            <ExternalLink className="h-4 w-4 mr-2" strokeWidth={1.5} />
-                            Open App
-                          </ContextMenuItem>
-                        )}
-                        <ContextMenuSeparator />
-                        {(() => {
-                          const { showDeploy, showStop, showRestart, showUpdate } = getStackMenuVisibility(file);
-                          const busy = isStackBusy(file);
-                          return (
-                            <>
-                              {showDeploy && (
-                                <ContextMenuItem disabled={busy} onClick={() => executeStackActionByFile(file, 'deploy', 'deploy')}>
-                                  <Play className="h-4 w-4 mr-2" />
-                                  Deploy
-                                </ContextMenuItem>
-                              )}
-                              {showStop && (
-                                <ContextMenuItem disabled={busy} onClick={() => executeStackActionByFile(file, 'stop', 'stop')}>
-                                  <Square className="h-4 w-4 mr-2" />
-                                  Stop
-                                </ContextMenuItem>
-                              )}
-                              {showRestart && (
-                                <ContextMenuItem disabled={busy} onClick={() => executeStackActionByFile(file, 'restart', 'restart')}>
-                                  <RotateCw className="h-4 w-4 mr-2" />
-                                  Restart
-                                </ContextMenuItem>
-                              )}
-                              {showUpdate && (
-                                <ContextMenuItem disabled={busy} onClick={() => executeStackActionByFile(file, 'update', 'update')}>
-                                  <Download className="h-4 w-4 mr-2" />
-                                  Update
-                                </ContextMenuItem>
-                              )}
-                            </>
-                          );
-                        })()}
-                        {can('stack:delete', 'stack', file.replace(/\.(yml|yaml)$/, '')) && (
-                          <>
-                            <ContextMenuSeparator />
-                            <ContextMenuItem
-                              className="text-destructive focus:text-destructive"
-                              onClick={() => {
-                                setStackToDelete(file.replace(/\.(yml|yaml)$/, ''));
-                                setDeleteDialogOpen(true);
-                              }}
-                            >
-                              <Trash2 className="h-4 w-4 mr-2" />
-                              Delete
-                            </ContextMenuItem>
-                          </>
-                        )}
-                      </ContextMenuContent>
-                    </ContextMenu>
-                  ))
-                )}
-              </CommandList>
-
-              {/* Remote node matches: surfaced only when the user is actively searching. */}
-              {searchQuery.trim() && (remoteSearchLoading || Object.keys(remoteStackResults).length > 0) && (
-                <div className="mt-3 pt-3 border-t border-glass-border">
-                  <h3 className="text-[10px] font-medium tracking-[0.08em] uppercase text-stat-subtitle px-4 pb-2 flex items-center gap-2">
-                    Other nodes
-                    {remoteSearchLoading && <Loader2 className="w-3 h-3 animate-spin text-stat-icon" strokeWidth={1.5} />}
-                  </h3>
-                  {Object.entries(remoteStackResults).map(([nodeIdStr, files]) => {
-                    const node = nodes.find(n => n.id === Number(nodeIdStr));
-                    if (!node || files.length === 0) return null;
-                    return (
-                      <div key={node.id} className="mb-2">
-                        <div className="px-4 pb-1 flex items-center gap-1.5 text-[10px] font-mono uppercase tracking-[0.06em] text-stat-subtitle">
-                          <span className="w-1.5 h-1.5 rounded-full bg-success" />
-                          <span className="truncate">{node.name}</span>
-                        </div>
-                        {files.map(({ file, status }) => (
-                          <button
-                            key={`${node.id}:${file}`}
-                            type="button"
-                            onClick={() => loadFileOnNode(node, file)}
-                            className="w-full text-left justify-start rounded-lg mb-1 cursor-pointer hover:bg-glass-highlight px-2 py-1.5 flex items-center gap-2"
-                          >
-                            <span
-                              className={`font-mono text-[10px] shrink-0 w-5 ${
-                                status === 'running' ? 'text-success' :
-                                status === 'exited' ? 'text-destructive' : 'text-stat-icon'
-                              }`}
-                            >
-                              {status === 'running' ? 'UP' : status === 'exited' ? 'DN' : '--'}
-                            </span>
-                            <span className="flex-1 truncate font-mono text-xs">{file}</span>
-                            <ArrowUpRight className="w-3 h-3 text-stat-icon shrink-0" strokeWidth={1.5} />
-                          </button>
-                        ))}
-                      </div>
-                    );
-                  })}
-                </div>
-              )}
-            </div>
-          </ScrollArea>
-        </Command>
-      </div>
+        }
+        createStackSlot={createStackSlot}
+        onScan={handleScanStacks}
+        isScanning={isScanning}
+        canCreate={can('stack:create')}
+        searchQuery={searchQuery}
+        onSearchChange={setSearchQuery}
+        list={{
+          files: filteredFiles ?? [],
+          isLoading,
+          isPaid,
+          selectedFile,
+          searchQuery,
+          stackLabelMap,
+          stackStatuses: stackStatuses as Record<string, StackRowStatus | undefined>,
+          stackUpdates,
+          gitSourcePendingMap,
+          labels,
+          pinnedFiles: pinned,
+          isCollapsed,
+          toggleCollapse,
+          isBusy: isStackBusy,
+          getDisplayName,
+          onSelectFile: loadFile,
+          buildMenuCtx,
+          remoteResults,
+          remoteLoading: remoteSearchLoading,
+          onSelectRemoteFile: (nodeId, file) => {
+            const node = nodes.find(n => n.id === nodeId);
+            if (node) loadFileOnNode(node, file);
+          },
+        }}
+        notifications={notifications}
+        tickerConnected={tickerConnected}
+        onOpenActivity={() => setActiveView('global-observability')}
+      />
 
       {/* Main Content Area */}
       <div className="flex-1 flex flex-col overflow-hidden">
diff --git a/frontend/src/components/sidebar/SidebarActions.tsx b/frontend/src/components/sidebar/SidebarActions.tsx
new file mode 100644
index 00000000..753fe35c
--- /dev/null
+++ b/frontend/src/components/sidebar/SidebarActions.tsx
@@ -0,0 +1,38 @@
+import type { ReactNode } from 'react';
+import { Button } from '@/components/ui/button';
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip';
+import { FolderSearch, Loader2 } from 'lucide-react';
+
+interface SidebarActionsProps {
+  createStackSlot: ReactNode;
+  onScan: () => void;
+  isScanning: boolean;
+}
+
+export function SidebarActions({ createStackSlot, onScan, isScanning }: SidebarActionsProps) {
+  return (
+    <div className="p-4 flex gap-2">
+      <div className="flex-1">{createStackSlot}</div>
+      <TooltipProvider>
+        <Tooltip>
+          <TooltipTrigger asChild>
+            <Button
+              variant="outline"
+              size="icon"
+              className="rounded-lg shrink-0 shadow-btn-glow"
+              onClick={onScan}
+              disabled={isScanning}
+            >
+              {isScanning
+                ? <Loader2 className="w-4 h-4 animate-spin" strokeWidth={1.5} />
+                : <FolderSearch className="w-4 h-4" strokeWidth={1.5} />}
+            </Button>
+          </TooltipTrigger>
+          <TooltipContent side="bottom">
+            <p>Scan stacks folder</p>
+          </TooltipContent>
+        </Tooltip>
+      </TooltipProvider>
+    </div>
+  );
+}
diff --git a/frontend/src/components/sidebar/SidebarActivityTicker.tsx b/frontend/src/components/sidebar/SidebarActivityTicker.tsx
new file mode 100644
index 00000000..01afd21c
--- /dev/null
+++ b/frontend/src/components/sidebar/SidebarActivityTicker.tsx
@@ -0,0 +1,58 @@
+import { useEffect, useMemo, useState } from 'react';
+import { cn } from '@/lib/utils';
+import { formatTimeAgo } from '@/lib/relativeTime';
+import type { NotificationItem } from '@/components/dashboard/types';
+
+const ONE_HOUR_S = 60 * 60;
+const NOW_TICK_MS = 30_000;
+
+interface SidebarActivityTickerProps {
+  notifications: NotificationItem[];
+  connected: boolean;
+  onNavigate: () => void;
+}
+
+export function SidebarActivityTicker({ notifications, connected, onNavigate }: SidebarActivityTickerProps) {
+  const [nowS, setNowS] = useState(() => Math.floor(Date.now() / 1000));
+  useEffect(() => {
+    const id = setInterval(() => setNowS(Math.floor(Date.now() / 1000)), NOW_TICK_MS);
+    return () => clearInterval(id);
+  }, []);
+  const latest = useMemo(() => {
+    return notifications
+      .filter(n => n.stack_name && nowS - n.timestamp <= ONE_HOUR_S)
+      .sort((a, b) => b.timestamp - a.timestamp)[0] ?? null;
+  }, [notifications, nowS]);
+
+  const idle = latest === null;
+  const dotClass = connected
+    ? 'bg-success shadow-[0_0_6px_var(--success)] animate-pulse'
+    : 'bg-warning';
+  const kicker = idle ? 'IDLE · NO RECENT ACTIVITY' : 'LIVE · VIEW ACTIVITY →';
+
+  return (
+    <button
+      type="button"
+      onClick={onNavigate}
+      className={cn(
+        'w-full flex flex-col gap-0.5 px-4 py-2 border-t border-glass-border',
+        'bg-sidebar/80 hover:bg-glass-highlight text-left',
+      )}
+    >
+      <div className="flex items-center gap-2">
+        <span data-testid="ticker-dot" className={cn('w-1.5 h-1.5 rounded-full', dotClass)} />
+        {idle ? (
+          <span className="font-mono text-[11px] text-muted-foreground">No recent activity</span>
+        ) : (
+          <span className="font-mono text-[11px] truncate">
+            <span className="text-brand">{latest.stack_name}</span>
+            <span className="text-muted-foreground"> · {latest.message} · {formatTimeAgo(latest.timestamp * 1000)}</span>
+          </span>
+        )}
+      </div>
+      <span className="font-mono text-[9px] tracking-[0.22em] uppercase text-stat-subtitle pl-3.5">
+        {kicker}
+      </span>
+    </button>
+  );
+}
diff --git a/frontend/src/components/sidebar/SidebarBrand.tsx b/frontend/src/components/sidebar/SidebarBrand.tsx
new file mode 100644
index 00000000..37ff15f1
--- /dev/null
+++ b/frontend/src/components/sidebar/SidebarBrand.tsx
@@ -0,0 +1,21 @@
+interface SidebarBrandProps {
+  isDarkMode: boolean;
+}
+
+export function SidebarBrand({ isDarkMode }: SidebarBrandProps) {
+  return (
+    <div className="flex items-center gap-2.5 px-4 py-3 border-b border-glass-border">
+      <img
+        src={isDarkMode ? '/sencho-logo-dark.png' : '/sencho-logo-light.png'}
+        alt="Sencho Logo"
+        className="w-10 h-10 shrink-0"
+      />
+      <div className="flex flex-col leading-none">
+        <span className="font-mono text-[9px] tracking-[0.22em] uppercase text-stat-subtitle">
+          SENCHO · v{__APP_VERSION__}
+        </span>
+        <span className="font-serif italic text-xl text-foreground mt-1">Sencho</span>
+      </div>
+    </div>
+  );
+}
diff --git a/frontend/src/components/sidebar/SidebarSearch.tsx b/frontend/src/components/sidebar/SidebarSearch.tsx
new file mode 100644
index 00000000..b376fe0f
--- /dev/null
+++ b/frontend/src/components/sidebar/SidebarSearch.tsx
@@ -0,0 +1,27 @@
+import { CommandInput } from '@/components/ui/command';
+
+interface SidebarSearchProps {
+  value: string;
+  onValueChange: (v: string) => void;
+}
+
+function kbdHint(): string {
+  if (typeof navigator === 'undefined') return 'Ctrl+K';
+  return /Mac|iPhone|iPad/.test(navigator.userAgent) ? '⌘K' : 'Ctrl+K';
+}
+
+export function SidebarSearch({ value, onValueChange }: SidebarSearchProps) {
+  return (
+    <div className="px-4 py-2 flex-none relative">
+      <CommandInput
+        placeholder="Search stacks..."
+        value={value}
+        onValueChange={onValueChange}
+        className="h-9 border-none"
+      />
+      <kbd className="pointer-events-none absolute right-6 top-1/2 -translate-y-1/2 hidden sm:inline-flex h-5 items-center gap-0.5 rounded border border-glass-border bg-glass-highlight px-1.5 font-mono text-[10px] text-muted-foreground">
+        {kbdHint()}
+      </kbd>
+    </div>
+  );
+}
diff --git a/frontend/src/components/sidebar/StackContextMenu.tsx b/frontend/src/components/sidebar/StackContextMenu.tsx
new file mode 100644
index 00000000..c5c5e047
--- /dev/null
+++ b/frontend/src/components/sidebar/StackContextMenu.tsx
@@ -0,0 +1,99 @@
+import type { ReactNode } from 'react';
+import { Check } from 'lucide-react';
+import {
+  ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuSeparator,
+  ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger,
+} from '@/components/ui/context-menu';
+import { LabelDot } from '@/components/LabelPill';
+import { cn } from '@/lib/utils';
+import type { MenuGroup, MenuItem, StackMenuCtx } from './sidebar-types';
+import { useStackMenuItems } from '@/hooks/useStackMenuItems';
+
+interface StackContextMenuProps {
+  file: string;
+  ctx: StackMenuCtx;
+  children: ReactNode;
+}
+
+function GroupHeader({ id }: { id: string }) {
+  return (
+    <div className={cn(
+      'px-2 pt-2 pb-1 font-mono text-[9px] tracking-[0.22em] uppercase',
+      id === 'destructive' ? 'text-destructive/60' : 'text-stat-subtitle',
+    )}>
+      {id}
+    </div>
+  );
+}
+
+function LabelsSub({ item, ctx }: { item: MenuItem; ctx: StackMenuCtx }) {
+  return (
+    <ContextMenuSub>
+      <ContextMenuSubTrigger>
+        <item.icon className="h-4 w-4 mr-2" strokeWidth={1.5} />
+        {item.label}
+      </ContextMenuSubTrigger>
+      <ContextMenuSubContent className="min-w-[180px]">
+        {ctx.labels.length === 0 && (
+          <ContextMenuItem disabled>
+            <span className="text-xs text-muted-foreground">No labels yet</span>
+          </ContextMenuItem>
+        )}
+        {ctx.labels.map(label => {
+          const assigned = ctx.assignedLabelIds.includes(label.id);
+          return (
+            <ContextMenuItem key={label.id} onClick={() => ctx.toggleLabel(label.id)}>
+              <LabelDot color={label.color} />
+              <span className="flex-1 font-mono text-[12px] ml-2">{label.name}</span>
+              {assigned && <Check className="w-3.5 h-3.5 text-success ml-auto shrink-0" strokeWidth={1.5} />}
+            </ContextMenuItem>
+          );
+        })}
+        <ContextMenuSeparator />
+        <ContextMenuItem onClick={ctx.openLabelManager}>
+          <span className="text-xs">Manage labels...</span>
+        </ContextMenuItem>
+      </ContextMenuSubContent>
+    </ContextMenuSub>
+  );
+}
+
+function renderItem(item: MenuItem, ctx: StackMenuCtx) {
+  if (item.id === 'labels') return <LabelsSub key={item.id} item={item} ctx={ctx} />;
+  return (
+    <ContextMenuItem
+      key={item.id}
+      onSelect={() => item.onSelect()}
+      disabled={item.disabled}
+      className={item.destructive ? 'text-destructive focus:text-destructive' : undefined}
+    >
+      <item.icon className="h-4 w-4 mr-2" strokeWidth={1.5} />
+      <span className="flex-1">{item.label}</span>
+      {item.shortcut && (
+        <span className="ml-3 font-mono text-[10px] tracking-wider text-stat-subtitle">{item.shortcut}</span>
+      )}
+    </ContextMenuItem>
+  );
+}
+
+function renderGroup(group: MenuGroup, ctx: StackMenuCtx, showSep: boolean) {
+  return (
+    <div key={group.id}>
+      {showSep && <ContextMenuSeparator />}
+      <GroupHeader id={group.id} />
+      {group.items.map(item => renderItem(item, ctx))}
+    </div>
+  );
+}
+
+export function StackContextMenu({ file, ctx, children }: StackContextMenuProps) {
+  const groups = useStackMenuItems(file, ctx);
+  return (
+    <ContextMenu>
+      <ContextMenuTrigger asChild>{children}</ContextMenuTrigger>
+      <ContextMenuContent>
+        {groups.map((g, i) => renderGroup(g, ctx, i > 0))}
+      </ContextMenuContent>
+    </ContextMenu>
+  );
+}
diff --git a/frontend/src/components/sidebar/StackGroup.tsx b/frontend/src/components/sidebar/StackGroup.tsx
new file mode 100644
index 00000000..e338c7cb
--- /dev/null
+++ b/frontend/src/components/sidebar/StackGroup.tsx
@@ -0,0 +1,43 @@
+import type { ReactNode } from 'react';
+import { ChevronDown, ChevronRight } from 'lucide-react';
+import { cn } from '@/lib/utils';
+
+interface StackGroupProps {
+  id: string;
+  label: string;
+  count: number;
+  collapsed: boolean;
+  onToggle: () => void;
+  variant?: 'default' | 'pinned';
+  children: ReactNode;
+}
+
+export function StackGroup({ id, label, count, collapsed, onToggle, variant = 'default', children }: StackGroupProps) {
+  const labelColor = variant === 'pinned' ? 'text-brand/90' : 'text-stat-subtitle';
+  return (
+    <div className="mt-2">
+      <button
+        type="button"
+        onClick={onToggle}
+        className="flex items-center justify-between w-full px-2 py-1 text-left hover:bg-glass-highlight/30 rounded-md"
+        aria-expanded={!collapsed}
+        aria-controls={`group-${id}-body`}
+      >
+        <span className={cn('font-mono text-[9px] tracking-[0.22em] uppercase', labelColor)}>
+          {label}
+        </span>
+        <span className="flex items-center gap-1.5">
+          <span className="font-mono text-[9px] tabular-nums text-stat-icon">{count}</span>
+          {collapsed
+            ? <ChevronRight className="w-3 h-3 text-stat-icon" strokeWidth={1.5} />
+            : <ChevronDown className="w-3 h-3 text-stat-icon" strokeWidth={1.5} />}
+        </span>
+      </button>
+      {!collapsed && (
+        <div id={`group-${id}-body`} className="mt-0.5">
+          {children}
+        </div>
+      )}
+    </div>
+  );
+}
diff --git a/frontend/src/components/sidebar/StackKebabMenu.tsx b/frontend/src/components/sidebar/StackKebabMenu.tsx
new file mode 100644
index 00000000..ff002a3d
--- /dev/null
+++ b/frontend/src/components/sidebar/StackKebabMenu.tsx
@@ -0,0 +1,102 @@
+import { MoreVertical, Check } from 'lucide-react';
+import { Button } from '@/components/ui/button';
+import {
+  DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator,
+  DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger,
+} from '@/components/ui/dropdown-menu';
+import { LabelDot } from '@/components/LabelPill';
+import { cn } from '@/lib/utils';
+import type { MenuGroup, MenuItem, StackMenuCtx } from './sidebar-types';
+import { useStackMenuItems } from '@/hooks/useStackMenuItems';
+
+interface StackKebabMenuProps {
+  file: string;
+  ctx: StackMenuCtx;
+}
+
+function GroupHeader({ id }: { id: string }) {
+  return (
+    <div className={cn(
+      'px-2 pt-2 pb-1 font-mono text-[9px] tracking-[0.22em] uppercase',
+      id === 'destructive' ? 'text-destructive/60' : 'text-stat-subtitle',
+    )}>
+      {id}
+    </div>
+  );
+}
+
+function LabelsSub({ item, ctx }: { item: MenuItem; ctx: StackMenuCtx }) {
+  return (
+    <DropdownMenuSub>
+      <DropdownMenuSubTrigger>
+        <item.icon className="h-4 w-4 mr-2" strokeWidth={1.5} />
+        {item.label}
+      </DropdownMenuSubTrigger>
+      <DropdownMenuSubContent className="min-w-[180px]">
+        {ctx.labels.length === 0 && (
+          <DropdownMenuItem disabled>
+            <span className="text-xs text-muted-foreground">No labels yet</span>
+          </DropdownMenuItem>
+        )}
+        {ctx.labels.map(label => {
+          const assigned = ctx.assignedLabelIds.includes(label.id);
+          return (
+            <DropdownMenuItem key={label.id} onSelect={(e) => { e.preventDefault(); ctx.toggleLabel(label.id); }}>
+              <LabelDot color={label.color} />
+              <span className="flex-1 font-mono text-[12px] ml-2">{label.name}</span>
+              {assigned && <Check className="w-3.5 h-3.5 text-success ml-auto shrink-0" strokeWidth={1.5} />}
+            </DropdownMenuItem>
+          );
+        })}
+        <DropdownMenuSeparator />
+        <DropdownMenuItem onClick={ctx.openLabelManager}>
+          <span className="text-xs">Manage labels...</span>
+        </DropdownMenuItem>
+      </DropdownMenuSubContent>
+    </DropdownMenuSub>
+  );
+}
+
+function renderItem(item: MenuItem, ctx: StackMenuCtx) {
+  if (item.id === 'labels') return <LabelsSub key={item.id} item={item} ctx={ctx} />;
+  return (
+    <DropdownMenuItem
+      key={item.id}
+      onSelect={() => item.onSelect()}
+      disabled={item.disabled}
+      className={item.destructive ? 'text-destructive focus:text-destructive' : undefined}
+    >
+      <item.icon className="h-4 w-4 mr-2" strokeWidth={1.5} />
+      <span className="flex-1">{item.label}</span>
+      {item.shortcut && (
+        <span className="ml-3 font-mono text-[10px] tracking-wider text-stat-subtitle">{item.shortcut}</span>
+      )}
+    </DropdownMenuItem>
+  );
+}
+
+function renderGroup(group: MenuGroup, ctx: StackMenuCtx, showSep: boolean) {
+  return (
+    <div key={group.id}>
+      {showSep && <DropdownMenuSeparator />}
+      <GroupHeader id={group.id} />
+      {group.items.map(item => renderItem(item, ctx))}
+    </div>
+  );
+}
+
+export function StackKebabMenu({ file, ctx }: StackKebabMenuProps) {
+  const groups = useStackMenuItems(file, ctx);
+  return (
+    <DropdownMenu>
+      <DropdownMenuTrigger asChild>
+        <Button variant="ghost" size="icon" className="h-6 w-6">
+          <MoreVertical className="h-4 w-4" />
+        </Button>
+      </DropdownMenuTrigger>
+      <DropdownMenuContent align="end">
+        {groups.map((g, i) => renderGroup(g, ctx, i > 0))}
+      </DropdownMenuContent>
+    </DropdownMenu>
+  );
+}
diff --git a/frontend/src/components/sidebar/StackList.tsx b/frontend/src/components/sidebar/StackList.tsx
new file mode 100644
index 00000000..4ad5fdc0
--- /dev/null
+++ b/frontend/src/components/sidebar/StackList.tsx
@@ -0,0 +1,197 @@
+import { useMemo } from 'react';
+import { ArrowUpRight, Loader2 } from 'lucide-react';
+import { CommandItem, CommandList } from '@/components/ui/command';
+import { Skeleton } from '@/components/ui/skeleton';
+import type { Label } from '@/components/label-types';
+import type { StackRowStatus } from './StackRow';
+import { StackRow } from './StackRow';
+import { StackGroup } from './StackGroup';
+import { StackContextMenu } from './StackContextMenu';
+import { StackKebabMenu } from './StackKebabMenu';
+import type { StackMenuCtx } from './sidebar-types';
+
+interface RemoteNodeResult {
+  nodeId: number;
+  nodeName: string;
+  files: { file: string; status: StackRowStatus }[];
+}
+
+export interface StackListProps {
+  files: string[];
+  isLoading: boolean;
+  isPaid: boolean;
+  selectedFile: string | null;
+  searchQuery: string;
+  stackLabelMap: Record<string, Label[]>;
+  stackStatuses: Record<string, StackRowStatus | undefined>;
+  stackUpdates: Record<string, boolean>;
+  gitSourcePendingMap: Record<string, boolean>;
+  labels: Label[];
+  pinnedFiles: string[];
+  isCollapsed: (groupKey: string) => boolean;
+  toggleCollapse: (groupKey: string) => void;
+  isBusy: (file: string) => boolean;
+  getDisplayName: (file: string) => string;
+  onSelectFile: (file: string) => void;
+  buildMenuCtx: (file: string) => StackMenuCtx;
+  remoteResults: RemoteNodeResult[];
+  remoteLoading: boolean;
+  onSelectRemoteFile: (nodeId: number, file: string) => void;
+}
+
+interface BuiltGroup {
+  kind: 'pinned' | 'labeled' | 'unlabeled';
+  id: string;
+  label: string;
+  count: number;
+  files: string[];
+  variant?: 'default' | 'pinned';
+}
+
+function buildGroups(
+  files: string[],
+  pinnedFiles: string[],
+  stackLabelMap: Record<string, Label[]>,
+  labels: Label[],
+): BuiltGroup[] {
+  const result: BuiltGroup[] = [];
+
+  const pinnedSet = new Set(pinnedFiles.filter(f => files.includes(f)));
+  if (pinnedSet.size > 0) {
+    result.push({
+      kind: 'pinned', id: 'pinned', label: 'PINNED',
+      count: pinnedSet.size, files: Array.from(pinnedSet), variant: 'pinned',
+    });
+  }
+
+  const labelBuckets = new Map<number, { label: Label; files: string[] }>();
+  const unlabeled: string[] = [];
+  for (const file of files) {
+    const assigned = stackLabelMap[file] ?? [];
+    if (assigned.length === 0) {
+      unlabeled.push(file);
+    } else {
+      for (const l of assigned) {
+        const bucket = labelBuckets.get(l.id) ?? { label: l, files: [] };
+        bucket.files.push(file);
+        labelBuckets.set(l.id, bucket);
+      }
+    }
+  }
+
+  const sortedLabels = [...labelBuckets.values()]
+    .sort((a, b) => b.files.length - a.files.length || a.label.name.localeCompare(b.label.name));
+  for (const { label, files: bucketFiles } of sortedLabels) {
+    result.push({
+      kind: 'labeled', id: `label:${label.id}`,
+      label: label.name.toUpperCase(), count: bucketFiles.length, files: bucketFiles,
+    });
+  }
+
+  if (unlabeled.length > 0) {
+    result.push({ kind: 'unlabeled', id: 'unlabeled', label: 'UNLABELED', count: unlabeled.length, files: unlabeled });
+  }
+
+  void labels;
+  return result;
+}
+
+export function StackList(props: StackListProps) {
+  const {
+    files, isLoading, isPaid, selectedFile, searchQuery, stackLabelMap, stackStatuses,
+    stackUpdates, gitSourcePendingMap, labels, pinnedFiles, isCollapsed, toggleCollapse,
+    isBusy, getDisplayName, onSelectFile, buildMenuCtx, remoteResults, remoteLoading, onSelectRemoteFile,
+  } = props;
+
+  const groups = useMemo(
+    () => buildGroups(files, pinnedFiles, stackLabelMap, labels),
+    [files, pinnedFiles, stackLabelMap, labels],
+  );
+
+  if (isLoading) {
+    return (
+      <div className="space-y-2 px-2 mt-2">
+        <Skeleton className="h-8 w-full" />
+        <Skeleton className="h-8 w-full" />
+        <Skeleton className="h-8 w-full" />
+      </div>
+    );
+  }
+
+  return (
+    <CommandList className="max-h-none overflow-visible">
+      {groups.map(g => (
+        <StackGroup
+          key={g.id}
+          id={g.id}
+          label={g.label}
+          count={g.count}
+          collapsed={isCollapsed(g.id)}
+          onToggle={() => toggleCollapse(g.id)}
+          variant={g.variant}
+        >
+          {g.files.map(file => {
+            const ctx = buildMenuCtx(file);
+            return (
+              <StackContextMenu key={`${g.id}:${file}`} file={file} ctx={ctx}>
+                <CommandItem
+                  value={file}
+                  onSelect={() => onSelectFile(file)}
+                  className="p-0 data-[selected=true]:bg-transparent"
+                >
+                  <StackRow
+                    file={file}
+                    displayName={getDisplayName(file)}
+                    status={stackStatuses[file] ?? 'unknown'}
+                    isBusy={isBusy(file)}
+                    isActive={selectedFile === file}
+                    isPaid={isPaid}
+                    labels={stackLabelMap[file] ?? []}
+                    hasUpdate={!!stackUpdates[file]}
+                    hasGitPending={!!gitSourcePendingMap[file]}
+                    onSelect={onSelectFile}
+                    kebabSlot={<StackKebabMenu file={file} ctx={ctx} />}
+                  />
+                </CommandItem>
+              </StackContextMenu>
+            );
+          })}
+        </StackGroup>
+      ))}
+
+      {searchQuery.trim() && (remoteLoading || remoteResults.length > 0) && (
+        <div className="mt-3 pt-3 border-t border-glass-border">
+          <h3 className="text-[10px] font-medium tracking-[0.08em] uppercase text-stat-subtitle px-4 pb-2 flex items-center gap-2">
+            Other nodes
+            {remoteLoading && <Loader2 className="w-3 h-3 animate-spin text-stat-icon" strokeWidth={1.5} />}
+          </h3>
+          {remoteResults.map(({ nodeId, nodeName, files: remoteFiles }) => (
+            <div key={nodeId} className="mb-2">
+              <div className="px-4 pb-1 flex items-center gap-1.5 text-[10px] font-mono uppercase tracking-[0.06em] text-stat-subtitle">
+                <span className="w-1.5 h-1.5 rounded-full bg-success" />
+                <span className="truncate">{nodeName}</span>
+              </div>
+              {remoteFiles.map(({ file, status }) => (
+                <button
+                  key={`${nodeId}:${file}`}
+                  type="button"
+                  onClick={() => onSelectRemoteFile(nodeId, file)}
+                  className="w-full text-left justify-start rounded-lg mb-1 cursor-pointer hover:bg-glass-highlight px-2 py-1.5 flex items-center gap-2"
+                >
+                  <span className={`font-mono text-[10px] shrink-0 w-5 ${
+                    status === 'running' ? 'text-success' :
+                    status === 'exited' ? 'text-destructive' : 'text-stat-icon'
+                  }`}>
+                    {status === 'running' ? 'UP' : status === 'exited' ? 'DN' : '--'}
+                  </span>
+                  <span className="flex-1 truncate font-mono text-xs">{file}</span>
+                  <ArrowUpRight className="w-3 h-3 text-stat-icon shrink-0" strokeWidth={1.5} />
+                </button>
+              ))}
+            </div>
+          ))}
+        </div>
+      )}
+    </CommandList>
+  );
+}
diff --git a/frontend/src/components/sidebar/StackRow.tsx b/frontend/src/components/sidebar/StackRow.tsx
new file mode 100644
index 00000000..02b6f3af
--- /dev/null
+++ b/frontend/src/components/sidebar/StackRow.tsx
@@ -0,0 +1,93 @@
+import type { ReactNode } from 'react';
+import { GitBranch, Loader2 } from 'lucide-react';
+import { Cursor, CursorContainer, CursorFollow, CursorProvider } from '@/components/animate-ui/primitives/animate/cursor';
+import { LabelDot } from '@/components/LabelPill';
+import type { Label } from '@/components/label-types';
+import { cn } from '@/lib/utils';
+import { sidebarRowActive, sidebarRowBase } from './sidebar-styles';
+
+export type StackRowStatus = 'running' | 'exited' | 'unknown';
+
+interface StackRowProps {
+  file: string;
+  displayName: string;
+  status: StackRowStatus;
+  isBusy: boolean;
+  isActive: boolean;
+  isPaid: boolean;
+  labels: Label[];
+  hasUpdate: boolean;
+  hasGitPending: boolean;
+  onSelect: (file: string) => void;
+  kebabSlot: ReactNode;
+}
+
+function statusText(status: StackRowStatus): string {
+  if (status === 'running') return 'UP';
+  if (status === 'exited') return 'DN';
+  return '--';
+}
+
+function statusColor(status: StackRowStatus, isBusy: boolean): string {
+  if (isBusy) return 'text-muted-foreground';
+  if (status === 'running') return 'text-success';
+  if (status === 'exited') return 'text-destructive';
+  return 'text-stat-icon';
+}
+
+function RowTooltip({ trigger, label }: { trigger: ReactNode; label: string }) {
+  return (
+    <CursorProvider>
+      <CursorContainer className="inline-flex items-center shrink-0">{trigger}</CursorContainer>
+      <Cursor><div className="h-2 w-2 rounded-full bg-brand" /></Cursor>
+      <CursorFollow side="bottom" sideOffset={4} align="center" transition={{ stiffness: 400, damping: 40, bounce: 0 }}>
+        <div className="rounded-md border border-card-border bg-popover/95 backdrop-blur-[10px] backdrop-saturate-[1.15] px-2.5 py-1.5 shadow-md">
+          <span className="font-mono text-xs tabular-nums text-stat-value">{label}</span>
+        </div>
+      </CursorFollow>
+    </CursorProvider>
+  );
+}
+
+export function StackRow(props: StackRowProps) {
+  const { file, displayName, status, isBusy, isActive, isPaid, labels, hasUpdate, hasGitPending, onSelect, kebabSlot } = props;
+
+  return (
+    <div
+      data-testid="stack-row"
+      role="button"
+      tabIndex={0}
+      className={cn(sidebarRowBase, isActive && sidebarRowActive)}
+      onClick={() => onSelect(file)}
+      onKeyDown={(e) => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); onSelect(file); } }}
+    >
+      <span className={cn('font-mono text-[10px] shrink-0 w-[22px] flex items-center', statusColor(status, isBusy))}>
+        {isBusy ? <Loader2 className="w-3 h-3 animate-spin" strokeWidth={2} /> : statusText(status)}
+      </span>
+      <span className="flex-1 truncate font-mono text-[13px]">{displayName}</span>
+      {isPaid && labels.length > 0 && (
+        <span className="flex items-center gap-0.5 shrink-0">
+          {labels.map(l => <LabelDot key={l.id} color={l.color} />)}
+        </span>
+      )}
+      {hasUpdate && (
+        <RowTooltip
+          trigger={<span className="w-2 h-2 rounded-full bg-info animate-pulse" />}
+          label="Update available"
+        />
+      )}
+      {hasGitPending && (
+        <RowTooltip
+          trigger={<GitBranch className="w-3 h-3 text-brand" strokeWidth={1.5} />}
+          label="Git source update pending"
+        />
+      )}
+      <div
+        className="opacity-0 group-hover:opacity-100 transition-opacity flex-shrink-0"
+        onClick={(e) => e.stopPropagation()}
+      >
+        {kebabSlot}
+      </div>
+    </div>
+  );
+}
diff --git a/frontend/src/components/sidebar/StackSidebar.tsx b/frontend/src/components/sidebar/StackSidebar.tsx
new file mode 100644
index 00000000..d346f91e
--- /dev/null
+++ b/frontend/src/components/sidebar/StackSidebar.tsx
@@ -0,0 +1,54 @@
+import type { ReactNode } from 'react';
+import { Command } from '@/components/ui/command';
+import { ScrollArea } from '@/components/ui/scroll-area';
+import type { NotificationItem } from '@/components/dashboard/types';
+import { SidebarActions } from './SidebarActions';
+import { SidebarActivityTicker } from './SidebarActivityTicker';
+import { SidebarBrand } from './SidebarBrand';
+import { SidebarSearch } from './SidebarSearch';
+import { StackList, type StackListProps } from './StackList';
+
+export interface StackSidebarProps {
+  isDarkMode: boolean;
+  nodeSwitcherSlot: ReactNode;
+  createStackSlot: ReactNode | null;
+  onScan: () => void;
+  isScanning: boolean;
+  canCreate: boolean;
+  searchQuery: string;
+  onSearchChange: (v: string) => void;
+  list: StackListProps;
+  notifications: NotificationItem[];
+  tickerConnected: boolean;
+  onOpenActivity: () => void;
+}
+
+export function StackSidebar(props: StackSidebarProps) {
+  const {
+    isDarkMode, nodeSwitcherSlot, createStackSlot, onScan, isScanning, canCreate,
+    searchQuery, onSearchChange, list, notifications, tickerConnected, onOpenActivity,
+  } = props;
+
+  return (
+    <div className="w-64 border-r border-glass-border bg-sidebar backdrop-blur-md flex flex-col">
+      <SidebarBrand isDarkMode={isDarkMode} />
+      <div className="px-4 pt-2 pb-0">{nodeSwitcherSlot}</div>
+      {canCreate && createStackSlot !== null && (
+        <SidebarActions createStackSlot={createStackSlot} onScan={onScan} isScanning={isScanning} />
+      )}
+      <Command shouldFilter={false} className="bg-transparent flex-1 flex flex-col overflow-hidden">
+        <SidebarSearch value={searchQuery} onValueChange={onSearchChange} />
+        <ScrollArea className="flex-1 px-2 pb-2">
+          <div data-stacks-loaded={list.isLoading ? 'false' : 'true'}>
+            <StackList {...list} />
+          </div>
+        </ScrollArea>
+      </Command>
+      <SidebarActivityTicker
+        notifications={notifications}
+        connected={tickerConnected}
+        onNavigate={onOpenActivity}
+      />
+    </div>
+  );
+}
diff --git a/frontend/src/components/sidebar/__tests__/SidebarActivityTicker.test.tsx b/frontend/src/components/sidebar/__tests__/SidebarActivityTicker.test.tsx
new file mode 100644
index 00000000..141fedc4
--- /dev/null
+++ b/frontend/src/components/sidebar/__tests__/SidebarActivityTicker.test.tsx
@@ -0,0 +1,44 @@
+import { describe, it, expect } from 'vitest';
+import { render, screen } from '@testing-library/react';
+import { SidebarActivityTicker } from '../SidebarActivityTicker';
+import type { NotificationItem } from '@/components/dashboard/types';
+
+function notif(overrides: Partial<NotificationItem> = {}): NotificationItem {
+  return {
+    id: 1,
+    level: 'info',
+    message: 'web deployed',
+    timestamp: Math.floor(Date.now() / 1000) - 12,
+    is_read: 0,
+    stack_name: 'web',
+    ...overrides,
+  };
+}
+
+describe('SidebarActivityTicker', () => {
+  it('shows idle fallback when no recent stack events', () => {
+    render(<SidebarActivityTicker notifications={[]} connected onNavigate={() => {}} />);
+    expect(screen.getByText(/IDLE/i)).toBeInTheDocument();
+  });
+
+  it('renders stack name + message when a recent event exists', () => {
+    render(
+      <SidebarActivityTicker notifications={[notif()]} connected onNavigate={() => {}} />
+    );
+    expect(screen.getByText('web')).toBeInTheDocument();
+    expect(screen.getByText(/deployed/i)).toBeInTheDocument();
+  });
+
+  it('marks connected dot when connected, amber dot when disconnected', () => {
+    const { rerender } = render(<SidebarActivityTicker notifications={[]} connected onNavigate={() => {}} />);
+    expect(screen.getByTestId('ticker-dot')).toHaveClass('bg-success');
+    rerender(<SidebarActivityTicker notifications={[]} connected={false} onNavigate={() => {}} />);
+    expect(screen.getByTestId('ticker-dot')).toHaveClass('bg-warning');
+  });
+
+  it('falls back to idle when events are older than 1 hour', () => {
+    const old = notif({ timestamp: Math.floor(Date.now() / 1000) - 60 * 60 - 1 });
+    render(<SidebarActivityTicker notifications={[old]} connected onNavigate={() => {}} />);
+    expect(screen.getByText(/IDLE/i)).toBeInTheDocument();
+  });
+});
diff --git a/frontend/src/components/sidebar/__tests__/StackGroup.test.tsx b/frontend/src/components/sidebar/__tests__/StackGroup.test.tsx
new file mode 100644
index 00000000..f5fa7596
--- /dev/null
+++ b/frontend/src/components/sidebar/__tests__/StackGroup.test.tsx
@@ -0,0 +1,46 @@
+import { describe, it, expect, vi } from 'vitest';
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { StackGroup } from '../StackGroup';
+
+describe('StackGroup', () => {
+  it('renders label and count', () => {
+    render(
+      <StackGroup id="prod" label="PROD" count={4} collapsed={false} onToggle={() => {}}>
+        <div>child</div>
+      </StackGroup>
+    );
+    expect(screen.getByText('PROD')).toBeInTheDocument();
+    expect(screen.getByText('4')).toBeInTheDocument();
+  });
+
+  it('hides children when collapsed', () => {
+    render(
+      <StackGroup id="prod" label="PROD" count={4} collapsed={true} onToggle={() => {}}>
+        <div data-testid="child">child</div>
+      </StackGroup>
+    );
+    expect(screen.queryByTestId('child')).toBeNull();
+  });
+
+  it('invokes onToggle when header clicked', async () => {
+    const user = userEvent.setup();
+    const onToggle = vi.fn();
+    render(
+      <StackGroup id="prod" label="PROD" count={4} collapsed={false} onToggle={onToggle}>
+        <div>child</div>
+      </StackGroup>
+    );
+    await user.click(screen.getByRole('button', { name: /PROD/i }));
+    expect(onToggle).toHaveBeenCalledOnce();
+  });
+
+  it('applies pinned variant styling when variant="pinned"', () => {
+    render(
+      <StackGroup id="pinned" label="PINNED" count={2} collapsed={false} onToggle={() => {}} variant="pinned">
+        <div>child</div>
+      </StackGroup>
+    );
+    expect(screen.getByText('PINNED')).toHaveClass('text-brand/90');
+  });
+});
diff --git a/frontend/src/components/sidebar/__tests__/StackRow.test.tsx b/frontend/src/components/sidebar/__tests__/StackRow.test.tsx
new file mode 100644
index 00000000..415e4088
--- /dev/null
+++ b/frontend/src/components/sidebar/__tests__/StackRow.test.tsx
@@ -0,0 +1,76 @@
+import { describe, it, expect, vi } from 'vitest';
+import { render, screen, fireEvent } from '@testing-library/react';
+import type { ComponentProps } from 'react';
+import { StackRow } from '../StackRow';
+import type { Label } from '@/components/label-types';
+
+function base(overrides: Partial<ComponentProps<typeof StackRow>> = {}) {
+  return {
+    file: 'web.yml',
+    displayName: 'web',
+    status: 'running' as const,
+    isBusy: false,
+    isActive: false,
+    isPaid: true,
+    labels: [] as Label[],
+    hasUpdate: false,
+    hasGitPending: false,
+    onSelect: vi.fn(),
+    kebabSlot: null,
+    ...overrides,
+  };
+}
+
+describe('StackRow', () => {
+  it('renders UP for running', () => {
+    render(<StackRow {...base()} />);
+    expect(screen.getByText('UP')).toBeInTheDocument();
+  });
+
+  it('renders DN for exited', () => {
+    render(<StackRow {...base({ status: 'exited' })} />);
+    expect(screen.getByText('DN')).toBeInTheDocument();
+  });
+
+  it('renders -- for unknown', () => {
+    render(<StackRow {...base({ status: 'unknown' })} />);
+    expect(screen.getByText('--')).toBeInTheDocument();
+  });
+
+  it('renders cyan rail only when active', () => {
+    const { rerender } = render(<StackRow {...base({ isActive: false })} />);
+    expect(screen.getByTestId('stack-row')).not.toHaveClass('bg-accent/[0.07]');
+    rerender(<StackRow {...base({ isActive: true })} />);
+    expect(screen.getByTestId('stack-row')).toHaveClass('bg-accent/[0.07]');
+  });
+
+  it('fires onSelect on click', () => {
+    const onSelect = vi.fn();
+    render(<StackRow {...base({ onSelect })} />);
+    screen.getByTestId('stack-row').click();
+    expect(onSelect).toHaveBeenCalledWith('web.yml');
+  });
+
+  it('fires onSelect on Enter and Space', () => {
+    const onSelect = vi.fn();
+    render(<StackRow {...base({ onSelect })} />);
+    const row = screen.getByTestId('stack-row');
+    row.focus();
+    fireEvent.keyDown(row, { key: 'Enter' });
+    fireEvent.keyDown(row, { key: ' ' });
+    expect(onSelect).toHaveBeenCalledTimes(2);
+  });
+
+  it('kebab click does not trigger onSelect', () => {
+    const onSelect = vi.fn();
+    render(<StackRow {...base({ onSelect, kebabSlot: <button data-testid="kebab">k</button> })} />);
+    screen.getByTestId('kebab').click();
+    expect(onSelect).not.toHaveBeenCalled();
+  });
+
+  it('renders loader when isBusy', () => {
+    const { container } = render(<StackRow {...base({ isBusy: true })} />);
+    expect(container.querySelector('.animate-spin')).not.toBeNull();
+    expect(screen.queryByText('UP')).not.toBeInTheDocument();
+  });
+});
diff --git a/frontend/src/components/sidebar/sidebar-styles.ts b/frontend/src/components/sidebar/sidebar-styles.ts
new file mode 100644
index 00000000..b4a5c073
--- /dev/null
+++ b/frontend/src/components/sidebar/sidebar-styles.ts
@@ -0,0 +1,21 @@
+import { cn } from '@/lib/utils';
+
+export const sidebarRowBase = cn(
+  'relative flex items-center gap-2 w-full px-2 py-1.5 rounded-md mb-0.5',
+  'font-mono text-[13px] text-muted-foreground',
+  'hover:bg-glass-highlight hover:text-foreground',
+  'transition-colors group cursor-pointer',
+);
+
+export const sidebarRowActive = cn(
+  'bg-accent/[0.07] text-stat-value',
+  'after:content-[""] after:absolute after:left-[-12px] after:top-1 after:bottom-1',
+  'after:w-[3px] after:rounded-sm after:bg-brand',
+  'after:shadow-[0_0_6px_var(--brand)]',
+);
+
+export const sidebarGroupHeader = cn(
+  'flex items-center justify-between w-full px-2 pt-3 pb-1',
+  'text-[9px] leading-3 tracking-[0.22em] uppercase text-stat-subtitle',
+  'cursor-pointer select-none',
+);
diff --git a/frontend/src/components/sidebar/sidebar-types.ts b/frontend/src/components/sidebar/sidebar-types.ts
new file mode 100644
index 00000000..ffe993bc
--- /dev/null
+++ b/frontend/src/components/sidebar/sidebar-types.ts
@@ -0,0 +1,49 @@
+import type { LucideIcon } from 'lucide-react';
+import type { Label } from '../label-types';
+
+export type MenuGroupId = 'inspect' | 'organize' | 'lifecycle' | 'destructive';
+
+export interface MenuItem {
+  id: string;
+  label: string;
+  icon: LucideIcon;
+  shortcut?: string;
+  onSelect: () => void;
+  disabled?: boolean;
+  destructive?: boolean;
+  subItems?: MenuItem[];
+}
+
+export interface MenuGroup {
+  id: MenuGroupId;
+  items: MenuItem[];
+}
+
+export type StackLifecycleStatus = 'running' | 'exited' | 'unknown';
+
+export interface StackMenuCtx {
+  stackStatus: StackLifecycleStatus;
+  hasPort: boolean;
+  isBusy: boolean;
+  isPaid: boolean;
+  canDelete: boolean;
+  isPinned: boolean;
+  labels: Label[];
+  assignedLabelIds: number[];
+  menuVisibility: { showDeploy: boolean; showStop: boolean; showRestart: boolean; showUpdate: boolean };
+  openAlertSheet: () => void;
+  openAutoHeal: () => void;
+  checkUpdates: () => void;
+  openStackApp: () => void;
+  deploy: () => void;
+  stop: () => void;
+  restart: () => void;
+  update: () => void;
+  remove: () => void;
+  pin: () => void;
+  unpin: () => void;
+  toggleLabel: (labelId: number) => void;
+  openLabelManager: () => void;
+}
+
+export type StackGroupKind = 'pinned' | 'labeled' | 'unlabeled';
diff --git a/frontend/src/hooks/__tests__/usePinnedStacks.test.ts b/frontend/src/hooks/__tests__/usePinnedStacks.test.ts
new file mode 100644
index 00000000..515b5df6
--- /dev/null
+++ b/frontend/src/hooks/__tests__/usePinnedStacks.test.ts
@@ -0,0 +1,75 @@
+import { describe, it, expect, beforeEach } from 'vitest';
+import { renderHook, act } from '@testing-library/react';
+import { usePinnedStacks } from '../usePinnedStacks';
+
+const KEY = 'sencho:sidebar:pinned';
+
+describe('usePinnedStacks', () => {
+  beforeEach(() => {
+    window.localStorage.clear();
+  });
+
+  it('returns empty pinned list when no storage', () => {
+    const { result } = renderHook(() => usePinnedStacks(1));
+    expect(result.current.pinned).toEqual([]);
+  });
+
+  it('pin adds stack and persists to localStorage', () => {
+    const { result } = renderHook(() => usePinnedStacks(1));
+    act(() => result.current.pin('web.yml'));
+    expect(result.current.pinned).toEqual(['web.yml']);
+    expect(JSON.parse(window.localStorage.getItem(KEY)!)).toEqual({ '1': ['web.yml'] });
+  });
+
+  it('unpin removes stack', () => {
+    const { result } = renderHook(() => usePinnedStacks(1));
+    act(() => { result.current.pin('web.yml'); result.current.pin('db.yml'); });
+    act(() => result.current.unpin('web.yml'));
+    expect(result.current.pinned).toEqual(['db.yml']);
+  });
+
+  it('isPinned reports membership', () => {
+    const { result } = renderHook(() => usePinnedStacks(1));
+    act(() => result.current.pin('web.yml'));
+    expect(result.current.isPinned('web.yml')).toBe(true);
+    expect(result.current.isPinned('db.yml')).toBe(false);
+  });
+
+  it('evicts oldest when exceeding max of 10', () => {
+    const { result } = renderHook(() => usePinnedStacks(1));
+    act(() => {
+      for (let i = 0; i < 10; i++) result.current.pin(`s${i}.yml`);
+    });
+    expect(result.current.pinned).toHaveLength(10);
+    expect(result.current.evictedOldest).toBeNull();
+    act(() => result.current.pin('s10.yml'));
+    expect(result.current.pinned).toHaveLength(10);
+    expect(result.current.pinned[0]).toBe('s1.yml');
+    expect(result.current.pinned[9]).toBe('s10.yml');
+    expect(result.current.evictedOldest).toEqual({ file: 's0.yml', seq: 1 });
+  });
+
+  it('evictedOldest seq increments on each eviction', () => {
+    const { result } = renderHook(() => usePinnedStacks(1));
+    act(() => {
+      for (let i = 0; i < 10; i++) result.current.pin(`s${i}.yml`);
+    });
+    act(() => result.current.pin('s10.yml'));
+    expect(result.current.evictedOldest).toEqual({ file: 's0.yml', seq: 1 });
+    act(() => result.current.pin('s11.yml'));
+    expect(result.current.evictedOldest).toEqual({ file: 's1.yml', seq: 2 });
+  });
+
+  it('isolates state per node', () => {
+    const hookA = renderHook(() => usePinnedStacks(1));
+    act(() => hookA.result.current.pin('web.yml'));
+    const hookB = renderHook(() => usePinnedStacks(2));
+    expect(hookB.result.current.pinned).toEqual([]);
+  });
+
+  it('pin is a no-op when already pinned', () => {
+    const { result } = renderHook(() => usePinnedStacks(1));
+    act(() => { result.current.pin('web.yml'); result.current.pin('web.yml'); });
+    expect(result.current.pinned).toEqual(['web.yml']);
+  });
+});
diff --git a/frontend/src/hooks/__tests__/useSidebarGroupCollapse.test.ts b/frontend/src/hooks/__tests__/useSidebarGroupCollapse.test.ts
new file mode 100644
index 00000000..f4de92cb
--- /dev/null
+++ b/frontend/src/hooks/__tests__/useSidebarGroupCollapse.test.ts
@@ -0,0 +1,48 @@
+import { describe, it, expect, beforeEach } from 'vitest';
+import { renderHook, act } from '@testing-library/react';
+import { useSidebarGroupCollapse } from '../useSidebarGroupCollapse';
+
+describe('useSidebarGroupCollapse', () => {
+  beforeEach(() => window.localStorage.clear());
+
+  it('defaults to expanded (isCollapsed returns false)', () => {
+    const { result } = renderHook(() => useSidebarGroupCollapse(1));
+    expect(result.current.isCollapsed('prod')).toBe(false);
+  });
+
+  it('toggle flips state and persists', () => {
+    const { result } = renderHook(() => useSidebarGroupCollapse(1));
+    act(() => result.current.toggle('prod'));
+    expect(result.current.isCollapsed('prod')).toBe(true);
+    const raw = window.localStorage.getItem('sencho:sidebar:groups:1');
+    expect(raw).not.toBeNull();
+    expect(JSON.parse(raw!)).toEqual({ prod: true });
+  });
+
+  it('toggle twice returns to expanded', () => {
+    const { result } = renderHook(() => useSidebarGroupCollapse(1));
+    act(() => { result.current.toggle('prod'); result.current.toggle('prod'); });
+    expect(result.current.isCollapsed('prod')).toBe(false);
+  });
+
+  it('keys state per node', () => {
+    const a = renderHook(() => useSidebarGroupCollapse(1));
+    act(() => a.result.current.toggle('prod'));
+    const b = renderHook(() => useSidebarGroupCollapse(2));
+    expect(b.result.current.isCollapsed('prod')).toBe(false);
+  });
+
+  it('restores state from localStorage on mount', () => {
+    window.localStorage.setItem('sencho:sidebar:groups:1', JSON.stringify({ prod: true }));
+    const { result } = renderHook(() => useSidebarGroupCollapse(1));
+    expect(result.current.isCollapsed('prod')).toBe(true);
+  });
+
+  it('setCollapsed writes explicit boolean value', () => {
+    const { result } = renderHook(() => useSidebarGroupCollapse(1));
+    act(() => result.current.setCollapsed('prod', true));
+    expect(result.current.isCollapsed('prod')).toBe(true);
+    act(() => result.current.setCollapsed('prod', false));
+    expect(result.current.isCollapsed('prod')).toBe(false);
+  });
+});
diff --git a/frontend/src/hooks/__tests__/useStackMenuItems.test.tsx b/frontend/src/hooks/__tests__/useStackMenuItems.test.tsx
new file mode 100644
index 00000000..53cf3e1e
--- /dev/null
+++ b/frontend/src/hooks/__tests__/useStackMenuItems.test.tsx
@@ -0,0 +1,98 @@
+import { describe, it, expect, vi } from 'vitest';
+import { renderHook } from '@testing-library/react';
+import { BellRing, Trash2 } from 'lucide-react';
+import { useStackMenuItems } from '../useStackMenuItems';
+import type { StackMenuCtx } from '@/components/sidebar/sidebar-types';
+
+function makeCtx(overrides: Partial<StackMenuCtx> = {}): StackMenuCtx {
+  return {
+    stackStatus: 'running',
+    hasPort: true,
+    isBusy: false,
+    isPaid: true,
+    canDelete: true,
+    isPinned: false,
+    labels: [],
+    assignedLabelIds: [],
+    menuVisibility: { showDeploy: false, showStop: true, showRestart: true, showUpdate: false },
+    openAlertSheet: vi.fn(),
+    openAutoHeal: vi.fn(),
+    checkUpdates: vi.fn(),
+    openStackApp: vi.fn(),
+    deploy: vi.fn(),
+    stop: vi.fn(),
+    restart: vi.fn(),
+    update: vi.fn(),
+    remove: vi.fn(),
+    pin: vi.fn(),
+    unpin: vi.fn(),
+    toggleLabel: vi.fn(),
+    openLabelManager: vi.fn(),
+    ...overrides,
+  };
+}
+
+describe('useStackMenuItems', () => {
+  it('returns Inspect / Organize / Lifecycle / Destructive groups in order', () => {
+    const { result } = renderHook(() => useStackMenuItems('web.yml', makeCtx()));
+    expect(result.current.map(g => g.id)).toEqual(['inspect', 'organize', 'lifecycle', 'destructive']);
+  });
+
+  it('always includes Alerts in Inspect', () => {
+    const { result } = renderHook(() => useStackMenuItems('web.yml', makeCtx()));
+    const inspect = result.current.find(g => g.id === 'inspect')!;
+    expect(inspect.items.some(i => i.icon === BellRing)).toBe(true);
+  });
+
+  it('hides Auto-Heal when !isPaid', () => {
+    const { result } = renderHook(() => useStackMenuItems('web.yml', makeCtx({ isPaid: false })));
+    const inspect = result.current.find(g => g.id === 'inspect')!;
+    expect(inspect.items.find(i => i.id === 'auto-heal')).toBeUndefined();
+  });
+
+  it('hides Open App unless running + hasPort', () => {
+    const { result } = renderHook(() => useStackMenuItems('web.yml', makeCtx({ stackStatus: 'exited' })));
+    const inspect = result.current.find(g => g.id === 'inspect')!;
+    expect(inspect.items.find(i => i.id === 'open-app')).toBeUndefined();
+  });
+
+  it('toggles Pin / Unpin label based on isPinned', () => {
+    const pinned = renderHook(() => useStackMenuItems('web.yml', makeCtx({ isPinned: true })));
+    const unpinned = renderHook(() => useStackMenuItems('web.yml', makeCtx({ isPinned: false })));
+    const pinnedOrganize = pinned.result.current.find(g => g.id === 'organize')!;
+    const unpinnedOrganize = unpinned.result.current.find(g => g.id === 'organize')!;
+    expect(pinnedOrganize.items.find(i => i.id === 'pin')!.label).toBe('Unpin');
+    expect(unpinnedOrganize.items.find(i => i.id === 'pin')!.label).toBe('Pin to top');
+  });
+
+  it('omits Destructive group entirely when !canDelete', () => {
+    const { result } = renderHook(() => useStackMenuItems('web.yml', makeCtx({ canDelete: false })));
+    expect(result.current.find(g => g.id === 'destructive')).toBeUndefined();
+  });
+
+  it('marks Delete item destructive with Trash2 icon', () => {
+    const { result } = renderHook(() => useStackMenuItems('web.yml', makeCtx()));
+    const destructive = result.current.find(g => g.id === 'destructive')!;
+    const del = destructive.items.find(i => i.id === 'delete')!;
+    expect(del.destructive).toBe(true);
+    expect(del.icon).toBe(Trash2);
+  });
+
+  it('lifecycle items follow menuVisibility flags', () => {
+    const { result } = renderHook(() => useStackMenuItems('web.yml', makeCtx({
+      menuVisibility: { showDeploy: true, showStop: false, showRestart: false, showUpdate: true },
+    })));
+    const lifecycle = result.current.find(g => g.id === 'lifecycle')!;
+    const ids = lifecycle.items.map(i => i.id);
+    expect(ids).toEqual(['deploy', 'update']);
+  });
+
+  it('disables every lifecycle item when isBusy', () => {
+    const { result } = renderHook(() => useStackMenuItems('web.yml', makeCtx({
+      isBusy: true,
+      menuVisibility: { showDeploy: true, showStop: true, showRestart: true, showUpdate: true },
+    })));
+    const lifecycle = result.current.find(g => g.id === 'lifecycle')!;
+    expect(lifecycle.items.every(i => i.disabled === true)).toBe(true);
+  });
+});
diff --git a/frontend/src/hooks/usePinnedStacks.ts b/frontend/src/hooks/usePinnedStacks.ts
new file mode 100644
index 00000000..0cce7ceb
--- /dev/null
+++ b/frontend/src/hooks/usePinnedStacks.ts
@@ -0,0 +1,69 @@
+import { useCallback, useEffect, useState } from 'react';
+
+const STORAGE_KEY = 'sencho:sidebar:pinned';
+const MAX_PINS = 10;
+
+type PinnedMap = Record<string, string[]>;
+
+function readMap(): PinnedMap {
+  try {
+    const raw = window.localStorage.getItem(STORAGE_KEY);
+    if (!raw) return {};
+    const parsed = JSON.parse(raw);
+    return parsed && typeof parsed === 'object' ? parsed as PinnedMap : {};
+  } catch {
+    return {};
+  }
+}
+
+function writeMap(map: PinnedMap) {
+  try {
+    window.localStorage.setItem(STORAGE_KEY, JSON.stringify(map));
+  } catch {
+    // Quota exhaustion is non-fatal for this feature.
+  }
+}
+
+export interface UsePinnedStacksResult {
+  pinned: string[];
+  pin: (file: string) => void;
+  unpin: (file: string) => void;
+  isPinned: (file: string) => boolean;
+  evictedOldest: { file: string; seq: number } | null;
+}
+
+export function usePinnedStacks(nodeId: number | undefined): UsePinnedStacksResult {
+  const key = nodeId !== undefined ? String(nodeId) : '__none__';
+  const [map, setMap] = useState<PinnedMap>(() => readMap());
+  const [evictedOldest, setEvictedOldest] = useState<{ file: string; seq: number } | null>(null);
+
+  useEffect(() => { writeMap(map); }, [map]);
+
+  const pinned = map[key] ?? [];
+
+  const pin = useCallback((file: string) => {
+    setMap(prev => {
+      const current = prev[key] ?? [];
+      if (current.includes(file)) return prev;
+      const next = [...current, file];
+      if (next.length > MAX_PINS) {
+        const removed = next.shift()!;
+        setEvictedOldest(prev => ({ file: removed, seq: (prev?.seq ?? 0) + 1 }));
+      }
+      return { ...prev, [key]: next };
+    });
+  }, [key]);
+
+  const unpin = useCallback((file: string) => {
+    setMap(prev => {
+      const current = prev[key] ?? [];
+      const next = current.filter(f => f !== file);
+      if (next.length === current.length) return prev;
+      return { ...prev, [key]: next };
+    });
+  }, [key]);
+
+  const isPinned = useCallback((file: string) => pinned.includes(file), [pinned]);
+
+  return { pinned, pin, unpin, isPinned, evictedOldest };
+}
diff --git a/frontend/src/hooks/useSidebarGroupCollapse.ts b/frontend/src/hooks/useSidebarGroupCollapse.ts
new file mode 100644
index 00000000..ef134b78
--- /dev/null
+++ b/frontend/src/hooks/useSidebarGroupCollapse.ts
@@ -0,0 +1,67 @@
+import { useCallback, useEffect, useRef, useState } from 'react';
+
+type CollapseMap = Record<string, boolean>;
+
+interface CollapseState {
+  key: string;
+  map: CollapseMap;
+}
+
+function storageKey(nodeId: number | undefined): string {
+  return `sencho:sidebar:groups:${nodeId ?? '__none__'}`;
+}
+
+function readMap(key: string): CollapseMap {
+  try {
+    const raw = window.localStorage.getItem(key);
+    if (!raw) return {};
+    const parsed = JSON.parse(raw);
+    return parsed && typeof parsed === 'object' ? parsed as CollapseMap : {};
+  } catch {
+    return {};
+  }
+}
+
+export interface UseSidebarGroupCollapseResult {
+  isCollapsed: (groupKey: string) => boolean;
+  toggle: (groupKey: string) => void;
+  setCollapsed: (groupKey: string, collapsed: boolean) => void;
+}
+
+export function useSidebarGroupCollapse(nodeId: number | undefined): UseSidebarGroupCollapseResult {
+  const key = storageKey(nodeId);
+  const [state, setState] = useState<CollapseState>(() => ({ key, map: readMap(key) }));
+
+  if (state.key !== key) {
+    // Node changed: re-hydrate during render (derived state pattern).
+    setState({ key, map: readMap(key) });
+  }
+
+  const map = state.map;
+  const lastWrittenKey = useRef<string | null>(null);
+
+  useEffect(() => {
+    if (lastWrittenKey.current !== key) {
+      // First sighting of this key (mount or node change): state was hydrated from storage; no write needed.
+      lastWrittenKey.current = key;
+      return;
+    }
+    try {
+      window.localStorage.setItem(key, JSON.stringify(map));
+    } catch {
+      // Ignore quota errors.
+    }
+  }, [key, map]);
+
+  const isCollapsed = useCallback((groupKey: string) => map[groupKey] === true, [map]);
+
+  const toggle = useCallback((groupKey: string) => {
+    setState(prev => ({ key: prev.key, map: { ...prev.map, [groupKey]: !prev.map[groupKey] } }));
+  }, []);
+
+  const setCollapsed = useCallback((groupKey: string, collapsed: boolean) => {
+    setState(prev => ({ key: prev.key, map: { ...prev.map, [groupKey]: collapsed } }));
+  }, []);
+
+  return { isCollapsed, toggle, setCollapsed };
+}
diff --git a/frontend/src/hooks/useStackMenuItems.tsx b/frontend/src/hooks/useStackMenuItems.tsx
new file mode 100644
index 00000000..b95b2191
--- /dev/null
+++ b/frontend/src/hooks/useStackMenuItems.tsx
@@ -0,0 +1,86 @@
+import { useMemo } from 'react';
+import {
+  Activity,
+  ArrowUpRight,
+  BellRing,
+  Download,
+  Pin,
+  PinOff,
+  Play,
+  RefreshCw,
+  RotateCw,
+  Square,
+  Tag,
+  Trash2,
+} from 'lucide-react';
+import type { MenuGroup, MenuItem, StackMenuCtx } from '@/components/sidebar/sidebar-types';
+
+export function useStackMenuItems(_file: string, ctx: StackMenuCtx): MenuGroup[] {
+  const {
+    stackStatus, hasPort, isBusy, isPaid, canDelete, isPinned, labels,
+    openAlertSheet, openAutoHeal, checkUpdates, openStackApp,
+    deploy, stop, restart, update, remove, pin, unpin, toggleLabel,
+    menuVisibility,
+  } = ctx;
+  const { showDeploy, showStop, showRestart, showUpdate } = menuVisibility;
+
+  return useMemo(() => {
+    const groups: MenuGroup[] = [];
+
+    const inspect: MenuItem[] = [
+      { id: 'alerts', label: 'Alerts', icon: BellRing, shortcut: 'A', onSelect: openAlertSheet },
+    ];
+    if (isPaid) {
+      inspect.push({ id: 'auto-heal', label: 'Auto-Heal', icon: Activity, shortcut: 'H', onSelect: openAutoHeal });
+    }
+    inspect.push({ id: 'check-updates', label: 'Check updates', icon: RefreshCw, shortcut: 'U', onSelect: checkUpdates });
+    if (stackStatus === 'running' && hasPort) {
+      inspect.push({ id: 'open-app', label: 'Open App', icon: ArrowUpRight, shortcut: '↗', onSelect: openStackApp });
+    }
+    groups.push({ id: 'inspect', items: inspect });
+
+    const organize: MenuItem[] = [];
+    if (isPaid) {
+      organize.push({
+        id: 'labels',
+        label: 'Labels',
+        icon: Tag,
+        shortcut: 'L ›',
+        onSelect: () => {},
+        subItems: labels.map(l => ({
+          id: `label:${l.id}`,
+          label: l.name,
+          icon: Tag,
+          onSelect: () => toggleLabel(l.id),
+        })),
+      });
+    }
+    organize.push(
+      isPinned
+        ? { id: 'pin', label: 'Unpin', icon: PinOff, shortcut: 'P', onSelect: unpin }
+        : { id: 'pin', label: 'Pin to top', icon: Pin, shortcut: 'P', onSelect: pin }
+    );
+    groups.push({ id: 'organize', items: organize });
+
+    const lifecycle: MenuItem[] = [];
+    if (showDeploy) lifecycle.push({ id: 'deploy', label: 'Deploy', icon: Play, shortcut: '⌘↵', onSelect: deploy, disabled: isBusy });
+    if (showStop) lifecycle.push({ id: 'stop', label: 'Stop', icon: Square, shortcut: '⌘.', onSelect: stop, disabled: isBusy });
+    if (showRestart) lifecycle.push({ id: 'restart', label: 'Restart', icon: RotateCw, shortcut: '⌘R', onSelect: restart, disabled: isBusy });
+    if (showUpdate) lifecycle.push({ id: 'update', label: 'Update', icon: Download, shortcut: '⌘↑', onSelect: update, disabled: isBusy });
+    if (lifecycle.length > 0) groups.push({ id: 'lifecycle', items: lifecycle });
+
+    if (canDelete) {
+      groups.push({
+        id: 'destructive',
+        items: [{ id: 'delete', label: 'Delete', icon: Trash2, shortcut: '⌘⌫', destructive: true, onSelect: remove }],
+      });
+    }
+
+    return groups;
+  }, [
+    stackStatus, hasPort, isBusy, isPaid, canDelete, isPinned, labels,
+    showDeploy, showStop, showRestart, showUpdate,
+    openAlertSheet, openAutoHeal, checkUpdates, openStackApp,
+    deploy, stop, restart, update, remove, pin, unpin, toggleLabel,
+  ]);
+}