fix frontend

apps/marketplace/src/components/MarketplaceHeader.tsx

@@ -81,6 +81,11 @@ export default function MarketplaceHeader({
     setThemeMenuOpen((open) => !open)
   }
 
+  const signInParams = new URLSearchParams()
+  signInParams.set('lang', currentLanguage.value)
+  signInParams.set('theme', theme)
+  const signInHref = `${dashboardUrl}/sign-in?${signInParams.toString()}`
+
   return (
     <header className="sticky top-0 z-50 border-b border-stone-200/80 bg-white/78 backdrop-blur-xl shadow-[0_10px_30px_rgba(15,23,42,0.08)] transition-colors dark:border-blue-900 dark:bg-[#07101e]/76 dark:shadow-[0_10px_30px_rgba(0,0,0,0.32)]">
       <div className="shell flex min-h-14 flex-col gap-1.5 py-1.5 lg:flex-row lg:items-center lg:justify-between lg:gap-3 lg:py-2">
@@ -113,7 +118,7 @@ export default function MarketplaceHeader({
               {dict.explore}
             </Link>
             <Link
-              href="/sign-in"
+              href={signInHref}
               className="rounded-full px-2.5 py-1 text-[12px] font-medium text-stone-600 transition hover:bg-stone-100 hover:text-stone-900 dark:text-stone-300 dark:hover:bg-[#162038] dark:hover:text-stone-100 sm:px-4 sm:py-2 sm:text-sm"
             >
               {dict.signIn}

apps/marketplace/src/components/MarketplaceShell.tsx

@@ -1,7 +1,7 @@
 'use client'
 
 import { createContext, useContext, useEffect, useMemo, useRef, useState } from 'react'
-import { useRouter } from 'next/navigation'
+import { usePathname, useRouter } from 'next/navigation'
 import { appPrivacyHref, footerPageHref } from '@/lib/footerContent'
 import { MARKETPLACE_LANGUAGE_COOKIE, SHARED_LANGUAGE_COOKIE, isMarketplaceLanguage, type MarketplaceLanguage } from '@/lib/i18n'
 import { SHARED_LANGUAGE_KEY, SHARED_THEME_KEY, readCurrentUserScopedPreference, readScopedPreference, writeScopedPreference } from '@/lib/preferences'
@@ -157,14 +157,17 @@ export function useMarketplacePreferences() {
 export default function MarketplaceShell({
   children,
   initialLanguage = 'en',
+  initialTheme = 'light',
 }: {
   children: React.ReactNode
   initialLanguage?: MarketplaceLanguage
+  initialTheme?: Theme
 }) {
   const router = useRouter()
+  const pathname = usePathname()
   const apiUrl = process.env.NEXT_PUBLIC_API_URL ?? 'http://localhost:4000/api/v1'
   const [language, setLanguageState] = useState<MarketplaceLanguage>(initialLanguage)
-  const [theme, setThemeState] = useState<Theme>('light')
+  const [theme, setThemeState] = useState<Theme>(initialTheme)
   const [hydrated, setHydrated] = useState(false)
   const previousLanguage = useRef<MarketplaceLanguage>(initialLanguage)
   const [companyName, setCompanyName] = useState<string | null>(null)
@@ -320,11 +323,11 @@ export default function MarketplaceShell({
     try { sessionStorage.setItem('marketplace-language', language) } catch {}
     writeScopedPreference(SHARED_LANGUAGE_KEY, language, ['marketplace-language'])
 
-    if (previousLanguage.current !== language) {
+    if (previousLanguage.current !== language && pathname !== '/sign-in') {
       router.refresh()
     }
     previousLanguage.current = language
-  }, [hydrated, language, router])
+  }, [hydrated, language, pathname, router])
 
   useEffect(() => {
     document.documentElement.classList.toggle('dark', theme === 'dark')

apps/marketplace/src/components/WorkspaceFrame.tsx

@@ -94,33 +94,39 @@ export default function WorkspaceFrame({ target }: { target: FrameId }) {
   }, [target])
 
   useEffect(() => {
+    if (target === 'sign-in' && src) return
+
     const nextUrl = new URL(buildFrameUrl(config.appUrl, framePath))
     nextUrl.searchParams.set('theme', theme)
     nextUrl.searchParams.set('lang', language)
     nextUrl.searchParams.set('embedded', '1')
     setSrc(nextUrl.toString())
-  }, [config.appUrl, framePath, language, theme])
+  }, [config.appUrl, framePath, language, src, target, theme])
+
+  const content = src ? (
+    <iframe
+      title={config.label}
+      src={src}
+      className="block w-full border-0 bg-white dark:bg-[#07101e]"
+      style={{ height: FRAME_HEIGHT }}
+    />
+  ) : (
+    <div
+      className="flex items-center justify-center text-sm text-stone-500 dark:text-stone-300"
+      style={{ height: FRAME_HEIGHT }}
+    >
+      {loadingLabel} {config.label}…
+    </div>
+  )
+
+  if (target === 'sign-in') {
+    return <main className="min-h-[calc(100vh-56px)]">{content}</main>
+  }
 
   return (
     <main className="site-page">
       <div className="site-section py-6 sm:py-8 lg:py-10">
-        <section className="site-panel overflow-hidden p-0">
-          {src ? (
-            <iframe
-              title={config.label}
-              src={src}
-              className="w-full border-0 bg-white dark:bg-[#07101e]"
-              style={{ height: FRAME_HEIGHT }}
-            />
-          ) : (
-            <div
-              className="flex items-center justify-center text-sm text-stone-500 dark:text-stone-300"
-              style={{ height: FRAME_HEIGHT }}
-            >
-              {loadingLabel} {config.label}…
-            </div>
-          )}
-        </section>
+        <section className="site-panel overflow-hidden p-0">{content}</section>
       </div>
     </main>
   )