Generated by Spark: getting masses of bad gateway

src/components/molecules/LoadingFallback.tsx

@@ -0,0 +1,16 @@
+import { LoadingSpinner } from '@/components/atoms'
+
+interface LoadingFallbackProps {
+  message?: string
+}
+
+export function LoadingFallback({ message = 'Loading...' }: LoadingFallbackProps) {
+  return (
+    <div className="flex items-center justify-center h-full w-full">
+      <div className="flex flex-col items-center gap-3">
+        <LoadingSpinner />
+        <p className="text-sm text-muted-foreground">{message}</p>
+      </div>
+    </div>
+  )
+}

src/components/molecules/index.ts

@@ -6,6 +6,7 @@ export { EmptyEditorState } from './EmptyEditorState'
 export { EmptyState } from './EmptyState'
 export { FileTabs } from './FileTabs'
 export { LabelWithBadge } from './LabelWithBadge'
+export { LoadingFallback } from './LoadingFallback'
 export { LoadingState } from './LoadingState'
 export { MonacoEditorPanel } from './MonacoEditorPanel'
 export { NavigationGroupHeader } from './NavigationGroupHeader'