diff --git a/src/components/layout/AppShell.tsx b/src/components/layout/AppShell.tsx index f244c3e..f3be5a6 100644 --- a/src/components/layout/AppShell.tsx +++ b/src/components/layout/AppShell.tsx @@ -102,7 +102,9 @@ export function AppShell() { gives up exactly its height and stays the only scroll region. */}
-
+ {/* Deliberate 8px exception to the 6px radius rule: the floating + canvas alone reads better slightly softer at shell scale. */} +
diff --git a/src/components/layout/TopBar.tsx b/src/components/layout/TopBar.tsx index 8f338bb..6b67dea 100644 --- a/src/components/layout/TopBar.tsx +++ b/src/components/layout/TopBar.tsx @@ -1,4 +1,4 @@ -import { Search } from 'lucide-react'; +import { Command, Search } from 'lucide-react'; import { NotificationBell } from '../../features/notifications/components/NotificationBell'; interface TopBarProps { @@ -6,8 +6,6 @@ interface TopBarProps { onSearch: (seed?: string) => void; } -const IS_MAC = /Mac|iPhone|iPad/.test(navigator.platform); - /** * Desktop-only header strip on the outer shell surface, above the floating * content canvas: workspace search centered, the notification bell pinned to @@ -15,7 +13,7 @@ const IS_MAC = /Mac|iPhone|iPad/.test(navigator.platform); */ export function TopBar({ onSearch }: TopBarProps) { return ( -
+
{/* Left spacer keeps the search truly centered despite the bell. */} {/* Operational inbox at the far right of the outer shell; the bell's