Phase2.5: Skill SetUp Process

src/components/packages/skill-cost-dialog.tsx

@@ -70,15 +70,22 @@ export function SkillCostDialog({
             </div>
           )}
           {showDaily && (
+            /* Display reference monthly cost (daily × 30) plus the
+               actual daily rate as a sub-note. Billing is always
+               per UTC day enabled — partial months prorate to that
+               same daily rate, full months land at roughly the
+               figure shown (varies ±~3% by month length). */
             <div className="flex justify-between items-baseline">
               <div>
-                <div className="text-sm">{t("dailyPriceLabel")}</div>
+                <div className="text-sm">{t("monthlyPriceLabel")}</div>
                 <div className="text-xs text-text-muted">
-                  {t("dailyPriceNote")}
+                  {t("monthlyPriceNote", {
+                    daily: dailyPriceChf.toFixed(2),
+                  })}
                 </div>
               </div>
               <div className="text-sm font-mono">
-                CHF {dailyPriceChf.toFixed(2)} / {t("dayUnit")}
+                CHF {(dailyPriceChf * 30).toFixed(2)} / {t("monthUnit")}
               </div>
             </div>
           )}