Stake
{formatAplo(stakeStats.staked)}
Stake Level
{stakeStats.multiplier > 0 ? "Mining enabled" : "Not staked"}
Mining Status
{stakeStats.canMine ? "Stake OK" : `Needs ${MIN_STAKE_APLO} APLO stake`}
diff --git a/src/features/webminer/components/ModeSelector.tsx b/src/features/webminer/components/ModeSelector.tsx
deleted file mode 100644
index c19e3c1..0000000
--- a/src/features/webminer/components/ModeSelector.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-"use client";
-
-import { Button } from "@/components/ui/button";
-import type { MinerMode } from "../types";
-
-interface ModeSelectorProps {
- activeMode: MinerMode;
- isMining: boolean;
- onSwitchMode: (mode: MinerMode) => void;
-}
-
-export function ModeSelector({ activeMode, isMining, onSwitchMode }: ModeSelectorProps) {
- return (
-
-
-
-
- );
-}
diff --git a/src/features/webminer/components/StakingControls.tsx b/src/features/webminer/components/StakingControls.tsx
index b654b9f..7cf57af 100644
--- a/src/features/webminer/components/StakingControls.tsx
+++ b/src/features/webminer/components/StakingControls.tsx
@@ -23,7 +23,7 @@ export function StakingControls({ activeMode, walletAddress, privateKey, stakeAm
const walletBlocked = !walletAddress || (activeMode === "legacy" && !privateKey);
return (
-
+
Stake / Unstake APLO
onStakeAmountChange(e.target.value)} disabled={isMining || isStaking} />
)}
diff --git a/src/features/webminer/components/WebMinerShell.tsx b/src/features/webminer/components/WebMinerShell.tsx
index 3de46bb..a3ee172 100644
--- a/src/features/webminer/components/WebMinerShell.tsx
+++ b/src/features/webminer/components/WebMinerShell.tsx
@@ -1,46 +1,62 @@
"use client";
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+import { MinerNavigation } from "@/components/MinerNavigation";
import { ThemeSwitcher } from "@/components/ThemeSwitcher";
-import { useToast } from "@/hooks/use-toast";
import { useWebMinerController } from "../hooks/useWebMinerController";
import { MinedSharesTable } from "./MinedSharesTable";
import { MinerStatsPanel } from "./MinerStatsPanel";
import { MiningToggle } from "./MiningToggle";
-import { ModeSelector } from "./ModeSelector";
import { RpcNodeSelector } from "./RpcNodeSelector";
import { StakeRewardTable } from "./StakeRewardTable";
import { StakingControls } from "./StakingControls";
import { WalletAccessPanel } from "./WalletAccessPanel";
-export function WebMinerShell() {
- const controller = useWebMinerController();
- const { toast } = useToast();
+export type MinerSurface = "miner" | "staking" | "legacy";
- const requestPermission = () => {
- controller.requestErc7715MiningPermission().catch((error) => {
- const message = error instanceof Error ? error.message : "Failed to request ERC-7715 permission";
- toast({ variant: "destructive", title: "ERC-7715 Error", description: message });
- });
- };
+const surfaceMeta = {
+ miner: { path: "/", title: "GAplo Web Miner", description: "Mine GAPLO with your connected wallet." },
+ staking: { path: "/staking", title: "APLO Staking", description: "Manage APLO stake and review mining eligibility." },
+ legacy: { path: "/legacy", title: "Legacy Miner", description: "Local private-key signing for dedicated mining wallets." },
+} as const;
+
+export function WebMinerShell({ surface = "miner" }: { surface?: MinerSurface }) {
+ const activeMode = surface === "legacy" ? "legacy" : "current";
+ const controller = useWebMinerController(activeMode);
+ const meta = surfaceMeta[surface];
return (
-
-
-
- GAplo Web Miner
+
+
+
+
+
+
+
+
+ {meta.title}
+ {meta.description}
-
-
+
-
-
-
-
-
+
+
+ {surface === "staking" ? (
+ <>
+
+
+
+
+ ) : (
+ <>
+
+
+
+ )}
-
+
+ {surface !== "staking" &&
}