fix: split recommendation layouts by breakpoint

src/components/platform-entry/PlatformEntryFlowShellImpl.tsx

@@ -410,6 +410,7 @@ import { PlatformFeedbackView } from './PlatformFeedbackView';
 import { PlatformWorkDetailView } from './PlatformWorkDetailView';
 import { usePlatformCreationAgentFlowController } from './usePlatformCreationAgentFlowController';
 import { usePlatformEntryBootstrap } from './usePlatformEntryBootstrap';
+import { usePlatformDesktopLayout } from './platformEntryResponsive';
 import { usePlatformEntryLibraryDetail } from './usePlatformEntryLibraryDetail';
 import { usePlatformEntryNavigation } from './usePlatformEntryNavigation';
 
@@ -2714,6 +2715,7 @@ export function PlatformEntryFlowShellImpl({
     authUi?.platformTheme === 'dark'
       ? 'platform-theme--dark'
       : 'platform-theme--light';
+  const isDesktopLayout = usePlatformDesktopLayout();
   const [showCreationTypeModal, setShowCreationTypeModal] = useState(false);
   const [selectedDetailEntry, setSelectedDetailEntry] =
     useState<CustomWorldLibraryEntry<CustomWorldProfile> | null>(null);
@@ -11758,6 +11760,7 @@ export function PlatformEntryFlowShellImpl({
 
   const recommendRuntimeContent = useMemo(() => {
     if (
+      isDesktopLayout ||
       selectionStage !== 'platform' ||
       platformBootstrap.platformTab !== 'home' ||
       !activeRecommendRuntimeKind
@@ -12164,10 +12167,12 @@ export function PlatformEntryFlowShellImpl({
     visualNovelSession,
     visualNovelWork,
     checkpointWoodenFishRuntimeRun,
+    isDesktopLayout,
   ]);
 
   useEffect(() => {
     if (
+      isDesktopLayout ||
       selectionStage !== 'platform' ||
       platformBootstrap.platformTab !== 'home' ||
       platformBootstrap.isLoadingPlatform
@@ -12223,6 +12228,7 @@ export function PlatformEntryFlowShellImpl({
     match3dRun,
     platformBootstrap.isLoadingPlatform,
     platformBootstrap.platformTab,
+    isDesktopLayout,
     puzzleRun,
     recommendRuntimeEntries,
     selectRecommendRuntimeEntry,
@@ -13462,6 +13468,7 @@ export function PlatformEntryFlowShellImpl({
               isLoadingPlatform={platformBootstrap.isLoadingPlatform}
               isLoadingDashboard={platformBootstrap.isLoadingDashboard}
               hasUnreadDraftUpdate={hasUnreadDraftUpdates}
+              isDesktopLayout={isDesktopLayout}
               isResumingSaveWorldKey={platformBootstrap.isResumingSaveWorldKey}
               platformError={
                 platformBootstrap.isLoadingPlatform