+
+
+ {/* Status bar */}
+ {txPending && (
+
{txPending}
+ )}
+ {error && (
+
setError(null)}>{error} (click to dismiss)
+ )}
+ {lastTxHash && !txPending && !error && (
+
+ )}
+
+
+
+
+ {
+ setWalletAddress(null);
+ setMyPolicies([]);
+ setOtherPolicies([]);
+ setPoolStats({ totalDeposits: 0, totalReserved: 0, premiumsEarned: 0 });
+ setPoolInitialized(false);
+ setLastTxHash(null);
+ setError(null);
+ }}
+ highlight={!connected}
+ />
+
+ {!connected && (
+
+ )}
+
+
+ {/* Pool init button for real wallet */}
+ {isRealWallet && !poolInitialized && !txPending && (
+
+
+
+ This creates the liquidity pool on-chain. Only needed once.
+
+
+ )}
+
+
+
+ {/* Network info */}
+
+ {isDemoMode ? "Demo Mode — all simulated, no blockchain" : isRealWallet ? "PreProd Testnet — real on-chain transactions" : "Not connected"}
+ {isRealWallet && | Pool: {getPoolAddress().slice(0, 20)}...}
+
+
+
+
+ {policy.thresholdPct}% coverage
+
+
+ {policy.status}
+
+
+
+
+ Strike Price
+ ${policy.strikePrice.toFixed(4)}
+
+ {isActive && (
+
+ Current Devaluation
+ = policy.thresholdPct ? "var(--success)" : devalPct > 0 ? "var(--warning)" : "var(--text)"
+ }}>
+ {devalPct.toFixed(1)}%
+
+
+ )}
+
+ Premium / Payout
+ {policy.premium} / {policy.payout} ADA
+
+
+ Expires
+ {policy.expiryDate}
+
+
+
+
0 ? "var(--warning)"
+ : "var(--border)",
+ }}
+ />
+
+
+ {isMine && eligible && (
+
+ )}
+
+ {isMine && isActive && !eligible && (
+
+ )}
+
+ );
+}
+
+export default function Policies({ myPolicies, otherPolicies, currentPrice, connected, onClaim, onExpire }: Props) {
+ const hasAny = myPolicies.length > 0 || otherPolicies.length > 0;
+
+ if (!hasAny) {
+ return (
+
+
Policies
+
+ {connected ? "No policies yet. Subscribe to get coverage." : "No active policies on-chain."}
+
+
+ );
+ }
+
+ return (
+ <>
+ {connected && myPolicies.length > 0 && (
+
+
Your Policies
+ {myPolicies.map((p) => (
+
+ ))}
+
+ )}
+
+ {otherPolicies.length > 0 && (
+
+
Active Policies
+ {otherPolicies.map((p) => (
+
+ ))}
+
+ )}
+
+ );
+}
diff --git a/lazer/cardano/deval-guard/frontend/src/components/Pool.tsx b/lazer/cardano/deval-guard/frontend/src/components/Pool.tsx
new file mode 100644
index 00000000..a8b5fc42
--- /dev/null
+++ b/lazer/cardano/deval-guard/frontend/src/components/Pool.tsx
@@ -0,0 +1,91 @@
+import { useState } from "react";
+
+interface Props {
+ stats: {
+ totalDeposits: number;
+ totalReserved: number;
+ premiumsEarned: number;
+ };
+ connected: boolean;
+ onDeposit: (amountAda: number) => void;
+ depositing: boolean;
+}
+
+function toAda(lovelace: number): string {
+ return (lovelace / 1_000_000).toFixed(2);
+}
+
+export default function Pool({ stats, connected, onDeposit, depositing }: Props) {
+ const [depositAmount, setDepositAmount] = useState("50");
+ const available = stats.totalDeposits - stats.totalReserved;
+ const utilization = stats.totalDeposits > 0
+ ? ((stats.totalReserved / stats.totalDeposits) * 100).toFixed(1)
+ : "0.0";
+
+ const handleDeposit = () => {
+ const amt = parseFloat(depositAmount);
+ if (amt > 0) onDeposit(amt);
+ };
+
+ return (
+
+
Liquidity Pool
+
+
+ Total Deposits
+ {toAda(stats.totalDeposits)} ADA
+
+
+ Reserved (active policies)
+ {toAda(stats.totalReserved)} ADA
+
+
+ Available
+
+ {toAda(available)} ADA
+
+
+
+ Utilization
+ {utilization}%
+
+
+ Premiums Earned
+ {toAda(stats.premiumsEarned)} ADA
+
+
+
+
80 ? "var(--danger)" : "var(--accent)",
+ }}
+ />
+
+
+ {connected && (
+
+
+
+ setDepositAmount(e.target.value)}
+ style={{ flex: 1 }}
+ />
+
+
+
+ )}
+
+ );
+}
diff --git a/lazer/cardano/deval-guard/frontend/src/components/PriceDisplay.tsx b/lazer/cardano/deval-guard/frontend/src/components/PriceDisplay.tsx
new file mode 100644
index 00000000..b5d3b3ef
--- /dev/null
+++ b/lazer/cardano/deval-guard/frontend/src/components/PriceDisplay.tsx
@@ -0,0 +1,94 @@
+import { useState, useEffect, useRef } from "react";
+
+interface Props {
+ price: number;
+ onPriceChange: (price: number) => void;
+ demoMode: boolean;
+}
+
+// ADA/USD feed on Pyth Hermes (free, CORS-enabled)
+const PYTH_ADA_USD = "https://hermes.pyth.network/v2/updates/price/latest?ids[]=0x2a01deaec9e51a579277b34b122399984d0bbf57e2458a7e42fecd2829867a0d";
+
+export default function PriceDisplay({ price, onPriceChange, demoMode }: Props) {
+ const [isLive, setIsLive] = useState(!demoMode);
+ const [liveError, setLiveError] = useState(false);
+ const intervalRef = useRef
| null>(null);
+
+ const fetchLivePrice = async () => {
+ try {
+ const res = await fetch(PYTH_ADA_USD);
+ const data = await res.json();
+ if (data?.parsed?.[0]?.price) {
+ const priceData = data.parsed[0].price;
+ const p = Number(priceData.price) * Math.pow(10, Number(priceData.expo));
+ if (p > 0) {
+ onPriceChange(p);
+ setLiveError(false);
+ }
+ }
+ } catch {
+ setLiveError(true);
+ }
+ };
+
+ const startLive = () => {
+ fetchLivePrice();
+ intervalRef.current = setInterval(fetchLivePrice, 5000);
+ setIsLive(true);
+ };
+
+ const stopLive = () => {
+ if (intervalRef.current) clearInterval(intervalRef.current);
+ intervalRef.current = null;
+ setIsLive(false);
+ };
+
+ // Start live on mount if not demo
+ useEffect(() => {
+ if (!demoMode) startLive();
+ return () => {
+ if (intervalRef.current) clearInterval(intervalRef.current);
+ };
+ }, [demoMode]);
+
+ // When switching to demo mode, stop live
+ useEffect(() => {
+ if (demoMode && isLive) stopLive();
+ }, [demoMode]);
+
+ return (
+
+
ADA / USD Exchange Rate
+
${price.toFixed(4)}
+
+ {isLive ? (
+
+ {liveError ? "Pyth fetch error — retrying..." : "Live from Pyth Oracle"}
+
+ ) : (
+ Demo simulation mode
+ )}
+
+
+ {/* Slider only in demo mode */}
+ {demoMode && (
+
+
+
onPriceChange(parseFloat(e.target.value))}
+ style={{ marginTop: "0.5rem" }}
+ />
+
+ $0.05 (drop)
+ $1.00 (moon)
+
+
+ )}
+
+
Buy Coverage
+
+
+
+
+ Triggers at ~{(currentPrice * (1 - selectedThreshold.pct / 100)).toFixed(4)} USD/ADA
+
+
+
+
+
+
+
setPremium(e.target.value)}
+ placeholder="5"
+ />
+
+ {premiumAda > 0 && (
+
+ If ADA drops {selectedThreshold.label}, you receive{" "}
+ {payoutAda.toFixed(0)} ADA
+
+ )}
+
+
+ Strike price
+ {currentPrice.toFixed(4)} USD
+
+
+ Payout multiplier
+ {PAYOUT_MULTIPLIER}x
+
+
+
+
+
+ {isDemo ? "Demo Mode" : "Connected"}
+
+ {!isDemo && (
+
+ {address.length > 30 ? address.slice(0, 14) + "..." + address.slice(-8) : address}
+
+ )}
+ {onDisconnect && (
+
+ )}
+
+ );
+ }
+
+ return (
+
+
+ {error &&
{error}
}
+