Álvaro Valenzuela Valdes commited on
Commit
d1db5ee
·
1 Parent(s): 5581012

🛡️ Global Stability Fix: Resolved component crashes and stabilized sync sequence

Browse files
frontend/app/page.tsx CHANGED
@@ -55,7 +55,7 @@ export default function HomePage() {
55
 
56
  const t = translations[lang];
57
 
58
-
59
  // Scroll to top when tab changes
60
  useEffect(() => {
61
  // Force immediate scroll
@@ -167,8 +167,8 @@ export default function HomePage() {
167
  };
168
 
169
  return (
170
- <div className="min-h-screen">
171
- {showSync && <GlobalSync onComplete={() => setShowSync(false)} />}
172
 
173
  {/* Mobile Header */}
174
  <div className="md:hidden flex items-center justify-between px-6 py-4 bg-black/40 backdrop-blur-lg border-b border-white/5 sticky top-0 z-50">
 
55
 
56
  const t = translations[lang];
57
 
58
+ const handleGlobalSyncComplete = useMemo(() => () => setShowSync(false), []);
59
  // Scroll to top when tab changes
60
  useEffect(() => {
61
  // Force immediate scroll
 
167
  };
168
 
169
  return (
170
+ <div className="min-h-screen selection:bg-cyan/30">
171
+ {showSync && <GlobalSync onComplete={handleGlobalSyncComplete} />}
172
 
173
  {/* Mobile Header */}
174
  <div className="md:hidden flex items-center justify-between px-6 py-4 bg-black/40 backdrop-blur-lg border-b border-white/5 sticky top-0 z-50">
frontend/components/GlobalSync.tsx CHANGED
@@ -41,7 +41,17 @@ export default function GlobalSync({ onComplete }: { onComplete: () => void }) {
41
  }, [onComplete]);
42
 
43
  return (
44
- <div className="fixed inset-0 z-[100] flex flex-col items-center justify-center bg-[#020202] text-white overflow-hidden">
 
 
 
 
 
 
 
 
 
 
45
  {/* Cinematic Grid Background */}
46
  <div className="absolute inset-0 bg-[linear-gradient(to_right,#80808012_1px,transparent_1px),linear-gradient(to_bottom,#80808012_1px,transparent_1px)] bg-[size:40px_40px] [mask-image:radial-gradient(ellipse_60%_50%_at_50%_0%,#000_70%,transparent_100%)]" />
47
 
 
41
  }, [onComplete]);
42
 
43
  return (
44
+ <div
45
+ className="fixed inset-0 z-[100] flex flex-col items-center justify-center bg-[#020202] text-white overflow-hidden cursor-pointer"
46
+ onClick={onComplete}
47
+ title="Click to skip"
48
+ >
49
+ <button
50
+ onClick={(e) => { e.stopPropagation(); onComplete(); }}
51
+ className="absolute top-8 right-8 text-[10px] uppercase tracking-widest text-slate-500 hover:text-white transition-colors"
52
+ >
53
+ Skip Sync [ESC]
54
+ </button>
55
  {/* Cinematic Grid Background */}
56
  <div className="absolute inset-0 bg-[linear-gradient(to_right,#80808012_1px,transparent_1px),linear-gradient(to_bottom,#80808012_1px,transparent_1px)] bg-[size:40px_40px] [mask-image:radial-gradient(ellipse_60%_50%_at_50%_0%,#000_70%,transparent_100%)]" />
57
 
temp_hf_backend_last DELETED
@@ -1 +0,0 @@
1
- Subproject commit e5023269eb5c90805b2d000f9cbc56cc3a447248
 
 
temp_hf_backend_synthetic DELETED
@@ -1 +0,0 @@
1
- Subproject commit 3188d3fadb4fda034d784626a155c032fe156f62
 
 
temp_hf_full_fix DELETED
@@ -1 +0,0 @@
1
- Subproject commit 5dc1062f73345c90fd3f9bbbcc585dccf58ee606