From e2818d46711b76d3bb648a56133211b2ec0ec1c7 Mon Sep 17 00:00:00 2001
From: Molecule AI App-FE <app-fe@agents.moleculesai.app>
Date: Wed, 13 May 2026 09:56:56 +0000
Subject: [PATCH] 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]
---
 canvas/src/app/page.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/canvas/src/app/page.tsx b/canvas/src/app/page.tsx
index 28cb37d9..a1bf3ef8 100644
--- a/canvas/src/app/page.tsx
+++ b/canvas/src/app/page.tsx
@@ -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"
-- 
2.45.2