first commit

apps/web/src/pages/DashboardPage.tsx

@@ -0,0 +1,40 @@
+import React from "react";
+import { TorrentTable } from "../components/torrents/TorrentTable";
+import { TorrentDetailsCard } from "../components/torrents/TorrentDetailsCard";
+import { LoopSetupCard } from "../components/loop/LoopSetupCard";
+import { LoopStatsCard } from "../components/loop/LoopStatsCard";
+import { LogsPanel } from "../components/loop/LogsPanel";
+import { ProfilesCard } from "../components/loop/ProfilesCard";
+import { useAppStore } from "../store/useAppStore";
+
+export const DashboardPage = () => {
+  const setLoopForm = useAppStore((s) => s.setLoopForm);
+
+  return (
+    <>
+      <div className="grid grid-cols-1 gap-6 lg:grid-cols-[1.2fr_1fr]">
+        <TorrentTable />
+        <div className="space-y-4">
+          <TorrentDetailsCard />
+          <LoopStatsCard />
+          <LoopSetupCard />
+        </div>
+      </div>
+
+      <div className="grid grid-cols-1 gap-6 lg:grid-cols-[1.2fr_1fr]">
+        <LogsPanel />
+        <div className="space-y-4">
+          <ProfilesCard
+            onApply={(profile) => {
+              setLoopForm({
+                allowIp: profile.allowIp,
+                delayMs: profile.delayMs,
+                targetLoops: profile.targetLoops,
+              });
+            }}
+          />
+        </div>
+      </div>
+    </>
+  );
+};