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/(staff)/staff/appointments/[id]/page.tsx

@@ -8,6 +8,7 @@ import { TopNav } from "@/components/navigation/top-nav";
 import { prisma } from "@/lib/db/prisma";
 import { getActingStaff } from "@/lib/staff/get-acting-staff";
 import { getLoyaltySummary } from "@/services/loyalty/loyalty.service";
+import { resolveRewardThreshold } from "@/services/loyalty/reward-threshold";
 import { getAppointmentById } from "@/services/scheduling/appointment.service";
 import { assertOwnAppointment, StaffPermissionDeniedError } from "@/features/staff/authorization";
 import { AppointmentStatusActions } from "@/features/staff/components/appointment-status-actions";
@@ -216,7 +217,7 @@ export default async function StaffAppointmentDetailsPage({
                 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>
                 )}
@@ -257,14 +258,14 @@ export default async function StaffAppointmentDetailsPage({
         <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={`/staff/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
             </Link>

src/app/(staff)/staff/clients/[id]/page.tsx

@@ -12,6 +12,7 @@ import { TopNav } from "@/components/navigation/top-nav";
 import { prisma } from "@/lib/db/prisma";
 import { getActingStaff } from "@/lib/staff/get-acting-staff";
 import { getLoyaltyHistory, getLoyaltySummary } from "@/services/loyalty/loyalty.service";
+import { resolveRewardThreshold } from "@/services/loyalty/reward-threshold";
 import { listAppointments } from "@/services/scheduling/appointment.service";
 import { AddStampButton } from "@/features/staff/components/add-stamp-button";
 import { CorrectStampButton } from "@/features/staff/components/correct-stamp-button";
@@ -201,7 +202,7 @@ export default async function StaffCustomerDetailsPage({
                 Loyalty
               </span>
               <p className="mb-3 text-sm font-bold">
-                {loyalty.currentStamps}/{loyalty.stampsRequired} stamps
+                {loyalty.currentStamps}/{resolveRewardThreshold(loyalty)} stamps
                 {loyalty.availableReward && (
                   <span className="text-accent-loyalty"> · Reward available</span>
                 )}

src/app/(staff)/staff/clients/page.tsx

@@ -136,7 +136,7 @@ export default async function StaffClientsPage({
               <Link
                 key={customer.id}
                 href={`/staff/clients/${customer.id}`}
-                className="rounded-jumbo border-line hover:bg-stone flex items-center gap-3 border bg-white px-5 py-4"
+                className="rounded-md border-line hover:bg-stone flex items-center gap-3 border bg-white px-5 py-4"
               >
                 <div className="bg-stone text-muted flex h-11 w-11 shrink-0 items-center justify-center rounded-full text-sm font-bold">
                   {customer.firstName.charAt(0)}
@@ -157,7 +157,7 @@ export default async function StaffClientsPage({
                     {loyalty && (
                       <span className={loyalty.hasAvailableReward ? "text-accent-loyalty" : ""}>
                         {" "}
-                        · {loyalty.currentStamps}/{loyalty.stampsRequired} stamps
+                        · {loyalty.currentStamps}/{loyalty.rewardThreshold} stamps
                       </span>
                     )}
                   </p>

src/app/(staff)/staff/current/page.tsx

@@ -9,6 +9,7 @@ import { prisma } from "@/lib/db/prisma";
 import { getActingStaff } from "@/lib/staff/get-acting-staff";
 import { todayIn } from "@/lib/time/business-time";
 import { getLoyaltySummary } from "@/services/loyalty/loyalty.service";
+import { resolveRewardThreshold } from "@/services/loyalty/reward-threshold";
 import {
   listAppointments,
   selectCurrentAppointment,
@@ -187,7 +188,7 @@ export default async function StaffCurrentPage() {
               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>
               )}

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

@@ -225,7 +225,7 @@ export default async function StaffCalendarPage({
             appointment alongside the calendar instead of requiring a
             separate tab, since there's room for both at once. */}
         <aside className="hidden shrink-0 lg:block lg:w-80">
-          <div className="rounded-jumbo border-line sticky top-6 border bg-white p-5">
+          <div className="rounded-md border-line sticky top-6 border bg-white p-5">
             <span className="text-muted block text-[10px] font-bold tracking-widest uppercase">
               Right Now
             </span>

src/app/(staff)/staff/settings/notifications/page.tsx

@@ -32,7 +32,7 @@ export default async function StaffNotificationsPage() {
       <TopNav title="Notifications" onBack sticky className="bg-stone" />
       <main className="mx-auto max-w-2xl space-y-6 px-6 py-6">
         <NotificationPreferencesForm initial={cells} action={saveNotificationPreferencesAction} />
-        <div className="rounded-jumbo border-line border bg-white p-5">
+        <div className="rounded-md border-line border bg-white p-5">
           <h2 className="mb-3 text-sm font-bold">Push Notifications</h2>
           <PushSubscribeToggle />
         </div>

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

@@ -40,14 +40,14 @@ export default async function StaffSettingsPage() {
       {canManageStaff && (
         <Link
           href="/owner"
-          className="flex items-center gap-3 rounded-jumbo border border-line bg-white p-5 text-sm font-bold hover:bg-stone"
+          className="flex items-center gap-3 rounded-md border border-line bg-white p-5 text-sm font-bold hover:bg-stone"
         >
           <ShieldCheck className="h-5 w-5 text-accent" aria-hidden="true" />
           Switch to Owner Admin
         </Link>
       )}
 
-      <ul className="divide-y divide-line rounded-jumbo border border-line bg-white">
+      <ul className="divide-y divide-line rounded-md border border-line bg-white">
         {SETTINGS_LINKS.map(({ href, label, icon: Icon }) => (
           <li key={href}>
             <Link href={href} className="flex items-center gap-3 px-5 py-4 text-sm font-bold hover:bg-stone">
@@ -58,7 +58,7 @@ export default async function StaffSettingsPage() {
         ))}
       </ul>
 
-      <div className="rounded-jumbo border border-line bg-white p-5">
+      <div className="rounded-md border border-line bg-white p-5">
         <p className="mb-3 text-sm font-bold">Get the app</p>
         <InstallAppButton businessName={branding.name} />
       </div>

src/app/(staff)/staff/settings/profile/page.tsx

@@ -35,11 +35,11 @@ export default async function StaffProfilePage() {
             Services You Offer
           </p>
           {profile.services.length === 0 ? (
-            <p className="text-muted rounded-jumbo border border-line bg-white p-5 text-center text-sm">
+            <p className="text-muted rounded-md border border-line bg-white p-5 text-center text-sm">
               No services assigned yet. Ask the owner to add you to a service.
             </p>
           ) : (
-            <ul className="divide-y divide-line rounded-jumbo border border-line bg-white">
+            <ul className="divide-y divide-line rounded-md border border-line bg-white">
               {profile.services.map((s) => (
                 <li key={s.service.id} className="px-5 py-3 text-sm font-bold">
                   {s.service.name}