Fixes

Fixed an issue where media manager only shows files uploaded in specific sections.

Fixed an issue with icon picker names.

Removed jumbo rounding and a few other style tweaks.

src/app/(owner)/owner/appointments/[id]/page.tsx

@@ -11,6 +11,7 @@ import { hasPermission } from "@/lib/auth/permissions";
 import { Permission } from "@/generated/prisma/enums";
 import { getActingBusinessContext } from "@/lib/business/get-acting-business-context";
 import { getLoyaltySummary } from "@/services/loyalty/loyalty.service";
+import { resolveRewardThreshold } from "@/services/loyalty/reward-threshold";
 import { getAppointmentById } from "@/services/scheduling/appointment.service";
 import { assertAppointmentInBusiness, StaffPermissionDeniedError } from "@/features/staff/authorization";
 import { AppointmentStatusActions } from "@/features/staff/components/appointment-status-actions";
@@ -197,7 +198,7 @@ export default async function OwnerAppointmentDetailsPage({
             <div className="border-line border-t pt-4">
               <span className="text-muted block text-[10px] font-bold tracking-widest uppercase">Loyalty</span>
               <p className="text-sm font-bold">
-                {loyalty.currentStamps}/{loyalty.stampsRequired} stamps
+                {loyalty.currentStamps}/{resolveRewardThreshold(loyalty)} stamps
                 {loyalty.availableReward && <span className="text-accent-loyalty"> · Reward available</span>}
               </p>
               {loyaltyTransactions.length > 0 && (
@@ -231,14 +232,14 @@ export default async function OwnerAppointmentDetailsPage({
         <div className="flex flex-wrap gap-3">
           <a
             href={`/api/appointments/${appointment.id}/calendar.ics`}
-            className="rounded-jumbo border-line flex items-center gap-2 border bg-white px-5 py-3 text-sm font-bold"
+            className="rounded-md border-line flex items-center gap-2 border bg-white px-5 py-3 text-sm font-bold"
           >
             <CalendarPlus className="text-accent h-4 w-4" aria-hidden="true" /> Add to Calendar
           </a>
           {RESCHEDULABLE.has(appointment.status) && (
             <Link
               href={`/owner/appointments/${appointment.id}/reschedule`}
-              className="rounded-jumbo border-line border bg-white px-5 py-3 text-sm font-bold"
+              className="rounded-md border-line border bg-white px-5 py-3 text-sm font-bold"
             >
               Reschedule / Reassign
             </Link>

src/app/(owner)/owner/page.tsx

@@ -67,7 +67,7 @@ export default async function OwnerDashboardPage() {
             <div
               key={`${w.code}-${i}`}
               role="alert"
-              className="bg-warning/10 text-warning-foreground border-warning/30 flex items-start gap-3 rounded-jumbo border p-4 text-sm"
+              className="bg-warning/10 text-warning-foreground border-warning/30 flex items-start gap-3 rounded-md border p-4 text-sm"
             >
               <AlertTriangle className="mt-0.5 h-4 w-4 shrink-0" aria-hidden="true" />
               <p>{w.message}</p>
@@ -171,19 +171,19 @@ export default async function OwnerDashboardPage() {
       <div className="flex flex-wrap gap-3">
         <Link
           href="/owner/reports"
-          className="rounded-jumbo border-line flex-1 border bg-white px-5 py-4 text-center text-sm font-bold"
+          className="rounded-md border-line flex-1 border bg-white px-5 py-4 text-center text-sm font-bold"
         >
           View Reports
         </Link>
         <Link
           href="/owner/team"
-          className="rounded-jumbo border-line flex-1 border bg-white px-5 py-4 text-center text-sm font-bold"
+          className="rounded-md border-line flex-1 border bg-white px-5 py-4 text-center text-sm font-bold"
         >
           Manage Team
         </Link>
         <Link
           href="/owner/settings/booking-rules"
-          className="rounded-jumbo bg-ink flex-1 px-5 py-4 text-center text-sm font-bold text-white"
+          className="rounded-md bg-ink flex-1 px-5 py-4 text-center text-sm font-bold text-white"
         >
           Update Booking Rules
         </Link>

src/app/(owner)/owner/settings/loyalty/page.tsx

@@ -4,7 +4,7 @@ import { auth } from "@/auth";
 import { SettingsPageShell } from "@/components/settings/settings-page-shell";
 import { prisma } from "@/lib/db/prisma";
 import { hasPermission } from "@/lib/auth/permissions";
-import { Permission } from "@/generated/prisma/enums";
+import { LoyaltyCardFont, LoyaltyCardTextSize, Permission, RewardPositionMode } from "@/generated/prisma/enums";
 import { getActingBusinessContext } from "@/lib/business/get-acting-business-context";
 import { getProgrammeConfig } from "@/services/loyalty/loyalty.service";
 import { LoyaltyConfigForm } from "@/features/owner/components/loyalty-config-form";
@@ -35,6 +35,7 @@ export default async function OwnerLoyaltyConfigPage() {
     ? {
         isEnabled: programme.isEnabled,
         stampsRequired: programme.stampsRequired,
+        rewardPosition: programme.rewardPosition,
         rewardType: programme.rewardType,
         rewardValue: programme.rewardValue?.toString(),
         rewardLabel: programme.rewardLabel ?? undefined,
@@ -50,15 +51,24 @@ export default async function OwnerLoyaltyConfigPage() {
         cardBackgroundImageUrl: programme.cardBackgroundImageUrl ?? undefined,
         stampIcon: programme.stampIcon ?? undefined,
         termsLine: programme.termsLine ?? undefined,
+        cardTopRightText: programme.cardTopRightText ?? undefined,
+        cardFont: programme.cardFont,
+        cardTopRightTextSize: programme.cardTopRightTextSize,
+        cardTopRightTextColor: programme.cardTopRightTextColor ?? undefined,
+        cardBorderColor: programme.cardBorderColor ?? undefined,
+        cardMemberNumberColor: programme.cardMemberNumberColor ?? undefined,
       }
     : {
         isEnabled: false,
         stampsRequired: 10,
+        rewardPosition: RewardPositionMode.AFTER_ALL_STAMPS,
         rewardType: "PERCENTAGE" as const,
         autoApplyReward: true,
         requiresStaffApproval: false,
         earnOnCancelled: false,
         earnOnNoShow: false,
+        cardFont: LoyaltyCardFont.SANS,
+        cardTopRightTextSize: LoyaltyCardTextSize.MD,
       };
 
   return (

src/app/(owner)/owner/settings/page.tsx

@@ -38,13 +38,13 @@ export default async function OwnerSettingsPage() {
 
       <Link
         href="/staff/settings"
-        className="rounded-jumbo border-line flex items-center gap-3 border bg-white p-5 text-sm font-bold hover:bg-stone"
+        className="rounded-md border-line flex items-center gap-3 border bg-white p-5 text-sm font-bold hover:bg-stone"
       >
         <ScissorsSquare className="text-accent h-5 w-5" aria-hidden="true" />
         Switch to Barber Tools
       </Link>
 
-      <ul className="divide-line rounded-jumbo border-line divide-y border bg-white">
+      <ul className="divide-line rounded-md border-line divide-y border bg-white">
         {SETTINGS_LINKS.map(({ href, label, icon: Icon }) => (
           <li key={href}>
             <Link href={href} className="hover:bg-stone flex items-center gap-3 px-5 py-4 text-sm font-bold">
@@ -55,7 +55,7 @@ export default async function OwnerSettingsPage() {
         ))}
       </ul>
 
-      <div className="rounded-jumbo border-line border bg-white p-5">
+      <div className="rounded-md border-line border bg-white p-5">
         <p className="mb-3 text-sm font-bold">Get the app</p>
         <InstallAppButton businessName={branding.name} />
       </div>

src/app/(owner)/owner/team/page.tsx

@@ -60,7 +60,7 @@ export default async function OwnerTeamPage({
 
       <div className="grid gap-3 lg:grid-cols-2">
         {staff.length === 0 ? (
-          <p className="text-muted col-span-full rounded-jumbo border border-line bg-white p-5 text-center text-sm">
+          <p className="text-muted col-span-full rounded-md border border-line bg-white p-5 text-center text-sm">
             No staff match &ldquo;{q}&rdquo;.
           </p>
         ) : (
@@ -69,7 +69,7 @@ export default async function OwnerTeamPage({
               key={s.id}
               href={`/owner/team/${s.id}`}
               className={cn(
-                "rounded-jumbo border-line flex items-center gap-4 border bg-white p-5",
+                "rounded-md border-line flex items-center gap-4 border bg-white p-5",
                 s.status === "INACTIVE" && "opacity-60",
               )}
             >