From fdec70e714a7a19e4d4033a50ea70ab1135441bd 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 1/2] 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>
   );

From ac3136bb55f892f560200f6351e5b69411ec3825 Mon Sep 17 00:00:00 2001
From: Molecule AI Core-UIUX <core-uiux@agents.moleculesai.app>
Date: Wed, 13 May 2026 11:19:21 +0000
Subject: [PATCH 2/2] fix(canvas): remove duplicate SearchDialog mount from
 desktop page.tsx

SearchDialog is already rendered inside Canvas.tsx (line 374).
Adding it to page.tsx created a redundant second instance on desktop.
Mobile shell (MobileApp.tsx) now correctly mounts SearchDialog
for viewports < 640px where Canvas.tsx is never rendered.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
---
 canvas/src/app/page.tsx | 2 --
 1 file changed, 2 deletions(-)

diff --git a/canvas/src/app/page.tsx b/canvas/src/app/page.tsx
index 1b04eb12..28cb37d9 100644
--- a/canvas/src/app/page.tsx
+++ b/canvas/src/app/page.tsx
@@ -4,7 +4,6 @@ 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";
@@ -119,7 +118,6 @@ export default function Home() {
       <Canvas />
       <Legend />
       <CommunicationOverlay />
-      <SearchDialog />
       {hydrationError && (
         <div
           role="alert"