Tile windowing system

app/components/panels/PowerPanel.tsx

@@ -0,0 +1,25 @@
+"use client";
+
+import { useState, useEffect, useCallback } from "react";
+import { getPower, type PowerData } from "../../lib/getPower";
+import PowerGrid from "../PowerGrid";
+
+export default function PowerPanel({ isAuthed }: { isAuthed: boolean }) {
+	const [power, setPower] = useState<PowerData | null>(null);
+
+	const fetchPower = useCallback(async () => {
+		try { setPower(await getPower()); } catch {}
+	}, []);
+
+	useEffect(() => {
+		fetchPower();
+		const id = setInterval(fetchPower, 3000);
+		return () => clearInterval(id);
+	}, [fetchPower]);
+
+	return (
+		<div className="p-4">
+			<PowerGrid power={power} onRefresh={fetchPower} showControls={isAuthed} />
+		</div>
+	);
+}