@carlonicora/nextjs-jsonapi 6.23.0 → 6.25.0

package/dist/{chunk-HP6DT6K3.mjs → chunk-KVYYPKRO.mjs}

@@ -1,3 +1,11 @@
+import {
+  DateLocaleSourceProvider,
+  mapThenable,
+  useDateFormatter,
+  useDateLocale,
+  useDateLocaleSource,
+  useMountedNow
+} from "./chunk-5T2AQMQ2.mjs";
 import {
   JsonApiContext
 } from "./chunk-VOXD3ZLY.mjs";
@@ -19,7 +27,7 @@ import {
   isReferralEnabled,
   isRegistrationAllowed,
   useWaitlistText
-} from "./chunk-TMV7TL7O.mjs";
+} from "./chunk-JELEQV5T.mjs";
 import {
   getRoleId,
   isRolesConfigured
@@ -65,10 +73,8 @@ import {
   cn,
   consumeAccountDeletionCancelled,
   couponPlacesLeft,
-  dateFormatLocale,
   formatCouponDiscount,
   formatCurrency,
-  formatDate,
   formatInterval,
   getIconByModule,
   getInitials,
@@ -96,7 +102,11 @@ import {
   useIsMobile,
   validateItalianTaxCode,
   validatePartitaIva
-} from "./chunk-T6G2F2BK.mjs";
+} from "./chunk-HJT7TXGG.mjs";
+import {
+  dateFormatLocale,
+  formatDate
+} from "./chunk-RW6XZGZG.mjs";
 import {
   useOfflineState
 } from "./chunk-OY65RYD3.mjs";
@@ -104,22 +114,24 @@ import {
   EndpointCreator,
   ModuleRegistry,
   Modules,
-  RehydrationFactory,
-  getI18nLink,
-  useI18nDateFnsLocale,
-  useI18nLocale,
-  useI18nRouter,
-  useI18nTranslations
-} from "./chunk-N2BFT7KI.mjs";
+  RehydrationFactory
+} from "./chunk-W7U6O3OE.mjs";
 import {
   CURRENT_USER_STORAGE_KEY
-} from "./chunk-BE6UMM5X.mjs";
+} from "./chunk-47HNJQ7U.mjs";
 import {
   isOfflineConfigured
 } from "./chunk-4ZJIUTIV.mjs";
 import {
   ENV
-} from "./chunk-YMCL3JXZ.mjs";
+} from "./chunk-YPBIPE2B.mjs";
+import {
+  getI18nLink,
+  useI18nDateFnsLocale,
+  useI18nLocale,
+  useI18nRouter,
+  useI18nTranslations
+} from "./chunk-743M4TIB.mjs";
 import {
   __name
 } from "./chunk-PAWJFY3S.mjs";
@@ -3779,16 +3791,6 @@ __name(TooltipContent, "TooltipContent");
 
 // src/shadcnui/ui/sidebar.tsx
 import { PanelLeftIcon } from "lucide-react";
-
-// src/utils/map-thenable.ts
-function mapThenable(thenable, map) {
-  return new Promise((resolve, reject) => {
-    thenable.then((value) => resolve(map(value)), reject);
-  });
-}
-__name(mapThenable, "mapThenable");
-
-// src/shadcnui/ui/sidebar.tsx
 import { jsx as jsx40, jsxs as jsxs22 } from "react/jsx-runtime";
 var SIDEBAR_COOKIE_NAME = "sidebar_state";
 var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
@@ -6765,7 +6767,7 @@ __name(useHeaderLogo, "useHeaderLogo");
 
 // src/components/navigations/Breadcrumb.tsx
 import { useTranslations as useTranslations57 } from "next-intl";
-import { Fragment as Fragment22, useState as useState49 } from "react";
+import { Fragment as Fragment23, useState as useState49 } from "react";
 import { ChevronDownIcon as ChevronDownIcon8 } from "lucide-react";
 
 // src/hooks/TableGeneratorRegistry.ts
@@ -8205,7 +8207,7 @@ function matchesConfirmation(status, email, value) {
 __name(matchesConfirmation, "matchesConfirmation");
 function AccountDeletionAdminTriggerInternal({ user }) {
   const t = useTranslations3();
-  const locale = useI18nLocale();
+  const dates = useDateFormatter();
   const [status, setStatus] = useState12();
   const [open, setOpen] = useState12(false);
   const [confirmation, setConfirmation] = useState12("");
@@ -8222,7 +8224,7 @@ function AccountDeletionAdminTriggerInternal({ user }) {
     };
   }, [user.id]);
   if (!status) return null;
-  const formatDate3 = /* @__PURE__ */ __name((date) => date.toLocaleDateString(locale, { day: "numeric", month: "long", year: "numeric" }), "formatDate");
+  const formatDate3 = /* @__PURE__ */ __name((date) => dates.format(date, "dateLong"), "formatDate");
   if (status.scheduledAt) {
     return /* @__PURE__ */ jsx63("span", { className: "text-destructive text-xs font-medium", children: t("accountDeletion.admin.pending", { date: formatDate3(status.scheduledAt) }) });
   }
@@ -9742,8 +9744,9 @@ var DatePickerPopover = /* @__PURE__ */ __name(({
   align = "start",
   className
 }) => {
-  const locale = useI18nLocale();
+  const { locale } = useDateLocale();
   const dateFnsLocale = useI18nDateFnsLocale();
+  const weekStartsOn = dateFnsLocale?.options?.weekStartsOn ?? 1;
   const [isOpen, setIsOpen] = useState22(false);
   const [displayMonth, setDisplayMonth] = useState22(() => value || /* @__PURE__ */ new Date());
   const dateFormatter = useMemo12(
@@ -9881,7 +9884,7 @@ var DatePickerPopover = /* @__PURE__ */ __name(({
           onSelect: handleCalendarSelect,
           disabled: (date) => minDate && date < minDate ? true : false,
           locale: dateFnsLocale,
-          weekStartsOn: 1,
+          weekStartsOn,
           month: displayMonth,
           onMonthChange: setDisplayMonth
         }
@@ -9891,7 +9894,6 @@ var DatePickerPopover = /* @__PURE__ */ __name(({
 }, "DatePickerPopover");
 
 // src/components/forms/DateRangeSelector.tsx
-import { format } from "date-fns";
 import { CalendarIcon as CalendarIcon2 } from "lucide-react";
 import { useTranslations as useTranslations18 } from "next-intl";
 import { useEffect as useEffect17, useState as useState23 } from "react";
@@ -9905,7 +9907,9 @@ function nextDateRange(params) {
 __name(nextDateRange, "nextDateRange");
 function DateRangeSelector({ onDateChange, avoidSettingDates, showPreviousMonth }) {
   const t = useTranslations18();
+  const { format } = useDateFormatter();
   const dateFnsLocale = useI18nDateFnsLocale();
+  const weekStartsOn = dateFnsLocale?.options?.weekStartsOn ?? 1;
   const [date, setDate] = useState23(
     avoidSettingDates ? void 0 : {
       from: new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), 1),
@@ -9938,11 +9942,10 @@ function DateRangeSelector({ onDateChange, avoidSettingDates, showPreviousMonth
         children: [
           /* @__PURE__ */ jsx87(CalendarIcon2, {}),
           date?.from ? date.to ? /* @__PURE__ */ jsxs48(Fragment10, { children: [
-            format(date.from, "d MMM yyyy", { locale: dateFnsLocale }),
-            " -",
-            " ",
-            format(date.to, "d MMM yyyy", { locale: dateFnsLocale })
-          ] }) : format(date.from, "d MMM yyyy", { locale: dateFnsLocale }) : /* @__PURE__ */ jsx87("span", { children: t("ui.labels.pick_a_date") })
+            format(date.from, "dateMedium"),
+            " - ",
+            format(date.to, "dateMedium")
+          ] }) : format(date.from, "dateMedium") : /* @__PURE__ */ jsx87("span", { children: t("ui.labels.pick_a_date") })
         ]
       }
     ) });
@@ -9962,11 +9965,10 @@ function DateRangeSelector({ onDateChange, avoidSettingDates, showPreviousMonth
         children: [
           /* @__PURE__ */ jsx87(CalendarIcon2, {}),
           date?.from ? date.to ? /* @__PURE__ */ jsxs48(Fragment10, { children: [
-            format(date.from, "d MMM yyyy", { locale: dateFnsLocale }),
-            " -",
-            " ",
-            format(date.to, "d MMM yyyy", { locale: dateFnsLocale })
-          ] }) : format(date.from, "d MMM yyyy", { locale: dateFnsLocale }) : /* @__PURE__ */ jsx87("span", { children: t("ui.labels.pick_a_date") })
+            format(date.from, "dateMedium"),
+            " - ",
+            format(date.to, "dateMedium")
+          ] }) : format(date.from, "dateMedium") : /* @__PURE__ */ jsx87("span", { children: t("ui.labels.pick_a_date") })
         ]
       }
     ),
@@ -9978,7 +9980,9 @@ function DateRangeSelector({ onDateChange, avoidSettingDates, showPreviousMonth
           defaultMonth: date?.from ?? (showPreviousMonth ? new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth() - 1, 1) : void 0),
           selected: date,
           onSelect: handleSelect,
-          numberOfMonths: 2
+          numberOfMonths: 2,
+          locale: dateFnsLocale,
+          weekStartsOn
         }
       ),
       /* @__PURE__ */ jsx87(
@@ -10149,6 +10153,7 @@ function EditorSheet({
   form,
   onSubmit,
   onBeforeSubmit,
+  onSubmitError,
   onReset,
   isFormDirty: isFormDirtyProp,
   entityType,
@@ -10224,6 +10229,7 @@ function EditorSheet({
           }
         }
       } catch (error) {
+        if (onSubmitError?.(error)) return;
         errorToast({
           title: isEdit ? t("generic.errors.update") : t("generic.errors.create"),
           error
@@ -10233,6 +10239,7 @@ function EditorSheet({
     [
       onSubmit,
       onBeforeSubmit,
+      onSubmitError,
       setOpen,
       onSuccess,
       onSaved,
@@ -10868,7 +10875,7 @@ import { useRef as useRef18 } from "react";
 import dynamic from "next/dynamic";
 import React18 from "react";
 import { jsx as jsx91 } from "react/jsx-runtime";
-var BlockNoteEditor = dynamic(() => import("./BlockNoteEditor-UO4ZRCUM.mjs"), {
+var BlockNoteEditor = dynamic(() => import("./BlockNoteEditor-Z5LDF47Z.mjs"), {
   ssr: false
 });
 var BlockNoteEditorContainer = React18.memo(/* @__PURE__ */ __name(function EditorContainer(props) {
@@ -11026,8 +11033,9 @@ function FormDate({
   futureYears
 }) {
   const t = useI18nTranslations();
-  const locale = useI18nLocale();
+  const { locale } = useDateLocale();
   const dateFnsLocale = useI18nDateFnsLocale();
+  const weekStartsOn = dateFnsLocale?.options?.weekStartsOn ?? 1;
   const [open, setOpen] = useState27(false);
   const [displayMonth, setDisplayMonth] = useState27(() => {
     const currentValue = form.getValues(id);
@@ -11122,7 +11130,7 @@ function FormDate({
           },
           disabled: (date) => minDate && date < minDate ? true : false,
           locale: dateFnsLocale,
-          weekStartsOn: 1,
+          weekStartsOn,
           month: displayMonth,
           onMonthChange: setDisplayMonth,
           startMonth: new Date(1900, 0),
@@ -11153,6 +11161,33 @@ __name(FormDate, "FormDate");
 // src/components/forms/FormDateTime.tsx
 import { Calendar as CalendarIcon4, CircleXIcon as CircleXIcon3 } from "lucide-react";
 import { useMemo as useMemo15, useState as useState28 } from "react";
+
+// src/components/forms/time-cycle.ts
+function to24Hour(hour12, period) {
+  const base = hour12 % 12;
+  return period === "pm" ? base + 12 : base;
+}
+__name(to24Hour, "to24Hour");
+function from24Hour(hour24) {
+  const period = hour24 >= 12 ? "pm" : "am";
+  const hour12 = hour24 % 12 === 0 ? 12 : hour24 % 12;
+  return { hour12, period };
+}
+__name(from24Hour, "from24Hour");
+function dayPeriodOf(formatter, date) {
+  return formatter.formatToParts(date).find((part) => part.type === "dayPeriod")?.value ?? "";
+}
+__name(dayPeriodOf, "dayPeriodOf");
+function dayPeriodLabels(locale) {
+  const formatter = new Intl.DateTimeFormat(locale, { hour: "numeric", hourCycle: "h12" });
+  return {
+    am: dayPeriodOf(formatter, new Date(2e3, 0, 1, 1, 0)),
+    pm: dayPeriodOf(formatter, new Date(2e3, 0, 1, 13, 0))
+  };
+}
+__name(dayPeriodLabels, "dayPeriodLabels");
+
+// src/components/forms/FormDateTime.tsx
 import { jsx as jsx95, jsxs as jsxs54 } from "react/jsx-runtime";
 function snapToFiveMinutes(date) {
   const snapped = new Date(date);
@@ -11176,24 +11211,15 @@ function FormDateTime({
 }) {
   const [open, setOpen] = useState28(false);
   const t = useI18nTranslations();
-  const locale = useI18nLocale();
+  const { format, locale, twelveHourClock } = useDateFormatter();
   const dateFnsLocale = useI18nDateFnsLocale();
+  const weekStartsOn = dateFnsLocale?.options?.weekStartsOn ?? 1;
   const [displayMonth, setDisplayMonth] = useState28(() => {
     const currentValue = form.getValues(id);
     return currentValue || defaultMonth || reference?.date || /* @__PURE__ */ new Date();
   });
-  const dateTimeFormatter = useMemo15(
-    () => new Intl.DateTimeFormat(locale, {
-      year: "numeric",
-      month: "long",
-      day: "numeric",
-      hour: "2-digit",
-      minute: "2-digit",
-      hour12: false
-    }),
-    [locale]
-  );
-  const formatDateTime = /* @__PURE__ */ __name((date) => dateTimeFormatter.format(date), "formatDateTime");
+  const formatDateTime = /* @__PURE__ */ __name((date) => format(date, "dateTimeLong"), "formatDateTime");
+  const periodLabels = useMemo15(() => dayPeriodLabels(locale), [locale]);
   const initialTime = reference ? snapToFiveMinutes(reference.date) : /* @__PURE__ */ new Date();
   const [selectedHours, setSelectedHours] = useState28(initialTime.getHours());
   const [selectedMinutes, setSelectedMinutes] = useState28(roundToNearestFiveMinutes(initialTime.getMinutes()));
@@ -11205,13 +11231,23 @@ function FormDateTime({
     reference: "rounded-(--cell-radius) ring-1 ring-primary ring-offset-1 ring-offset-background",
     marked: "[&>button]:underline [&>button]:decoration-2 [&>button]:underline-offset-4"
   };
-  const hoursOptions = Array.from({ length: 24 }, (_, i) => {
+  const hoursOptions = twelveHourClock ? Array.from({ length: 12 }, (_, i) => {
+    const hour = i + 1;
+    return {
+      value: hour,
+      label: hour.toString()
+    };
+  }) : Array.from({ length: 24 }, (_, i) => {
     const hour = i;
     return {
       value: hour,
       label: hour.toString().padStart(2, "0")
     };
   });
+  const periodOptions = [
+    { value: "am", label: periodLabels.am },
+    { value: "pm", label: periodLabels.pm }
+  ];
   const minutesOptions = Array.from({ length: 12 }, (_, i) => {
     const minute = i * 5;
     return {
@@ -11221,6 +11257,7 @@ function FormDateTime({
   });
   const hoursItems = Object.fromEntries(hoursOptions.map((option) => [String(option.value), option.label]));
   const minutesItems = Object.fromEntries(minutesOptions.map((option) => [String(option.value), option.label]));
+  const periodItems = Object.fromEntries(periodOptions.map((option) => [option.value, option.label]));
   function roundToNearestFiveMinutes(minutes) {
     return Math.round(minutes / 5) * 5 % 60;
   }
@@ -11234,6 +11271,8 @@ function FormDateTime({
     setSelectedHours(referenceDate.getHours());
     setSelectedMinutes(referenceDate.getMinutes());
   }, "handleUseReference");
+  const currentHours = /* @__PURE__ */ __name((value) => value ? new Date(value).getHours() : selectedHours, "currentHours");
+  const currentMinutes = /* @__PURE__ */ __name((value) => value ? roundToNearestFiveMinutes(new Date(value).getMinutes()) : selectedMinutes, "currentMinutes");
   const handleTimeChange = /* @__PURE__ */ __name((hours, minutes) => {
     const currentDate = form.getValues(id);
     if (currentDate) {
@@ -11300,7 +11339,7 @@ function FormDateTime({
           },
           disabled: (date) => minDate && date < minDate ? true : false,
           locale: dateFnsLocale,
-          weekStartsOn: 1,
+          weekStartsOn,
           startMonth: new Date(1900, 0),
           endMonth: new Date((/* @__PURE__ */ new Date()).getFullYear() + 10, 11),
           modifiers: dayModifiers,
@@ -11322,18 +11361,18 @@ function FormDateTime({
             Select,
             {
               items: hoursItems,
-              value: String(field.value ? new Date(field.value).getHours() : selectedHours),
+              value: String(
+                twelveHourClock ? from24Hour(currentHours(field.value)).hour12 : currentHours(field.value)
+              ),
               onValueChange: (value) => {
                 if (!value) return;
-                const hours = parseInt(value);
+                const picked = parseInt(value);
+                const hours = twelveHourClock ? to24Hour(picked, from24Hour(currentHours(field.value)).period) : picked;
                 setSelectedHours(hours);
-                handleTimeChange(
-                  hours,
-                  field.value ? roundToNearestFiveMinutes(new Date(field.value).getMinutes()) : selectedMinutes
-                );
+                handleTimeChange(hours, currentMinutes(field.value));
               },
               children: [
-                /* @__PURE__ */ jsx95(SelectTrigger, { id: "hours-select", className: "w-[70px]", children: /* @__PURE__ */ jsx95(SelectValue, {}) }),
+                /* @__PURE__ */ jsx95(SelectTrigger, { id: "hours-select", "data-testid": "form-datetime-hours", className: "w-[70px]", children: /* @__PURE__ */ jsx95(SelectValue, {}) }),
                 /* @__PURE__ */ jsx95(SelectContent, { children: hoursOptions.map((option) => /* @__PURE__ */ jsx95(SelectItem, { value: String(option.value), children: option.label }, option.value)) })
               ]
             }
@@ -11346,21 +11385,39 @@ function FormDateTime({
             Select,
             {
               items: minutesItems,
-              value: String(
-                field.value ? roundToNearestFiveMinutes(new Date(field.value).getMinutes()) : selectedMinutes
-              ),
+              value: String(currentMinutes(field.value)),
               onValueChange: (value) => {
                 if (!value) return;
                 const minutes = parseInt(value);
                 setSelectedMinutes(minutes);
-                handleTimeChange(field.value ? new Date(field.value).getHours() : selectedHours, minutes);
+                handleTimeChange(currentHours(field.value), minutes);
               },
               children: [
-                /* @__PURE__ */ jsx95(SelectTrigger, { id: "minutes-select", className: "w-[70px]", children: /* @__PURE__ */ jsx95(SelectValue, {}) }),
+                /* @__PURE__ */ jsx95(SelectTrigger, { id: "minutes-select", "data-testid": "form-datetime-minutes", className: "w-[70px]", children: /* @__PURE__ */ jsx95(SelectValue, {}) }),
                 /* @__PURE__ */ jsx95(SelectContent, { children: minutesOptions.map((option) => /* @__PURE__ */ jsx95(SelectItem, { value: String(option.value), children: option.label }, option.value)) })
               ]
             }
           )
+        ] }),
+        twelveHourClock && /* @__PURE__ */ jsxs54("div", { className: "flex flex-col space-y-2", children: [
+          /* @__PURE__ */ jsx95(Label, { htmlFor: "period-select", children: t(`common.dayPeriod`) }),
+          /* @__PURE__ */ jsxs54(
+            Select,
+            {
+              items: periodItems,
+              value: from24Hour(currentHours(field.value)).period,
+              onValueChange: (value) => {
+                if (!value) return;
+                const hours = to24Hour(from24Hour(currentHours(field.value)).hour12, value);
+                setSelectedHours(hours);
+                handleTimeChange(hours, currentMinutes(field.value));
+              },
+              children: [
+                /* @__PURE__ */ jsx95(SelectTrigger, { id: "period-select", "data-testid": "form-datetime-period", className: "w-[70px]", children: /* @__PURE__ */ jsx95(SelectValue, {}) }),
+                /* @__PURE__ */ jsx95(SelectContent, { children: periodOptions.map((option) => /* @__PURE__ */ jsx95(SelectItem, { value: option.value, children: option.label }, option.value)) })
+              ]
+            }
+          )
         ] })
       ] }),
       /* @__PURE__ */ jsxs54("div", { className: "mt-2 flex flex-row gap-x-2", children: [
@@ -13769,7 +13826,7 @@ import { createContext as createContext18, useCallback as useCallback23, useCont
 
 // src/features/notification/components/notifications/Notification.tsx
 import { useTranslations as useTranslations48 } from "next-intl";
-import { useEffect as useEffect29, useState as useState39 } from "react";
+import { Suspense, useEffect as useEffect29, useState as useState39 } from "react";
 
 // src/features/notification/components/notifications/NotificationIcon.tsx
 import { ArchiveIcon, AudioLinesIcon, BellIcon } from "lucide-react";
@@ -13798,7 +13855,7 @@ function NotificationIcon({ notificationType, className }) {
 __name(NotificationIcon, "NotificationIcon");
 
 // src/features/notification/components/notifications/Notification.tsx
-import { jsx as jsx145, jsxs as jsxs82 } from "react/jsx-runtime";
+import { Fragment as Fragment22, jsx as jsx145, jsxs as jsxs82 } from "react/jsx-runtime";
 var generateNotificationData = /* @__PURE__ */ __name((params) => {
   const response = {};
   response.actor = params.notification.actor;
@@ -13807,7 +13864,12 @@ var generateNotificationData = /* @__PURE__ */ __name((params) => {
   }
   return response;
 }, "generateNotificationData");
-function NotificationToast(notification, t, generateUrl, reouter, locale) {
+function NotificationToastTime({ date }) {
+  const { format } = useDateFormatter();
+  return /* @__PURE__ */ jsx145(Fragment22, { children: format(new Date(date), "dateTime") });
+}
+__name(NotificationToastTime, "NotificationToastTime");
+function NotificationToast(notification, t, generateUrl, reouter, dateLocaleSource = null) {
   const data = generateNotificationData({ notification, generateUrl });
   return {
     title: t(`notification.${notification.notificationType}.title`),
@@ -13820,7 +13882,7 @@ function NotificationToast(notification, t, generateUrl, reouter, locale) {
           title: data.title,
           message: notification.message ?? ""
         }) }),
-        /* @__PURE__ */ jsx145("div", { className: "text-muted-foreground mt-1 w-full text-xs", children: formatDate(new Date(notification.createdAt), "dateTime", dateFormatLocale(locale)) })
+        /* @__PURE__ */ jsx145("div", { className: "text-muted-foreground mt-1 w-full text-xs", children: /* @__PURE__ */ jsx145(DateLocaleSourceProvider, { value: dateLocaleSource, children: /* @__PURE__ */ jsx145(Suspense, { fallback: null, children: /* @__PURE__ */ jsx145(NotificationToastTime, { date: notification.createdAt }) }) }) })
       ] })
     ] }),
     action: data.url ? {
@@ -13832,11 +13894,16 @@ function NotificationToast(notification, t, generateUrl, reouter, locale) {
   };
 }
 __name(NotificationToast, "NotificationToast");
+function NotificationMenuItemTime({ date }) {
+  const { locale } = useDateFormatter();
+  const now = useMountedNow();
+  return /* @__PURE__ */ jsx145(Fragment22, { children: now ? formatDate(new Date(date), "default", locale, now) : "" });
+}
+__name(NotificationMenuItemTime, "NotificationMenuItemTime");
 function NotificationMenuItem({ notification, closePopover }) {
   const generateUrl = usePageUrlGenerator();
   const [isRead, setIsRead] = useState39(false);
   const t = useTranslations48();
-  const dateLocale = dateFormatLocale(useI18nLocale());
   useEffect29(() => {
     setIsRead(notification.isRead);
   }, []);
@@ -13858,7 +13925,7 @@ function NotificationMenuItem({ notification, closePopover }) {
               title: data.title,
               message: notification.message ?? ""
             }) }),
-            /* @__PURE__ */ jsx145("div", { className: "text-muted-foreground mt-0.5 text-xs", children: formatDate(new Date(notification.createdAt), "default", dateLocale) })
+            /* @__PURE__ */ jsx145("div", { className: "text-muted-foreground mt-0.5 text-xs", children: /* @__PURE__ */ jsx145(Suspense, { fallback: null, children: /* @__PURE__ */ jsx145(NotificationMenuItemTime, { date: notification.createdAt }) }) })
           ] }),
           !isRead && /* @__PURE__ */ jsx145("span", { className: "bg-primary mt-1.5 size-2 shrink-0 rounded-full", "aria-hidden": true })
         ]
@@ -13875,7 +13942,7 @@ import { jsx as jsx146 } from "react/jsx-runtime";
 var NotificationContext = createContext18(void 0);
 var NotificationContextProvider = /* @__PURE__ */ __name(({ children }) => {
   const t = useTranslations49();
-  const locale = useI18nLocale();
+  const dateLocaleSource = useDateLocaleSource();
   const tRef = useRef23(t);
   tRef.current = t;
   const router = useI18nRouter();
@@ -13962,7 +14029,7 @@ var NotificationContextProvider = /* @__PURE__ */ __name(({ children }) => {
     }
   }, []);
   const generateToastNotification = /* @__PURE__ */ __name((notification, t2, generateUrl) => {
-    return NotificationToast(notification, t2, generateUrl, router, locale);
+    return NotificationToast(notification, t2, generateUrl, router, dateLocaleSource);
   }, "generateToastNotification");
   const generateNotification = /* @__PURE__ */ __name((notification, closePopover) => {
     return /* @__PURE__ */ jsx146(NotificationMenuItem, { notification, closePopover });
@@ -15651,7 +15718,7 @@ function useSocket({ token, paused = false }) {
 __name(useSocket, "useSocket");
 
 // src/components/navigations/Breadcrumb.tsx
-import { Fragment as Fragment23, jsx as jsx161, jsxs as jsxs87 } from "react/jsx-runtime";
+import { Fragment as Fragment24, jsx as jsx161, jsxs as jsxs87 } from "react/jsx-runtime";
 var ITEMS_TO_DISPLAY = 4;
 function BreadcrumbDesktop({
   items,
@@ -15662,24 +15729,24 @@ function BreadcrumbDesktop({
   const t = useTranslations57();
   const [open, setOpen] = useState49(false);
   return /* @__PURE__ */ jsx161(Breadcrumb, { children: /* @__PURE__ */ jsxs87(BreadcrumbList, { children: [
-    showRoot && /* @__PURE__ */ jsxs87(Fragment23, { children: [
+    showRoot && /* @__PURE__ */ jsxs87(Fragment24, { children: [
       /* @__PURE__ */ jsx161(BreadcrumbItem, { children: /* @__PURE__ */ jsx161(Link, { href: generateUrl({ page: `/` }), children: rootLabel }) }),
       items.length > 0 && /* @__PURE__ */ jsx161(BreadcrumbSeparator, {})
     ] }),
-    items.length > ITEMS_TO_DISPLAY ? /* @__PURE__ */ jsxs87(Fragment23, { children: [
-      /* @__PURE__ */ jsx161(BreadcrumbItem, { children: items[0].href ? /* @__PURE__ */ jsx161(Link, { href: items[0].href, onClick: items[0].onClick, children: items[0].name }) : /* @__PURE__ */ jsx161(Fragment23, { children: items[0].name }) }),
+    items.length > ITEMS_TO_DISPLAY ? /* @__PURE__ */ jsxs87(Fragment24, { children: [
+      /* @__PURE__ */ jsx161(BreadcrumbItem, { children: items[0].href ? /* @__PURE__ */ jsx161(Link, { href: items[0].href, onClick: items[0].onClick, children: items[0].name }) : /* @__PURE__ */ jsx161(Fragment24, { children: items[0].name }) }),
       /* @__PURE__ */ jsx161(BreadcrumbSeparator, {}),
       /* @__PURE__ */ jsx161(BreadcrumbItem, { children: /* @__PURE__ */ jsxs87(DropdownMenu, { open, onOpenChange: setOpen, children: [
         /* @__PURE__ */ jsx161(DropdownMenuTrigger, { className: "flex items-center gap-1", "aria-label": t("ui.labels.toggle_menu"), children: /* @__PURE__ */ jsx161(BreadcrumbEllipsis, { className: "h-4 w-4", label: t("ui.labels.more") }) }),
         /* @__PURE__ */ jsx161(DropdownMenuContent, { align: "start", children: items.slice(1, -ITEMS_TO_DISPLAY + 2).map((item, index) => /* @__PURE__ */ jsx161(DropdownMenuItem, { children: /* @__PURE__ */ jsx161(Link, { href: item.href ? item.href : "#", onClick: item.onClick, children: item.name }) }, index)) })
       ] }) }),
       /* @__PURE__ */ jsx161(BreadcrumbSeparator, {}),
-      items.slice(-ITEMS_TO_DISPLAY + 2).map((item, index) => /* @__PURE__ */ jsxs87(Fragment22, { children: [
-        /* @__PURE__ */ jsx161(BreadcrumbItem, { children: item.href ? /* @__PURE__ */ jsx161(Link, { href: item.href, onClick: item.onClick, children: item.name }) : /* @__PURE__ */ jsx161(Fragment23, { children: item.name }) }),
+      items.slice(-ITEMS_TO_DISPLAY + 2).map((item, index) => /* @__PURE__ */ jsxs87(Fragment23, { children: [
+        /* @__PURE__ */ jsx161(BreadcrumbItem, { children: item.href ? /* @__PURE__ */ jsx161(Link, { href: item.href, onClick: item.onClick, children: item.name }) : /* @__PURE__ */ jsx161(Fragment24, { children: item.name }) }),
         index < items.slice(-ITEMS_TO_DISPLAY + 2).length - 1 && /* @__PURE__ */ jsx161(BreadcrumbSeparator, {})
       ] }, index))
-    ] }) : /* @__PURE__ */ jsx161(Fragment23, { children: items.map((item, index) => /* @__PURE__ */ jsxs87(Fragment22, { children: [
-      /* @__PURE__ */ jsx161(BreadcrumbItem, { children: item.href ? /* @__PURE__ */ jsx161(Link, { href: item.href, onClick: item.onClick, children: item.name }) : /* @__PURE__ */ jsx161(Fragment23, { children: item.name }) }),
+    ] }) : /* @__PURE__ */ jsx161(Fragment24, { children: items.map((item, index) => /* @__PURE__ */ jsxs87(Fragment23, { children: [
+      /* @__PURE__ */ jsx161(BreadcrumbItem, { children: item.href ? /* @__PURE__ */ jsx161(Link, { href: item.href, onClick: item.onClick, children: item.name }) : /* @__PURE__ */ jsx161(Fragment24, { children: item.name }) }),
       index < items.length - 1 && /* @__PURE__ */ jsx161(BreadcrumbSeparator, {})
     ] }, index)) })
   ] }) });
@@ -15843,7 +15910,7 @@ __name(Header, "Header");
 // src/components/navigations/MobileNavigationBar.tsx
 import { useTranslations as useTranslations59 } from "next-intl";
 import { usePathname as usePathname2 } from "next/navigation";
-import { Fragment as Fragment24, jsx as jsx164, jsxs as jsxs90 } from "react/jsx-runtime";
+import { Fragment as Fragment25, jsx as jsx164, jsxs as jsxs90 } from "react/jsx-runtime";
 function isActiveHref(pathname, href) {
   if (href === "/") return pathname === "/";
   return pathname === href || pathname.startsWith(`${href}/`);
@@ -15855,7 +15922,7 @@ var slotClass = cn(
   "transition-colors"
 );
 function SlotContent({ item }) {
-  if (item.render) return /* @__PURE__ */ jsx164(Fragment24, { children: item.render });
+  if (item.render) return /* @__PURE__ */ jsx164(Fragment25, { children: item.render });
   const Icon = item.icon;
   return Icon ? /* @__PURE__ */ jsx164(Icon, { className: "size-6" }) : null;
 }
@@ -15876,7 +15943,7 @@ function MobileNavigationBar({ className } = {}) {
       children: items.map((item) => {
         const active = item.href ? isActiveHref(pathname, item.href) : false;
         const tone = active ? "text-primary" : "text-muted-foreground";
-        const body = /* @__PURE__ */ jsxs90(Fragment24, { children: [
+        const body = /* @__PURE__ */ jsxs90(Fragment25, { children: [
           active && /* @__PURE__ */ jsx164("span", { "aria-hidden": true, className: "bg-primary absolute inset-x-0 top-0 h-0.5" }),
           /* @__PURE__ */ jsx164(SlotContent, { item })
         ] });
@@ -16292,7 +16359,7 @@ __name(ReactMarkdownContainer, "ReactMarkdownContainer");
 // src/components/containers/RoundPageContainerTitle.tsx
 import { InfoIcon as InfoIcon2 } from "lucide-react";
 import { useTranslations as useTranslations62 } from "next-intl";
-import { Fragment as Fragment25, jsx as jsx171, jsxs as jsxs95 } from "react/jsx-runtime";
+import { Fragment as Fragment26, jsx as jsx171, jsxs as jsxs95 } from "react/jsx-runtime";
 var HEADER_ROW_MIN_H = "min-h-[53px]";
 function RoundPageContainerTitle({
   module,
@@ -16352,7 +16419,7 @@ function RoundPageContainerTitle({
             module && module.icon ? /* @__PURE__ */ jsx171(module.icon, { className: "text-primary h-5 w-5 shrink-0" }) : title.icon,
             /* @__PURE__ */ jsxs95("span", { className: "truncate", children: [
               title.type,
-              title.element && /* @__PURE__ */ jsxs95(Fragment25, { children: [
+              title.element && /* @__PURE__ */ jsxs95(Fragment26, { children: [
                 /* @__PURE__ */ jsx171("span", { "aria-hidden": true, children: " \xB7 " }),
                 /* @__PURE__ */ jsx171("span", { className: "text-primary font-semibold", children: title.element })
               ] })
@@ -16392,8 +16459,8 @@ __name(RoundPageContainerTitle, "RoundPageContainerTitle");
 // src/components/containers/RoundPageContainer.tsx
 import { useTranslations as useTranslations63 } from "next-intl";
 import { useSearchParams } from "next/navigation";
-import { Fragment as Fragment26, useCallback as useCallback28, useEffect as useEffect45, useMemo as useMemo23, useRef as useRef29, useState as useState55 } from "react";
-import { Fragment as Fragment27, jsx as jsx172, jsxs as jsxs96 } from "react/jsx-runtime";
+import { Fragment as Fragment27, useCallback as useCallback28, useEffect as useEffect45, useMemo as useMemo23, useRef as useRef29, useState as useState55 } from "react";
+import { Fragment as Fragment28, jsx as jsx172, jsxs as jsxs96 } from "react/jsx-runtime";
 var DETAILS_COOKIE_NAME = "round_page_details_state";
 var DETAILS_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 var railTriggerClass = cn(
@@ -16509,7 +16576,7 @@ function RoundPageContainer({
   const innerScrollY = mobileFlow ? `` : scrollY;
   const showMobileSectionPicker = (tabs?.length ?? 0) > 1;
   if (!isReady) {
-    return /* @__PURE__ */ jsxs96(Fragment27, { children: [
+    return /* @__PURE__ */ jsxs96(Fragment28, { children: [
       /* @__PURE__ */ jsx172(
         Header,
         {
@@ -16547,7 +16614,7 @@ function RoundPageContainer({
       )
     ] });
   }
-  return /* @__PURE__ */ jsxs96(Fragment27, { children: [
+  return /* @__PURE__ */ jsxs96(Fragment28, { children: [
     /* @__PURE__ */ jsx172(
       Header,
       {
@@ -16621,7 +16688,7 @@ function RoundPageContainer({
                             railHeader && /* @__PURE__ */ jsx172("div", { children: railHeader }),
                             /* @__PURE__ */ jsxs96(TabsList, { className: "flex h-auto w-full flex-col items-stretch gap-0.5 bg-transparent p-0", children: [
                               ungrouped.map((tab) => /* @__PURE__ */ jsx172(TabsTrigger, { value: tabValue(tab), className: railTriggerClass, children: tab.contentLabel ?? tab.label }, tabValue(tab))),
-                              groups.map((group) => /* @__PURE__ */ jsxs96(Fragment26, { children: [
+                              groups.map((group) => /* @__PURE__ */ jsxs96(Fragment27, { children: [
                                 /* @__PURE__ */ jsx172(MicroLabel, { as: "span", role: "presentation", className: "block px-3 pt-3 pb-1", children: group.label }),
                                 group.items.map((tab) => /* @__PURE__ */ jsx172(TabsTrigger, { value: tabValue(tab), className: railTriggerClass, children: tab.contentLabel ?? tab.label }, tabValue(tab)))
                               ] }, group.label))
@@ -16712,7 +16779,7 @@ function RoundPageContainer({
                       ),
                       children: [
                         header,
-                        tabs ? /* @__PURE__ */ jsxs96(Fragment27, { children: [
+                        tabs ? /* @__PURE__ */ jsxs96(Fragment28, { children: [
                           /* @__PURE__ */ jsxs96(
                             Tabs,
                             {
@@ -16817,7 +16884,7 @@ function RoundPageContainer({
 __name(RoundPageContainer, "RoundPageContainer");
 
 // src/components/containers/TabsContainer.tsx
-import { Fragment as Fragment28, jsx as jsx173, jsxs as jsxs97 } from "react/jsx-runtime";
+import { Fragment as Fragment29, jsx as jsx173, jsxs as jsxs97 } from "react/jsx-runtime";
 function TabsContainer({
   tabs,
   defaultTab,
@@ -16862,7 +16929,7 @@ function TabsContainer({
       ),
       additionalComponent && additionalComponent
     ] }),
-    scrollAreaClassName ? /* @__PURE__ */ jsx173(ScrollArea, { className: scrollAreaClassName, children: validTabs.map((tab) => /* @__PURE__ */ jsx173(TabsContent, { value: tab.label, children: tab.content }, tab.label)) }) : /* @__PURE__ */ jsx173(Fragment28, { children: validTabs.map((tab) => /* @__PURE__ */ jsx173(TabsContent, { value: tab.label, children: tab.content }, tab.label)) })
+    scrollAreaClassName ? /* @__PURE__ */ jsx173(ScrollArea, { className: scrollAreaClassName, children: validTabs.map((tab) => /* @__PURE__ */ jsx173(TabsContent, { value: tab.label, children: tab.content }, tab.label)) }) : /* @__PURE__ */ jsx173(Fragment29, { children: validTabs.map((tab) => /* @__PURE__ */ jsx173(TabsContent, { value: tab.label, children: tab.content }, tab.label)) })
   ] });
 }
 __name(TabsContainer, "TabsContainer");
@@ -17142,7 +17209,7 @@ __name(BlockNoteEditorMentionSuggestionMenu, "BlockNoteEditorMentionSuggestionMe
 import dynamic2 from "next/dynamic";
 import React29 from "react";
 import { jsx as jsx178 } from "react/jsx-runtime";
-var BlockNoteViewer = dynamic2(() => import("./BlockNoteViewer-2TJZ6JET.mjs").then((m) => m.BlockNoteViewer), { ssr: false });
+var BlockNoteViewer = dynamic2(() => import("./BlockNoteViewer-TQ452ZYW.mjs").then((m) => m.BlockNoteViewer), { ssr: false });
 var BlockNoteViewerContainer = React29.memo(/* @__PURE__ */ __name(function ViewerContainer(props) {
   return /* @__PURE__ */ jsx178(BlockNoteViewer, { ...props });
 }, "ViewerContainer"));
@@ -17299,8 +17366,8 @@ var cellComponent = /* @__PURE__ */ __name((params) => {
 // src/components/tables/cells/cell.date.tsx
 import { jsx as jsx182 } from "react/jsx-runtime";
 function DateCell({ date }) {
-  const locale = useI18nLocale();
-  return /* @__PURE__ */ jsx182("span", { className: "text-muted-foreground text-xs", children: date.toLocaleDateString(locale, { dateStyle: "medium" }) });
+  const { format } = useDateFormatter();
+  return /* @__PURE__ */ jsx182("span", { className: "text-muted-foreground text-xs", children: format(date, "dateMedium") });
 }
 __name(DateCell, "DateCell");
 var cellDate = /* @__PURE__ */ __name((params) => {
@@ -17321,8 +17388,8 @@ var cellDate = /* @__PURE__ */ __name((params) => {
 // src/components/tables/cells/cell.dateTime.tsx
 import { jsx as jsx183 } from "react/jsx-runtime";
 function DateTimeCell({ date }) {
-  const locale = useI18nLocale();
-  return /* @__PURE__ */ jsx183("span", { className: "text-muted-foreground text-xs", children: date.toLocaleString(locale, { dateStyle: "medium", timeStyle: "short", hour12: false }) });
+  const { format } = useDateFormatter();
+  return /* @__PURE__ */ jsx183("span", { className: "text-muted-foreground text-xs", children: format(date, "dateTimeMedium") });
 }
 __name(DateTimeCell, "DateTimeCell");
 var cellDateTime = /* @__PURE__ */ __name((params) => {
@@ -17424,7 +17491,7 @@ function useJsonApiGet(params) {
     setLoading(true);
     setError(null);
     try {
-      const { JsonApiGet } = await import("./JsonApiRequest-ADLBJ5RX.mjs");
+      const { JsonApiGet } = await import("./JsonApiRequest-WNPDS356.mjs");
       const language = navigator.language.split("-")[0] || "en";
       const apiResponse = await JsonApiGet({
         classKey: params.classKey,
@@ -17529,7 +17596,7 @@ function useJsonApiMutation(config) {
       setLoading(true);
       setError(null);
       try {
-        const { JsonApiPost, JsonApiPut, JsonApiPatch, JsonApiDelete } = await import("./JsonApiRequest-ADLBJ5RX.mjs");
+        const { JsonApiPost, JsonApiPut, JsonApiPatch, JsonApiDelete } = await import("./JsonApiRequest-WNPDS356.mjs");
         const language = navigator.language.split("-")[0] || "en";
         let apiResponse;
         switch (config.method) {
@@ -17764,7 +17831,7 @@ __name(useSubscriptionStatus, "useSubscriptionStatus");
 // src/features/role/hooks/useRoleTableStructure.tsx
 import { useTranslations as useTranslations67 } from "next-intl";
 import { useMemo as useMemo29 } from "react";
-import { Fragment as Fragment29, jsx as jsx189 } from "react/jsx-runtime";
+import { Fragment as Fragment30, jsx as jsx189 } from "react/jsx-runtime";
 var useRoleTableStructure = /* @__PURE__ */ __name((params) => {
   const t = useTranslations67();
   const generateUrl = usePageUrlGenerator();
@@ -17801,7 +17868,7 @@ var useRoleTableStructure = /* @__PURE__ */ __name((params) => {
       id: "description",
       accessorKey: "description",
       header: t(`role.fields.description.label`),
-      cell: /* @__PURE__ */ __name(({ row }) => /* @__PURE__ */ jsx189(Fragment29, { children: row.getValue("description") }), "cell"),
+      cell: /* @__PURE__ */ __name(({ row }) => /* @__PURE__ */ jsx189(Fragment30, { children: row.getValue("description") }), "cell"),
       enableSorting: false,
       enableHiding: false
     }),
@@ -17823,11 +17890,11 @@ import { useMemo as useMemo31 } from "react";
 
 // src/features/billing/components/utils/date.ts
 function formatDate2(date, options = {}) {
-  const { locale, t } = options;
+  const { locale, dateLocale, t } = options;
   if (!date) return t ? t("billing.ui.not_available") : "N/A";
   const dateObj = typeof date === "string" ? new Date(date) : date;
   try {
-    return new Intl.DateTimeFormat(dateFormatLocale(locale), {
+    return new Intl.DateTimeFormat(dateLocale ?? dateFormatLocale(locale), {
       month: "short",
       day: "numeric",
       year: "numeric"
@@ -17845,7 +17912,8 @@ import { useMemo as useMemo30 } from "react";
 function useBillingFormatOptions() {
   const t = useTranslations68();
   const locale = useI18nLocale();
-  return useMemo30(() => ({ locale, t }), [locale, t]);
+  const { locale: dateLocale } = useDateFormatter();
+  return useMemo30(() => ({ locale, dateLocale, t }), [locale, dateLocale, t]);
 }
 __name(useBillingFormatOptions, "useBillingFormatOptions");
 
@@ -19053,7 +19121,7 @@ __name(formatSignupSource, "formatSignupSource");
 import { jsx as jsx199, jsxs as jsxs107 } from "react/jsx-runtime";
 var useWaitlistTableStructure = /* @__PURE__ */ __name((params) => {
   const t = useTranslations78();
-  const locale = useI18nLocale();
+  const dates = useDateFormatter();
   const onInvite = params.context?.onInvite;
   const tableData = useMemo37(() => {
     return params.data.map((entry) => {
@@ -19099,7 +19167,7 @@ var useWaitlistTableStructure = /* @__PURE__ */ __name((params) => {
       cell: /* @__PURE__ */ __name(({ row }) => {
         const entry = row.original.jsonApiData;
         if (!entry.createdAt) return "-";
-        return new Date(entry.createdAt).toLocaleDateString(locale);
+        return dates.format(entry.createdAt, "date");
       }, "cell"),
       enableSorting: false,
       enableHiding: false
@@ -19155,7 +19223,7 @@ var useWaitlistTableStructure = /* @__PURE__ */ __name((params) => {
           ] });
         }
         if (entry.status === "invited" && entry.invitedAt) {
-          return /* @__PURE__ */ jsx199("span", { className: "text-muted-foreground text-xs", children: t("waitlist.admin.actions.invited_on", { date: new Date(entry.invitedAt).toLocaleDateString(locale) }) });
+          return /* @__PURE__ */ jsx199("span", { className: "text-muted-foreground text-xs", children: t("waitlist.admin.actions.invited_on", { date: dates.format(entry.invitedAt, "dateMedium") }) });
         }
         if (entry.status === "registered") {
           return /* @__PURE__ */ jsx199("span", { className: "text-muted-foreground text-sm", children: t("waitlist.admin.actions.registered") });
@@ -19168,14 +19236,14 @@ var useWaitlistTableStructure = /* @__PURE__ */ __name((params) => {
   };
   const columns = useMemo37(() => {
     return params.fields.map((field) => fieldColumnMap[field]?.()).filter((col) => col !== void 0);
-  }, [params.fields, fieldColumnMap, t, locale]);
+  }, [params.fields, fieldColumnMap, t, dates]);
   return useMemo37(() => ({ data: tableData, columns }), [tableData, columns]);
 }, "useWaitlistTableStructure");
 
 // src/features/content/hooks/useContentTableStructure.tsx
 import { useTranslations as useTranslations79 } from "next-intl";
 import { useMemo as useMemo38 } from "react";
-import { Fragment as Fragment30, jsx as jsx200, jsxs as jsxs108 } from "react/jsx-runtime";
+import { Fragment as Fragment31, jsx as jsx200, jsxs as jsxs108 } from "react/jsx-runtime";
 var useContentTableStructure = /* @__PURE__ */ __name((params) => {
   const t = useTranslations79();
   const generateUrl = usePageUrlGenerator();
@@ -19206,7 +19274,7 @@ var useContentTableStructure = /* @__PURE__ */ __name((params) => {
         const contentModule = content.contentType ? Modules.findByModelName(content.contentType) : void 0;
         const link = contentModule ? generateUrl({ page: contentModule, id: content.id }) : "#";
         return /* @__PURE__ */ jsxs108(Tooltip2, { children: [
-          /* @__PURE__ */ jsx200(TooltipTrigger, { className: "flex items-center justify-start space-x-2", children: /* @__PURE__ */ jsxs108(Fragment30, { children: [
+          /* @__PURE__ */ jsx200(TooltipTrigger, { className: "flex items-center justify-start space-x-2", children: /* @__PURE__ */ jsxs108(Fragment31, { children: [
             contentModule && getIconByModule({ module: contentModule, className: "h-4 w-4" }),
             /* @__PURE__ */ jsx200(Link, { href: link, children: content.name })
           ] }) }),
@@ -19222,7 +19290,7 @@ var useContentTableStructure = /* @__PURE__ */ __name((params) => {
       header: t(`common.relevance`),
       cell: /* @__PURE__ */ __name(({ row }) => {
         const content = row.original.jsonApiData;
-        if (!content.relevance) return /* @__PURE__ */ jsx200(Fragment30, {});
+        if (!content.relevance) return /* @__PURE__ */ jsx200(Fragment31, {});
         const response = `${content.relevance.toFixed(0)}%`;
         return /* @__PURE__ */ jsxs108("div", { className: "relative flex h-5 w-20 items-center justify-center overflow-clip rounded border text-center", children: [
           /* @__PURE__ */ jsx200(
@@ -19732,7 +19800,7 @@ function ContentTableSearch({ data }) {
 __name(ContentTableSearch, "ContentTableSearch");
 
 // src/components/tables/ContentListTable.tsx
-import { Fragment as Fragment31, jsx as jsx202, jsxs as jsxs110 } from "react/jsx-runtime";
+import { Fragment as Fragment32, jsx as jsx202, jsxs as jsxs110 } from "react/jsx-runtime";
 var EMPTY_ARRAY = [];
 function getGroupKeys(item, field) {
   const value = item.jsonApiData[field];
@@ -19747,7 +19815,7 @@ function getGroupKeys(item, field) {
 __name(getGroupKeys, "getGroupKeys");
 var isClassComponent = /* @__PURE__ */ __name((component) => typeof component === "function" && !!component.prototype?.isReactComponent, "isClassComponent");
 function StableCell({ render, context }) {
-  return /* @__PURE__ */ jsx202(Fragment31, { children: render(context) });
+  return /* @__PURE__ */ jsx202(Fragment32, { children: render(context) });
 }
 __name(StableCell, "StableCell");
 function renderCell(cellDef, context) {
@@ -19863,7 +19931,7 @@ var ContentListTable = memo(/* @__PURE__ */ __name(function ContentListTable2(pr
     }
   );
   const hasTitleControls = !!(props.functions || props.filters || allowSearch);
-  const titleControls = /* @__PURE__ */ jsxs110(Fragment31, { children: [
+  const titleControls = /* @__PURE__ */ jsxs110(Fragment32, { children: [
     props.filters,
     props.functions,
     allowSearch !== false && /* @__PURE__ */ jsx202(ContentTableSearch, { data })
@@ -19965,7 +20033,7 @@ var ContentListTable = memo(/* @__PURE__ */ __name(function ContentListTable2(pr
 
 // src/components/grids/ContentListGrid.tsx
 import { useEffect as useEffect56, useRef as useRef37 } from "react";
-import { Fragment as Fragment32, jsx as jsx203, jsxs as jsxs111 } from "react/jsx-runtime";
+import { Fragment as Fragment33, jsx as jsx203, jsxs as jsxs111 } from "react/jsx-runtime";
 var DEFAULT_GRID_CLASSES = "grid grid-cols-2 gap-4 p-4 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5";
 function ContentListGrid(props) {
   const { data, ItemComponent, allowSearch, fullWidth, gridClassName } = props;
@@ -19996,7 +20064,7 @@ function ContentListGrid(props) {
           ]
         }
       ) }),
-      (props.functions || props.filters || allowSearch) && /* @__PURE__ */ jsxs111(Fragment32, { children: [
+      (props.functions || props.filters || allowSearch) && /* @__PURE__ */ jsxs111(Fragment33, { children: [
         props.functions,
         props.filters,
         allowSearch && /* @__PURE__ */ jsx203(ContentTableSearch, { data })
@@ -20288,14 +20356,14 @@ import { z as z7 } from "zod";
 
 // src/features/auth/components/GdprConsentSection.tsx
 import { useTranslations as useTranslations89 } from "next-intl";
-import { Fragment as Fragment33, jsx as jsx212, jsxs as jsxs118 } from "react/jsx-runtime";
+import { Fragment as Fragment34, jsx as jsx212, jsxs as jsxs118 } from "react/jsx-runtime";
 function GdprConsentSection({
   form,
   termsCheckboxId = "termsAccepted",
   marketingCheckboxId = "marketingConsent"
 }) {
   const t = useTranslations89("auth.gdpr");
-  const termsLabel = /* @__PURE__ */ jsxs118(Fragment33, { children: [
+  const termsLabel = /* @__PURE__ */ jsxs118(Fragment34, { children: [
     t("terms_prefix"),
     " ",
     /* @__PURE__ */ jsx212(Link, { href: "/terms", target: "_blank", rel: "noopener", children: t("terms_of_service") }),
@@ -20320,7 +20388,7 @@ function GdprConsentSection({
 __name(GdprConsentSection, "GdprConsentSection");
 
 // src/features/auth/components/forms/Register.tsx
-import { Fragment as Fragment34, jsx as jsx213, jsxs as jsxs119 } from "react/jsx-runtime";
+import { Fragment as Fragment35, jsx as jsx213, jsxs as jsxs119 } from "react/jsx-runtime";
 var REFERRAL_COOKIE_NAME = "referral_code";
 function getReferralCode() {
   if (typeof document === "undefined") return null;
@@ -20442,7 +20510,7 @@ function Register() {
     }
   }, "onSubmit");
   if (registrationMode === "waitlist" && inviteCode && isValidatingInvite) {
-    return /* @__PURE__ */ jsxs119(Fragment34, { children: [
+    return /* @__PURE__ */ jsxs119(Fragment35, { children: [
       /* @__PURE__ */ jsx213(CardHeader, { children: /* @__PURE__ */ jsxs119(CardTitle, { className: "text-primary flex flex-col items-center pb-10 text-4xl", children: [
         /* @__PURE__ */ jsx213(Image7, { src: "/logo.webp", alt: "Logo", width: 100, height: 100, priority: true }),
         t("waitlist.invite.validating_title")
@@ -20454,7 +20522,7 @@ function Register() {
     ] });
   }
   if (registrationMode === "waitlist" && inviteCode && inviteError) {
-    return /* @__PURE__ */ jsxs119(Fragment34, { children: [
+    return /* @__PURE__ */ jsxs119(Fragment35, { children: [
       /* @__PURE__ */ jsx213(CardHeader, { children: /* @__PURE__ */ jsxs119(CardTitle, { className: "text-primary flex flex-col items-center pb-10 text-4xl", children: [
         /* @__PURE__ */ jsx213(Image7, { src: "/logo.webp", alt: "Logo", width: 100, height: 100, priority: true }),
         t("waitlist.invite.invalid_title")
@@ -20467,7 +20535,7 @@ function Register() {
     ] });
   }
   if (registrationMode === "waitlist" && !inviteCode) {
-    return /* @__PURE__ */ jsxs119(Fragment34, { children: [
+    return /* @__PURE__ */ jsxs119(Fragment35, { children: [
       /* @__PURE__ */ jsx213(CardHeader, { children: /* @__PURE__ */ jsxs119(CardTitle, { className: "text-primary flex flex-col items-center pb-10 text-4xl", children: [
         /* @__PURE__ */ jsx213(Image7, { src: "/logo.webp", alt: "Logo", width: 100, height: 100, priority: true }),
         t("waitlist.invite.registration_title")
@@ -20480,13 +20548,13 @@ function Register() {
       /* @__PURE__ */ jsx213(CardFooter, { className: "flex w-full flex-row justify-between", children: /* @__PURE__ */ jsx213(Link, { href: "#", className: "flex w-full justify-start", onClick: () => setComponentType(0 /* Login */), children: t("auth.buttons.login") }) })
     ] });
   }
-  return /* @__PURE__ */ jsxs119(Fragment34, { children: [
+  return /* @__PURE__ */ jsxs119(Fragment35, { children: [
     /* @__PURE__ */ jsxs119(CardHeader, { children: [
       /* @__PURE__ */ jsxs119(CardTitle, { className: "text-primary flex flex-col items-center pb-10 text-4xl", children: [
         /* @__PURE__ */ jsx213(Image7, { src: "/logo.webp", alt: "Logo", width: 100, height: 100, priority: true }),
         t(`auth.buttons.register`)
       ] }),
-      /* @__PURE__ */ jsx213(CardDescription, { className: "text-sm", children: showConfirmation ? /* @__PURE__ */ jsx213(Fragment34, { children: " " }) : /* @__PURE__ */ jsx213(Fragment34, { children: t(`auth.register_description`) }) })
+      /* @__PURE__ */ jsx213(CardDescription, { className: "text-sm", children: showConfirmation ? /* @__PURE__ */ jsx213(Fragment35, { children: " " }) : /* @__PURE__ */ jsx213(Fragment35, { children: t(`auth.register_description`) }) })
     ] }),
     showConfirmation ? /* @__PURE__ */ jsx213(CardContent, { children: /* @__PURE__ */ jsx213(CardDescription, { className: "text-center text-xl", children: t("auth.register_confirmation") }) }) : /* @__PURE__ */ jsx213(Form, { ...form, children: /* @__PURE__ */ jsxs119("form", { onSubmit: form.handleSubmit(onSubmit), children: [
       /* @__PURE__ */ jsxs119(CardContent, { children: [
@@ -20921,10 +20989,10 @@ __name(DisableTwoFactorDialog, "DisableTwoFactorDialog");
 import { Edit, Key, Trash2 } from "lucide-react";
 import { useTranslations as useTranslations93 } from "next-intl";
 import { useState as useState80 } from "react";
-import { Fragment as Fragment35, jsx as jsx219, jsxs as jsxs123 } from "react/jsx-runtime";
+import { Fragment as Fragment36, jsx as jsx219, jsxs as jsxs123 } from "react/jsx-runtime";
 function PasskeyList({ passkeys, onRefresh }) {
   const t = useTranslations93();
-  const locale = useI18nLocale();
+  const dates = useDateFormatter();
   const [renameDialogOpen, setRenameDialogOpen] = useState80(false);
   const [selectedPasskey, setSelectedPasskey] = useState80(null);
   const [newName, setNewName] = useState80("");
@@ -20978,7 +21046,7 @@ function PasskeyList({ passkeys, onRefresh }) {
   if (passkeys.length === 0) {
     return /* @__PURE__ */ jsx219("p", { className: "text-sm text-muted-foreground text-center py-4", children: t("auth.two_factor.no_passkeys") });
   }
-  return /* @__PURE__ */ jsxs123(Fragment35, { children: [
+  return /* @__PURE__ */ jsxs123(Fragment36, { children: [
     /* @__PURE__ */ jsx219("div", { className: "space-y-2", children: passkeys.map((passkey) => /* @__PURE__ */ jsxs123("div", { className: "flex items-center justify-between p-3 border rounded-lg", children: [
       /* @__PURE__ */ jsxs123("div", { className: "flex items-center gap-3", children: [
         /* @__PURE__ */ jsx219(Key, { className: "h-5 w-5 text-muted-foreground" }),
@@ -20986,7 +21054,7 @@ function PasskeyList({ passkeys, onRefresh }) {
           /* @__PURE__ */ jsx219("p", { className: "font-medium", children: passkey.name }),
           /* @__PURE__ */ jsxs123("p", { className: "text-sm text-muted-foreground", children: [
             passkey.backedUp && "\u2601\uFE0F ",
-            passkey.lastUsedAt ? `${t("auth.two_factor.last_used")}: ${new Date(passkey.lastUsedAt).toLocaleDateString(locale)}` : t("auth.two_factor.never_used")
+            passkey.lastUsedAt ? `${t("auth.two_factor.last_used")}: ${dates.format(passkey.lastUsedAt, "dateMedium")}` : t("auth.two_factor.never_used")
           ] })
         ] })
       ] }),
@@ -21117,7 +21185,7 @@ import { useState as useState82 } from "react";
 import { jsx as jsx221, jsxs as jsxs125 } from "react/jsx-runtime";
 function TotpAuthenticatorList({ authenticators, onDelete }) {
   const t = useTranslations95();
-  const locale = useI18nLocale();
+  const dates = useDateFormatter();
   const [deletingId, setDeletingId] = useState82(null);
   const handleDelete = /* @__PURE__ */ __name(async (id) => {
     setDeletingId(id);
@@ -21144,7 +21212,7 @@ function TotpAuthenticatorList({ authenticators, onDelete }) {
         auth.lastUsedAt && /* @__PURE__ */ jsxs125("p", { className: "text-xs text-muted-foreground", children: [
           t("auth.two_factor.last_used"),
           ": ",
-          auth.lastUsedAt.toLocaleDateString(locale)
+          dates.format(auth.lastUsedAt, "dateMedium")
         ] })
       ] })
     ] }),
@@ -21296,7 +21364,7 @@ function TotpSetupDialog({ onSuccess, trigger }) {
 __name(TotpSetupDialog, "TotpSetupDialog");
 
 // src/features/auth/components/two-factor/TwoFactorSettings.tsx
-import { Fragment as Fragment36, jsx as jsx223, jsxs as jsxs127 } from "react/jsx-runtime";
+import { Fragment as Fragment37, jsx as jsx223, jsxs as jsxs127 } from "react/jsx-runtime";
 function TwoFactorSettings() {
   const t = useTranslations97();
   const [status, setStatus] = useState84(null);
@@ -21383,7 +21451,7 @@ function TwoFactorSettings() {
         ] }),
         /* @__PURE__ */ jsx223(BackupCodesDialog, { remainingCodes: status?.backupCodesCount ?? 0, onRegenerate: handleRefresh })
       ] }) }),
-      !isEnabled && (authenticators.length > 0 || passkeys.length > 0) && /* @__PURE__ */ jsxs127(Fragment36, { children: [
+      !isEnabled && (authenticators.length > 0 || passkeys.length > 0) && /* @__PURE__ */ jsxs127(Fragment37, { children: [
         /* @__PURE__ */ jsx223(Separator, {}),
         /* @__PURE__ */ jsxs127("div", { className: "flex items-center justify-between", children: [
           /* @__PURE__ */ jsxs127("div", { children: [
@@ -21393,7 +21461,7 @@ function TwoFactorSettings() {
           /* @__PURE__ */ jsx223(Button, { onClick: handleEnable2FA, disabled: isEnabling, children: isEnabling ? t("common.loading") : t("auth.two_factor.enable_button") })
         ] })
       ] }),
-      isEnabled && /* @__PURE__ */ jsxs127(Fragment36, { children: [
+      isEnabled && /* @__PURE__ */ jsxs127(Fragment37, { children: [
         /* @__PURE__ */ jsx223(Separator, {}),
         /* @__PURE__ */ jsxs127("div", { className: "flex items-center justify-between", children: [
           /* @__PURE__ */ jsxs127("div", { children: [
@@ -21479,11 +21547,11 @@ function GoogleSignInButton({ referralCode, source }) {
 __name(GoogleSignInButton, "GoogleSignInButton");
 
 // src/features/auth/components/details/LandingComponent.tsx
-import { Fragment as Fragment37, jsx as jsx226, jsxs as jsxs129 } from "react/jsx-runtime";
+import { Fragment as Fragment38, jsx as jsx226, jsxs as jsxs129 } from "react/jsx-runtime";
 function LandingComponent() {
   const t = useTranslations99();
   const { setComponentType } = useAuthContext();
-  return /* @__PURE__ */ jsxs129(Fragment37, { children: [
+  return /* @__PURE__ */ jsxs129(Fragment38, { children: [
     /* @__PURE__ */ jsxs129(CardHeader, { className: "mb-4", "data-testid": "page-pre-login-container", children: [
       /* @__PURE__ */ jsxs129(CardTitle, { className: "text-primary flex flex-col items-center gap-y-8 pb-8 text-4xl", children: [
         /* @__PURE__ */ jsx226(Image9, { src: "/logo.webp", alt: "Logo", width: 100, height: 100, priority: true }),
@@ -21492,7 +21560,7 @@ function LandingComponent() {
       /* @__PURE__ */ jsx226(CardDescription, { className: "flex w-full justify-center text-center text-sm", children: t(`common.description`) })
     ] }),
     /* @__PURE__ */ jsxs129(CardFooter, { className: "mt-4 flex w-full flex-col justify-between gap-y-4", children: [
-      isInternalAuthEnabled() && /* @__PURE__ */ jsxs129(Fragment37, { children: [
+      isInternalAuthEnabled() && /* @__PURE__ */ jsxs129(Fragment38, { children: [
         isRegistrationAllowed() && /* @__PURE__ */ jsx226(
           Link,
           {
@@ -21518,7 +21586,7 @@ import Image10 from "next/image";
 import { useEffect as useEffect62, useState as useState85 } from "react";
 import { useForm as useForm7 } from "react-hook-form";
 import { z as z8 } from "zod";
-import { Fragment as Fragment38, jsx as jsx227, jsxs as jsxs130 } from "react/jsx-runtime";
+import { Fragment as Fragment39, jsx as jsx227, jsxs as jsxs130 } from "react/jsx-runtime";
 function AcceptInvitation() {
   const { setComponentType, params, setParams } = useAuthContext();
   const [showConfirmation, setShowConfirmation] = useState85(false);
@@ -21581,13 +21649,13 @@ function AcceptInvitation() {
       errorToast({ title: t(`common.errors.error`), error });
     }
   }, "onSubmit");
-  return /* @__PURE__ */ jsxs130(Fragment38, { children: [
+  return /* @__PURE__ */ jsxs130(Fragment39, { children: [
     /* @__PURE__ */ jsxs130(CardHeader, { children: [
       /* @__PURE__ */ jsxs130(CardTitle, { className: "text-primary flex flex-col items-center pb-10 text-4xl", children: [
         /* @__PURE__ */ jsx227(Image10, { src: "/logo.webp", alt: "Logo", width: 100, height: 100, priority: true }),
         t("auth.accept_invitation")
       ] }),
-      /* @__PURE__ */ jsx227(CardDescription, { className: "text-center text-sm", children: error ? /* @__PURE__ */ jsx227(Fragment38, { children: t("auth.errors.activating_account") }) : /* @__PURE__ */ jsx227(Fragment38, { children: t("auth.select_password") }) })
+      /* @__PURE__ */ jsx227(CardDescription, { className: "text-center text-sm", children: error ? /* @__PURE__ */ jsx227(Fragment39, { children: t("auth.errors.activating_account") }) : /* @__PURE__ */ jsx227(Fragment39, { children: t("auth.select_password") }) })
     ] }),
     /* @__PURE__ */ jsx227(CardContent, { children: showConfirmation ? /* @__PURE__ */ jsx227(CardDescription, { className: "text-center text-xl", children: t("auth.activation_description") }) : error ? /* @__PURE__ */ jsx227(CardDescription, { className: "text-center text-xl", children: error }) : /* @__PURE__ */ jsx227(Form, { ...form, children: /* @__PURE__ */ jsxs130("form", { onSubmit: form.handleSubmit(onSubmit), children: [
       /* @__PURE__ */ jsx227(
@@ -21618,7 +21686,7 @@ __name(AcceptInvitation, "AcceptInvitation");
 import { useTranslations as useTranslations101 } from "next-intl";
 import Image11 from "next/image";
 import { useEffect as useEffect63, useState as useState86 } from "react";
-import { Fragment as Fragment39, jsx as jsx228, jsxs as jsxs131 } from "react/jsx-runtime";
+import { Fragment as Fragment40, jsx as jsx228, jsxs as jsxs131 } from "react/jsx-runtime";
 function ActivateAccount() {
   const { setComponentType, params, setParams } = useAuthContext();
   const [showConfirmation, setShowConfirmation] = useState86(false);
@@ -21651,15 +21719,15 @@ function ActivateAccount() {
       setError(t(`auth.errors.invalid_invitation_code`));
     }
   }, []);
-  return /* @__PURE__ */ jsxs131(Fragment39, { children: [
+  return /* @__PURE__ */ jsxs131(Fragment40, { children: [
     /* @__PURE__ */ jsxs131(CardHeader, { children: [
       /* @__PURE__ */ jsxs131(CardTitle, { className: "text-primary flex flex-col items-center pb-10 text-4xl", children: [
         /* @__PURE__ */ jsx228(Image11, { src: "/logo.webp", alt: "Logo", width: 100, height: 100, priority: true }),
         t("auth.accept_invitation")
       ] }),
-      /* @__PURE__ */ jsx228(CardDescription, { className: "text-center text-sm", children: error ? /* @__PURE__ */ jsx228(Fragment39, { children: t("auth.errors.activating_account") }) : /* @__PURE__ */ jsx228(Fragment39, { children: " " }) })
+      /* @__PURE__ */ jsx228(CardDescription, { className: "text-center text-sm", children: error ? /* @__PURE__ */ jsx228(Fragment40, { children: t("auth.errors.activating_account") }) : /* @__PURE__ */ jsx228(Fragment40, { children: " " }) })
     ] }),
-    /* @__PURE__ */ jsx228(CardContent, { children: /* @__PURE__ */ jsx228(CardDescription, { className: "text-center text-xl", children: showConfirmation ? /* @__PURE__ */ jsx228(Fragment39, { children: t("auth.activation_description") }) : error ? /* @__PURE__ */ jsx228(Fragment39, { children: error }) : /* @__PURE__ */ jsx228(Fragment39, { children: t("auth.activation_wait") }) }) })
+    /* @__PURE__ */ jsx228(CardContent, { children: /* @__PURE__ */ jsx228(CardDescription, { className: "text-center text-xl", children: showConfirmation ? /* @__PURE__ */ jsx228(Fragment40, { children: t("auth.activation_description") }) : error ? /* @__PURE__ */ jsx228(Fragment40, { children: error }) : /* @__PURE__ */ jsx228(Fragment40, { children: t("auth.activation_wait") }) }) })
   ] });
 }
 __name(ActivateAccount, "ActivateAccount");
@@ -21697,7 +21765,7 @@ import Image12 from "next/image";
 import { useState as useState88 } from "react";
 import { useForm as useForm8 } from "react-hook-form";
 import { z as z9 } from "zod";
-import { Fragment as Fragment40, jsx as jsx229, jsxs as jsxs132 } from "react/jsx-runtime";
+import { Fragment as Fragment41, jsx as jsx229, jsxs as jsxs132 } from "react/jsx-runtime";
 function ForgotPassword() {
   const t = useTranslations102();
   const { setComponentType } = useAuthContext();
@@ -21724,13 +21792,13 @@ function ForgotPassword() {
       errorToast({ title: t("common.errors.error"), error: e });
     }
   }, "onSubmit");
-  return /* @__PURE__ */ jsxs132(Fragment40, { children: [
+  return /* @__PURE__ */ jsxs132(Fragment41, { children: [
     /* @__PURE__ */ jsxs132(CardHeader, { "data-testid": "page-forgot-password-container", children: [
       /* @__PURE__ */ jsxs132(CardTitle, { className: "text-primary flex flex-col items-center pb-10 text-4xl", children: [
         /* @__PURE__ */ jsx229(Image12, { src: "/logo.webp", alt: "Logo", width: 100, height: 100, priority: true }),
         t("auth.buttons.forgot_password")
       ] }),
-      /* @__PURE__ */ jsx229(CardDescription, { className: "text-sm", children: showConfirmation ? /* @__PURE__ */ jsx229(Fragment40, { children: " " }) : /* @__PURE__ */ jsx229(Fragment40, { children: t(`auth.add_email_to_reset`) }) })
+      /* @__PURE__ */ jsx229(CardDescription, { className: "text-sm", children: showConfirmation ? /* @__PURE__ */ jsx229(Fragment41, { children: " " }) : /* @__PURE__ */ jsx229(Fragment41, { children: t(`auth.add_email_to_reset`) }) })
     ] }),
     showConfirmation ? /* @__PURE__ */ jsx229(CardContent, { children: /* @__PURE__ */ jsx229(CardDescription, { className: "text-center text-xl", children: t(`auth.reset_confirmation`) }) }) : /* @__PURE__ */ jsx229(Form, { ...form, children: /* @__PURE__ */ jsxs132("form", { onSubmit: form.handleSubmit(onSubmit), children: [
       /* @__PURE__ */ jsxs132(CardContent, { children: [
@@ -21769,7 +21837,7 @@ import { useRouter, useSearchParams as useSearchParams3 } from "next/navigation"
 import { useEffect as useEffect65, useState as useState89 } from "react";
 import { useForm as useForm9 } from "react-hook-form";
 import { z as z10 } from "zod";
-import { Fragment as Fragment41, jsx as jsx230, jsxs as jsxs133 } from "react/jsx-runtime";
+import { Fragment as Fragment42, jsx as jsx230, jsxs as jsxs133 } from "react/jsx-runtime";
 function Login() {
   const t = useTranslations103();
   const { setUser } = useCurrentUserContext();
@@ -21835,7 +21903,7 @@ function Login() {
       });
     }
   }, "onSubmit");
-  return /* @__PURE__ */ jsxs133(Fragment41, { children: [
+  return /* @__PURE__ */ jsxs133(Fragment42, { children: [
     /* @__PURE__ */ jsxs133(CardHeader, { "data-testid": "page-login-container", children: [
       /* @__PURE__ */ jsxs133(CardTitle, { className: "text-primary flex flex-col items-center pb-10 text-4xl", children: [
         /* @__PURE__ */ jsx230(Image13, { src: "/logo.webp", alt: "Logo", width: 100, height: 100, priority: true }),
@@ -21844,7 +21912,7 @@ function Login() {
       /* @__PURE__ */ jsx230(CardDescription, { className: "text-sm", children: t(`auth.login_description`) })
     ] }),
     /* @__PURE__ */ jsx230(Form, { ...form, children: /* @__PURE__ */ jsxs133("form", { onSubmit: form.handleSubmit(onSubmit), children: [
-      /* @__PURE__ */ jsx230(CardContent, { children: isInternalAuthEnabled() && /* @__PURE__ */ jsxs133(Fragment41, { children: [
+      /* @__PURE__ */ jsx230(CardContent, { children: isInternalAuthEnabled() && /* @__PURE__ */ jsxs133(Fragment42, { children: [
         /* @__PURE__ */ jsx230(
           FormInput,
           {
@@ -21911,7 +21979,7 @@ function clearClientStorage(keys) {
 __name(clearClientStorage, "clearClientStorage");
 
 // src/features/auth/components/forms/Logout.tsx
-import { Fragment as Fragment42, jsx as jsx231 } from "react/jsx-runtime";
+import { Fragment as Fragment43, jsx as jsx231 } from "react/jsx-runtime";
 function Logout({ storageKeys, beforeLogout }) {
   const generateUrl = usePageUrlGenerator();
   useEffect66(() => {
@@ -21923,7 +21991,7 @@ function Logout({ storageKeys, beforeLogout }) {
     }, "logOut");
     logOut();
   }, []);
-  return /* @__PURE__ */ jsx231(Fragment42, {});
+  return /* @__PURE__ */ jsx231(Fragment43, {});
 }
 __name(Logout, "Logout");
 
@@ -21964,7 +22032,7 @@ import Image14 from "next/image";
 import { useEffect as useEffect68, useState as useState90 } from "react";
 import { useForm as useForm10 } from "react-hook-form";
 import { z as z11 } from "zod";
-import { Fragment as Fragment43, jsx as jsx232, jsxs as jsxs134 } from "react/jsx-runtime";
+import { Fragment as Fragment44, jsx as jsx232, jsxs as jsxs134 } from "react/jsx-runtime";
 function ResetPassword() {
   const { setComponentType, params, setParams } = useAuthContext();
   const [showConfirmation, setShowConfirmation] = useState90(false);
@@ -22027,13 +22095,13 @@ function ResetPassword() {
       errorToast({ title: t(`common.errors.error`), error });
     }
   }, "onSubmit");
-  return /* @__PURE__ */ jsxs134(Fragment43, { children: [
+  return /* @__PURE__ */ jsxs134(Fragment44, { children: [
     /* @__PURE__ */ jsxs134(CardHeader, { children: [
       /* @__PURE__ */ jsxs134(CardTitle, { className: "text-primary flex flex-col items-center pb-10 text-4xl", children: [
         /* @__PURE__ */ jsx232(Image14, { src: "/logo.webp", alt: "Logo", width: 100, height: 100, priority: true }),
         t(`auth.password_reset`)
       ] }),
-      /* @__PURE__ */ jsx232(CardDescription, { className: "text-center text-sm", children: error ? /* @__PURE__ */ jsx232(Fragment43, { children: t(`auth.errors.password_reset_error`) }) : /* @__PURE__ */ jsx232(Fragment43, { children: t(`auth.reset_password`) }) })
+      /* @__PURE__ */ jsx232(CardDescription, { className: "text-center text-sm", children: error ? /* @__PURE__ */ jsx232(Fragment44, { children: t(`auth.errors.password_reset_error`) }) : /* @__PURE__ */ jsx232(Fragment44, { children: t(`auth.reset_password`) }) })
     ] }),
     /* @__PURE__ */ jsx232(CardContent, { children: showConfirmation ? /* @__PURE__ */ jsx232(CardDescription, { className: "text-center text-xl", children: t(`auth.reset_success_description`) }) : error ? /* @__PURE__ */ jsx232(CardDescription, { className: "text-center text-xl", children: error }) : /* @__PURE__ */ jsx232(Form, { ...form, children: /* @__PURE__ */ jsxs134("form", { onSubmit: form.handleSubmit(onSubmit), children: [
       /* @__PURE__ */ jsx232(FormPassword, { form, id: "password", name: t(`user.fields.password.label`) }),
@@ -22093,7 +22161,7 @@ function PasskeyButton({ pendingToken, onSuccess, onError, disabled = false }) {
 __name(PasskeyButton, "PasskeyButton");
 
 // src/features/auth/components/forms/TwoFactorChallenge.tsx
-import { Fragment as Fragment44, jsx as jsx234, jsxs as jsxs135 } from "react/jsx-runtime";
+import { Fragment as Fragment45, jsx as jsx234, jsxs as jsxs135 } from "react/jsx-runtime";
 function TwoFactorChallenge() {
   const t = useTranslations106();
   const { setUser } = useCurrentUserContext();
@@ -22174,7 +22242,7 @@ function TwoFactorChallenge() {
   const hasTotp = availableMethods.includes("totp");
   const hasPasskey = availableMethods.includes("passkey");
   const hasBackup = availableMethods.includes("backup");
-  return /* @__PURE__ */ jsxs135(Fragment44, { children: [
+  return /* @__PURE__ */ jsxs135(Fragment45, { children: [
     /* @__PURE__ */ jsxs135(CardHeader, { "data-testid": "page-2fa-challenge", children: [
       /* @__PURE__ */ jsx234(CardTitle, { className: "text-primary", children: t("auth.two_factor.verification_required") }),
       /* @__PURE__ */ jsx234(CardDescription, { children: t("auth.two_factor.enter_verification_code") })
@@ -22478,12 +22546,12 @@ import { useMemo as useMemo43 } from "react";
 import { TrashIcon } from "lucide-react";
 import { useTranslations as useTranslations109 } from "next-intl";
 import { useState as useState94 } from "react";
-import { Fragment as Fragment45, jsx as jsx237, jsxs as jsxs137 } from "react/jsx-runtime";
+import { Fragment as Fragment46, jsx as jsx237, jsxs as jsxs137 } from "react/jsx-runtime";
 function AiConnectionDeleter({ connection }) {
   const t = useTranslations109();
   const { refresh } = useAiConnections();
   const [open, setOpen] = useState94(false);
-  return /* @__PURE__ */ jsxs137(Fragment45, { children: [
+  return /* @__PURE__ */ jsxs137(Fragment46, { children: [
     /* @__PURE__ */ jsx237(
       Button,
       {
@@ -22763,7 +22831,7 @@ function AiConnectionEditor({
 __name(AiConnectionEditor, "AiConnectionEditor");
 
 // src/features/ai-connection/components/lists/AiConnectionTypeCard.tsx
-import { Fragment as Fragment46, jsx as jsx239, jsxs as jsxs139 } from "react/jsx-runtime";
+import { Fragment as Fragment47, jsx as jsx239, jsxs as jsxs139 } from "react/jsx-runtime";
 function toInput(connection, overrides) {
   return {
     id: connection.id,
@@ -22886,7 +22954,7 @@ function AiConnectionTypeCard({ connectionType }) {
             children: /* @__PURE__ */ jsx239(ChevronDownIcon10, {})
           }
         ),
-        !readOnly && /* @__PURE__ */ jsxs139(Fragment46, { children: [
+        !readOnly && /* @__PURE__ */ jsxs139(Fragment47, { children: [
           /* @__PURE__ */ jsx239(
             AiConnectionEditor,
             {
@@ -23144,7 +23212,7 @@ var STATUS_VARIANTS = {
 };
 var useEmailBlastTableStructure = /* @__PURE__ */ __name((params) => {
   const t = useTranslations117();
-  const locale = useI18nLocale();
+  const dates = useDateFormatter();
   const generateUrl = usePageUrlGenerator();
   const tableData = useMemo45(() => {
     return params.data.map((blast) => {
@@ -23207,7 +23275,7 @@ var useEmailBlastTableStructure = /* @__PURE__ */ __name((params) => {
       cell: /* @__PURE__ */ __name(({ row }) => {
         const blast = row.original.jsonApiData;
         if (!blast.sentAt) return /* @__PURE__ */ jsx245("span", { className: "text-muted-foreground text-xs", children: "\u2014" });
-        return /* @__PURE__ */ jsx245("span", { className: "text-sm", children: blast.sentAt.toLocaleDateString(locale) });
+        return /* @__PURE__ */ jsx245("span", { className: "text-sm", children: dates.format(blast.sentAt, "date") });
       }, "cell"),
       enableSorting: false,
       enableHiding: false
@@ -23222,7 +23290,7 @@ var useEmailBlastTableStructure = /* @__PURE__ */ __name((params) => {
   };
   const columns = useMemo45(() => {
     return params.fields.map((field) => fieldColumnMap[field]?.()).filter((col) => col !== void 0);
-  }, [params.fields, fieldColumnMap, t, generateUrl, locale]);
+  }, [params.fields, fieldColumnMap, t, generateUrl, dates]);
   return useMemo45(() => ({ data: tableData, columns }), [tableData, columns]);
 }, "useEmailBlastTableStructure");
 registerTableGenerator("email-blasts", useEmailBlastTableStructure);
@@ -23234,7 +23302,7 @@ import { useCallback as useCallback44, useMemo as useMemo46 } from "react";
 import { useForm as useForm12 } from "react-hook-form";
 import { v4 as v413 } from "uuid";
 import { z as z13 } from "zod";
-import { Fragment as Fragment47, jsx as jsx246, jsxs as jsxs143 } from "react/jsx-runtime";
+import { Fragment as Fragment48, jsx as jsx246, jsxs as jsxs143 } from "react/jsx-runtime";
 var TEMPLATE_VARIABLES = ["{{name}}", "{{email}}", "{{url}}"];
 var MARKETING_ONLY_VARIABLES = ["{{unsubscribeAllUrl}}"];
 function EmailBlastEditorInternal({
@@ -23338,7 +23406,7 @@ function EmailBlastEditorInternal({
             name: t("emailBlasts.editor.fields.body.label"),
             className: "min-h-72",
             isRequired: true,
-            description: /* @__PURE__ */ jsxs143(Fragment47, { children: [
+            description: /* @__PURE__ */ jsxs143(Fragment48, { children: [
               /* @__PURE__ */ jsxs143("span", { className: "block", children: [
                 t("emailBlasts.editor.variablesHint"),
                 " ",
@@ -23410,7 +23478,7 @@ import { useCallback as useCallback45, useEffect as useEffect73, useState as use
 import { LoaderCircleIcon as LoaderCircleIcon4, SendIcon as SendIcon2 } from "lucide-react";
 import { useTranslations as useTranslations121 } from "next-intl";
 import { useEffect as useEffect72, useState as useState97 } from "react";
-import { Fragment as Fragment48, jsx as jsx249, jsxs as jsxs144 } from "react/jsx-runtime";
+import { Fragment as Fragment49, jsx as jsx249, jsxs as jsxs144 } from "react/jsx-runtime";
 function EmailBlastSendDialog({ blast, onSuccess }) {
   const t = useTranslations121();
   const [open, setOpen] = useState97(false);
@@ -23455,7 +23523,7 @@ function EmailBlastSendDialog({ blast, onSuccess }) {
       ] }),
       /* @__PURE__ */ jsxs144("div", { className: "flex justify-end", children: [
         /* @__PURE__ */ jsx249(Button, { className: "me-2", variant: "outline", type: "button", onClick: () => setOpen(false), disabled: isSending, children: t("emailBlasts.send.cancel") }),
-        /* @__PURE__ */ jsx249(Button, { type: "button", variant: "default", onClick: handleSend, disabled: !canSend, children: isSending ? /* @__PURE__ */ jsxs144(Fragment48, { children: [
+        /* @__PURE__ */ jsx249(Button, { type: "button", variant: "default", onClick: handleSend, disabled: !canSend, children: isSending ? /* @__PURE__ */ jsxs144(Fragment49, { children: [
           t("emailBlasts.send.action"),
           /* @__PURE__ */ jsx249(LoaderCircleIcon4, { className: "animate-spin-slow h-5 w-5" })
         ] }) : t("emailBlasts.send.action") })
@@ -23494,7 +23562,7 @@ function EmailBlastSendTestButton({ blast }) {
 __name(EmailBlastSendTestButton, "EmailBlastSendTestButton");
 function EmailBlastContainer({ blastId }) {
   const t = useTranslations122();
-  const locale = useI18nLocale();
+  const dates = useDateFormatter();
   const generateUrl = usePageUrlGenerator();
   const [blast, setBlast] = useState98(void 0);
   const reload = useCallback45(async () => {
@@ -23570,7 +23638,7 @@ function EmailBlastContainer({ blastId }) {
           DetailField,
           {
             label: t("emailBlasts.detail.sentAt"),
-            value: blast.sentAt ? blast.sentAt.toLocaleString(locale) : "\u2014"
+            value: blast.sentAt ? dates.format(blast.sentAt, "dateTimeMedium") : "\u2014"
           }
         ),
         /* @__PURE__ */ jsx250(DetailField, { label: t("emailBlasts.list.columns.subject"), value: blast.subject }),
@@ -23704,7 +23772,7 @@ function HowToCommandViewer({ howTo, onBack, onStartChat }) {
 __name(HowToCommandViewer, "HowToCommandViewer");
 
 // src/features/how-to/components/containers/HowToCommand.tsx
-import { Fragment as Fragment49, jsx as jsx252, jsxs as jsxs147 } from "react/jsx-runtime";
+import { Fragment as Fragment50, jsx as jsx252, jsxs as jsxs147 } from "react/jsx-runtime";
 function matchPage(pathname, pattern) {
   if (pattern.includes(":")) {
     const pathSegments = pathname.split("/").filter(Boolean);
@@ -23775,7 +23843,7 @@ function HowToCommand({ pathname, contextKeys, extraGroups, onStartChat }) {
     setSelectedHowTo(null);
     if (onStartChat) onStartChat();
   }, "handleStartChat");
-  return /* @__PURE__ */ jsxs147(Fragment49, { children: [
+  return /* @__PURE__ */ jsxs147(Fragment50, { children: [
     /* @__PURE__ */ jsxs147(
       SidebarMenuButton,
       {
@@ -23943,7 +24011,7 @@ import { useTranslations as useTranslations128 } from "next-intl";
 // src/features/how-to/hooks/useHowToTableStructure.tsx
 import { useTranslations as useTranslations126 } from "next-intl";
 import { useMemo as useMemo49 } from "react";
-import { Fragment as Fragment50, jsx as jsx256 } from "react/jsx-runtime";
+import { Fragment as Fragment51, jsx as jsx256 } from "react/jsx-runtime";
 var useHowToTableStructure = /* @__PURE__ */ __name((params) => {
   const t = useTranslations126();
   const generateUrl = usePageUrlGenerator();
@@ -23980,7 +24048,7 @@ var useHowToTableStructure = /* @__PURE__ */ __name((params) => {
       id: "description",
       accessorKey: "description",
       header: t(`howto.fields.description.label`),
-      cell: /* @__PURE__ */ __name(({ row }) => /* @__PURE__ */ jsx256(Fragment50, { children: row.getValue("description") }), "cell"),
+      cell: /* @__PURE__ */ __name(({ row }) => /* @__PURE__ */ jsx256(Fragment51, { children: row.getValue("description") }), "cell"),
       enableSorting: false,
       enableHiding: false
     }),
@@ -23988,7 +24056,7 @@ var useHowToTableStructure = /* @__PURE__ */ __name((params) => {
       id: "pages",
       accessorKey: "pages",
       header: t(`howto.fields.pages.label`),
-      cell: /* @__PURE__ */ __name(({ row }) => /* @__PURE__ */ jsx256(Fragment50, { children: row.getValue("pages") }), "cell"),
+      cell: /* @__PURE__ */ __name(({ row }) => /* @__PURE__ */ jsx256(Fragment51, { children: row.getValue("pages") }), "cell"),
       enableSorting: false,
       enableHiding: false
     }),
@@ -24074,7 +24142,7 @@ __name(HowToListContainer, "HowToListContainer");
 import { CircleX as CircleX3, RefreshCwIcon as RefreshCwIcon5, SearchIcon as SearchIcon7, XIcon as XIcon13 } from "lucide-react";
 import { useTranslations as useTranslations129 } from "next-intl";
 import { useCallback as useCallback47, useEffect as useEffect75, useRef as useRef42, useState as useState101 } from "react";
-import { Fragment as Fragment51, jsx as jsx260, jsxs as jsxs149 } from "react/jsx-runtime";
+import { Fragment as Fragment52, jsx as jsx260, jsxs as jsxs149 } from "react/jsx-runtime";
 function HowToSelector({
   id,
   form,
@@ -24159,7 +24227,7 @@ function HowToSelector({
               search("");
             }
           }
-        ) : /* @__PURE__ */ jsx260(Fragment51, {})
+        ) : /* @__PURE__ */ jsx260(Fragment52, {})
       ] }),
       /* @__PURE__ */ jsx260(CommandList, { children: data.data && data.data.length > 0 && data.data.map((howTo) => /* @__PURE__ */ jsx260(
         CommandItem,
@@ -24372,7 +24440,7 @@ function ReferencesTab({ references }) {
 __name(ReferencesTab, "ReferencesTab");
 
 // src/features/assistant-message/components/parts/tabs/CitationsTab.tsx
-import { Fragment as Fragment52, useState as useState103 } from "react";
+import { Fragment as Fragment53, useState as useState103 } from "react";
 import { useTranslations as useTranslations135 } from "next-intl";
 import { ChevronDown as ChevronDown3, HelpCircle } from "lucide-react";
 import ReactMarkdown2 from "react-markdown";
@@ -24437,7 +24505,7 @@ function CitationsTab({ citations, sources }) {
       const typeLabel = chunk.nodeType ? entityLabel(chunk.nodeType) : t("features.assistant.message.sources.source");
       const fallbackName = chunk.nodeId ? `${typeLabel} ${chunk.nodeId.slice(0, 8)}` : typeLabel;
       const sourceName = resolved?.name ?? fallbackName;
-      return /* @__PURE__ */ jsxs153(Fragment52, { children: [
+      return /* @__PURE__ */ jsxs153(Fragment53, { children: [
         /* @__PURE__ */ jsxs153(TableRow, { children: [
           /* @__PURE__ */ jsx265(TableCell, { children: /* @__PURE__ */ jsxs153(
             "div",
@@ -24834,7 +24902,7 @@ function MessageSourcesContainer({ message, isLatestAssistant, onSelectFollowUp
 __name(MessageSourcesContainer, "MessageSourcesContainer");
 
 // src/features/assistant-message/components/MessageItem.tsx
-import { Fragment as Fragment53, jsx as jsx271, jsxs as jsxs157 } from "react/jsx-runtime";
+import { Fragment as Fragment54, jsx as jsx271, jsxs as jsxs157 } from "react/jsx-runtime";
 var MENTION_HREF = /^mention:\/\/([^/]+)\/(.+)$/;
 function mentionUrlTransform(url) {
   return MENTION_HREF.test(url) ? url : defaultUrlTransform(url);
@@ -24857,7 +24925,7 @@ function MessageItem({
       a: /* @__PURE__ */ __name(({ href, children }) => {
         const match = href ? MENTION_HREF.exec(href) : null;
         if (!match || !renderMention) return /* @__PURE__ */ jsx271("a", { href, children });
-        return /* @__PURE__ */ jsx271(Fragment53, { children: renderMention({ type: match[1], id: match[2], alias: String(children ?? "") }) });
+        return /* @__PURE__ */ jsx271(Fragment54, { children: renderMention({ type: match[1], id: match[2], alias: String(children ?? "") }) });
       }, "a")
     }),
     [renderMention]
@@ -25200,13 +25268,13 @@ function HandbookSyncButton({ refresh }) {
 __name(HandbookSyncButton, "HandbookSyncButton");
 
 // src/features/handbook/components/parts/HandbookIndexStatus.tsx
-import { useFormatter, useTranslations as useTranslations144 } from "next-intl";
+import { useTranslations as useTranslations144 } from "next-intl";
 import { useMemo as useMemo53 } from "react";
 import { jsx as jsx277, jsxs as jsxs161 } from "react/jsx-runtime";
 var FAILURE_STATUSES = /* @__PURE__ */ new Set(["failed", "error"]);
 function HandbookIndexStatus({ pages }) {
   const t = useTranslations144();
-  const format2 = useFormatter();
+  const dates = useDateFormatter();
   const lastSynced = useMemo53(() => {
     let latest = void 0;
     for (const page of pages) {
@@ -25223,7 +25291,7 @@ function HandbookIndexStatus({ pages }) {
   return /* @__PURE__ */ jsxs161("span", { className: "text-muted-foreground text-xs tabular-nums", children: [
     t("handbook.contents.status", {
       count: pages.length,
-      date: lastSynced ? format2.dateTime(lastSynced, { dateStyle: "medium" }) : ""
+      date: lastSynced ? dates.format(lastSynced, "dateMedium") : ""
     }),
     failures > 0 ? /* @__PURE__ */ jsx277("span", { className: "text-destructive ms-2 tabular-nums", children: t("handbook.contents.failures", { count: failures }) }) : null
   ] });
@@ -25296,7 +25364,7 @@ function splitByNesting(pages) {
 __name(splitByNesting, "splitByNesting");
 
 // src/features/handbook/components/lists/HandbookContents.tsx
-import { Fragment as Fragment54, jsx as jsx279, jsxs as jsxs163 } from "react/jsx-runtime";
+import { Fragment as Fragment55, jsx as jsx279, jsxs as jsxs163 } from "react/jsx-runtime";
 function HandbookContents() {
   const t = useTranslations145();
   const [pages, setPages] = useState109([]);
@@ -25335,7 +25403,7 @@ function HandbookContents() {
   return /* @__PURE__ */ jsx279(
     HandbookProvider,
     {
-      functions: /* @__PURE__ */ jsxs163(Fragment54, { children: [
+      functions: /* @__PURE__ */ jsxs163(Fragment55, { children: [
         /* @__PURE__ */ jsx279(HandbookAskSheet, {}),
         /* @__PURE__ */ jsx279(HandbookSyncButton, { refresh }),
         /* @__PURE__ */ jsx279(HandbookIndexStatus, { pages })
@@ -25726,7 +25794,7 @@ function groupThreadsByBucket(threads) {
 __name(groupThreadsByBucket, "groupThreadsByBucket");
 
 // src/features/assistant/components/parts/AssistantSidebar.tsx
-import { Fragment as Fragment55, jsx as jsx286, jsxs as jsxs168 } from "react/jsx-runtime";
+import { Fragment as Fragment56, jsx as jsx286, jsxs as jsxs168 } from "react/jsx-runtime";
 function AssistantSidebar({
   threads,
   activeId,
@@ -25763,7 +25831,7 @@ function AssistantSidebar({
       " ",
       newLabel ?? t("features.assistant.new")
     ] }) }),
-    /* @__PURE__ */ jsx286("div", { className: "flex-1 overflow-y-auto p-2", children: threads.length === 0 ? /* @__PURE__ */ jsx286("div", { className: "text-muted-foreground mt-6 text-center text-xs", children: emptyLabel ?? t("features.assistant.empty_sidebar") }) : /* @__PURE__ */ jsxs168(Fragment55, { children: [
+    /* @__PURE__ */ jsx286("div", { className: "flex-1 overflow-y-auto p-2", children: threads.length === 0 ? /* @__PURE__ */ jsx286("div", { className: "text-muted-foreground mt-6 text-center text-xs", children: emptyLabel ?? t("features.assistant.empty_sidebar") }) : /* @__PURE__ */ jsxs168(Fragment56, { children: [
       renderSection(t("features.assistant.bucket_today"), groups.today),
       renderSection(t("features.assistant.bucket_week"), groups.thisWeek),
       renderSection(t("features.assistant.bucket_earlier"), groups.earlier)
@@ -25773,7 +25841,7 @@ function AssistantSidebar({
 __name(AssistantSidebar, "AssistantSidebar");
 
 // src/features/handbook/components/containers/HandbookAskContainer.tsx
-import { Fragment as Fragment56, jsx as jsx287, jsxs as jsxs169 } from "react/jsx-runtime";
+import { Fragment as Fragment57, jsx as jsx287, jsxs as jsxs169 } from "react/jsx-runtime";
 function HandbookAskContainer({ handbookThreadId } = {}) {
   const t = useTranslations151();
   const { threads, thread, messages, sending, ask, selectThread, startNew } = useHandbookAsk({ handbookThreadId });
@@ -25814,7 +25882,7 @@ function HandbookAskContainer({ handbookThreadId } = {}) {
         detailsIcon: /* @__PURE__ */ jsx287(MessagesSquareIcon2, {}),
         details,
         children: /* @__PURE__ */ jsxs169("div", { className: "flex h-full min-h-0 w-full flex-col overflow-hidden", children: [
-          showThread ? /* @__PURE__ */ jsx287(Fragment56, { children: /* @__PURE__ */ jsx287(
+          showThread ? /* @__PURE__ */ jsx287(Fragment57, { children: /* @__PURE__ */ jsx287(
             AssistantThread,
             {
               messages,
@@ -25849,16 +25917,16 @@ import { useTranslations as useTranslations154 } from "next-intl";
 import { useMemo as useMemo60 } from "react";
 
 // src/features/assistant-message/components/EntityMentionLink.tsx
-import { Fragment as Fragment57, jsx as jsx288 } from "react/jsx-runtime";
+import { Fragment as Fragment58, jsx as jsx288 } from "react/jsx-runtime";
 function EntityMentionLinkView({ type, id, alias }) {
   const generate = usePageUrlGenerator();
   let module;
   try {
     module = ModuleRegistry.findByName(type);
   } catch {
-    return /* @__PURE__ */ jsx288(Fragment57, { children: alias });
+    return /* @__PURE__ */ jsx288(Fragment58, { children: alias });
   }
-  if (!module?.pageUrl) return /* @__PURE__ */ jsx288(Fragment57, { children: alias });
+  if (!module?.pageUrl) return /* @__PURE__ */ jsx288(Fragment58, { children: alias });
   return /* @__PURE__ */ jsx288(Link, { href: generate({ page: module, id }), children: alias });
 }
 __name(EntityMentionLinkView, "EntityMentionLinkView");
@@ -25970,7 +26038,7 @@ function AssistantThreadHeader({ assistant, onRename, onDelete, renamePlaceholde
 __name(AssistantThreadHeader, "AssistantThreadHeader");
 
 // src/features/assistant/components/containers/AssistantContainer.tsx
-import { Fragment as Fragment58, jsx as jsx291, jsxs as jsxs172 } from "react/jsx-runtime";
+import { Fragment as Fragment59, jsx as jsx291, jsxs as jsxs172 } from "react/jsx-runtime";
 function AssistantContainer({
   renderApprovalAction,
   renderMention,
@@ -25998,7 +26066,7 @@ function AssistantContainer({
     ),
     [ctx.threads, ctx.assistant?.id, ctx.selectThread, renderThreadBadge]
   );
-  const thread = /* @__PURE__ */ jsx291(Fragment58, { children: !showThread ? /* @__PURE__ */ jsx291(
+  const thread = /* @__PURE__ */ jsx291(Fragment59, { children: !showThread ? /* @__PURE__ */ jsx291(
     AssistantEmptyState,
     {
       onSend: ctx.sendMessage,
@@ -26006,7 +26074,7 @@ function AssistantContainer({
       onOperatorModeChange: showOperatorToggle ? ctx.setOperatorMode : void 0,
       composerLeading: renderScopePicker?.()
     }
-  ) : /* @__PURE__ */ jsxs172(Fragment58, { children: [
+  ) : /* @__PURE__ */ jsxs172(Fragment59, { children: [
     ctx.assistant ? /* @__PURE__ */ jsx291(
       AssistantThreadHeader,
       {
@@ -26162,7 +26230,7 @@ function AssistantBlockNoteComposer({
 __name(AssistantBlockNoteComposer, "AssistantBlockNoteComposer");
 
 // src/features/assistant/components/containers/AssistantPageContainer.tsx
-import { Fragment as Fragment59, jsx as jsx293, jsxs as jsxs174 } from "react/jsx-runtime";
+import { Fragment as Fragment60, jsx as jsx293, jsxs as jsxs174 } from "react/jsx-runtime";
 function AssistantPageContainer({
   renderApprovalAction,
   renderMention,
@@ -26201,7 +26269,7 @@ function AssistantPageContainer({
         ) })
       ),
       children: /* @__PURE__ */ jsxs174("div", { className: "bg-background flex h-full w-full flex-col overflow-hidden rounded-lg border", children: [
-        showThread ? /* @__PURE__ */ jsxs174(Fragment59, { children: [
+        showThread ? /* @__PURE__ */ jsxs174(Fragment60, { children: [
           ctx.assistant ? /* @__PURE__ */ jsx293(
             AssistantThreadHeader,
             {
@@ -26248,7 +26316,7 @@ __name(AssistantPageContainer, "AssistantPageContainer");
 // src/features/assistant-action/components/ApprovalActionCard.tsx
 import { ShieldAlert as ShieldAlert2 } from "lucide-react";
 import { useTranslations as useTranslations157 } from "next-intl";
-import { Fragment as Fragment60, useEffect as useEffect83, useMemo as useMemo61, useState as useState115 } from "react";
+import { Fragment as Fragment61, useEffect as useEffect83, useMemo as useMemo61, useState as useState115 } from "react";
 import { jsx as jsx294, jsxs as jsxs175 } from "react/jsx-runtime";
 var STATUS_VARIANT2 = {
   pending: "softBlue",
@@ -26535,7 +26603,7 @@ function ApprovalActionCard({ actionId, summary, onResolved, hiddenRelationshipK
         /* @__PURE__ */ jsx294("span", { children: isUpdate ? t("features.assistant.approval.proposal.updateHeading", { entity: entityLabel }) : t("features.assistant.approval.proposal.heading", { entity: entityLabel }) }),
         targetLabel !== "" && /* @__PURE__ */ jsx294("span", { className: "text-foreground tracking-normal normal-case", children: targetLabel })
       ] }),
-      /* @__PURE__ */ jsx294("dl", { className: "grid grid-cols-1 gap-x-4 gap-y-1.5 sm:grid-cols-[minmax(0,10rem)_minmax(0,1fr)]", children: rows.map((row) => /* @__PURE__ */ jsxs175(Fragment60, { children: [
+      /* @__PURE__ */ jsx294("dl", { className: "grid grid-cols-1 gap-x-4 gap-y-1.5 sm:grid-cols-[minmax(0,10rem)_minmax(0,1fr)]", children: rows.map((row) => /* @__PURE__ */ jsxs175(Fragment61, { children: [
         /* @__PURE__ */ jsx294("dt", { className: "text-muted-foreground text-xs leading-relaxed break-words sm:text-sm", children: row.label }),
         /* @__PURE__ */ jsx294("dd", { className: "text-foreground text-sm leading-relaxed break-words whitespace-pre-wrap", children: row.value })
       ] }, row.key)) })
@@ -26657,7 +26725,8 @@ import { jsx as jsx298, jsxs as jsxs177 } from "react/jsx-runtime";
 var NOTIFICATIONS_MODULE_NAME = "notifications";
 var useNotificationTableStructure = /* @__PURE__ */ __name((params) => {
   const t = useTranslations160();
-  const dateLocale = dateFormatLocale(useI18nLocale());
+  const { locale: dateLocale } = useDateFormatter();
+  const now = useMountedNow();
   const generateUrl = usePageUrlGenerator();
   const { loadNotifications } = useNotificationContext();
   const archived = params.context?.archived === true;
@@ -26717,7 +26786,7 @@ var useNotificationTableStructure = /* @__PURE__ */ __name((params) => {
       meta: { className: "w-40" },
       cell: /* @__PURE__ */ __name(({ row }) => {
         const notification = row.original.jsonApiData;
-        return /* @__PURE__ */ jsx298("span", { className: "text-muted-foreground text-xs", children: formatDate(new Date(notification.createdAt), "default", dateLocale) });
+        return /* @__PURE__ */ jsx298("span", { className: "text-muted-foreground text-xs", children: now ? formatDate(new Date(notification.createdAt), "default", dateLocale, now) : "" });
       }, "cell"),
       enableSorting: false,
       enableHiding: false
@@ -26758,7 +26827,7 @@ var useNotificationTableStructure = /* @__PURE__ */ __name((params) => {
   };
   const columns = useMemo62(() => {
     return params.fields.map((field) => fieldColumnMap[field]?.()).filter((col) => col !== void 0);
-  }, [params.fields, fieldColumnMap, t, generateUrl]);
+  }, [params.fields, fieldColumnMap, t, generateUrl, dateLocale, now]);
   return useMemo62(() => ({ data: tableData, columns }), [tableData, columns]);
 }, "useNotificationTableStructure");
 registerTableGenerator(NOTIFICATIONS_MODULE_NAME, useNotificationTableStructure);
@@ -26854,7 +26923,7 @@ __name(NotificationsListContainer, "NotificationsListContainer");
 // src/features/notification/components/modals/NotificationModal.tsx
 import { BellIcon as BellIcon2, ExternalLinkIcon } from "lucide-react";
 import { useTranslations as useTranslations163 } from "next-intl";
-import { Fragment as Fragment61, useCallback as useCallback54, useEffect as useEffect85, useMemo as useMemo63, useRef as useRef46, useState as useState117 } from "react";
+import { Fragment as Fragment62, useCallback as useCallback54, useEffect as useEffect85, useMemo as useMemo63, useRef as useRef46, useState as useState117 } from "react";
 import { jsx as jsx301, jsxs as jsxs179 } from "react/jsx-runtime";
 function NotificationModalContent({ isOpen, setIsOpen }) {
   const _instanceId = useRef46(Math.random().toString(36).substr(2, 9));
@@ -27043,7 +27112,7 @@ function NotificationModalContent({ isOpen, setIsOpen }) {
       ] }),
       isLoading && /* @__PURE__ */ jsx301("div", { className: "text-muted-foreground px-3 py-2 text-xs", children: t(`common.loading`) }),
       error && /* @__PURE__ */ jsx301("div", { className: "text-destructive px-3 py-2 text-xs", children: error }),
-      /* @__PURE__ */ jsx301(ScrollArea, { className: "[&_[data-slot=scroll-area-scrollbar]]:w-2.5 [&_[data-slot=scroll-area-thumb]]:bg-muted-foreground/40 [&>[data-slot=scroll-area-viewport]]:max-h-[min(32rem,calc(var(--available-height,32rem)-3.5rem))]", children: notifications.length > 0 ? /* @__PURE__ */ jsx301("div", { className: "divide-border divide-y", children: notifications.map((notification) => /* @__PURE__ */ jsx301(Fragment61, { children: generateNotification(notification, () => setIsOpen(false)) }, notification.id)) }) : /* @__PURE__ */ jsx301("div", { className: "text-muted-foreground p-6 text-center text-sm", children: t(`notification.empty`) }) })
+      /* @__PURE__ */ jsx301(ScrollArea, { className: "[&_[data-slot=scroll-area-scrollbar]]:w-2.5 [&_[data-slot=scroll-area-thumb]]:bg-muted-foreground/40 [&>[data-slot=scroll-area-viewport]]:max-h-[min(32rem,calc(var(--available-height,32rem)-3.5rem))]", children: notifications.length > 0 ? /* @__PURE__ */ jsx301("div", { className: "divide-border divide-y", children: notifications.map((notification) => /* @__PURE__ */ jsx301(Fragment62, { children: generateNotification(notification, () => setIsOpen(false)) }, notification.id)) }) : /* @__PURE__ */ jsx301("div", { className: "text-muted-foreground p-6 text-center text-sm", children: t(`notification.empty`) }) })
     ] })
   ] });
 }
@@ -27054,7 +27123,7 @@ function NotificationModal(props) {
 __name(NotificationModal, "NotificationModal");
 
 // src/features/notification/components/notifications/PushNotificationProvider.tsx
-import { Fragment as Fragment62, jsx as jsx302 } from "react/jsx-runtime";
+import { Fragment as Fragment63, jsx as jsx302 } from "react/jsx-runtime";
 function PushNotificationProvider({
   children,
   excludedRoleIds = []
@@ -27062,7 +27131,7 @@ function PushNotificationProvider({
   const { currentUser, hasRole } = useCurrentUserContext();
   const canSubscribe = !hasRole(getRoleId().Administrator) && !excludedRoleIds.some((roleId) => hasRole(roleId));
   usePushNotifications_default({ currentUser: currentUser ?? void 0, canSubscribe });
-  return /* @__PURE__ */ jsx302(Fragment62, { children });
+  return /* @__PURE__ */ jsx302(Fragment63, { children });
 }
 __name(PushNotificationProvider, "PushNotificationProvider");
 
@@ -27404,11 +27473,11 @@ import { useMemo as useMemo65 } from "react";
 // src/features/tokenusage/lib/formatters.ts
 import { useLocale } from "next-intl";
 import { useMemo as useMemo64 } from "react";
-function createUsageFormatters(locale, currency) {
+function createUsageFormatters(locale, currency, dateLocale = locale) {
   const symbol = new Intl.NumberFormat(locale, { style: "currency", currency, currencyDisplay: "narrowSymbol" }).formatToParts(0).find((part) => part.type === "currency")?.value ?? currency;
   const decimal = /* @__PURE__ */ __name((value, decimals) => value.toLocaleString(locale, { minimumFractionDigits: decimals, maximumFractionDigits: decimals }), "decimal");
-  const dayFormat = new Intl.DateTimeFormat(locale, { day: "numeric", month: "short", timeZone: "UTC" });
-  const monthFormat = new Intl.DateTimeFormat(locale, { month: "short", year: "numeric", timeZone: "UTC" });
+  const dayFormat = new Intl.DateTimeFormat(dateLocale, { day: "numeric", month: "short", timeZone: "UTC" });
+  const monthFormat = new Intl.DateTimeFormat(dateLocale, { month: "short", year: "numeric", timeZone: "UTC" });
   const compactFormat = new Intl.NumberFormat(locale, { notation: "compact", maximumSignificantDigits: 3 });
   const collator = new Intl.Collator(locale);
   return {
@@ -27439,8 +27508,9 @@ function createUsageFormatters(locale, currency) {
 __name(createUsageFormatters, "createUsageFormatters");
 function useUsageFormatters() {
   const locale = useLocale();
+  const { locale: dateLocale } = useDateFormatter();
   const currency = getTokenUsageCurrency();
-  return useMemo64(() => createUsageFormatters(locale, currency), [locale, currency]);
+  return useMemo64(() => createUsageFormatters(locale, currency, dateLocale), [locale, currency, dateLocale]);
 }
 __name(useUsageFormatters, "useUsageFormatters");
 
@@ -28058,11 +28128,11 @@ function RoleDetails() {
 __name(RoleDetails, "RoleDetails");
 
 // src/features/role/components/containers/RoleContainer.tsx
-import { Fragment as Fragment63, jsx as jsx311, jsxs as jsxs187 } from "react/jsx-runtime";
+import { Fragment as Fragment64, jsx as jsx311, jsxs as jsxs187 } from "react/jsx-runtime";
 function RoleContainer() {
   const { role } = useRoleContext();
   if (!role) return null;
-  return /* @__PURE__ */ jsxs187(Fragment63, { children: [
+  return /* @__PURE__ */ jsxs187(Fragment64, { children: [
     /* @__PURE__ */ jsx311(RoleDetails, {}),
     /* @__PURE__ */ jsx311(RoleUsersList, { role })
   ] });
@@ -28107,7 +28177,7 @@ __name(FormRoles, "FormRoles");
 // src/features/role/components/forms/RemoveUserFromRole.tsx
 import { useTranslations as useTranslations173 } from "next-intl";
 import { useEffect as useEffect90, useState as useState122 } from "react";
-import { Fragment as Fragment64, jsx as jsx313, jsxs as jsxs189 } from "react/jsx-runtime";
+import { Fragment as Fragment65, jsx as jsx313, jsxs as jsxs189 } from "react/jsx-runtime";
 function RemoveUserFromRole({ role, user, refresh }) {
   const [open, setOpen] = useState122(false);
   const [canRemove, setCanRemove] = useState122(false);
@@ -28156,7 +28226,7 @@ function RemoveUserFromRole({ role, user, refresh }) {
         /* @__PURE__ */ jsx313(DialogTitle, { children: t(`role.remove_user.title`) }),
         /* @__PURE__ */ jsx313(DialogDescription, { children: canRemove ? t(`role.remove_user.subtitle_allowed`) : t(`role.remove_user.subtitle_not_allowed`) })
       ] }),
-      canRemove ? /* @__PURE__ */ jsxs189(Fragment64, { children: [
+      canRemove ? /* @__PURE__ */ jsxs189(Fragment65, { children: [
         t(`role.remove_user.description_allowed`, { role: roleName, user: user.name }),
         /* @__PURE__ */ jsxs189("div", { className: "flex justify-end", children: [
           /* @__PURE__ */ jsx313(Button, { className: "me-2", variant: "outline", type: `button`, onClick: () => setOpen(false), children: t(`ui.buttons.cancel`) }),
@@ -28173,7 +28243,7 @@ function RemoveUserFromRole({ role, user, refresh }) {
             }
           )
         ] })
-      ] }) : /* @__PURE__ */ jsx313(Fragment64, { children: t(`role.remove_user.description_not_allowed`, { role: roleName, user: user.name }) })
+      ] }) : /* @__PURE__ */ jsx313(Fragment65, { children: t(`role.remove_user.description_not_allowed`, { role: roleName, user: user.name }) })
     ] })
   ] });
 }
@@ -28183,7 +28253,7 @@ __name(RemoveUserFromRole, "RemoveUserFromRole");
 import { PlusCircle as PlusCircle2 } from "lucide-react";
 import { useTranslations as useTranslations174 } from "next-intl";
 import { useCallback as useCallback56, useEffect as useEffect91, useRef as useRef49, useState as useState123 } from "react";
-import { Fragment as Fragment65, jsx as jsx314, jsxs as jsxs190 } from "react/jsx-runtime";
+import { Fragment as Fragment66, jsx as jsx314, jsxs as jsxs190 } from "react/jsx-runtime";
 function UserRoleAdd({ user, refresh }) {
   const [open, setOpen] = useState123(false);
   const inputRef = useRef49(null);
@@ -28230,7 +28300,7 @@ function UserRoleAdd({ user, refresh }) {
   useEffect91(() => {
     if (open) searchRoles("");
   }, [open]);
-  return /* @__PURE__ */ jsxs190(Fragment65, { children: [
+  return /* @__PURE__ */ jsxs190(Fragment66, { children: [
     /* @__PURE__ */ jsxs190(Button, { size: "sm", onClick: () => setOpen(true), children: [
       /* @__PURE__ */ jsx314(PlusCircle2, { className: "me-3 h-3.5 w-3.5" }),
       t(`common.association.label`, {
@@ -28560,14 +28630,14 @@ __name(OAuthClientSecretDisplay, "OAuthClientSecretDisplay");
 
 // src/features/oauth/components/OAuthClientCard.tsx
 import { useTranslations as useTranslations180 } from "next-intl";
-import { formatDistanceToNow } from "date-fns";
 import { Key as Key2, MoreVertical, Pencil, Trash2 as Trash24 } from "lucide-react";
 import { jsx as jsx320, jsxs as jsxs194 } from "react/jsx-runtime";
 function OAuthClientCard({ client, onClick, onEdit, onDelete }) {
   const t = useTranslations180();
-  const dateFnsLocale = useI18nDateFnsLocale();
+  const { relative } = useDateFormatter();
+  const now = useMountedNow();
   const truncatedId = client.clientId.length > 12 ? `${client.clientId.slice(0, 8)}...${client.clientId.slice(-4)}` : client.clientId;
-  const createdAgo = client.createdAt ? formatDistanceToNow(new Date(client.createdAt), { addSuffix: true, locale: dateFnsLocale }) : t("oauth.ui.card.unknown");
+  const createdAgo = client.createdAt ? now ? relative(new Date(client.createdAt), { now }) : void 0 : t("oauth.ui.card.unknown");
   return /* @__PURE__ */ jsxs194(
     Card,
     {
@@ -28620,7 +28690,7 @@ function OAuthClientCard({ client, onClick, onEdit, onDelete }) {
         ] }),
         /* @__PURE__ */ jsx320(CardContent, { children: /* @__PURE__ */ jsxs194("div", { className: "flex flex-wrap gap-x-4 gap-y-1 text-sm text-muted-foreground", children: [
           /* @__PURE__ */ jsx320("span", { className: "tabular-nums", children: truncatedId }),
-          /* @__PURE__ */ jsx320("span", { children: t("oauth.ui.card.created", { ago: createdAgo }) }),
+          createdAgo !== void 0 && /* @__PURE__ */ jsx320("span", { children: t("oauth.ui.card.created", { ago: createdAgo }) }),
           /* @__PURE__ */ jsx320("span", { children: client.isConfidential ? t("oauth.ui.card.confidential") : t("oauth.ui.card.public") })
         ] }) })
       ]
@@ -28855,7 +28925,7 @@ __name(OAuthClientForm, "OAuthClientForm");
 import { useTranslations as useTranslations183 } from "next-intl";
 import { useState as useState126, useCallback as useCallback61 } from "react";
 import { Copy as Copy4, Check as Check2, RefreshCw as RefreshCw3, Pencil as Pencil2, Trash2 as Trash25, ExternalLink } from "lucide-react";
-import { Fragment as Fragment66, jsx as jsx323, jsxs as jsxs197 } from "react/jsx-runtime";
+import { Fragment as Fragment67, jsx as jsx323, jsxs as jsxs197 } from "react/jsx-runtime";
 function OAuthClientDetail({
   client,
   isLoading = false,
@@ -28864,7 +28934,7 @@ function OAuthClientDetail({
   onRegenerateSecret
 }) {
   const t = useTranslations183();
-  const locale = useI18nLocale();
+  const { format } = useDateFormatter();
   const scopeText = useOAuthScopeText();
   const [copiedField, setCopiedField] = useState126(null);
   const [showDeleteConfirm, setShowDeleteConfirm] = useState126(false);
@@ -28900,8 +28970,8 @@ function OAuthClientDetail({
       setShowRegenerateConfirm(false);
     }
   }, [onRegenerateSecret]);
-  const createdDate = client.createdAt ? new Date(client.createdAt).toLocaleDateString(dateFormatLocale(locale), { dateStyle: "long" }) : t("oauth.ui.card.unknown");
-  return /* @__PURE__ */ jsxs197(Fragment66, { children: [
+  const createdDate = client.createdAt ? format(new Date(client.createdAt), "dateLong") : t("oauth.ui.card.unknown");
+  return /* @__PURE__ */ jsxs197(Fragment67, { children: [
     /* @__PURE__ */ jsxs197(Card, { children: [
       /* @__PURE__ */ jsx323(CardHeader, { children: /* @__PURE__ */ jsxs197("div", { className: "flex items-start justify-between", children: [
         /* @__PURE__ */ jsxs197("div", { children: [
@@ -29110,7 +29180,7 @@ function OAuthCompanySelector({ companies, value, onChange }) {
 __name(OAuthCompanySelector, "OAuthCompanySelector");
 
 // src/features/oauth/components/consent/OAuthConsentScreen.tsx
-import { Fragment as Fragment67, jsx as jsx328, jsxs as jsxs202 } from "react/jsx-runtime";
+import { Fragment as Fragment68, jsx as jsx328, jsxs as jsxs202 } from "react/jsx-runtime";
 function OAuthConsentScreen({
   params,
   logoUrl,
@@ -29144,7 +29214,7 @@ function OAuthConsentScreen({
       /* @__PURE__ */ jsx328(Separator, {}),
       /* @__PURE__ */ jsx328(OAuthScopeList, { scopes }),
       /* @__PURE__ */ jsx328(Separator, {}),
-      companies.length > 1 && /* @__PURE__ */ jsxs202(Fragment67, { children: [
+      companies.length > 1 && /* @__PURE__ */ jsxs202(Fragment68, { children: [
         /* @__PURE__ */ jsx328(OAuthCompanySelector, { companies, value: companyId, onChange: setCompanyId }),
         /* @__PURE__ */ jsx328(Separator, {})
       ] }),
@@ -29274,7 +29344,7 @@ function WaitlistQuestionnaireRenderer({
 __name(WaitlistQuestionnaireRenderer, "WaitlistQuestionnaireRenderer");
 
 // src/features/waitlist/components/forms/WaitlistForm.tsx
-import { Fragment as Fragment68, jsx as jsx330, jsxs as jsxs204 } from "react/jsx-runtime";
+import { Fragment as Fragment69, jsx as jsx330, jsxs as jsxs204 } from "react/jsx-runtime";
 function WaitlistForm({ onSuccess }) {
   const t = useTranslations189();
   const [isSubmitting, setIsSubmitting] = useState127(false);
@@ -29394,7 +29464,7 @@ function WaitlistForm({ onSuccess }) {
         {
           form,
           id: "gdprConsent",
-          label: /* @__PURE__ */ jsxs204(Fragment68, { children: [
+          label: /* @__PURE__ */ jsxs204(Fragment69, { children: [
             t("auth.gdpr.terms_prefix"),
             /* @__PURE__ */ jsx330(Link, { href: "/terms", target: "_blank", rel: "noopener", children: t("auth.gdpr.terms_of_service") }),
             t("auth.gdpr.and"),
@@ -29688,7 +29758,7 @@ import { Popover as PopoverPrimitive2 } from "@base-ui/react/popover";
 import { CheckIcon as CheckIcon10, MinusIcon as MinusIcon3, XIcon as XIcon15 } from "lucide-react";
 import { useTranslations as useTranslations193 } from "next-intl";
 import { useCallback as useCallback63, useEffect as useEffect94, useState as useState130 } from "react";
-import { Fragment as Fragment69, jsx as jsx336, jsxs as jsxs210 } from "react/jsx-runtime";
+import { Fragment as Fragment70, jsx as jsx336, jsxs as jsxs210 } from "react/jsx-runtime";
 function RbacPermissionPicker({
   open,
   anchor,
@@ -29774,7 +29844,7 @@ function RbacPermissionPicker({
                 )
               ] })
             ] }),
-            isRoleColumn && onClear && /* @__PURE__ */ jsxs210(Fragment69, { children: [
+            isRoleColumn && onClear && /* @__PURE__ */ jsxs210(Fragment70, { children: [
               /* @__PURE__ */ jsx336(Separator, {}),
               /* @__PURE__ */ jsxs210(
                 Button,
@@ -30061,7 +30131,7 @@ __name(RbacContainer, "RbacContainer");
 // src/features/rbac/components/RbacByRoleContainer.tsx
 import { Loader2Icon as Loader2Icon5 } from "lucide-react";
 import { useTranslations as useTranslations195 } from "next-intl";
-import { Fragment as Fragment70, memo as memo3, useCallback as useCallback65, useEffect as useEffect96, useMemo as useMemo71, useRef as useRef51, useState as useState132 } from "react";
+import { Fragment as Fragment71, memo as memo3, useCallback as useCallback65, useEffect as useEffect96, useMemo as useMemo71, useRef as useRef51, useState as useState132 } from "react";
 import { jsx as jsx338, jsxs as jsxs212 } from "react/jsx-runtime";
 function findToken2(tokens, action) {
   if (!tokens) return void 0;
@@ -30187,7 +30257,7 @@ function RbacByRoleContainer() {
           const defaultTokens = block.default ?? [];
           const roleTokens = block[selectedRoleId];
           const moduleLabel = moduleNames?.[moduleId] ?? moduleId;
-          return /* @__PURE__ */ jsxs212(Fragment70, { children: [
+          return /* @__PURE__ */ jsxs212(Fragment71, { children: [
             /* @__PURE__ */ jsx338("tr", { className: "border-b bg-muted/40", children: /* @__PURE__ */ jsx338(
               "td",
               {
@@ -30887,4 +30957,4 @@ export {
   useOAuthClients,
   useOAuthClient
 };
-//# sourceMappingURL=chunk-HP6DT6K3.mjs.map
+//# sourceMappingURL=chunk-KVYYPKRO.mjs.map