Squashed 'ai-context/workbench-ui/' content from commit 32e36a5c

git-subtree-dir: ai-context/workbench-ui
git-subtree-split: 32e36a5c2131e429a7081cfaf67dabad3193cda3

src/providers/ConnectionLoadingScreen.tsx

@@ -0,0 +1,22 @@
+import React from "react";
+import { Box, Spinner, Text } from "@chakra-ui/react";
+
+/**
+ * Loading screen displayed while establishing WebSocket connection
+ */
+export const ConnectionLoadingScreen: React.FC = () => {
+  return (
+    <Box
+      width="100%"
+      height="100vh"
+      display="flex"
+      flexDirection="column"
+      alignItems="center"
+      justifyContent="center"
+      gap={4}
+    >
+      <Spinner size="xl" />
+      <Text color="fg.muted">Connecting to server...</Text>
+    </Box>
+  );
+};