first commit

entrypoints/popup/Popup.tsx

@@ -0,0 +1,29 @@
+import { Spinner } from '@/components/Spinner';
+import ServerInfo from '@/components/ServerInfo';
+import Error from '@/components/Error';
+
+export default function Popup() {
+  const { data, loading, error } = useTabData();
+
+  if (loading) {
+    return (
+      <div className="flex items-center justify-center h-48 bg-gray-900">
+        <Spinner className="w-12 h-12 text-purple-500" />
+      </div>
+    );
+  }
+
+  if (error) {
+    return (
+      <Error error={error} />
+    );
+  }
+
+  if (!data) {
+    return (
+      <Error error="No data found" />
+    );
+  }
+
+  return <ServerInfo data={data} />;
+}