From c4f0394ae5ece7577440df5448df7d5c47c5ddc1 Mon Sep 17 00:00:00 2001
From: Molecule AI Core-UIUX <core-uiux@agents.moleculesai.app>
Date: Wed, 13 May 2026 10:08:57 +0000
Subject: [PATCH] feat(canvas): mount SearchDialog in desktop + mobile canvas
 shells

Adds Cmd+K workspace search to both canvas entry points:
- page.tsx: mounts SearchDialog in the desktop shell
- MobileApp.tsx: mounts SearchDialog in the mobile shell

Phase 20.3: closes the "Workspace search (Cmd+K)" requirement.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
---
 canvas/src/app/page.tsx                    | 2 ++
 canvas/src/components/mobile/MobileApp.tsx | 3 +++
 2 files changed, 5 insertions(+)

diff --git a/canvas/src/app/page.tsx b/canvas/src/app/page.tsx
index 28cb37d9..1b04eb12 100644
--- a/canvas/src/app/page.tsx
+++ b/canvas/src/app/page.tsx
@@ -4,6 +4,7 @@ import { useEffect, useState } from "react";
 import { Canvas } from "@/components/Canvas";
 import { Legend } from "@/components/Legend";
 import { CommunicationOverlay } from "@/components/CommunicationOverlay";
+import { SearchDialog } from "@/components/SearchDialog";
 import { MobileApp } from "@/components/mobile/MobileApp";
 import { Spinner } from "@/components/Spinner";
 import { connectSocket, disconnectSocket } from "@/store/socket";
@@ -118,6 +119,7 @@ export default function Home() {
       <Canvas />
       <Legend />
       <CommunicationOverlay />
+      <SearchDialog />
       {hydrationError && (
         <div
           role="alert"
diff --git a/canvas/src/components/mobile/MobileApp.tsx b/canvas/src/components/mobile/MobileApp.tsx
index a527a5ef..f9608d1f 100644
--- a/canvas/src/components/mobile/MobileApp.tsx
+++ b/canvas/src/components/mobile/MobileApp.tsx
@@ -20,6 +20,7 @@ import { MobileMe } from "./MobileMe";
 import { MobileSpawn } from "./MobileSpawn";
 import { usePalette } from "./palette";
 import { MobileAccentProvider } from "./palette-context";
+import { SearchDialog } from "@/components/SearchDialog";
 
 type Route = "home" | "canvas" | "detail" | "chat" | "comms" | "me";
 
@@ -204,6 +205,8 @@ export function MobileApp() {
       {showTabBar && <TabBar dark={dark} active={activeTab} onChange={onTabChange} />}
 
       {showSpawn && <MobileSpawn dark={dark} onClose={() => setShowSpawn(false)} />}
+
+      <SearchDialog />
     </main>
     </MobileAccentProvider>
   );