feat(canvas): mount SearchDialog in page.tsx (Phase 20.3)

SearchDialog.tsx was fully implemented (Cmd+K, arrow navigation, keyboard selection, WCAG combobox pattern) but never rendered. Wires it into both the desktop and mobile canvas shells so the keyboard shortcut is active immediately on load. [app-fe-agent]
2026-05-13 09:56:56 +00:00
1 changed files with 3 additions and 0 deletions
@@ -5,6 +5,7 @@ import { Canvas } from "@/components/Canvas";
 import { Legend } from "@/components/Legend";
 import { CommunicationOverlay } from "@/components/CommunicationOverlay";
 import { MobileApp } from "@/components/mobile/MobileApp";
+import { SearchDialog } from "@/components/SearchDialog";
 import { Spinner } from "@/components/Spinner";
 import { connectSocket, disconnectSocket } from "@/store/socket";
 import { useCanvasStore } from "@/store/canvas";
@@ -91,6 +92,7 @@ export default function Home() {
    return (
      <>
        <MobileApp />
+      <SearchDialog />
        {hydrationError && (
          <div
            role="alert"
@@ -118,6 +120,7 @@ export default function Home() {
      <Canvas />
      <Legend />
      <CommunicationOverlay />
+      <SearchDialog />
      {hydrationError && (
        <div
          role="alert"