@edifice.io/react 2.6.6-develop-b2school.20260924174112 → 2.6.6-develop-b2school.20260925172645

package/dist/modules/homepage/components/Favorites/Favorites.js

@@ -16,10 +16,10 @@ function Favorites({
     sensitivity: "base"
   })), [apps, t]);
   return /* @__PURE__ */ jsxs(HomeCard, { variant: "secondary", children: [
-    /* @__PURE__ */ jsx(HomeCard.Header, { title: t("homepage.favorites.title", "Favoris"), actionLabel: t("homepage.favorites.all", "Mes applis"), onActionClick: onSeeAllClick, actionRightIcon: /* @__PURE__ */ jsx(SvgIconArrowRight, {}) }),
+    /* @__PURE__ */ jsx(HomeCard.Header, { title: t("homepage.favorites.title"), actionLabel: t("homepage.favorites.all"), onActionClick: onSeeAllClick, actionRightIcon: /* @__PURE__ */ jsx(SvgIconArrowRight, {}) }),
     /* @__PURE__ */ jsx(HomeCard.Content, { children: /* @__PURE__ */ jsx("div", { className: "favorites-content", children: visibleApps.length === 0 ? /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "12", children: [
       /* @__PURE__ */ jsx("img", { src: illuEmptyFavorite, alt: "", width: 50, height: 50 }),
-      /* @__PURE__ */ jsx("span", { className: "favorites-empty-text", children: t("homepage.favorites.empty", "Ajouter des applications à vos favoris pour les retrouver ici et y accéder rapidement !") })
+      /* @__PURE__ */ jsx("span", { className: "favorites-empty-text", children: t("homepage.favorites.empty") })
     ] }) : /* @__PURE__ */ jsx(Flex, { wrap: "wrap", gap: "8 16", children: visibleApps.map((app) => {
       const appName = getAppName(app), opensInNewTab = app.isExternal || app.target === "_blank";
       return /* @__PURE__ */ jsx("a", { href: app.address, "aria-label": appName, title: appName, target: opensInNewTab ? "_blank" : void 0, rel: opensInNewTab ? "noopener noreferrer" : void 0, children: /* @__PURE__ */ jsx(AppIcon, { app, size: "40", variant: "square" }) }, app.name);

package/dist/modules/homepage/components/HomeCard/HomeCard.d.ts

@@ -30,7 +30,7 @@ declare const HomeCard: {
     displayName: string;
 } & {
     Header: {
-        ({ title, actionLabel, onActionClick, actionLeftIcon, actionRightIcon, className, ...rest }: HomeCardHeaderProps): import("react/jsx-runtime").JSX.Element;
+        ({ title, actionLabel, onActionClick, actionLeftIcon, actionRightIcon, actionProps, className, ...rest }: HomeCardHeaderProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     Content: {

package/dist/modules/homepage/components/HomeCard/HomeCardHeader.d.ts

@@ -1,4 +1,5 @@
 import { ComponentPropsWithoutRef, MouseEventHandler, ReactNode } from 'react';
+import { ButtonBeta } from '../../../../components';
 export interface HomeCardHeaderProps extends Omit<ComponentPropsWithoutRef<'div'>, 'title'> {
     /** Title displayed on the left side of the header. */
     title: ReactNode;
@@ -10,9 +11,22 @@ export interface HomeCardHeaderProps extends Omit<ComponentPropsWithoutRef<'div'
     actionLeftIcon?: ReactNode;
     /** Optional right icon of the action button. */
     actionRightIcon?: ReactNode;
+    /**
+     * Extra props spread onto the action button (e.g. `data-testid`) — its
+     * default `data-testid` (`home-card-header-action`) isn't unique across
+     * the several `HomeCard`s a page can render, so consumers doing that
+     * should override it here. The `data-*` index signature covers
+     * attributes like `data-testid` that `ButtonBetaProps` doesn't declare:
+     * TypeScript's built-in allowance for undeclared `data-*`/`aria-*`
+     * attributes only applies to attributes written directly on a JSX
+     * element, not to a plain object literal passed as a prop value.
+     */
+    actionProps?: ComponentPropsWithoutRef<typeof ButtonBeta> & {
+        [key: `data-${string}`]: string;
+    };
 }
 declare const HomeCardHeader: {
-    ({ title, actionLabel, onActionClick, actionLeftIcon, actionRightIcon, className, ...rest }: HomeCardHeaderProps): import("react/jsx-runtime").JSX.Element;
+    ({ title, actionLabel, onActionClick, actionLeftIcon, actionRightIcon, actionProps, className, ...rest }: HomeCardHeaderProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default HomeCardHeader;

package/dist/modules/homepage/components/HomeCard/HomeCardHeader.js

@@ -8,13 +8,14 @@ const HomeCardHeader = ({
   onActionClick,
   actionLeftIcon,
   actionRightIcon,
+  actionProps,
   className,
   ...rest
 }) => {
   const hasAction = !!actionLabel && !!onActionClick;
   return /* @__PURE__ */ jsxs(Flex, { align: "center", justify: "between", gap: "8", className: clsx("home-card-header", className), ...rest, children: [
     /* @__PURE__ */ jsx("h3", { className: "home-card-header-title", children: title }),
-    hasAction && /* @__PURE__ */ jsx(ButtonBeta, { color: "tertiary", size: "sm", variant: "ghost", onClick: onActionClick, leftIcon: actionLeftIcon, rightIcon: actionRightIcon, "data-testid": "home-card-header-action", children: actionLabel })
+    hasAction && /* @__PURE__ */ jsx(ButtonBeta, { color: "tertiary", size: "sm", variant: "ghost", onClick: onActionClick, leftIcon: actionLeftIcon, rightIcon: actionRightIcon, "data-testid": "home-card-header-action", ...actionProps, children: actionLabel })
   ] });
 };
 export {

package/dist/modules/homepage/components/Notifications/components/ReportNotificationModal.js

@@ -11,7 +11,7 @@ const ReportNotificationModal = ({
   const {
     t
   } = useTranslation();
-  return /* @__PURE__ */ jsxs(Modal, { id: "report-notification-modal", size: "lg", isOpen, onModalClose: onCancel, children: [
+  return /* @__PURE__ */ jsxs(Modal, { id: "report-notification-modal", size: "sm", isOpen, onModalClose: onCancel, children: [
     /* @__PURE__ */ jsx(Modal.Header, { onModalClose: onCancel, children: t("homepage.notifications.report-modal.title", {
       defaultValue: "Signaler une notification"
     }) }),

package/dist/modules/homepage/components/UsefulLinks/LinkForm.js

@@ -6,7 +6,7 @@ import FormControl from "../../../../components/Form/FormControl.js";
 import Label from "../../../../components/Label/Label.js";
 import Input from "../../../../components/Input/Input.js";
 import ButtonBeta from "../../../../components/ButtonBeta/ButtonBeta.js";
-const NAME_MAX_LENGTH = 80, URL_PLACEHOLDER = "https://example.fr", URL_PATTERN = /^https?:\/\/.+/i;
+const NAME_MAX_LENGTH = 80, URL_PATTERN = /^https?:\/\/.+/i;
 function LinkForm({
   mode,
   link,
@@ -31,7 +31,7 @@ function LinkForm({
       name: (link == null ? void 0 : link.name) ?? "",
       url: (link == null ? void 0 : link.url) ?? ""
     }
-  }), title = mode === "add" ? t("homepage.usefulLinks.form.addTitle", "Ajouter un lien") : t("homepage.usefulLinks.form.editTitle", "Modifier un lien"), handleFormSubmit = (data) => {
+  }), title = t(mode === "add" ? "homepage.usefulLinks.form.addTitle" : "homepage.usefulLinks.form.editTitle"), handleFormSubmit = (data) => {
     onSubmit({
       name: data.name.trim(),
       url: data.url.trim()
@@ -41,24 +41,24 @@ function LinkForm({
     /* @__PURE__ */ jsx(ModalBeta.Header, { onModalClose: onClose, children: title }),
     /* @__PURE__ */ jsx(ModalBeta.Body, { children: /* @__PURE__ */ jsxs("form", { id: formId, onSubmit: handleSubmit(handleFormSubmit), children: [
       /* @__PURE__ */ jsxs(FormControl, { id: "useful-link-name", className: "mb-16", isRequired: !0, children: [
-        /* @__PURE__ */ jsx(Label, { children: t("homepage.usefulLinks.form.name", "Nom") }),
-        /* @__PURE__ */ jsx(Input, { type: "text", size: "md", maxLength: NAME_MAX_LENGTH, showCounter: !0, clearable: !0, "data-testid": "usefullinks-input-name", placeholder: t("homepage.usefulLinks.form.name.placeholder", "Nom du lien utile"), ...register("name", {
+        /* @__PURE__ */ jsx(Label, { children: t("homepage.usefulLinks.form.name") }),
+        /* @__PURE__ */ jsx(Input, { type: "text", size: "md", maxLength: NAME_MAX_LENGTH, showCounter: !0, clearable: !0, "data-testid": "usefullinks-input-name", placeholder: t("homepage.usefulLinks.form.name.placeholder"), ...register("name", {
           required: !0,
           maxLength: NAME_MAX_LENGTH
         }) })
       ] }),
       /* @__PURE__ */ jsxs(FormControl, { id: "useful-link-url", isRequired: !0, status: errors.url ? "invalid" : void 0, children: [
-        /* @__PURE__ */ jsx(Label, { children: t("homepage.usefulLinks.form.url", "Lien") }),
-        /* @__PURE__ */ jsx(Input, { type: "text", size: "md", "data-testid": "usefullinks-input-url", placeholder: t("homepage.usefulLinks.form.url.placeholder", URL_PLACEHOLDER), ...register("url", {
+        /* @__PURE__ */ jsx(Label, { children: t("homepage.usefulLinks.form.url") }),
+        /* @__PURE__ */ jsx(Input, { type: "text", size: "md", "data-testid": "usefullinks-input-url", placeholder: t("homepage.usefulLinks.form.url.placeholder"), ...register("url", {
           required: !0,
           pattern: URL_PATTERN
         }) }),
-        errors.url && /* @__PURE__ */ jsx(FormControl.Text, { children: t("homepage.usefulLinks.form.url.error", "L'adresse doit être une URL valide (ex. https://exemple.fr)") })
+        errors.url && /* @__PURE__ */ jsx(FormControl.Text, { children: t("homepage.usefulLinks.form.url.error") })
       ] })
     ] }) }),
     /* @__PURE__ */ jsxs(ModalBeta.Footer, { children: [
-      /* @__PURE__ */ jsx(ButtonBeta, { type: "button", variant: "ghost", color: "tertiary", "data-testid": "usefullinks-button-cancel", onClick: onCancel, children: t("homepage.usefulLinks.form.cancel", "Annuler") }),
-      /* @__PURE__ */ jsx(ButtonBeta, { form: formId, type: "submit", isLoading: isSubmitting, disabled: !isValid || !isDirty || isSubmitting, "data-testid": "usefullinks-button-save", children: t("homepage.usefulLinks.form.save", "Enregistrer") })
+      /* @__PURE__ */ jsx(ButtonBeta, { type: "button", variant: "ghost", color: "tertiary", "data-testid": "usefullinks-button-cancel", onClick: onCancel, children: t("homepage.usefulLinks.form.cancel") }),
+      /* @__PURE__ */ jsx(ButtonBeta, { form: formId, type: "submit", isLoading: isSubmitting, disabled: !isValid || !isDirty || isSubmitting, "data-testid": "usefullinks-button-save", children: t("homepage.usefulLinks.form.save") })
     ] })
   ] });
 }

package/dist/modules/homepage/components/UsefulLinks/UsefulLinks.js

@@ -14,14 +14,16 @@ function UsefulLinks({
     t
   } = useTranslation();
   return /* @__PURE__ */ jsxs(HomeCard, { variant: "primary", children: [
-    /* @__PURE__ */ jsx(HomeCard.Header, { title: t("homepage.usefulLinks.title", "Liens utiles"), actionLabel: t("homepage.usefulLinks.edit", "Éditer"), actionLeftIcon: /* @__PURE__ */ jsx(SvgIconEdit, {}), onActionClick: onEditClick }),
+    /* @__PURE__ */ jsx(HomeCard.Header, { title: t("homepage.usefulLinks.title"), actionLabel: t("homepage.usefulLinks.edit"), actionLeftIcon: /* @__PURE__ */ jsx(SvgIconEdit, {}), onActionClick: onEditClick, actionProps: {
+      "data-testid": "usefullinks-button-edit"
+    } }),
     /* @__PURE__ */ jsx(HomeCard.Content, { children: links.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "useful-links-widget__empty", children: [
       /* @__PURE__ */ jsx(Image, { src: illuEmptyUsefulLinks, alt: "", "aria-hidden": "true", style: {
         width: 160,
         height: 87
       } }),
-      /* @__PURE__ */ jsx("p", { className: "useful-links-widget__empty-text", children: t("homepage.usefulLinks.empty", "Gardez à portée de main les sites web que vous utilisez souvent !") })
-    ] }) : /* @__PURE__ */ jsx(Flex, { direction: "column", gap: "8", children: links.map((link) => /* @__PURE__ */ jsx(LinkPill, { href: link.url, label: link.name }, link.id)) }) })
+      /* @__PURE__ */ jsx("p", { className: "useful-links-widget__empty-text", children: t("homepage.usefulLinks.empty") })
+    ] }) : /* @__PURE__ */ jsx(Flex, { direction: "column", gap: "8", children: links.map((link) => /* @__PURE__ */ jsx(LinkPill, { href: link.url, label: link.name, "data-testid": `usefullinks-link-${link.id}` }, link.id)) }) })
   ] });
 }
 export {

package/dist/modules/homepage/components/UsefulLinks/UsefulLinksModal.js

@@ -23,9 +23,9 @@ function UsefulLinksModal({
     t
   } = useTranslation(), {
     md
-  } = useBreakpoint(), addLinkButton = /* @__PURE__ */ jsx(ButtonBeta, { type: "button", variant: "outline", leftIcon: /* @__PURE__ */ jsx(SvgIconPlus, {}), onClick: onAddClick, disabled: !canAddLink, "data-testid": "usefullinks-button-add", children: t("homepage.usefulLinks.modal.add", "Ajouter un lien") });
+  } = useBreakpoint(), addLinkButton = /* @__PURE__ */ jsx(ButtonBeta, { type: "button", variant: "outline", leftIcon: /* @__PURE__ */ jsx(SvgIconPlus, {}), onClick: onAddClick, disabled: !canAddLink, "data-testid": "usefullinks-button-add", children: t("homepage.usefulLinks.modal.add") });
   return /* @__PURE__ */ jsxs(ModalBeta, { id: "useful-links-modal", isOpen, size: "l", onModalClose: onClose, children: [
-    /* @__PURE__ */ jsx(ModalBeta.Header, { onModalClose: onClose, children: t("homepage.usefulLinks.modal.title", "Gérer les liens utiles") }),
+    /* @__PURE__ */ jsx(ModalBeta.Header, { onModalClose: onClose, children: t("homepage.usefulLinks.modal.title") }),
     /* @__PURE__ */ jsx(ModalBeta.Body, { children: links.length === 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(Flex, { justify: "end", className: "mb-16", children: addLinkButton }),
       /* @__PURE__ */ jsxs("div", { className: "useful-links-modal__empty", children: [
@@ -33,14 +33,14 @@ function UsefulLinksModal({
           width: 200,
           height: 109
         } }),
-        /* @__PURE__ */ jsx("p", { className: "useful-links-modal__empty-title", children: t("homepage.usefulLinks.modal.empty.title", "Pas encore de liens ajoutés") }),
-        /* @__PURE__ */ jsx("p", { className: "useful-links-modal__empty-text", children: t("homepage.usefulLinks.modal.empty.text", "Gardez à portée de main les sites web que vous utilisez souvent !") })
+        /* @__PURE__ */ jsx("p", { className: "useful-links-modal__empty-title", children: t("homepage.usefulLinks.modal.empty.title") }),
+        /* @__PURE__ */ jsx("p", { className: "useful-links-modal__empty-text", children: t("homepage.usefulLinks.modal.empty.text") })
       ] })
     ] }) : /* @__PURE__ */ jsx("div", { className: "useful-links-table", children: /* @__PURE__ */ jsxs(Table, { children: [
       /* @__PURE__ */ jsx(Table.Thead, { children: /* @__PURE__ */ jsxs(Table.Tr, { children: [
-        /* @__PURE__ */ jsx(Table.Th, { className: "visually-hidden", children: t("homepage.usefulLinks.modal.table.name", "Nom") }),
-        /* @__PURE__ */ jsx(Table.Th, { className: "visually-hidden", children: t("homepage.usefulLinks.modal.table.url", "Adresse URL") }),
-        /* @__PURE__ */ jsx(Table.Th, { className: "visually-hidden", children: t("homepage.usefulLinks.modal.table.actions", "Actions") })
+        /* @__PURE__ */ jsx(Table.Th, { className: "visually-hidden", children: t("homepage.usefulLinks.modal.table.name") }),
+        /* @__PURE__ */ jsx(Table.Th, { className: "visually-hidden", children: t("homepage.usefulLinks.modal.table.url") }),
+        /* @__PURE__ */ jsx(Table.Th, { className: "visually-hidden", children: t("homepage.usefulLinks.modal.table.actions") })
       ] }) }),
       /* @__PURE__ */ jsxs(Table.Tbody, { children: [
         /* @__PURE__ */ jsx(Table.Tr, { className: "useful-links-table__action-row", children: /* @__PURE__ */ jsx(Table.Td, { colSpan: md ? 3 : 2, children: /* @__PURE__ */ jsx(Flex, { justify: "end", children: addLinkButton }) }) }),
@@ -48,10 +48,10 @@ function UsefulLinksModal({
           /* @__PURE__ */ jsx(Table.Td, { className: "useful-links-table__name", children: link.name }),
           /* @__PURE__ */ jsx(Table.Td, { className: "useful-links-table__url", children: link.url }),
           /* @__PURE__ */ jsx(Table.Td, { className: "useful-links-table__actions", children: /* @__PURE__ */ jsxs(Flex, { gap: "4", justify: "end", children: [
-            /* @__PURE__ */ jsx(ButtonBeta, { type: "button", variant: "ghost", color: "tertiary", size: "sm", leftIcon: /* @__PURE__ */ jsx(SvgIconEdit, {}), "aria-label": t("homepage.usefulLinks.modal.table.edit", "Modifier [[name]]", {
+            /* @__PURE__ */ jsx(ButtonBeta, { type: "button", variant: "ghost", color: "tertiary", size: "sm", leftIcon: /* @__PURE__ */ jsx(SvgIconEdit, {}), "aria-label": t("homepage.usefulLinks.modal.table.edit", {
               name: link.name
             }), "data-testid": `usefullinks-button-edit-${link.id}`, onClick: () => onEditLink(link) }),
-            /* @__PURE__ */ jsx(ButtonBeta, { type: "button", variant: "ghost", color: "tertiary", size: "sm", leftIcon: /* @__PURE__ */ jsx(SvgIconClose, {}), "aria-label": t("homepage.usefulLinks.modal.table.delete", "Supprimer [[name]]", {
+            /* @__PURE__ */ jsx(ButtonBeta, { type: "button", variant: "ghost", color: "tertiary", size: "sm", leftIcon: /* @__PURE__ */ jsx(SvgIconClose, {}), "aria-label": t("homepage.usefulLinks.modal.table.delete", {
               name: link.name
             }), "data-testid": `usefullinks-button-delete-${link.id}`, onClick: () => onDeleteLink(link.id) })
           ] }) })

package/dist/modules/homepage/components/UserSpace/UserSpace.d.ts

@@ -5,8 +5,10 @@ export type UserSpaceProps = {
     avatar: string;
     profile: UserProfile[number];
     children?: ReactNode;
+    /** Renders a trigger button in the top-right corner when provided. */
+    onCustomizeWidgetsClick?: () => void;
 };
-declare function UserSpace({ name, avatar, profile, children, }: UserSpaceProps): import("react/jsx-runtime").JSX.Element;
+declare function UserSpace({ name, avatar, profile, children, onCustomizeWidgetsClick, }: UserSpaceProps): import("react/jsx-runtime").JSX.Element;
 declare namespace UserSpace {
     var displayName: string;
 }

package/dist/modules/homepage/components/UserSpace/UserSpace.js

@@ -1,27 +1,33 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
+import SvgIconAddWidget from "../../../icons/components/IconAddWidget.js";
 import SvgIconClass from "../../../icons/components/IconClass.js";
 import { useProfileLinks } from "./hooks/useProfileLinks.js";
 import HomeCard from "../HomeCard/HomeCard.js";
 import Flex from "../../../../components/Flex/Flex.js";
 import Avatar from "../../../../components/Avatar/Avatar.js";
+import IconButton from "../../../../components/Button/IconButton.js";
 import ButtonBeta from "../../../../components/ButtonBeta/ButtonBeta.js";
 function UserSpace({
   name,
   avatar,
   profile,
-  children
+  children,
+  onCustomizeWidgetsClick
 }) {
   const {
     t
   } = useTranslation(), links = useProfileLinks(profile);
   return /* @__PURE__ */ jsxs(HomeCard, { variant: "user", footer: !!links && /* @__PURE__ */ jsx(Flex, { children: links.map((link, index) => /* @__PURE__ */ jsx(ButtonBeta, { size: "sm", variant: "ghost", leftIcon: /* @__PURE__ */ jsx(SvgIconClass, {}), onClick: () => window.location.href = link.url, children: link.text }, `${link.url}-${index}`)) }), children: [
-    /* @__PURE__ */ jsxs(Flex, { className: "user-space", direction: "row", gap: "8", children: [
-      /* @__PURE__ */ jsx(Avatar, { className: "user-space--avatar", size: "auto", alt: name, src: avatar, variant: "circle" }),
-      /* @__PURE__ */ jsxs(Flex, { direction: "column", children: [
-        /* @__PURE__ */ jsx("div", { "data-testid": "user-space-name", className: "user-space--name", children: name }),
-        /* @__PURE__ */ jsx("div", { "data-testid": "user-space-profile", className: "user-space--profile", children: t(profile) })
-      ] })
+    /* @__PURE__ */ jsxs(Flex, { className: "user-space", direction: "row", justify: "between", gap: "8", children: [
+      /* @__PURE__ */ jsxs(Flex, { direction: "row", gap: "8", children: [
+        /* @__PURE__ */ jsx(Avatar, { className: "user-space--avatar", size: "auto", alt: name, src: avatar, variant: "circle" }),
+        /* @__PURE__ */ jsxs(Flex, { direction: "column", children: [
+          /* @__PURE__ */ jsx("div", { "data-testid": "user-space-name", className: "user-space--name", children: name }),
+          /* @__PURE__ */ jsx("div", { "data-testid": "user-space-profile", className: "user-space--profile", children: t(profile) })
+        ] })
+      ] }),
+      onCustomizeWidgetsClick && /* @__PURE__ */ jsx(IconButton, { className: "user-space--customize-widgets", icon: /* @__PURE__ */ jsx(SvgIconAddWidget, {}), variant: "ghost", color: "tertiary", "aria-label": t("homepage.userSpace.customizeWidgets", "Personnaliser mes widgets"), onClick: onCustomizeWidgetsClick })
     ] }),
     children && /* @__PURE__ */ jsx(HomeCard.Content, { children })
   ] });

package/dist/modules/homepage/components/UserSpace/UserSpaceContainer.d.ts

@@ -1,7 +1,9 @@
 import { ReactNode } from 'react';
-export declare function UserSpaceContainer({ children }: {
+export interface UserSpaceContainerProps {
     children?: ReactNode;
-}): import("react/jsx-runtime").JSX.Element | null;
+    onCustomizeWidgetsClick?: () => void;
+}
+export declare function UserSpaceContainer({ children, onCustomizeWidgetsClick, }: UserSpaceContainerProps): import("react/jsx-runtime").JSX.Element | null;
 export declare namespace UserSpaceContainer {
     var displayName: string;
 }

package/dist/modules/homepage/components/UserSpace/UserSpaceContainer.js

@@ -2,7 +2,8 @@ import { jsx } from "react/jsx-runtime";
 import UserSpace from "./UserSpace.js";
 import useUser from "../../../../hooks/useUser/useUser.js";
 function UserSpaceContainer({
-  children
+  children,
+  onCustomizeWidgetsClick
 }) {
   var _a;
   const {
@@ -12,7 +13,7 @@ function UserSpaceContainer({
   } = useUser();
   if (!user || !userDescription) return null;
   const name = user.username || "", profile = ((_a = userDescription.profiles) == null ? void 0 : _a[0]) || "Guest";
-  return /* @__PURE__ */ jsx(UserSpace, { name, profile, avatar, children });
+  return /* @__PURE__ */ jsx(UserSpace, { name, profile, avatar, onCustomizeWidgetsClick, children });
 }
 export {
   UserSpaceContainer

package/dist/modules/homepage/components/WidgetsPersonalizationPanel/WidgetToggle.d.ts

@@ -0,0 +1,16 @@
+import { ComponentPropsWithoutRef } from 'react';
+export interface WidgetToggleProps extends Omit<ComponentPropsWithoutRef<'button'>, 'onClick' | 'type' | 'role' | 'aria-checked'> {
+    'checked': boolean;
+    'onChange': () => void;
+    'aria-label': string;
+}
+/**
+ * Dedicated on/off control for a widget row in `WidgetsPersonalizationPanel`.
+ * The generic `Switch` component doesn't match this panel's design (size,
+ * filled-vs-outlined states), so this is a small purpose-built control
+ * rather than a `Switch` variant.
+ */
+export declare function WidgetToggle({ checked, onChange, disabled, ...rest }: WidgetToggleProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace WidgetToggle {
+    var displayName: string;
+}

package/dist/modules/homepage/components/WidgetsPersonalizationPanel/WidgetToggle.js

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+function WidgetToggle({
+  checked,
+  onChange,
+  disabled,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsx("button", { type: "button", role: "switch", "aria-checked": checked, disabled, className: clsx("widget-toggle", {
+    "widget-toggle--checked": checked
+  }), onClick: onChange, ...rest, children: /* @__PURE__ */ jsx("span", { className: "widget-toggle__knob" }) });
+}
+export {
+  WidgetToggle
+};

package/dist/modules/homepage/components/WidgetsPersonalizationPanel/WidgetsPersonalizationPanel.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode } from 'react';
+export interface WidgetPersonalizationItem {
+    id: string;
+    label: string;
+    icon: ReactNode;
+    checked: boolean;
+    /** When true, the widget is pinned by an admin: no toggle, lock icon instead. */
+    locked?: boolean;
+}
+export interface WidgetsPersonalizationPanelProps {
+    items: WidgetPersonalizationItem[];
+    isLoading?: boolean;
+    onToggle: (id: string) => void;
+    onClose: () => void;
+    title?: string;
+    description?: string;
+}
+export declare function WidgetsPersonalizationPanel({ items, isLoading, onToggle, onClose, title, description, }: WidgetsPersonalizationPanelProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace WidgetsPersonalizationPanel {
+    var displayName: string;
+}

package/dist/modules/homepage/components/WidgetsPersonalizationPanel/WidgetsPersonalizationPanel.js

@@ -0,0 +1,47 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import clsx from "clsx";
+import SvgIconClose from "../../../icons/components/IconClose.js";
+import SvgIconLock from "../../../icons/components/IconLock.js";
+import { WidgetToggle } from "./WidgetToggle.js";
+import Heading from "../../../../components/Heading/Heading.js";
+import IconButton from "../../../../components/Button/IconButton.js";
+import TextSkeleton from "../../../../components/Skeleton/TextSkeleton.js";
+const SKELETON_ROWS = 5;
+function WidgetsPersonalizationPanel({
+  items,
+  isLoading = !1,
+  onToggle,
+  onClose,
+  title,
+  description
+}) {
+  const {
+    t
+  } = useTranslation();
+  return /* @__PURE__ */ jsxs("div", { className: "widgets-personalization-panel", children: [
+    /* @__PURE__ */ jsxs("div", { className: "widgets-personalization-panel__header", children: [
+      /* @__PURE__ */ jsx(Heading, { level: "h2", headingStyle: "h5", className: "widgets-personalization-panel__title", children: title ?? t("homepage.widgetsPersonalization.title") }),
+      /* @__PURE__ */ jsx(IconButton, { icon: /* @__PURE__ */ jsx(SvgIconClose, {}), variant: "ghost", color: "tertiary", "aria-label": t("close"), onClick: onClose, "data-testid": "widgetspersonalization-button-close" })
+    ] }),
+    /* @__PURE__ */ jsx("p", { className: "widgets-personalization-panel__description", children: description ?? t("homepage.widgetsPersonalization.description") }),
+    isLoading ? /* @__PURE__ */ jsx("ul", { className: "widgets-personalization-panel__list", "aria-hidden": "true", children: Array.from({
+      length: SKELETON_ROWS
+    }).map((_, index) => /* @__PURE__ */ jsxs("li", { className: "widgets-personalization-panel__item widgets-personalization-panel__item--skeleton", children: [
+      /* @__PURE__ */ jsx(TextSkeleton, { className: "widgets-personalization-panel__item-icon-skeleton" }),
+      /* @__PURE__ */ jsx(TextSkeleton, { className: "widgets-personalization-panel__item-label-skeleton" })
+    ] }, index)) }) : items.length === 0 ? /* @__PURE__ */ jsx("div", { className: "widgets-personalization-panel__empty", children: /* @__PURE__ */ jsx("p", { className: "widgets-personalization-panel__empty-text", children: t("homepage.widgetsPersonalization.empty") }) }) : /* @__PURE__ */ jsx("ul", { className: "widgets-personalization-panel__list", children: items.map((item) => /* @__PURE__ */ jsxs("li", { className: clsx("widgets-personalization-panel__item", {
+      "widgets-personalization-panel__item--checked": item.checked && !item.locked,
+      "widgets-personalization-panel__item--locked": item.locked
+    }), "data-testid": `widgetspersonalization-item-${item.id}`, children: [
+      /* @__PURE__ */ jsx("span", { className: "widgets-personalization-panel__item-icon", "aria-hidden": "true", children: item.icon }),
+      /* @__PURE__ */ jsx("span", { className: "widgets-personalization-panel__item-label", children: item.label }),
+      item.locked ? /* @__PURE__ */ jsx("span", { className: "widgets-personalization-panel__item-lock", role: "img", "aria-label": t("homepage.widgetsPersonalization.locked"), "data-testid": `widgetspersonalization-lock-${item.id}`, children: /* @__PURE__ */ jsx(SvgIconLock, {}) }) : /* @__PURE__ */ jsx(WidgetToggle, { checked: item.checked, onChange: () => onToggle(item.id), "aria-label": t("homepage.widgetsPersonalization.toggle", {
+        label: item.label
+      }), "data-testid": `widgetspersonalization-toggle-${item.id}` })
+    ] }, item.id)) })
+  ] });
+}
+export {
+  WidgetsPersonalizationPanel
+};

package/dist/modules/homepage/components/WidgetsPersonalizationPanel/index.d.ts

@@ -0,0 +1,2 @@
+export * from './WidgetsPersonalizationPanel';
+export * from './WidgetToggle';

package/dist/modules/homepage/components/index.d.ts

@@ -7,3 +7,4 @@ export * from './Notifications';
 export * from './SchoolSpace';
 export * from './UsefulLinks';
 export * from './UserSpace';
+export * from './WidgetsPersonalizationPanel';

package/dist/modules/icons/components/IconAddWidget.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare const SvgIconAddWidget: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => import("react/jsx-runtime").JSX.Element;
+export default SvgIconAddWidget;

package/dist/modules/icons/components/IconAddWidget.js

@@ -0,0 +1,12 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const SvgIconAddWidget = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 20 20", "aria-hidden": "true", "aria-labelledby": titleId, ...props, children: [
+  title ? /* @__PURE__ */ jsx("title", { id: titleId, children: title }) : null,
+  /* @__PURE__ */ jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M15.834 10.833c.46 0 .833.373.833.834v2.5h2.5a.833.833 0 0 1 0 1.666h-2.5v2.5a.833.833 0 0 1-1.667 0v-2.5h-2.5a.833.833 0 0 1 0-1.666H15v-2.5c0-.46.373-.834.834-.834M8.333 3.333A.833.833 0 0 0 7.5 2.5h-5a.833.833 0 0 0-.833.833v13.334c0 .46.373.833.833.833h5c.46 0 .833-.373.833-.833zM10 16.667a2.5 2.5 0 0 1-2.5 2.5h-5a2.5 2.5 0 0 1-2.5-2.5V3.333a2.5 2.5 0 0 1 2.5-2.5h5a2.5 2.5 0 0 1 2.5 2.5zM18.334 3.333A.833.833 0 0 0 17.5 2.5h-3.333a.833.833 0 0 0-.833.833v3.334c0 .46.373.833.833.833H17.5c.46 0 .834-.373.834-.833zM20 6.667a2.5 2.5 0 0 1-2.5 2.5h-3.333a2.5 2.5 0 0 1-2.5-2.5V3.333a2.5 2.5 0 0 1 2.5-2.5H17.5a2.5 2.5 0 0 1 2.5 2.5z", clipRule: "evenodd" })
+] });
+export {
+  SvgIconAddWidget as default
+};

package/dist/modules/icons/components/index.d.ts

@@ -1,4 +1,5 @@
 export { default as IconAddUser } from './IconAddUser';
+export { default as IconAddWidget } from './IconAddWidget';
 export { default as IconAdd } from './IconAdd';
 export { default as IconAdjustSettings } from './IconAdjustSettings';
 export { default as IconAiFill } from './IconAiFill';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edifice.io/react",
-  "version": "2.6.6-develop-b2school.20260924174112",
+  "version": "2.6.6-develop-b2school.20260925172645",
   "description": "Edifice React Library",
   "keywords": [
     "react",
@@ -140,9 +140,9 @@
     "swiper": "10.1.0",
     "ua-parser-js": "1.0.36",
     "zustand": "4.5.7",
-    "@edifice.io/bootstrap": "2.6.6-develop-b2school.20260924174112",
-    "@edifice.io/tiptap-extensions": "2.6.6-develop-b2school.20260924174112",
-    "@edifice.io/utilities": "2.6.6-develop-b2school.20260924174112"
+    "@edifice.io/bootstrap": "2.6.6-develop-b2school.20260925172645",
+    "@edifice.io/tiptap-extensions": "2.6.6-develop-b2school.20260925172645",
+    "@edifice.io/utilities": "2.6.6-develop-b2school.20260925172645"
   },
   "devDependencies": {
     "@babel/plugin-transform-react-pure-annotations": "7.27.1",
@@ -173,8 +173,8 @@
     "vite": "5.4.14",
     "vite-plugin-dts": "4.5.4",
     "vite-tsconfig-paths": "5.1.4",
-    "@edifice.io/client": "2.6.6-develop-b2school.20260924174112",
-    "@edifice.io/config": "2.6.6-develop-b2school.20260924174112"
+    "@edifice.io/client": "2.6.6-develop-b2school.20260925172645",
+    "@edifice.io/config": "2.6.6-develop-b2school.20260925172645"
   },
   "peerDependencies": {
     "@react-spring/web": "9.7.5",