diff --git a/frontend/src/routes/_authenticated/runway.lazy.tsx b/frontend/src/routes/_authenticated/runway.lazy.tsx
index a1b5c91..3588fda 100644
--- a/frontend/src/routes/_authenticated/runway.lazy.tsx
+++ b/frontend/src/routes/_authenticated/runway.lazy.tsx
@@ -4,11 +4,12 @@ import { useAuth } from "@/lib/auth-context";
import { AppShell, MobileMenuButton } from "@/components/AppShell";
import { getRunwayForecast, getRunwayIntel } from "@/lib/api/db.functions";
import { rupees } from "@/lib/format";
-import {
+import {
TrendingUp, TrendingDown, AlertTriangle, AlertCircle, CheckCircle2,
Calendar, CreditCard, PieChart, Info, HelpCircle, ChevronRight,
ShieldCheck, ArrowRight, Activity, Wallet,
- Clock, Zap, Compass, RefreshCw, Layers, TrendingUp as TrendUpIcon, ArrowUpRight
+ Clock, Zap, Compass, RefreshCw, Layers, TrendingUp as TrendUpIcon, ArrowUpRight,
+ Check, Utensils, Coffee, Car, ShoppingBag, Calculator, Sparkles, Users
} from "lucide-react";
import { Card } from "@/components/ui/card";
import { Progress } from "@/components/ui/progress";
@@ -17,6 +18,18 @@ import { Skeleton } from "@/components/ui/skeleton";
import { useState, useMemo } from "react";
import { toast } from "sonner";
import { Tooltip as UITooltip, TooltipTrigger, TooltipContent, TooltipProvider } from "@/components/ui/tooltip";
+import {
+ DropdownMenu,
+ DropdownMenuContent,
+ DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu";
+import {
+ Select,
+ SelectContent,
+ SelectItem,
+ SelectTrigger,
+ SelectValue,
+} from "@/components/ui/select";
import {
Dialog,
DialogContent,
@@ -36,6 +49,9 @@ function RunwayPage() {
const { user } = useAuth();
const [activeTab, setActiveTab] = useState<"overview" | "commitments" | "horizons">("overview");
const [showGuideModal, setShowGuideModal] = useState(false);
+ const [showForecastInputs, setShowForecastInputs] = useState(false);
+ const [affordAmountRs, setAffordAmountRs] = useState("");
+ const [affordCategory, setAffordCategory] = useState<"food" | "travel" | "shopping" | "other">("food");
// Fetch forecast data
const { data: forecast, isLoading: forecastLoading, isError: forecastError, refetch: refetchForecast } = useQuery({
@@ -66,14 +82,35 @@ function RunwayPage() {
const [flightProtocol, setFlightProtocol] = useState<"normal" | "glide" | "turbulence">("normal");
const defaultPace = useMemo(() => {
- return Math.round((forecast?.projection?.projected_daily_spend || 20000) / 100);
+ return Math.round(Number(forecast?.projection?.projected_daily_spend ?? 0) / 100);
}, [forecast]);
const [simulatedDailySpend, setSimulatedDailySpend] = useState
(null);
- const activeSimulatedSpend = simulatedDailySpend ?? defaultPace;
const daysLeftInCycle = forecast?.current_cycle?.days_left ?? 30;
- const projectedDailyPaise = Math.max(0, Number(forecast?.projection?.projected_daily_spend ?? defaultPace * 100));
+ const projectedDailyPaise = Math.max(0, Number(forecast?.projection?.projected_daily_spend ?? 0));
const safeDailyPaise = Math.max(0, Number(forecast?.projection?.safe_daily_spend ?? 0));
+ const safeDailyRs = Math.max(0, Math.round(safeDailyPaise / 100));
+ const simulatorMinSpend = 10;
+ const forecastNeedsSetup = forecast?.status === "setup_required" || forecast?.setup_required;
+ const noSpendHistory = !forecastNeedsSetup && (forecast?.projection?.pace_source === "no_recent_history" || (forecast?.confidence?.active_days ?? 0) <= 0);
+ const safeDailyIsZero = !forecastNeedsSetup && safeDailyPaise <= 0;
+ const hasForecastPace = !forecastNeedsSetup && (defaultPace > 0 || safeDailyRs > 0);
+ const activeSimulatedSpend = simulatedDailySpend ?? (defaultPace > 0 ? defaultPace : safeDailyRs > 0 ? safeDailyRs : simulatorMinSpend);
+ const decisionEngine = forecast?.decision_engine;
+ const absorbedFactors = decisionEngine?.absorbed ?? [];
+ const foodRoutine = forecast?.food_routine;
+ const stressBand = forecast?.projection?.stress_band;
+ const expectedRunwayDays = Number(stressBand?.expected?.days_until_broke ?? forecast?.projection?.days_until_broke ?? 0);
+ const stressRunwayDays = Number(stressBand?.stress?.days_until_broke ?? forecast?.projection?.days_until_broke ?? 0);
+ const calmRunwayDays = Number(stressBand?.calm?.days_until_broke ?? expectedRunwayDays);
+ const topDrivers = (decisionEngine?.drivers ?? forecast?.drivers ?? []) as Array<{
+ kind: string;
+ label: string;
+ detail: string;
+ impact?: number;
+ severity?: string;
+ }>;
+ const nextBestAction = decisionEngine?.next_best_action ?? forecast?.action;
const subscriptionCommitmentTotal = useMemo(() => {
if (!forecast?.commitments?.items) return 0;
return forecast.commitments.items
@@ -99,23 +136,22 @@ function RunwayPage() {
.reduce((sum: number, i: any) => sum + (Number(i.amount) || 0), 0);
}, [forecast]);
const foodSwitchSaving = Math.max(0, Number(forecast?.food_routine?.savings_if_replace_two_deliveries ?? 0));
- const foodPacePaise = Math.max(0, Number(forecast?.food_routine?.food_daily_pace ?? projectedDailyPaise));
- const foodCapPaise = Math.max(0, Number(forecast?.food_routine?.recommended_daily_food_cap ?? safeDailyPaise));
- const mealPlanLeverAmount = Math.max(
- foodSwitchSaving,
- Math.round(Math.max(projectedDailyPaise * 0.2, foodPacePaise - foodCapPaise, 3_000))
- );
- const fixedCostLeverAmount = subscriptionCommitmentTotal || movableCommitmentTotal || Math.round(Math.max(projectedDailyPaise * 0.35, 4_000));
+ const foodPacePaise = Math.max(0, Number(forecast?.food_routine?.food_daily_pace ?? 0));
+ const foodCapPaise = Math.max(0, Number(forecast?.food_routine?.recommended_daily_food_cap ?? 0));
+ const mealPlanLeverAmount = Math.max(foodSwitchSaving, foodPacePaise > foodCapPaise ? foodPacePaise - foodCapPaise : 0);
+ const canUseMealLever = mealPlanLeverAmount > 0;
+ const fixedCostLeverAmount = subscriptionCommitmentTotal || movableCommitmentTotal;
+ const canUseFixedCostLever = fixedCostLeverAmount > 0;
const fixedCostLeverLabel = subscriptionCommitmentTotal
? "Pause scheduled subscriptions"
: movableCommitmentTotal
? "Move the next fixed debit"
- : "Skip one optional spend";
- const sharedPlanLeverAmount = poolCommitmentTotal || Math.round(Math.max((forecast?.food_routine?.delivery?.avg_order ?? projectedDailyPaise) * 0.25, 3_000));
- const sharedPlanLeverLabel = poolCommitmentTotal ? "Settle pool dues" : "Use shared cart once";
+ : "No fixed debit found";
+ const sharedPlanLeverAmount = poolCommitmentTotal;
+ const canUseSharedPlanLever = sharedPlanLeverAmount > 0;
+ const sharedPlanLeverLabel = poolCommitmentTotal ? "Settle pool dues" : "No pool dues found";
const highSpendDayAmount = Math.max(projectedDailyPaise, safeDailyPaise, defaultPace * 100);
- const safeDailyRs = Math.max(0, Math.round(safeDailyPaise / 100));
- const simulatorMinSpend = 10;
+ const canStressHighSpend = highSpendDayAmount > 0;
const stretchModeDailyRs = Math.max(
simulatorMinSpend,
Math.min(defaultPace, Math.round((safeDailyRs || defaultPace) * 0.8))
@@ -130,7 +166,7 @@ function RunwayPage() {
const sliderMaxSpend = Math.max(500, Math.ceil(Math.max(defaultPace, safeDailyRs, 250) * 2 / 100) * 100);
const simulatorPresets = useMemo(() => {
const entries = [
- { label: "Actual pace", value: defaultPace },
+ defaultPace > 0 ? { label: "Actual pace", value: defaultPace } : null,
safeDailyRs > 0 ? { label: "Safe/day", value: safeDailyRs } : null,
forecast?.food_routine?.recommended_daily_food_cap
? { label: "Food cap", value: Math.max(20, Math.round(forecast.food_routine.recommended_daily_food_cap / 100)) }
@@ -146,12 +182,50 @@ function RunwayPage() {
const adjustedCommitmentsTotal = useMemo(() => {
if (!forecast) return 0;
- let total = forecast.commitments.total;
- if (flightProtocol === "turbulence") {
- total = Math.max(0, total - examBufferCommitmentTotal);
- }
- return total;
- }, [forecast, flightProtocol, examBufferCommitmentTotal]);
+ return forecast.commitments.total;
+ }, [forecast]);
+
+ const routineMealUnitRs = useMemo(() => {
+ const routineMealCost = Math.round(Number(foodRoutine?.routine_meal_cost ?? 0) / 100);
+ const foodCap = Math.round(Number(foodRoutine?.recommended_daily_food_cap ?? 0) / 100);
+ return Math.max(40, routineMealCost || foodCap || 80);
+ }, [foodRoutine]);
+
+ const sharedMealUnitRs = useMemo(() => {
+ const sharedMealCost = Math.round(Number(foodRoutine?.shared_meal_cost ?? 0) / 100);
+ return Math.max(60, sharedMealCost || Math.round(routineMealUnitRs * 1.5));
+ }, [foodRoutine, routineMealUnitRs]);
+
+ const deliveryOrderUnitRs = useMemo(() => {
+ const deliveryMealCost = Math.round(Number(foodRoutine?.delivery_meal_cost ?? 0) / 100);
+ return Math.max(120, deliveryMealCost || Math.round(routineMealUnitRs * 2.5));
+ }, [foodRoutine, routineMealUnitRs]);
+
+ const quickSpendUnitRs = useMemo(() => {
+ return Math.max(20, Math.round(routineMealUnitRs * 0.45));
+ }, [routineMealUnitRs]);
+
+ const smallSpendEquivalent = useMemo(() => {
+ const val = Number(affordAmountRs) || 0;
+ return Math.max(1, Math.round(val / quickSpendUnitRs));
+ }, [affordAmountRs, quickSpendUnitRs]);
+
+ const routineMealEquivalent = useMemo(() => {
+ const val = Number(affordAmountRs) || 0;
+ return Math.max(1, Math.round(val / routineMealUnitRs));
+ }, [affordAmountRs, routineMealUnitRs]);
+
+ const affordPresets = useMemo(() => [
+ { label: "Quick snack", amount: String(quickSpendUnitRs), category: "food" as const, icon: Coffee },
+ { label: "Routine meal", amount: String(routineMealUnitRs), category: "food" as const, icon: Utensils },
+ { label: "Shared order", amount: String(sharedMealUnitRs), category: "food" as const, icon: Users },
+ { label: "Delivery order", amount: String(deliveryOrderUnitRs), category: "food" as const, icon: Utensils },
+ { label: "Auto ride", amount: "60", category: "travel" as const, icon: Car },
+ { label: "Stationery", amount: "100", category: "other" as const, icon: CreditCard },
+ { label: "Outing", amount: "450", category: "shopping" as const, icon: ShoppingBag },
+ ], [quickSpendUnitRs, routineMealUnitRs, sharedMealUnitRs, deliveryOrderUnitRs]);
+
+
const adjustedSpent = useMemo(() => {
if (!forecast) return 0;
@@ -163,24 +237,24 @@ function RunwayPage() {
let totalFunding = forecast.current_cycle.available_funding;
let spent = adjustedSpent;
let commitments = adjustedCommitmentsTotal;
-
+
let baseDiscretionary = totalFunding - spent - commitments;
- if (scenarioFoodSwitch) {
+ if (scenarioFoodSwitch && canUseMealLever) {
baseDiscretionary += mealPlanLeverAmount;
}
- if (scenarioSubscriptionsPaused) {
+ if (scenarioSubscriptionsPaused && canUseFixedCostLever) {
baseDiscretionary += fixedCostLeverAmount;
}
- if (scenarioPoolSettled) {
+ if (scenarioPoolSettled && canUseSharedPlanLever) {
baseDiscretionary += sharedPlanLeverAmount;
}
return Math.max(0, baseDiscretionary);
- }, [forecast, adjustedSpent, adjustedCommitmentsTotal, scenarioFoodSwitch, scenarioSubscriptionsPaused, scenarioPoolSettled, mealPlanLeverAmount, fixedCostLeverAmount, sharedPlanLeverAmount]);
+ }, [forecast, adjustedSpent, adjustedCommitmentsTotal, scenarioFoodSwitch, scenarioSubscriptionsPaused, scenarioPoolSettled, canUseMealLever, mealPlanLeverAmount, canUseFixedCostLever, fixedCostLeverAmount, canUseSharedPlanLever, sharedPlanLeverAmount]);
const simulatedDays = useMemo(() => {
- if (activeSimulatedSpend <= 0) return 999;
+ if (!hasForecastPace || activeSimulatedSpend <= 0) return 0;
return Math.floor(remainingDiscretionary / (activeSimulatedSpend * 100));
- }, [remainingDiscretionary, activeSimulatedSpend]);
+ }, [hasForecastPace, remainingDiscretionary, activeSimulatedSpend]);
const simulatedBrokeDate = useMemo(() => {
if (!forecast) return "";
@@ -191,21 +265,82 @@ function RunwayPage() {
const isSimulatedSafe = simulatedDays >= daysLeftInCycle;
const actualAskHomeAmount = forecast?.projection?.ask_home_amount ?? 0;
const simulatedGapPaise = isSimulatedSafe ? 0 : Math.max(0, (daysLeftInCycle - simulatedDays) * activeSimulatedSpend * 100);
+ const affordAmountPaise = Math.max(0, Math.round((Number(affordAmountRs) || 0) * 100));
+ const affordCheck = useMemo(() => {
+ if (!forecast || affordAmountPaise <= 0) {
+ return {
+ status: "idle",
+ title: "Enter an amount",
+ detail: "Check one meal, ride, or purchase before paying.",
+ tone: "border-border bg-surface/50 text-muted-foreground",
+ runwayDaysLost: 0,
+ };
+ }
+ const runwayDaysLost = safeDailyPaise > 0 ? affordAmountPaise / safeDailyPaise : daysLeftInCycle;
+ const nextSafeDaily = Math.max(0, Math.floor((remainingDiscretionary - affordAmountPaise) / Math.max(1, daysLeftInCycle)));
+ const categoryAdvice = affordCategory === "food"
+ ? foodRoutine?.action?.title || "Use the lowest-cost routine meal if possible."
+ : affordCategory === "travel"
+ ? "Book only if the ride is essential or fits today’s safe limit."
+ : affordCategory === "shopping"
+ ? "Delay this unless it is required before reset."
+ : "Keep it inside today’s safe limit.";
+ if (safeDailyIsZero || affordAmountPaise > remainingDiscretionary) {
+ return {
+ status: "avoid",
+ title: "Avoid for now",
+ detail: `${formatRs(affordAmountPaise)} does not fit the remaining flexible cash. ${categoryAdvice}`,
+ tone: "border-pb-red/20 bg-pb-red/5 text-pb-red",
+ runwayDaysLost,
+ };
+ }
+ if (affordAmountPaise <= safeDailyPaise) {
+ return {
+ status: "safe",
+ title: "Safe if this is today’s main flexible spend",
+ detail: `${formatRs(affordAmountPaise)} keeps the next safe/day near ${formatRs(nextSafeDaily)}. ${categoryAdvice}`,
+ tone: "border-pb-green/20 bg-pb-green/5 text-pb-green",
+ runwayDaysLost,
+ };
+ }
+ return {
+ status: "tight",
+ title: "Tight",
+ detail: `${formatRs(affordAmountPaise)} is above today’s safe/day and uses about ${runwayDaysLost.toFixed(1)} runway days. ${categoryAdvice}`,
+ tone: "border-pb-amber/20 bg-pb-amber/5 text-pb-amber",
+ runwayDaysLost,
+ };
+ }, [forecast, affordAmountPaise, affordCategory, safeDailyPaise, safeDailyIsZero, remainingDiscretionary, daysLeftInCycle, foodRoutine]);
+
+ const calculatorRunwayPct = useMemo(() => {
+ return Math.min(100, (affordCheck.runwayDaysLost / daysLeftInCycle) * 100);
+ }, [affordCheck.runwayDaysLost, daysLeftInCycle]);
+
+ const radius = 42;
+ const circumference = 2 * Math.PI * radius;
+ const gaugePercentage = Math.min(100, (simulatedDays / Math.max(1, daysLeftInCycle)) * 100);
+ const strokeDashoffset = circumference - (gaugePercentage / 100) * circumference;
+ const strokeColor = isSimulatedSafe ? "stroke-pb-green" : "stroke-pb-red";
+ const gaugeFilter = `drop-shadow(0 0 5px ${isSimulatedSafe ? "rgba(22,163,74,0.25)" : "rgba(220,38,38,0.25)"})`;
const copyFlightBrief = () => {
if (!forecast) return;
+ if (forecastNeedsSetup) {
+ toast.error("Add allowance or synced funding before copying a runway brief.");
+ return;
+ }
const brief = `PocketBuddy Runway Brief:
* Current Status: ${isSimulatedSafe ? "Safe through reset" : "Shortfall warning"}
* Remaining Flexible Pool: ${formatRs(remainingDiscretionary)}
* Simulated Daily Pace: ${formatRs(activeSimulatedSpend * 100)}/day
* Estimated Runway: ${simulatedDays} days (survival until ${simulatedBrokeDate})
* Cycle Remaining: ${daysLeftInCycle} days
-${isSimulatedSafe
- ? "* Plan: Staying under budget. On track to complete the allowance cycle safely."
+${isSimulatedSafe
+ ? "* Plan: Staying under budget. On track to complete the allowance cycle safely."
: `* Simulation gap: This sandbox setting runs out ${daysLeftInCycle - simulatedDays} days early with a gap of ${formatRs(simulatedGapPaise)}. The real ask-home amount is ${actualAskHomeAmount > 0 ? formatRs(actualAskHomeAmount) : "not required in the base forecast"}.`}
* Committed Reserve: ${formatRs(adjustedCommitmentsTotal)}
-Generated via PocketBuddy Runway.`;
+From PocketBuddy Runway.`;
navigator.clipboard.writeText(brief);
toast.success("Runway brief copied to clipboard.");
@@ -215,6 +350,15 @@ Generated via PocketBuddy Runway.`;
const statusDetails = useMemo(() => {
if (!forecast) return { color: "text-zinc-400", bg: "bg-zinc-500/10", border: "border-zinc-500/20", icon: HelpCircle, text: "Unknown" };
const status = forecast.status;
+ if (status === "setup_required") {
+ return {
+ color: "text-primary",
+ bg: "bg-primary/10",
+ border: "border-primary/20",
+ icon: Info,
+ text: "Setup needed"
+ };
+ }
if (status === "shortfall") {
return {
color: "text-pb-red",
@@ -244,6 +388,16 @@ Generated via PocketBuddy Runway.`;
const safetyGrade = useMemo(() => {
if (!forecast) return { grade: "N/A", text: "Calculating", color: "text-zinc-500", bg: "bg-zinc-500/10", border: "border-zinc-500/20", description: "Calculating runway projections..." };
+ if (forecast.status === "setup_required") {
+ return {
+ grade: "—",
+ text: "Setup needed",
+ color: "text-primary",
+ bg: "bg-primary/10",
+ border: "border-primary/20",
+ description: forecast.setup_reason ?? "Add allowance or synced funding before Runway produces a trusted forecast."
+ };
+ }
const prob = forecast.projection.shortfall_probability;
if (prob <= 0) {
return {
@@ -306,17 +460,13 @@ Generated via PocketBuddy Runway.`;
}));
}, [forecast]);
- const decisionEngine = forecast?.decision_engine;
- const absorbedFactors = decisionEngine?.absorbed ?? [];
- const foodRoutine = forecast?.food_routine;
- const nextBestAction = decisionEngine?.next_best_action ?? forecast?.action;
const activeActionType = nextBestAction?.type || forecast?.action?.type || "on_track";
const activeActionTitle = activeActionType === "ask_home" && actualAskHomeAmount > 0
? `Ask home for ${formatRs(actualAskHomeAmount)}`
: nextBestAction?.title || forecast?.action?.title || "Runway action";
const activeActionDetail = activeActionType === "ask_home"
? "This is the real forecast shortfall buffer from your allowance, commitments, current pace, and high-spend range."
- : nextBestAction?.detail || forecast?.action?.detail || "";
+ : nextBestAction?.detail || forecast?.action?.detail || "Keep daily flexible spending inside the safe limit until the next allowance reset.";
const commitmentSummary = useMemo(() => {
if (!forecast?.commitments?.by_kind) return [];
const byKind = forecast.commitments.by_kind;
@@ -337,6 +487,75 @@ Generated via PocketBuddy Runway.`;
balance: firstDeficit?.projected_balance ?? finalHorizon?.projected_balance ?? 0,
};
}, [forecast]);
+ const forecastInputCount = absorbedFactors.length || commitmentSummary.length;
+ const forecastInputSummary = forecastInputCount > 0
+ ? `${forecastInputCount} live input${forecastInputCount === 1 ? "" : "s"} included`
+ : "No reserved-cost inputs yet";
+ const horizonTakeaway = projectionSignal
+ ? projectionSignal.isDeficit
+ ? `In this scenario, the first deficit appears around ${projectionSignal.label}.`
+ : `In this scenario, the long-range balance stays positive through ${projectionSignal.label}.`
+ : "Scenario view will appear once horizon data is available.";
+ const [selectedActionId, setSelectedActionId] = useState("priority");
+ const runwayActions = useMemo(() => {
+ if (!forecast) return [];
+ const actionsList = [
+ {
+ id: "priority",
+ label: `Priority: ${activeActionTitle}`,
+ detail: activeActionDetail,
+ severity: activeActionType === "ask_home" ? "high" : forecast.status === "watch" ? "medium" : "low"
+ }
+ ];
+
+ if (forecast.status === "shortfall") {
+ actionsList.push({
+ id: "action-1",
+ label: "1. Shield Your Exam Safety Buffer",
+ detail: examBufferCommitmentTotal > 0
+ ? `Your configured buffer of ${formatRs(examBufferCommitmentTotal)} is locked. Avoid dipping into it for regular food spending.`
+ : "No exam buffer is configured yet. Keep essentials separate before reducing food or travel spend.",
+ severity: "high"
+ });
+ actionsList.push({
+ id: "action-2",
+ label: "2. Auto-Debit Subscription Alert",
+ detail: `You have ${forecast.commitments.items?.filter((i: any) => i.kind === "subscription").length || 0} recurring subscriptions active. Temporarily pause one to reclaim breathing room.`,
+ severity: "medium"
+ });
+ actionsList.push({
+ id: "action-3",
+ label: `3. ${foodRoutine?.action?.title ?? "Stabilize food pace"}`,
+ detail: foodRoutine?.action?.detail ?? "Use routine meals before delivery becomes the default. This keeps daily food spend inside your safe runway limit.",
+ severity: "low"
+ });
+ } else {
+ actionsList.push({
+ id: "action-1",
+ label: "1. Lock in an Emergency Reserve",
+ detail: examBufferCommitmentTotal > 0
+ ? `Your ${formatRs(examBufferCommitmentTotal)} exam reserve is already protected in the runway calculation.`
+ : "Since you're on track, set an emergency reserve in settings so future spending cannot consume essentials.",
+ severity: "low"
+ });
+ actionsList.push({
+ id: "action-2",
+ label: "2. Spending Pace Guardrails",
+ detail: decisionEngine?.summary ?? `Try to stay within ${formatRs(forecast.projection.safe_daily_spend)} per day to keep your runway healthy.`,
+ severity: "medium"
+ });
+ actionsList.push({
+ id: "action-3",
+ label: `3. ${foodRoutine?.action?.title ?? "Keep meals predictable"}`,
+ detail: foodRoutine?.action?.detail ?? "Keep food pace predictable so runway can reserve enough for travel, exams, and shared-pool dues.",
+ severity: "low"
+ });
+ }
+
+ return actionsList;
+ }, [forecast, activeActionTitle, activeActionDetail, activeActionType, examBufferCommitmentTotal, foodRoutine, decisionEngine]);
+
+
if (forecastLoading) {
return (
@@ -391,10 +610,157 @@ Generated via PocketBuddy Runway.`;
);
}
+ if (forecastNeedsSetup) {
+ return (
+
+
+
+
+ Runway & Forecasts
+
+
+
+
+
+
+
+
+
+
+
Runway setup needed
+
Add funding before trusting the forecast
+
+ {forecast.setup_reason ?? "Add your monthly allowance or sync an allowance credit before Runway calculates safe/day, shortfall, and ask-home guidance."}
+
+
+
+
Profile
+
Set monthly allowance and reset day.
+
+
+
Transactions
+
Sync or add recent payments to build daily pace.
+
+
+
+
+
+
+
+ );
+ }
+
// Spend breakdown percentage
const totalSpendSplit = forecast.spend_split.committed + forecast.spend_split.flexible;
const committedPct = totalSpendSplit > 0 ? Math.round((forecast.spend_split.committed / totalSpendSplit) * 100) : 0;
- const flexiblePct = 100 - committedPct;
+ const flexiblePct = totalSpendSplit > 0 ? 100 - committedPct : 0;
+ const allowanceProgressPct = forecast.current_cycle.available_funding > 0
+ ? Math.min(100, Math.max(0, Math.round((forecast.current_cycle.spent / forecast.current_cycle.available_funding) * 100)))
+ : 0;
+ const discretionaryFuelPct = forecast.current_cycle.available_funding > 0
+ ? Math.min(100, Math.max(0, Math.round((remainingDiscretionary / forecast.current_cycle.available_funding) * 100)))
+ : 0;
+ const dailyGapPaise = projectedDailyPaise - safeDailyPaise;
+ const reservedTotal = forecast.commitments.total;
+ const remainingBalance = forecast.current_cycle.remaining;
+ const coveredDaysLabel = forecast.status === "shortfall"
+ ? `${forecast.projection.days_until_broke} days before shortfall`
+ : safeDailyIsZero
+ ? "No flexible spend left"
+ : `${daysLeftInCycle} days covered`;
+ const paceMessage = safeDailyIsZero
+ ? "No discretionary budget remains after commitments."
+ : noSpendHistory
+ ? "No spend history yet; use this as a temporary cap."
+ : dailyGapPaise > 0
+ ? `You are ${formatRs(dailyGapPaise)}/day above the safe pace.`
+ : dailyGapPaise < 0
+ ? `You are ${formatRs(Math.abs(dailyGapPaise))}/day below the limit.`
+ : "Your current pace matches the safe limit.";
+ const safeDailyDisplay = safeDailyIsZero ? "Pause" : formatRs(safeDailyPaise);
+ const modeCards = [
+ {
+ key: "normal" as const,
+ title: "Current",
+ amount: noSpendHistory ? null : defaultPace > 0 ? defaultPace * 100 : projectedDailyPaise,
+ text: noSpendHistory ? "Needs recent payments before pace is trusted." : "Shows what happens if nothing changes.",
+ },
+ {
+ key: "glide" as const,
+ title: "Stretch",
+ amount: safeDailyIsZero ? null : stretchModeDailyRs * 100,
+ text: safeDailyIsZero ? "No stretch budget is available." : "A realistic lower daily target for the rest of the cycle.",
+ },
+ {
+ key: "turbulence" as const,
+ title: "Emergency",
+ amount: safeDailyIsZero ? null : emergencyModeDailyRs * 100,
+ text: safeDailyIsZero ? "Pause non-essential spend and add funding." : "Strict plan that protects essentials first.",
+ },
+ ];
+ const availableLeverCount = [
+ canUseMealLever,
+ canUseFixedCostLever,
+ canUseSharedPlanLever,
+ ].filter(Boolean).length;
+ const selectRunwayMode = (mode: "normal" | "glide" | "turbulence") => {
+ setFlightProtocol(mode);
+ setScenarioHighSpendDay(false);
+ if (mode === "normal") {
+ setSimulatedDailySpend(null);
+ setScenarioFoodSwitch(false);
+ setScenarioSubscriptionsPaused(false);
+ setScenarioPoolSettled(false);
+ toast.info("Current plan selected.");
+ return;
+ }
+ if (mode === "glide") {
+ if (safeDailyIsZero) {
+ setSimulatedDailySpend(null);
+ setScenarioFoodSwitch(false);
+ setScenarioSubscriptionsPaused(false);
+ setScenarioPoolSettled(false);
+ toast.warning("No discretionary spend is available. Pause non-essential spending or add funding first.");
+ return;
+ }
+ setSimulatedDailySpend(stretchModeDailyRs);
+ setScenarioFoodSwitch(false);
+ setScenarioSubscriptionsPaused(false);
+ setScenarioPoolSettled(false);
+ toast.success(`Stretch plan selected at ${formatRs(stretchModeDailyRs * 100)}/day.`);
+ return;
+ }
+ if (safeDailyIsZero) {
+ setSimulatedDailySpend(null);
+ setScenarioFoodSwitch(false);
+ setScenarioSubscriptionsPaused(false);
+ setScenarioPoolSettled(false);
+ toast.warning("Emergency plan: pause non-essential spending and add funding before spending again.");
+ return;
+ }
+ setSimulatedDailySpend(emergencyModeDailyRs);
+ setScenarioFoodSwitch(canUseMealLever);
+ setScenarioSubscriptionsPaused(canUseFixedCostLever);
+ setScenarioPoolSettled(canUseSharedPlanLever);
+ toast.warning(`Emergency plan selected at ${formatRs(emergencyModeDailyRs * 100)}/day.`);
+ };
return (
@@ -426,32 +792,31 @@ Generated via PocketBuddy Runway.`;