fix: dashboard switcher, platform-aware search shortcut, mobile search, static topbar

- Always show dashboard tab strip + add button (was gated behind length > 1)
- Search shortcut now shows Ctrl+K on Windows/Linux, ⌘K on Mac
- Add icon-only search button in topbar for mobile viewports
- Lock html/body overflow and use 100dvh to prevent topbar scrolling off-screen on mobile

src/app/d/[slug]/page.tsx

@@ -93,7 +93,7 @@ export default async function DashboardPage({
 
   return (
     <div className={containerCls}>
-      {userDashboards.length > 1 && (
+      {userDashboards.length >= 1 && (
         <div className="flex items-center gap-1 mb-4 overflow-x-auto">
           {userDashboards.map((d) => (
             <DashboardTab key={d.id} slug={d.slug} name={d.name} />

src/app/globals.css

@@ -490,6 +490,8 @@
   body {
     margin: 0;
     padding: 0;
+    height: 100%;
+    overflow: hidden;
   }
   body {
     @apply bg-background text-foreground;
@@ -521,6 +523,7 @@
   display: grid;
   grid-template-columns: 232px 1fr;
   height: 100vh;
+  height: 100dvh;
   background: var(--paper);
 }
 :where(html[data-nav="rail"]) .app {

src/components/quick-add-sheet.tsx

@@ -29,8 +29,14 @@ const QUICK_ADD_ICON: Record<string, string> = {
   "file-plus": "note",
 };
 
+function useShortcutLabel() {
+  if (typeof navigator === "undefined") return "⌘K";
+  return /Mac|iPhone|iPad|iPod/.test(navigator.platform) ? "⌘K" : "Ctrl+K";
+}
+
 export function QuickAddSheet() {
   const { sheetOpen, closeSheet, actions } = useQuickAdd();
+  const shortcut = useShortcutLabel();
   const router = useRouter();
   const backdropRef = useRef<HTMLDivElement>(null);
 
@@ -110,7 +116,7 @@ export function QuickAddSheet() {
             }}
           >
             <Sparkles className="size-3" />
-            <span>Pick what to add — or use ⌘K to search.</span>
+            <span>Pick what to add — or use {shortcut} to search.</span>
           </div>
 
           <div className="max-h-[60vh] overflow-y-auto">

src/components/topbar-search.tsx

@@ -3,25 +3,45 @@
 import { useQuickAdd } from "@/components/quick-add-provider";
 import { NavIcon } from "@/components/nav-icon";
 
+function useShortcutLabel() {
+  if (typeof navigator === "undefined") return "⌘K";
+  return /Mac|iPhone|iPad|iPod/.test(navigator.platform) ? "⌘K" : "Ctrl+K";
+}
+
 export function TopbarSearch() {
   const { openPalette } = useQuickAdd();
+  const shortcut = useShortcutLabel();
 
   return (
-    <button
+    <>
-      type="button"
+      {/* Desktop: pill with shortcut hint */}
-      onClick={openPalette}
+      <button
-      aria-label="Search (⌘K)"
+        type="button"
-      className="hidden md:flex items-center gap-2 h-8 px-2.5 rounded-md text-[13px]"
+        onClick={openPalette}
-      style={{
+        aria-label={`Search (${shortcut})`}
-        border: "0.5px solid var(--hair-2)",
+        className="hidden md:flex items-center gap-2 h-8 px-2.5 rounded-md text-[13px]"
-        background: "var(--card)",
+        style={{
-        color: "var(--ink-mute)",
+          border: "0.5px solid var(--hair-2)",
-        width: 220,
+          background: "var(--card)",
-      }}
+          color: "var(--ink-mute)",
-    >
+          width: 220,
-      <NavIcon name="search" className="size-3.5" />
+        }}
-      <span style={{ flex: 1, textAlign: "left" }}>Search…</span>
+      >
-      <span className="kbd">⌘K</span>
+        <NavIcon name="search" className="size-3.5" />
-    </button>
+        <span style={{ flex: 1, textAlign: "left" }}>Search…</span>
+        <span className="kbd">{shortcut}</span>
+      </button>
+
+      {/* Mobile: icon-only */}
+      <button
+        type="button"
+        onClick={openPalette}
+        aria-label="Search"
+        className="flex md:hidden items-center justify-center h-8 w-8 rounded-md"
+        style={{ color: "var(--ink-mute)" }}
+      >
+        <NavIcon name="search" className="size-4" />
+      </button>
+    </>
   );
 }