fix: add ai chat root to preview media content

apps/desktop/layer/renderer/src/components/ui/media/hooks.tsx

@@ -2,6 +2,7 @@ import { isMobile } from "@follow/components/hooks/useMobile.js"
 import { use, useCallback } from "react"
 
 import { replaceImgUrlIfNeed } from "~/lib/img-proxy"
+import { AIChatRoot } from "~/modules/ai-chat/components/layouts/AIChatRoot"
 
 import { PlainModal } from "../modal/stacked/custom-modal"
 import { useModalStack } from "../modal/stacked/hooks"
@@ -22,9 +23,11 @@ export const usePreviewMedia = (children?: React.ReactNode) => {
       }
       present({
         content: () => (
-          <PreviewMediaContent initialIndex={initialIndex} media={media}>
-            {children}
-          </PreviewMediaContent>
+          <AIChatRoot>
+            <PreviewMediaContent initialIndex={initialIndex} media={media}>
+              {children}
+            </PreviewMediaContent>
+          </AIChatRoot>
         ),
         autoFocus: false,
         title: "Media Preview",