From 560635196804688faeb22030a865f9b523756363 Mon Sep 17 00:00:00 2001
From: Taha Tariq <iam.tahatariq@gmail.com>
Date: Thu, 13 Aug 2026 02:14:53 +0500
Subject: [PATCH 1/2] style(biome): apply formatter fixes across components and
 config

---
 src/components/configure-sections.tsx | 49 ++++++++++++++++++++-----
 src/components/cv-config-dialog.tsx   | 53 +++++++++++++++++++++------
 src/components/history-sheet.tsx      | 15 ++++++--
 src/components/loading-overlay.tsx    | 10 ++++-
 src/components/step-configure.tsx     | 52 ++++++++++++++++++++++----
 src/components/step-results.tsx       | 34 +++++++++++++----
 src/components/step-upload.tsx        | 50 ++++++++++++++++++++-----
 src/components/stepper.tsx            |  6 ++-
 src/components/theme-toggle.tsx       |  6 ++-
 src/components/ui/input.tsx           |  7 +++-
 src/lib/cv-helper.ts                  | 11 ++++--
 11 files changed, 237 insertions(+), 56 deletions(-)

diff --git a/src/components/configure-sections.tsx b/src/components/configure-sections.tsx
index ccf1bfd..602f036 100644
--- a/src/components/configure-sections.tsx
+++ b/src/components/configure-sections.tsx
@@ -66,7 +66,11 @@ export const ResetIndicator = memo(function ResetIndicator({
       onClick={onReset}
       className="size-5 rounded-full text-muted-foreground hover:text-primary hover:bg-muted/80 p-0"
     >
-      <RotateCcw aria-hidden="true" data-icon="inline-start" className="size-3" />
+      <RotateCcw
+        aria-hidden="true"
+        data-icon="inline-start"
+        className="size-3"
+      />
     </Button>
   );
 });
@@ -101,7 +105,10 @@ export const GrowthSeasonalitySection = memo(function GrowthSeasonalitySection({
             </FieldLabel>
             <Tooltip>
               <TooltipTrigger className="cursor-pointer">
-                <HelpCircle aria-hidden="true" className="size-3.5 text-muted-foreground" />
+                <HelpCircle
+                  aria-hidden="true"
+                  className="size-3.5 text-muted-foreground"
+                />
               </TooltipTrigger>
               <TooltipContent>
                 Linear for standard trend, Logistic for bounded growth.
@@ -120,7 +127,11 @@ export const GrowthSeasonalitySection = memo(function GrowthSeasonalitySection({
             onConfigChange({ growth: val as "linear" | "logistic" | "flat" })
           }
         >
-          <SelectTrigger id="growth" aria-label="Growth Model" className="h-9 text-xs">
+          <SelectTrigger
+            id="growth"
+            aria-label="Growth Model"
+            className="h-9 text-xs"
+          >
             <SelectValue />
           </SelectTrigger>
           <SelectContent>
@@ -147,7 +158,10 @@ export const GrowthSeasonalitySection = memo(function GrowthSeasonalitySection({
             </FieldLabel>
             <Tooltip>
               <TooltipTrigger className="cursor-pointer">
-                <HelpCircle aria-hidden="true" className="size-3.5 text-muted-foreground" />
+                <HelpCircle
+                  aria-hidden="true"
+                  className="size-3.5 text-muted-foreground"
+                />
               </TooltipTrigger>
               <TooltipContent>
                 Additive (+) or Multiplicative (×) variations.
@@ -174,7 +188,11 @@ export const GrowthSeasonalitySection = memo(function GrowthSeasonalitySection({
             })
           }
         >
-          <SelectTrigger id="seasonality_mode" aria-label="Seasonality Mode" className="h-9 text-xs">
+          <SelectTrigger
+            id="seasonality_mode"
+            aria-label="Seasonality Mode"
+            className="h-9 text-xs"
+          >
             <SelectValue />
           </SelectTrigger>
           <SelectContent>
@@ -220,7 +238,11 @@ export const GrowthSeasonalitySection = memo(function GrowthSeasonalitySection({
                 val && onForecastParamsChange({ freq: val })
               }
             >
-              <SelectTrigger id="freq" aria-label="Frequency" className="h-9 text-xs">
+              <SelectTrigger
+                id="freq"
+                aria-label="Frequency"
+                className="h-9 text-xs"
+              >
                 <SelectValue />
               </SelectTrigger>
               <SelectContent>
@@ -259,7 +281,11 @@ export const GrowthSeasonalitySection = memo(function GrowthSeasonalitySection({
             })
           }
         >
-          <SelectTrigger id="country_holidays" aria-label="Built-in Country Holidays" className="h-9 text-xs">
+          <SelectTrigger
+            id="country_holidays"
+            aria-label="Built-in Country Holidays"
+            className="h-9 text-xs"
+          >
             <SelectValue placeholder="Select country…" />
           </SelectTrigger>
           <SelectContent className="max-h-56">
@@ -351,7 +377,8 @@ export const CVSplitSection = memo(function CVSplitSection({
               Initial Training
             </Label>
             <span className="font-mono text-muted-foreground text-[11px] tabular-nums">
-              {cvSplit.initialLabel || cvSplit.initialStr} ({(cvSplit.initialPct * 100).toFixed(0)}%)
+              {cvSplit.initialLabel || cvSplit.initialStr} (
+              {(cvSplit.initialPct * 100).toFixed(0)}%)
             </span>
           </div>
           <Slider
@@ -370,7 +397,8 @@ export const CVSplitSection = memo(function CVSplitSection({
               Forecast Horizon
             </Label>
             <span className="font-mono text-muted-foreground text-[11px] tabular-nums">
-              {cvSplit.horizonLabel || cvSplit.horizonStr} ({(cvSplit.horizonPct * 100).toFixed(0)}%)
+              {cvSplit.horizonLabel || cvSplit.horizonStr} (
+              {(cvSplit.horizonPct * 100).toFixed(0)}%)
             </span>
           </div>
           <Slider
@@ -389,7 +417,8 @@ export const CVSplitSection = memo(function CVSplitSection({
               Cutoff Step Period
             </Label>
             <span className="font-mono text-muted-foreground text-[11px] tabular-nums">
-              {cvSplit.periodLabel || cvSplit.periodStr} ({(cvSplit.periodPct * 100).toFixed(0)}%)
+              {cvSplit.periodLabel || cvSplit.periodStr} (
+              {(cvSplit.periodPct * 100).toFixed(0)}%)
             </span>
           </div>
           <Slider
diff --git a/src/components/cv-config-dialog.tsx b/src/components/cv-config-dialog.tsx
index e2c71a7..2adc723 100644
--- a/src/components/cv-config-dialog.tsx
+++ b/src/components/cv-config-dialog.tsx
@@ -46,7 +46,13 @@ export function CVConfigDialog({
 
   const handleInitialChange = (val: number | readonly number[]) => {
     const targetInit = Array.isArray(val) ? val[0] : (val as number);
-    const newSplit = constrainCVSplit(totalDays, targetInit, horizPct, undefined, freq);
+    const newSplit = constrainCVSplit(
+      totalDays,
+      targetInit,
+      horizPct,
+      undefined,
+      freq,
+    );
     setInitPct(newSplit.initialPct);
     setHorizPct(newSplit.horizonPct);
     setPerPct(newSplit.periodPct);
@@ -54,7 +60,13 @@ export function CVConfigDialog({
 
   const handleHorizonChange = (val: number | readonly number[]) => {
     const targetHoriz = Array.isArray(val) ? val[0] : (val as number);
-    const newSplit = constrainCVSplit(totalDays, initPct, targetHoriz, undefined, freq);
+    const newSplit = constrainCVSplit(
+      totalDays,
+      initPct,
+      targetHoriz,
+      undefined,
+      freq,
+    );
     setInitPct(newSplit.initialPct);
     setHorizPct(newSplit.horizonPct);
     setPerPct(newSplit.periodPct);
@@ -62,7 +74,13 @@ export function CVConfigDialog({
 
   const handlePeriodChange = (val: number | readonly number[]) => {
     const targetPer = Array.isArray(val) ? val[0] : (val as number);
-    const newSplit = constrainCVSplit(totalDays, initPct, horizPct, targetPer, freq);
+    const newSplit = constrainCVSplit(
+      totalDays,
+      initPct,
+      horizPct,
+      targetPer,
+      freq,
+    );
     setInitPct(newSplit.initialPct);
     setHorizPct(newSplit.horizonPct);
     setPerPct(newSplit.periodPct);
@@ -141,20 +159,26 @@ export function CVConfigDialog({
               <span className="flex items-center gap-1.5">
                 <span className="size-2.5 rounded-full bg-primary inline-block" />
                 Training:{" "}
-                <strong className="text-foreground">{split.initialLabel || split.initialStr}</strong>{" "}
+                <strong className="text-foreground">
+                  {split.initialLabel || split.initialStr}
+                </strong>{" "}
                 ({(split.initialPct * 100).toFixed(0)}%)
               </span>
               <span className="flex items-center gap-1.5">
                 <span className="size-2.5 rounded-full bg-chart-2 inline-block" />
                 Horizon:{" "}
-                <strong className="text-foreground">{split.horizonLabel || split.horizonStr}</strong>{" "}
+                <strong className="text-foreground">
+                  {split.horizonLabel || split.horizonStr}
+                </strong>{" "}
                 ({(split.horizonPct * 100).toFixed(0)}%)
               </span>
               <span className="flex items-center gap-1.5">
                 <span className="size-2.5 rounded-full bg-muted-foreground/60 inline-block" />
                 Step:{" "}
-                <strong className="text-foreground">{split.periodLabel || split.periodStr}</strong> (
-                {(split.periodPct * 100).toFixed(0)}%)
+                <strong className="text-foreground">
+                  {split.periodLabel || split.periodStr}
+                </strong>{" "}
+                ({(split.periodPct * 100).toFixed(0)}%)
               </span>
             </div>
           </div>
@@ -168,7 +192,8 @@ export function CVConfigDialog({
                   Initial Training Split
                 </FieldLabel>
                 <span className="font-mono text-muted-foreground tabular-nums">
-                  {split.initialLabel || split.initialStr} ({(split.initialPct * 100).toFixed(0)}%)
+                  {split.initialLabel || split.initialStr} (
+                  {(split.initialPct * 100).toFixed(0)}%)
                 </span>
               </div>
               <Slider
@@ -188,7 +213,8 @@ export function CVConfigDialog({
                   Forecast Horizon
                 </FieldLabel>
                 <span className="font-mono text-muted-foreground tabular-nums">
-                  {split.horizonLabel || split.horizonStr} ({(split.horizonPct * 100).toFixed(0)}%)
+                  {split.horizonLabel || split.horizonStr} (
+                  {(split.horizonPct * 100).toFixed(0)}%)
                 </span>
               </div>
               <Slider
@@ -208,7 +234,8 @@ export function CVConfigDialog({
                   Cutoff Step Period
                 </FieldLabel>
                 <span className="font-mono text-muted-foreground tabular-nums">
-                  {split.periodLabel || split.periodStr} ({(split.periodPct * 100).toFixed(0)}%)
+                  {split.periodLabel || split.periodStr} (
+                  {(split.periodPct * 100).toFixed(0)}%)
                 </span>
               </div>
               <Slider
@@ -237,7 +264,11 @@ export function CVConfigDialog({
             onClick={handleConfirm}
             className="text-xs font-bold"
           >
-            <Play aria-hidden="true" data-icon="inline-start" className="fill-current" />
+            <Play
+              aria-hidden="true"
+              data-icon="inline-start"
+              className="fill-current"
+            />
             Run Cross-Validation
           </Button>
         </DialogFooter>
diff --git a/src/components/history-sheet.tsx b/src/components/history-sheet.tsx
index 73687f7..318f2c7 100644
--- a/src/components/history-sheet.tsx
+++ b/src/components/history-sheet.tsx
@@ -120,7 +120,10 @@ export function HistorySheet({
         <div className="flex-1 overflow-y-auto py-4 space-y-4 pr-1">
           {history.length === 0 ? (
             <div className="flex flex-col items-center justify-center h-64 text-center p-6 border border-dashed rounded-xl bg-muted/20">
-              <History aria-hidden="true" className="size-10 text-muted-foreground/50 mb-3" />
+              <History
+                aria-hidden="true"
+                className="size-10 text-muted-foreground/50 mb-3"
+              />
               <p className="text-sm font-semibold text-foreground">
                 No History Yet
               </p>
@@ -158,7 +161,10 @@ export function HistorySheet({
                       <div className="flex flex-col gap-1">
                         <div className="flex items-center gap-1.5 flex-wrap">
                           <span className="font-bold text-xs text-foreground flex items-center gap-1">
-                            <Database aria-hidden="true" className="size-3.5 text-primary" />
+                            <Database
+                              aria-hidden="true"
+                              className="size-3.5 text-primary"
+                            />
                             {entry.datasetName}
                           </span>
                           <Badge
@@ -304,7 +310,10 @@ export function HistorySheet({
                       onClick={() => handleSelect(entry)}
                       className="w-full text-xs gap-1.5 h-8 font-semibold mt-1"
                     >
-                      <RotateCcw aria-hidden="true" className="size-3.5 text-primary" />
+                      <RotateCcw
+                        aria-hidden="true"
+                        className="size-3.5 text-primary"
+                      />
                       Re-run / Load Config
                     </Button>
                   </CardContent>
diff --git a/src/components/loading-overlay.tsx b/src/components/loading-overlay.tsx
index 0c540dc..046df88 100644
--- a/src/components/loading-overlay.tsx
+++ b/src/components/loading-overlay.tsx
@@ -46,7 +46,10 @@ export function LoadingOverlay({
       className="fixed inset-0 z-50 flex flex-col items-center justify-center bg-background/80 backdrop-blur-md transition-opacity animate-in fade-in duration-200 outline-none"
     >
       <div className="flex flex-col items-center gap-4 rounded-2xl border border-border/60 bg-card p-6 shadow-2xl max-w-sm w-full mx-4 text-center">
-        <Spinner aria-hidden="true" className="size-8 text-primary animate-spin" />
+        <Spinner
+          aria-hidden="true"
+          className="size-8 text-primary animate-spin"
+        />
 
         <div className="flex flex-col gap-1 w-full">
           <Badge
@@ -93,7 +96,10 @@ export function LoadingOverlay({
           variant="secondary"
           className="gap-1.5 text-[11px] py-1 px-3 bg-muted/80 text-muted-foreground border border-border/50"
         >
-          <ShieldCheck aria-hidden="true" className="size-3.5 text-emerald-500" />
+          <ShieldCheck
+            aria-hidden="true"
+            className="size-3.5 text-emerald-500"
+          />
           <span>Processing locally via WebAssembly — 100% Private</span>
         </Badge>
 
diff --git a/src/components/step-configure.tsx b/src/components/step-configure.tsx
index 0ebb326..889fdbb 100644
--- a/src/components/step-configure.tsx
+++ b/src/components/step-configure.tsx
@@ -92,7 +92,13 @@ export function StepConfigure({
       cvParams.periodPct ?? 0.2,
       forecastParams.freq,
     );
-  }, [totalDays, cvParams.initialPct, cvParams.horizonPct, cvParams.periodPct, forecastParams.freq]);
+  }, [
+    totalDays,
+    cvParams.initialPct,
+    cvParams.horizonPct,
+    cvParams.periodPct,
+    forecastParams.freq,
+  ]);
 
   useEffect(() => {
     fetchCountryMap()
@@ -109,7 +115,13 @@ export function StepConfigure({
 
   const handleStep2InitialChange = (val: number | readonly number[]) => {
     const num = Array.isArray(val) ? val[0] : (val as number);
-    const updated = constrainCVSplit(totalDays, num, cvSplit.horizonPct, undefined, forecastParams.freq);
+    const updated = constrainCVSplit(
+      totalDays,
+      num,
+      cvSplit.horizonPct,
+      undefined,
+      forecastParams.freq,
+    );
     onCVParamsChange({
       initial: updated.initialStr,
       horizon: updated.horizonStr,
@@ -122,7 +134,13 @@ export function StepConfigure({
 
   const handleStep2HorizonChange = (val: number | readonly number[]) => {
     const num = Array.isArray(val) ? val[0] : (val as number);
-    const updated = constrainCVSplit(totalDays, cvSplit.initialPct, num, undefined, forecastParams.freq);
+    const updated = constrainCVSplit(
+      totalDays,
+      cvSplit.initialPct,
+      num,
+      undefined,
+      forecastParams.freq,
+    );
     onCVParamsChange({
       initial: updated.initialStr,
       horizon: updated.horizonStr,
@@ -191,7 +209,11 @@ export function StepConfigure({
                   className="text-xs font-semibold px-2.5 py-1.5 rounded-lg"
                 >
                   {actionType === "forecast" && (
-                    <Check aria-hidden="true" data-icon="inline-start" className="stroke-[3]" />
+                    <Check
+                      aria-hidden="true"
+                      data-icon="inline-start"
+                      className="stroke-[3]"
+                    />
                   )}
                   Forecast
                 </ToggleGroupItem>
@@ -201,7 +223,11 @@ export function StepConfigure({
                   className="text-xs font-semibold px-2.5 py-1.5 rounded-lg"
                 >
                   {actionType === "cross_validation" && (
-                    <Check aria-hidden="true" data-icon="inline-start" className="stroke-[3]" />
+                    <Check
+                      aria-hidden="true"
+                      data-icon="inline-start"
+                      className="stroke-[3]"
+                    />
                   )}
                   Cross-Validate
                 </ToggleGroupItem>
@@ -229,7 +255,10 @@ export function StepConfigure({
           <div className="flex flex-col gap-2 rounded-xl border bg-muted/20 p-3.5">
             <div className="flex items-center justify-between">
               <span className="text-xs font-bold uppercase tracking-wider text-muted-foreground flex items-center gap-1.5">
-                <Sparkles aria-hidden="true" className="size-3.5 text-amber-500" />
+                <Sparkles
+                  aria-hidden="true"
+                  className="size-3.5 text-amber-500"
+                />
                 Model Config Presets
               </span>
             </div>
@@ -307,7 +336,10 @@ export function StepConfigure({
                 }}
                 className="flex flex-col items-center justify-center h-auto py-2 px-1 text-xs gap-1 border-border/60 hover:border-primary/50"
               >
-                <Shield aria-hidden="true" className="size-4 text-emerald-500" />
+                <Shield
+                  aria-hidden="true"
+                  className="size-4 text-emerald-500"
+                />
                 <span className="font-bold text-foreground">Conservative</span>
                 <span className="text-[10px] text-muted-foreground font-normal">
                   Tighter priors
@@ -365,7 +397,11 @@ export function StepConfigure({
             onClick={onSubmit}
             className="text-xs font-bold"
           >
-            <Play aria-hidden="true" data-icon="inline-start" className="fill-current" />
+            <Play
+              aria-hidden="true"
+              data-icon="inline-start"
+              className="fill-current"
+            />
             {actionType === "forecast"
               ? "Generate Forecast"
               : actionType === "cross_validation"
diff --git a/src/components/step-results.tsx b/src/components/step-results.tsx
index 06dfb2c..1eb2ef9 100644
--- a/src/components/step-results.tsx
+++ b/src/components/step-results.tsx
@@ -204,7 +204,10 @@ export function StepResults({
         <Empty className="max-w-md border bg-card/90 shadow-md">
           <EmptyHeader>
             <EmptyMedia variant="icon">
-              <FileQuestion aria-hidden="true" className="size-6 text-muted-foreground" />
+              <FileQuestion
+                aria-hidden="true"
+                className="size-6 text-muted-foreground"
+              />
             </EmptyMedia>
             <EmptyTitle>No Model Results Found</EmptyTitle>
             <EmptyDescription>
@@ -296,7 +299,10 @@ export function StepResults({
                   variant="outline"
                   className="font-mono text-xs gap-1 border-emerald-500/40 text-emerald-600 dark:text-emerald-400 bg-emerald-500/10 px-2.5 py-0.5 tabular-nums"
                 >
-                  <Clock aria-hidden="true" className="size-3.5 text-emerald-500" />
+                  <Clock
+                    aria-hidden="true"
+                    className="size-3.5 text-emerald-500"
+                  />
                   Completed in {(executionTimeMs / 1000).toFixed(2)}s
                 </Badge>
               )}
@@ -360,7 +366,11 @@ export function StepResults({
                 onClick={onRunForecast}
                 className="text-xs h-8 font-semibold text-primary border-primary/40 hover:bg-primary/10"
               >
-                <Play aria-hidden="true" data-icon="inline-start" className="fill-current" />
+                <Play
+                  aria-hidden="true"
+                  data-icon="inline-start"
+                  className="fill-current"
+                />
                 Run Forecast
               </Button>
             )}
@@ -387,7 +397,10 @@ export function StepResults({
                 title="Export model data & metrics to JSON"
                 className="text-xs h-7 px-2 font-semibold"
               >
-                <FileJson aria-hidden="true" className="size-3.5 mr-1 text-blue-500" />
+                <FileJson
+                  aria-hidden="true"
+                  className="size-3.5 mr-1 text-blue-500"
+                />
                 JSON
               </Button>
               <Button
@@ -398,7 +411,10 @@ export function StepResults({
                 title="Download chart image as PNG"
                 className="text-xs h-7 px-2 font-semibold"
               >
-                <FileImage aria-hidden="true" className="size-3.5 mr-1 text-emerald-500" />
+                <FileImage
+                  aria-hidden="true"
+                  className="size-3.5 mr-1 text-emerald-500"
+                />
                 PNG
               </Button>
             </div>
@@ -484,7 +500,10 @@ export function StepResults({
                       onClick={() => setShowChangepoints(!showChangepoints)}
                       className="h-7 text-xs font-semibold gap-1 px-2.5 border-border/60"
                     >
-                      <Calendar aria-hidden="true" className="size-3.5 text-primary" />
+                      <Calendar
+                        aria-hidden="true"
+                        className="size-3.5 text-primary"
+                      />
                       {showChangepoints
                         ? "Hide Changepoints"
                         : "Show Changepoints"}
@@ -714,7 +733,8 @@ export function StepResults({
                   value="mape"
                   className="data-[state=active]:bg-transparent data-[state=active]:border-b-2 data-[state=active]:border-primary rounded-none px-1 pb-2 text-xs font-semibold gap-1.5"
                 >
-                  <Percent aria-hidden="true" data-icon="inline-start" />% Errors (MAPE & MDAPE)
+                  <Percent aria-hidden="true" data-icon="inline-start" />%
+                  Errors (MAPE & MDAPE)
                 </TabsTrigger>
                 <TabsTrigger
                   value="coverage"
diff --git a/src/components/step-upload.tsx b/src/components/step-upload.tsx
index 969b5d2..ff9c86b 100644
--- a/src/components/step-upload.tsx
+++ b/src/components/step-upload.tsx
@@ -340,7 +340,10 @@ export function StepUpload({
               variant="secondary"
               className="gap-1 text-[11px] py-0.5 px-2.5 bg-primary/10 text-primary border-primary/20 hover:bg-primary/15"
             >
-              <ShieldCheck aria-hidden="true" className="size-3 text-emerald-500" />
+              <ShieldCheck
+                aria-hidden="true"
+                className="size-3 text-emerald-500"
+              />
               <span>Local Processing — Data never leaves your machine</span>
             </Badge>
           </div>
@@ -383,7 +386,10 @@ export function StepUpload({
             />
             <div className="flex size-10 items-center justify-center rounded-full bg-primary/10 text-primary transition-transform group-hover:scale-110">
               {data.length > 0 ? (
-                <CheckCircle2 aria-hidden="true" className="size-5 text-primary" />
+                <CheckCircle2
+                  aria-hidden="true"
+                  className="size-5 text-primary"
+                />
               ) : (
                 <Upload aria-hidden="true" className="size-5" />
               )}
@@ -430,7 +436,11 @@ export function StepUpload({
                       );
                     }}
                   >
-                    <SelectTrigger id="col-ds" aria-label="Date Column (ds)" className="h-8 text-xs">
+                    <SelectTrigger
+                      id="col-ds"
+                      aria-label="Date Column (ds)"
+                      className="h-8 text-xs"
+                    >
                       <SelectValue />
                     </SelectTrigger>
                     <SelectContent>
@@ -465,7 +475,11 @@ export function StepUpload({
                       );
                     }}
                   >
-                    <SelectTrigger id="col-y" aria-label="Value Column (y)" className="h-8 text-xs">
+                    <SelectTrigger
+                      id="col-y"
+                      aria-label="Value Column (y)"
+                      className="h-8 text-xs"
+                    >
                       <SelectValue />
                     </SelectTrigger>
                     <SelectContent>
@@ -500,7 +514,11 @@ export function StepUpload({
                       );
                     }}
                   >
-                    <SelectTrigger id="col-cap" aria-label="Capacity Column" className="h-8 text-xs">
+                    <SelectTrigger
+                      id="col-cap"
+                      aria-label="Capacity Column"
+                      className="h-8 text-xs"
+                    >
                       <SelectValue />
                     </SelectTrigger>
                     <SelectContent>
@@ -539,7 +557,11 @@ export function StepUpload({
                       );
                     }}
                   >
-                    <SelectTrigger id="col-floor" aria-label="Floor Column" className="h-8 text-xs">
+                    <SelectTrigger
+                      id="col-floor"
+                      aria-label="Floor Column"
+                      className="h-8 text-xs"
+                    >
                       <SelectValue />
                     </SelectTrigger>
                     <SelectContent>
@@ -629,7 +651,10 @@ export function StepUpload({
             <div className="flex flex-col gap-3 rounded-xl border bg-card p-4 shadow-sm animate-in fade-in">
               <div className="flex items-center justify-between border-b pb-2">
                 <div className="flex items-center gap-2">
-                  <FileSpreadsheet aria-hidden="true" className="size-4 text-primary" />
+                  <FileSpreadsheet
+                    aria-hidden="true"
+                    className="size-4 text-primary"
+                  />
                   <span className="text-xs font-bold text-foreground">
                     {sampleDataLoaded
                       ? "Airline Passengers Dataset Summary"
@@ -696,7 +721,10 @@ export function StepUpload({
                       variant="default"
                       className="py-2 text-[11px] bg-amber-500/10 border-amber-500/30 text-amber-900 dark:text-amber-200"
                     >
-                      <AlertTriangle aria-hidden="true" className="size-3.5 text-amber-600 dark:text-amber-400 shrink-0" />
+                      <AlertTriangle
+                        aria-hidden="true"
+                        className="size-3.5 text-amber-600 dark:text-amber-400 shrink-0"
+                      />
                       <AlertDescription>{w}</AlertDescription>
                     </Alert>
                   ))}
@@ -787,7 +815,11 @@ export function StepUpload({
             onClick={handleLoadSample}
             className="flex-1 text-xs"
           >
-            <Sparkles aria-hidden="true" data-icon="inline-start" className="text-amber-500" />
+            <Sparkles
+              aria-hidden="true"
+              data-icon="inline-start"
+              className="text-amber-500"
+            />
             Try Sample Data
           </Button>
 
diff --git a/src/components/stepper.tsx b/src/components/stepper.tsx
index 3c76864..ab5bcd4 100644
--- a/src/components/stepper.tsx
+++ b/src/components/stepper.tsx
@@ -55,7 +55,11 @@ export function Stepper({
                 )}
               >
                 {isCompleted && !isActive ? (
-                  <Check aria-hidden="true" data-icon="inline-start" className="stroke-[3]" />
+                  <Check
+                    aria-hidden="true"
+                    data-icon="inline-start"
+                    className="stroke-[3]"
+                  />
                 ) : (
                   s.number
                 )}
diff --git a/src/components/theme-toggle.tsx b/src/components/theme-toggle.tsx
index cc5c7e1..00f8439 100644
--- a/src/components/theme-toggle.tsx
+++ b/src/components/theme-toggle.tsx
@@ -14,7 +14,11 @@ export function ThemeToggle() {
       aria-label="Toggle theme"
       className="size-9 rounded-full"
     >
-      {theme === "dark" ? <Sun aria-hidden="true" /> : <Moon aria-hidden="true" />}
+      {theme === "dark" ? (
+        <Sun aria-hidden="true" />
+      ) : (
+        <Moon aria-hidden="true" />
+      )}
     </Button>
   );
 }
diff --git a/src/components/ui/input.tsx b/src/components/ui/input.tsx
index cdaaaf0..fd01a4c 100644
--- a/src/components/ui/input.tsx
+++ b/src/components/ui/input.tsx
@@ -3,7 +3,12 @@ import type * as React from "react";
 
 import { cn } from "@/lib/utils";
 
-function Input({ className, type, autoComplete = "off", ...props }: React.ComponentProps<"input">) {
+function Input({
+  className,
+  type,
+  autoComplete = "off",
+  ...props
+}: React.ComponentProps<"input">) {
   return (
     <InputPrimitive
       type={type}
diff --git a/src/lib/cv-helper.ts b/src/lib/cv-helper.ts
index 42da079..600440d 100644
--- a/src/lib/cv-helper.ts
+++ b/src/lib/cv-helper.ts
@@ -30,7 +30,10 @@ export function calculateTotalDays(data: DataPoint[]): number {
   return Math.max(diffDays, 14);
 }
 
-export function formatDaysWithFreq(days: number, freqCode: string = "D"): string {
+export function formatDaysWithFreq(
+  days: number,
+  freqCode: string = "D",
+): string {
   if (days <= 0) return `${days} days`;
   if (freqCode === "M") {
     const months = Math.round(days / 30.4375);
@@ -54,7 +57,10 @@ export function formatDaysWithFreq(days: number, freqCode: string = "D"): string
   return `${days} days`;
 }
 
-export function formatHorizonLabel(horizonStr: string, freqCode: string = "D"): string {
+export function formatHorizonLabel(
+  horizonStr: string,
+  freqCode: string = "D",
+): string {
   if (!horizonStr) return horizonStr;
   const match = horizonStr.match(/^(\d+(?:\.\d+)?)\s*days?/i);
   if (!match) return horizonStr;
@@ -146,4 +152,3 @@ export function constrainCVSplit(
 }
 
 export const computeCVSplitStrings = constrainCVSplit;
-

From dd62d57bc0b36fbba358a39e3b2fe2b5d38c83c3 Mon Sep 17 00:00:00 2001
From: Taha Tariq <iam.tahatariq@gmail.com>
Date: Thu, 13 Aug 2026 02:14:53 +0500
Subject: [PATCH 2/2] chore(biome): bump config schema to 2.5.8

---
 biome.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/biome.json b/biome.json
index cb82093..e956942 100644
--- a/biome.json
+++ b/biome.json
@@ -1,5 +1,5 @@
 {
-  "$schema": "https://biomejs.dev/schemas/2.5.5/schema.json",
+  "$schema": "https://biomejs.dev/schemas/2.5.8/schema.json",
   "vcs": {
     "enabled": true,
     "clientKind": "git",