@hgdc/ui 0.53.0 → 0.55.0

package/dist/addresses.d.ts

@@ -11,11 +11,12 @@
 export declare const APP_ORIGIN = "https://app.hgdc.ch";
 /**
  * Produits servis sous `https://app.hgdc.ch/<mot>` (consoles relayées par la passerelle, ADR 0005).
- * Account (fournisseur d'identité) et Portal (pas encore relayé) gardent leur hôte. Status : la
+ * Account et ID (fournisseur d'identité) gardent leur hôte ; Manager (organisations, ex-Account) a son backend dans
+ * l'instance `account`, mais sa console est relayée comme les autres (ADR 0015 de la famille). Status : la
  * console seule, `status.hgdc.ch` garde les pages publiques et la console de secours. Vérifiée contre
  * le manifeste privé de la famille (`famille check`) : un produit relayé s'ajoute ici et là.
  */
-export declare const APP_PRODUCTS: readonly ["analytics", "mail", "host", "docs", "status", "iassistant", "portal"];
+export declare const APP_PRODUCTS: readonly ["analytics", "mail", "host", "docs", "status", "iassistant", "portal", "manager"];
 /** Vrai si le produit est servi sous `app.hgdc.ch`. */
 export declare function isAppProduct(product: string): boolean;
 /**

package/dist/addresses.js

@@ -11,11 +11,12 @@
 export const APP_ORIGIN = "https://app.hgdc.ch";
 /**
  * Produits servis sous `https://app.hgdc.ch/<mot>` (consoles relayées par la passerelle, ADR 0005).
- * Account (fournisseur d'identité) et Portal (pas encore relayé) gardent leur hôte. Status : la
+ * Account et ID (fournisseur d'identité) gardent leur hôte ; Manager (organisations, ex-Account) a son backend dans
+ * l'instance `account`, mais sa console est relayée comme les autres (ADR 0015 de la famille). Status : la
  * console seule, `status.hgdc.ch` garde les pages publiques et la console de secours. Vérifiée contre
  * le manifeste privé de la famille (`famille check`) : un produit relayé s'ajoute ici et là.
  */
-export const APP_PRODUCTS = ["analytics", "mail", "host", "docs", "status", "iassistant", "portal"];
+export const APP_PRODUCTS = ["analytics", "mail", "host", "docs", "status", "iassistant", "portal", "manager"];
 /** Vrai si le produit est servi sous `app.hgdc.ch`. */
 export function isAppProduct(product) {
     return APP_PRODUCTS.includes(product.toLowerCase());

package/dist/avatar.js

@@ -2,23 +2,13 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Avatar as AvatarPrimitive } from "@base-ui/react/avatar";
 import * as React from "react";
 import { cn } from "./cn.js";
-import { avatarTone } from "./initials.js";
+import { AVATAR_TONE_CLASSES, avatarTone } from "./initials.js";
 function Avatar({ className, size = "default", ...props }) {
     return (_jsx(AvatarPrimitive.Root, { "data-slot": "avatar", "data-size": size, className: cn("group/avatar relative flex size-8 shrink-0 rounded-full select-none after:absolute after:inset-0 after:rounded-full after:border after:border-border after:mix-blend-darken data-[size=lg]:size-10 data-[size=sm]:size-6 dark:after:mix-blend-lighten", className), ...props }));
 }
 function AvatarImage({ className, ...props }) {
     return (_jsx(AvatarPrimitive.Image, { "data-slot": "avatar-image", className: cn("aspect-square size-full rounded-full object-cover", className), ...props }));
 }
-/** Lavis et encre de chaque teinte (`--avatar-<n>`, `styles.css`), à 4,5:1 en clair et en sombre. */
-const TONE_CLASSES = {
-    1: "bg-avatar-1 text-avatar-1-ink",
-    2: "bg-avatar-2 text-avatar-2-ink",
-    3: "bg-avatar-3 text-avatar-3-ink",
-    4: "bg-avatar-4 text-avatar-4-ink",
-    5: "bg-avatar-5 text-avatar-5-ink",
-    6: "bg-avatar-6 text-avatar-6-ink",
-    7: "bg-avatar-7 text-avatar-7-ink",
-};
 /**
  * Ce qui s'affiche sans photo (la photo, `AvatarImage`, reste prioritaire). Des initiales en
  * texte prennent une teinte de la marque, stable : celle de `colorKey` (identifiant ou adresse
@@ -28,7 +18,7 @@ const TONE_CLASSES = {
 function AvatarFallback({ className, colorKey, children, ...props }) {
     const key = colorKey === undefined ? (typeof children === "string" ? children : "") : (colorKey ?? "");
     const tone = key.trim() ? avatarTone(key) : null;
-    return (_jsx(AvatarPrimitive.Fallback, { "data-slot": "avatar-fallback", "data-tone": tone ?? undefined, className: cn("flex size-full items-center justify-center rounded-full text-sm group-data-[size=sm]/avatar:text-xs", tone ? cn("font-semibold", TONE_CLASSES[tone]) : "bg-muted text-muted-foreground", className), ...props, children: children }));
+    return (_jsx(AvatarPrimitive.Fallback, { "data-slot": "avatar-fallback", "data-tone": tone ?? undefined, className: cn("flex size-full items-center justify-center rounded-full text-sm group-data-[size=sm]/avatar:text-xs", tone ? cn("font-semibold", AVATAR_TONE_CLASSES[tone]) : "bg-muted text-muted-foreground", className), ...props, children: children }));
 }
 function AvatarBadge({ className, ...props }) {
     return (_jsx("span", { "data-slot": "avatar-badge", className: cn("absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-primary text-primary-foreground bg-blend-color ring-2 ring-background select-none", "group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden", "group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2", "group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2", className), ...props }));

package/dist/family-svg.d.ts

@@ -1,5 +1,5 @@
 /** Les produits de la H Collection qui ont une icône, par leur mot en minuscules. */
-export declare const FAMILY_PRODUCTS: readonly ["account", "host", "mail", "portal", "status", "analytics", "docs", "iassistant", "id"];
+export declare const FAMILY_PRODUCTS: readonly ["account", "host", "mail", "portal", "status", "analytics", "docs", "iassistant", "id", "manager"];
 export type FamilyProduct = (typeof FAMILY_PRODUCTS)[number];
 /** Vrai si le mot en minuscules (« host ») désigne un produit qui a une icône. */
 export declare function isFamilyProduct(word: string): word is FamilyProduct;

package/dist/family-svg.js

@@ -10,6 +10,7 @@ export const FAMILY_PRODUCTS = [
     "docs",
     "iassistant",
     "id",
+    "manager",
 ];
 /** Vrai si le mot en minuscules (« host ») désigne un produit qui a une icône. */
 export function isFamilyProduct(word) {
@@ -29,6 +30,7 @@ export const PRODUCT_BADGE_SVG = {
     docs: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><svg x="0" y="0" width="64" height="64" viewBox="14 13 36 36"><defs><linearGradient id="g" x1="14" y1="14" x2="50" y2="50" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0ec1dc"/><stop offset="1" stop-color="#0aa3c1"/></linearGradient></defs><path d="M26 13H46A3 3 0 0 1 49 16V43A3 3 0 0 1 46 46H26A3 3 0 0 1 23 43V16A3 3 0 0 1 26 13Z" fill="url(#g)" fill-opacity="0.22" fill-rule="evenodd"/><path d="M18 18H32V24.5A2.5 2.5 0 0 0 34.5 27H41V46A3 3 0 0 1 38 49H18A3 3 0 0 1 15 46V21A3 3 0 0 1 18 18ZM21.3 33H34.7A1.3 1.3 0 0 1 36 34.3V34.300000000000004A1.3 1.3 0 0 1 34.7 35.6H21.3A1.3 1.3 0 0 1 20 34.300000000000004V34.3A1.3 1.3 0 0 1 21.3 33ZM21.3 39H29.7A1.3 1.3 0 0 1 31 40.3V40.300000000000004A1.3 1.3 0 0 1 29.7 41.6H21.3A1.3 1.3 0 0 1 20 40.300000000000004V40.3A1.3 1.3 0 0 1 21.3 39Z" fill="url(#g)" fill-rule="evenodd"/><path d="M32 18L41 27H34.5A2.5 2.5 0 0 1 32 24.5Z" fill="url(#g)" fill-opacity="0.45" fill-rule="evenodd"/></svg></svg>',
     iassistant: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><svg x="0" y="0" width="64" height="64" viewBox="16 18 34 34"><defs><linearGradient id="g" x1="14" y1="14" x2="50" y2="50" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#d946ef"/><stop offset="1" stop-color="#c026d3"/></linearGradient></defs><path d="M24 18H38A6 6 0 0 1 44 24V32A6 6 0 0 1 38 38H27L21 43V37.2A6 6 0 0 1 18 32V24A6 6 0 0 1 24 18Z" fill="url(#g)" fill-opacity="0.4" fill-rule="evenodd"/><path d="M29 27H43A6 6 0 0 1 49 33V41A6 6 0 0 1 43 47V51.5L37.5 47H29A6 6 0 0 1 23 41V33A6 6 0 0 1 29 27ZM28.1 37A1.9 1.9 0 1 0 31.9 37A1.9 1.9 0 1 0 28.1 37ZM34.1 37A1.9 1.9 0 1 0 37.9 37A1.9 1.9 0 1 0 34.1 37ZM40.1 37A1.9 1.9 0 1 0 43.9 37A1.9 1.9 0 1 0 40.1 37Z" fill="url(#g)" fill-rule="evenodd"/></svg></svg>',
     id: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><svg x="0" y="0" width="64" height="64" viewBox="18 18 48 48"><defs><linearGradient id="g" x1="18" y1="18" x2="66" y2="66" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ff2a2a"/><stop offset="1" stop-color="#e60000"/></linearGradient></defs><path d="M28.5 18H55.5A10.5 10.5 0 0 1 66 28.5V55.5A10.5 10.5 0 0 1 55.5 66H28.5A10.5 10.5 0 0 1 18 55.5V28.5A10.5 10.5 0 0 1 28.5 18Z" fill="url(#g)"/><path d="M37.8 28L46.2 28L46.2 37.8L56 37.8L56 46.2L46.2 46.2L46.2 56L37.8 56L37.8 46.2L28 46.2L28 37.8L37.8 37.8Z" transform="translate(1.9 1.9)" fill="#fff" fill-opacity="0.4"/><path d="M37.8 28L46.2 28L46.2 37.8L56 37.8L56 46.2L46.2 46.2L46.2 56L37.8 56L37.8 46.2L28 46.2L28 37.8L37.8 37.8Z" transform="translate(-1.9 -1.9)" fill="#fff"/></svg></svg>',
+    manager: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><svg x="0" y="0" width="64" height="64" viewBox="14 16.5 36 36"><defs><linearGradient id="g" x1="14" y1="14" x2="50" y2="50" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ff6a3d"/><stop offset="1" stop-color="#fc582e"/></linearGradient></defs><path d="M17.2 27.5A3.8 3.8 0 1 0 24.8 27.5A3.8 3.8 0 1 0 17.2 27.5ZM14 44.5C14 39.5 17 36 21 36C25 36 28 39.5 28 44.5ZM39.2 27.5A3.8 3.8 0 1 0 46.8 27.5A3.8 3.8 0 1 0 39.2 27.5ZM36 44.5C36 39.5 39 36 43 36C47 36 50 39.5 50 44.5Z" fill="url(#g)" fill-opacity="0.45" fill-rule="evenodd"/><path d="M26.5 25A5.5 5.5 0 1 0 37.5 25A5.5 5.5 0 1 0 26.5 25ZM21 47.5C21 40.5 26 35.5 32 35.5C38 35.5 43 40.5 43 47.5A2.5 2.5 0 0 1 40.5 50H23.5A2.5 2.5 0 0 1 21 47.5Z" fill="url(#g)" fill-rule="evenodd"/></svg></svg>',
 };
 /**
  * Empreinte de chaque icône d'e-mail (`email-icons/<mot>.png`), ajoutée à son adresse : un client
@@ -44,6 +46,7 @@ export const EMAIL_ICON_VERSION = {
     docs: "77f11f0b",
     iassistant: "2b9ed0e0",
     id: "4c663fa1",
+    manager: "0923b87a",
 };
 /** SVG du H « Double », la marque de la H Collection, sans fond (`family/hcollection-icon(-dark).svg`). */
 export const FAMILY_MARK_SVG = {

package/dist/initials.d.ts

@@ -15,3 +15,10 @@ export type AvatarTone = 1 | 2 | 3 | 4 | 5 | 6 | 7;
  * toujours la même teinte, dans tous les produits. FNV-1a 32 bits, puis modulo 7.
  */
 export declare function avatarTone(key: string): AvatarTone;
+/** Lavis et encre de chaque teinte (`--avatar-<n>`, `styles.css`), à 4,5:1 en clair et en sombre. */
+export declare const AVATAR_TONE_CLASSES: Readonly<Record<AvatarTone, string>>;
+/** Teinte de la marque d'une organisation (`OrgMark`, mémoire de la coque) : celle de son identifiant, sinon de son nom. */
+export declare function orgTone(org: {
+    id?: string | undefined;
+    name: string;
+}): AvatarTone;

package/dist/initials.js

@@ -36,3 +36,17 @@ export function avatarTone(key) {
     }
     return ((hash % AVATAR_TONES) + 1);
 }
+/** Lavis et encre de chaque teinte (`--avatar-<n>`, `styles.css`), à 4,5:1 en clair et en sombre. */
+export const AVATAR_TONE_CLASSES = {
+    1: "bg-avatar-1 text-avatar-1-ink",
+    2: "bg-avatar-2 text-avatar-2-ink",
+    3: "bg-avatar-3 text-avatar-3-ink",
+    4: "bg-avatar-4 text-avatar-4-ink",
+    5: "bg-avatar-5 text-avatar-5-ink",
+    6: "bg-avatar-6 text-avatar-6-ink",
+    7: "bg-avatar-7 text-avatar-7-ink",
+};
+/** Teinte de la marque d'une organisation (`OrgMark`, mémoire de la coque) : celle de son identifiant, sinon de son nom. */
+export function orgTone(org) {
+    return avatarTone(org.id?.trim() ? org.id : org.name);
+}

package/dist/org-switcher.d.ts

@@ -19,9 +19,15 @@ export type Organization = {
 };
 /** Un lien dans un menu, à l'allure d'un `DropdownMenuItem`. */
 export declare const MENU_LINK_ITEM: string;
-/** Marque d'une organisation : son logo, ou ses initiales (`initials`) sur un carré arrondi. */
+/**
+ * Marque d'une organisation : son logo, ou ses initiales (`initials`) sur un carré arrondi, dans la teinte de
+ * son identifiant (`avatarTone`) : deux organisations aux mêmes initiales ne se confondent pas. Sans `id`, la
+ * teinte du nom.
+ */
 export declare function OrgMark({ org, className, }: {
-    org: Pick<Organization, "name" | "logo">;
+    org: Pick<Organization, "name" | "logo"> & {
+        id?: string;
+    };
     className?: string;
 }): React.JSX.Element;
 /**

package/dist/org-switcher.js

@@ -7,7 +7,7 @@ import { Menu as MenuPrimitive } from "@base-ui/react/menu";
 import { useEffect } from "react";
 import { Badge } from "./badge.js";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, } from "./dropdown-menu.js";
-import { initials } from "./initials.js";
+import { AVATAR_TONE_CLASSES, initials, orgTone } from "./initials.js";
 import { rememberShellOrganization } from "./shell-memory.js";
 import { useShellPlacement } from "./shell-placement.js";
 import { cn } from "./cn.js";
@@ -25,11 +25,15 @@ export function RoleBadge({ orgRole: role, title, className, }) {
 }
 /** Un lien dans un menu, à l'allure d'un `DropdownMenuItem`. */
 export const MENU_LINK_ITEM = "relative flex cursor-default items-center gap-2.5 rounded-xl px-3 py-2 text-sm font-medium outline-hidden select-none focus:bg-muted focus:text-foreground data-highlighted:bg-muted max-lg:min-h-11 coarse:min-h-11 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
-/** Marque d'une organisation : son logo, ou ses initiales (`initials`) sur un carré arrondi. */
+/**
+ * Marque d'une organisation : son logo, ou ses initiales (`initials`) sur un carré arrondi, dans la teinte de
+ * son identifiant (`avatarTone`) : deux organisations aux mêmes initiales ne se confondent pas. Sans `id`, la
+ * teinte du nom.
+ */
 export function OrgMark({ org, className, }) {
     if (org.logo)
         return _jsx("img", { src: org.logo, alt: "", className: cn("size-8 shrink-0 rounded-lg object-cover", className) });
-    return (_jsx("span", { "aria-hidden": true, className: cn("grid size-8 shrink-0 place-items-center rounded-lg bg-foreground text-xs font-semibold text-background uppercase", className), children: initials(org.name) }));
+    return (_jsx("span", { "aria-hidden": true, className: cn("grid size-8 shrink-0 place-items-center rounded-lg text-xs font-semibold uppercase", AVATAR_TONE_CLASSES[orgTone(org)], className), children: initials(org.name) }));
 }
 /**
  * L'organisation active, et le menu pour en changer ou en créer une. En haut de la barre des
@@ -46,17 +50,17 @@ export function OrgSwitcher({ organizations, activeId, onSelect, createHref, onC
     const activeLogo = active?.logo;
     useEffect(() => {
         if (activeName !== undefined)
-            rememberShellOrganization({ name: activeName, logo: activeLogo });
-    }, [activeName, activeLogo]);
+            rememberShellOrganization({ id: activeId, name: activeName, logo: activeLogo });
+    }, [activeId, activeName, activeLogo]);
     if (!active)
         return null;
     // En haut de la barre des produits : la marque seule dans 40 px, le nom quand la barre s'élargit.
     const inRail = placement === "product-rail";
-    return (_jsxs(DropdownMenu, { children: [_jsxs(DropdownMenuTrigger, { render: _jsx("button", { type: "button", "aria-label": `Organisation ${active.name}, changer d'organisation`, className: cn("flex h-10 w-full min-w-0 items-center gap-2.5 rounded-xl px-1.5 text-left coarse:h-11 outline-none transition-colors duration-(--duration-fast) ease-out hover:bg-muted focus-visible:ring-2 focus-visible:ring-ring/50 aria-expanded:bg-muted", inRail
-                        ? "shrink-0 gap-3 px-1 hover:bg-shell-hover aria-expanded:bg-shell-hover"
+    return (_jsxs(DropdownMenu, { children: [_jsxs(DropdownMenuTrigger, { render: _jsx("button", { type: "button", "aria-label": `Organisation ${active.name}, changer d'organisation`, title: active.name, className: cn("flex min-h-10 w-full min-w-0 items-center gap-2.5 rounded-xl px-1.5 py-1 text-left coarse:min-h-11 outline-none transition-colors duration-(--duration-fast) ease-out hover:bg-muted focus-visible:ring-2 focus-visible:ring-ring/50 aria-expanded:bg-muted", inRail
+                        ? "h-10 shrink-0 gap-3 px-1 py-0 hover:bg-shell-hover aria-expanded:bg-shell-hover coarse:h-11"
                         : "lg:hover:bg-shell-hover lg:aria-expanded:bg-shell-hover lg:rail:w-auto lg:rail:justify-center lg:rail:px-1", className) }), children: [_jsx(OrgMark, { org: active }), _jsxs("span", { className: cn("min-w-0 flex-1", inRail
                             ? "opacity-0 transition-opacity duration-(--duration-fast) ease-out group-data-expanded/rail:opacity-100 motion-reduce:transition-none"
-                            : "lg:rail:hidden"), children: [_jsx("span", { className: "block truncate text-sm font-medium", children: active.name }), active.role ? (_jsx("span", { className: "block truncate text-xs text-muted-foreground lg:text-shell-muted", children: ORG_ROLE_LABEL[active.role] })) : null] }), _jsx(HugeiconsIcon, { icon: UnfoldMoreIcon, "aria-hidden": true, className: cn("size-4 shrink-0 text-muted-foreground lg:text-shell-muted", inRail
+                            : "lg:rail:hidden"), children: [_jsx("span", { className: cn("block text-sm font-medium", inRail ? "truncate" : "line-clamp-2 break-words"), children: active.name }), active.role ? (_jsx("span", { className: "block truncate text-xs text-muted-foreground lg:text-shell-muted", children: ORG_ROLE_LABEL[active.role] })) : null] }), _jsx(HugeiconsIcon, { icon: UnfoldMoreIcon, "aria-hidden": true, className: cn("size-4 shrink-0 text-muted-foreground lg:text-shell-muted", inRail
                             ? "opacity-0 transition-opacity duration-(--duration-fast) group-data-expanded/rail:opacity-100"
-                            : "lg:rail:hidden") })] }), _jsxs(DropdownMenuContent, { align: "start", className: "w-64", children: [_jsxs(DropdownMenuGroup, { children: [_jsx(DropdownMenuLabel, { children: "Organisations" }), organizations.map((org) => (_jsxs(DropdownMenuItem, { onClick: () => onSelect(org.id), children: [_jsx(OrgMark, { org: org, className: "size-6 rounded-md bg-muted text-[10px] text-foreground" }), _jsx("span", { className: "min-w-0 flex-1 truncate", children: org.name }), org.id === activeId ? (_jsx(HugeiconsIcon, { icon: Tick02Icon, "aria-label": "Organisation active", className: "size-4" })) : org.role ? (_jsx("span", { className: "text-xs font-normal text-muted-foreground", children: ORG_ROLE_LABEL[org.role] })) : null] }, org.id)))] }), createHref !== undefined ? (_jsxs(_Fragment, { children: [_jsx(DropdownMenuSeparator, {}), _jsxs(MenuPrimitive.LinkItem, { href: createHref, className: MENU_LINK_ITEM, children: [_jsx(HugeiconsIcon, { icon: PlusSignIcon, "aria-hidden": true }), "Cr\u00E9er une organisation"] })] })) : onCreate !== undefined ? (_jsxs(_Fragment, { children: [_jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { onClick: onCreate, children: [_jsx(HugeiconsIcon, { icon: PlusSignIcon, "aria-hidden": true }), "Cr\u00E9er une organisation"] })] })) : null] })] }));
+                            : "lg:rail:hidden") })] }), _jsxs(DropdownMenuContent, { align: "start", className: "w-64", children: [_jsxs(DropdownMenuGroup, { children: [_jsx(DropdownMenuLabel, { children: "Organisations" }), organizations.map((org) => (_jsxs(DropdownMenuItem, { onClick: () => onSelect(org.id), children: [_jsx(OrgMark, { org: org, className: "size-6 rounded-md text-[10px]" }), _jsx("span", { className: "min-w-0 flex-1 truncate", children: org.name }), org.id === activeId ? (_jsx(HugeiconsIcon, { icon: Tick02Icon, "aria-label": "Organisation active", className: "size-4" })) : org.role ? (_jsx("span", { className: "text-xs font-normal text-muted-foreground", children: ORG_ROLE_LABEL[org.role] })) : null] }, org.id)))] }), createHref !== undefined ? (_jsxs(_Fragment, { children: [_jsx(DropdownMenuSeparator, {}), _jsxs(MenuPrimitive.LinkItem, { href: createHref, className: MENU_LINK_ITEM, children: [_jsx(HugeiconsIcon, { icon: PlusSignIcon, "aria-hidden": true }), "Cr\u00E9er une organisation"] })] })) : onCreate !== undefined ? (_jsxs(_Fragment, { children: [_jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { onClick: onCreate, children: [_jsx(HugeiconsIcon, { icon: PlusSignIcon, "aria-hidden": true }), "Cr\u00E9er une organisation"] })] })) : null] })] }));
 }

package/dist/product-badge.js

@@ -16,6 +16,7 @@ export const PRODUCT_GRADIENT = {
     docs: { from: "#0ec1dc", to: "#0aa3c1" },
     iassistant: { from: "#d946ef", to: "#c026d3" },
     id: { from: "#ff2a2a", to: "#e60000" },
+    manager: { from: "#ff6a3d", to: "#fc582e" },
 };
 // En image plutôt qu'en SVG en ligne : chaque icône garde ses identifiants de dégradé pour elle,
 // plusieurs icônes dans une même page ne se marchent pas dessus.

package/dist/products.js

@@ -5,6 +5,7 @@ import BubbleChatIcon from "@hugeicons/core-free-icons/BubbleChatIcon";
 import Briefcase01Icon from "@hugeicons/core-free-icons/Briefcase01Icon";
 import Mail01Icon from "@hugeicons/core-free-icons/Mail01Icon";
 import Rocket01Icon from "@hugeicons/core-free-icons/Rocket01Icon";
+import UserGroupIcon from "@hugeicons/core-free-icons/UserGroupIcon";
 import UserCircleIcon from "@hugeicons/core-free-icons/UserCircleIcon";
 import { APP_ORIGIN, APP_PRODUCTS, isAppProduct, soloOrigin } from "./addresses.js";
 import { HGDC_EMAIL_ACCENT } from "./email-palette.js";
@@ -79,6 +80,7 @@ export const HGDC_PRODUCTS = [
     product("Docs", "Ta documentation en ligne, avec un assistant qui y répond.", BookOpen01Icon, "live"),
     product("IAssistant", "Une bulle de chat IA sur ton site, qui répond à tes visiteurs.", BubbleChatIcon, "preview"),
     id(),
+    product("Manager", "Tes organisations, leurs membres et leurs rôles.", UserGroupIcon, "live"),
 ];
 /** ID, le compte de connexion ouvert aux applications tierces : pas d'entrée `/auth/hgdc`, sa racine. */
 function id() {

package/dist/shell-memory.d.ts

@@ -9,6 +9,7 @@ export declare const SHELL_SWITCH_MAX_AGE_MS = 10000;
 export type ShellOrganization = {
     initials: string;
     logo?: string;
+    tone?: number;
 };
 export type ShellBootConfig = {
     /** Clé du rail de la barre latérale (`sidebar`), valeur `rail`. */
@@ -21,6 +22,8 @@ export type ShellBootConfig = {
     origins: ReadonlyArray<readonly [string, string, string]>;
     /** Domaine des produits sur leur sous-domaine (`hgdc.ch` : `mail.hgdc.ch` est Mail). */
     domain: string;
+    /** Nombre de teintes d'avatar (`AVATAR_TONES`) : la teinte retenue de l'organisation est un entier de 1 à `tones`. */
+    tones: number;
 };
 type BootWindow = {
     document: {
@@ -46,11 +49,13 @@ export declare const SHELL_BOOT_CONFIG: ShellBootConfig;
 export declare function shellBootScript(config?: ShellBootConfig): string;
 /** Ce que la coque retient d'une organisation : ses initiales et son logo (`https:` seulement). */
 export declare function shellOrganization(org: {
+    id?: string | undefined;
     name: string;
     logo?: string | undefined;
 }): ShellOrganization;
 /** Retient l'organisation affichée (`OrgSwitcher` le fait) et l'applique à la page. */
 export declare function rememberShellOrganization(org: {
+    id?: string | undefined;
     name: string;
     logo?: string | undefined;
 }): void;

package/dist/shell-memory.js

@@ -1,4 +1,4 @@
-import { initials } from "./initials.js";
+import { AVATAR_TONES, initials, orgTone } from "./initials.js";
 import { FAMILY_PRODUCTS } from "./family-svg.js";
 import { PRODUCT_ORIGINS } from "./products.js";
 /*
@@ -77,11 +77,26 @@ export function shellBoot(config, win) {
             root.style.setProperty("--hgdc-org-logo", `url("${logo}")`);
         else
             root.style.removeProperty("--hgdc-org-logo");
+        // Teinte d'OrgMark (`--avatar-<n>`), un entier de 1 à 7 seulement.
+        const tone = org && Number.isInteger(org.tone) && Number(org.tone) >= 1 && Number(org.tone) <= config.tones
+            ? Number(org.tone)
+            : 0;
+        if (tone) {
+            const token = `--avatar-${tone}`;
+            root.style.setProperty("--hgdc-org-bg", `var(${token})`);
+            root.style.setProperty("--hgdc-org-ink", `var(${token}-ink)`);
+        }
+        else {
+            root.style.removeProperty("--hgdc-org-bg");
+            root.style.removeProperty("--hgdc-org-ink");
+        }
     }
     else {
         delete root.dataset.hgdcOrg;
         root.style.removeProperty("--hgdc-org-initials");
         root.style.removeProperty("--hgdc-org-logo");
+        root.style.removeProperty("--hgdc-org-bg");
+        root.style.removeProperty("--hgdc-org-ink");
     }
     let height = 0;
     try {
@@ -101,6 +116,7 @@ export const SHELL_BOOT_CONFIG = {
     products: FAMILY_PRODUCTS,
     origins: Object.entries(PRODUCT_ORIGINS).map(([word, { origin, basePath }]) => [word, origin, basePath]),
     domain: "hgdc.ch",
+    tones: AVATAR_TONES,
 };
 /** Le script en ligne du `<head>` : `shellBoot` et sa configuration, sans dépendance. */
 export function shellBootScript(config = SHELL_BOOT_CONFIG) {
@@ -122,7 +138,7 @@ function storageSet(storage, key, value) {
 }
 /** Ce que la coque retient d'une organisation : ses initiales et son logo (`https:` seulement). */
 export function shellOrganization(org) {
-    return { initials: initials(org.name), ...(org.logo ? { logo: org.logo } : {}) };
+    return { initials: initials(org.name), ...(org.logo ? { logo: org.logo } : { tone: orgTone(org) }) };
 }
 /** Retient l'organisation affichée (`OrgSwitcher` le fait) et l'applique à la page. */
 export function rememberShellOrganization(org) {

package/family/app/manager/favicon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><style>.d{display:none}@media (prefers-color-scheme:dark){.l{display:none}.d{display:inline}}</style><g class="l"><svg x="2.56" y="2.56" width="58.88" height="58.88" viewBox="14 16.5 36 36"><defs><linearGradient id="lg" x1="14" y1="14" x2="50" y2="50" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ff6a3d"/><stop offset="1" stop-color="#fc582e"/></linearGradient></defs><path d="M17.2 27.5A3.8 3.8 0 1 0 24.8 27.5A3.8 3.8 0 1 0 17.2 27.5ZM14 44.5C14 39.5 17 36 21 36C25 36 28 39.5 28 44.5ZM39.2 27.5A3.8 3.8 0 1 0 46.8 27.5A3.8 3.8 0 1 0 39.2 27.5ZM36 44.5C36 39.5 39 36 43 36C47 36 50 39.5 50 44.5Z" fill="url(#lg)" fill-opacity="0.45" fill-rule="evenodd"/><path d="M26.5 25A5.5 5.5 0 1 0 37.5 25A5.5 5.5 0 1 0 26.5 25ZM21 47.5C21 40.5 26 35.5 32 35.5C38 35.5 43 40.5 43 47.5A2.5 2.5 0 0 1 40.5 50H23.5A2.5 2.5 0 0 1 21 47.5Z" fill="url(#lg)" fill-rule="evenodd"/></svg></g><g class="d"><svg x="2.56" y="2.56" width="58.88" height="58.88" viewBox="14 16.5 36 36"><defs><linearGradient id="dg" x1="14" y1="14" x2="50" y2="50" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ff9777"/><stop offset="1" stop-color="#ff6a3d"/></linearGradient></defs><path d="M17.2 27.5A3.8 3.8 0 1 0 24.8 27.5A3.8 3.8 0 1 0 17.2 27.5ZM14 44.5C14 39.5 17 36 21 36C25 36 28 39.5 28 44.5ZM39.2 27.5A3.8 3.8 0 1 0 46.8 27.5A3.8 3.8 0 1 0 39.2 27.5ZM36 44.5C36 39.5 39 36 43 36C47 36 50 39.5 50 44.5Z" fill="url(#dg)" fill-opacity="0.64" fill-rule="evenodd"/><path d="M26.5 25A5.5 5.5 0 1 0 37.5 25A5.5 5.5 0 1 0 26.5 25ZM21 47.5C21 40.5 26 35.5 32 35.5C38 35.5 43 40.5 43 47.5A2.5 2.5 0 0 1 40.5 50H23.5A2.5 2.5 0 0 1 21 47.5Z" fill="url(#dg)" fill-rule="evenodd"/></svg></g></svg>

package/family/manager-dark.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="11 11 42 42"><defs><linearGradient id="g" x1="14" y1="14" x2="50" y2="50" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ff9777"/><stop offset="1" stop-color="#ff6a3d"/></linearGradient></defs><path d="M17.2 27.5A3.8 3.8 0 1 0 24.8 27.5A3.8 3.8 0 1 0 17.2 27.5ZM14 44.5C14 39.5 17 36 21 36C25 36 28 39.5 28 44.5ZM39.2 27.5A3.8 3.8 0 1 0 46.8 27.5A3.8 3.8 0 1 0 39.2 27.5ZM36 44.5C36 39.5 39 36 43 36C47 36 50 39.5 50 44.5Z" fill="url(#g)" fill-opacity="0.64" fill-rule="evenodd"/><path d="M26.5 25A5.5 5.5 0 1 0 37.5 25A5.5 5.5 0 1 0 26.5 25ZM21 47.5C21 40.5 26 35.5 32 35.5C38 35.5 43 40.5 43 47.5A2.5 2.5 0 0 1 40.5 50H23.5A2.5 2.5 0 0 1 21 47.5Z" fill="url(#g)" fill-rule="evenodd"/></svg>

package/family/manager.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="11 11 42 42"><defs><linearGradient id="g" x1="14" y1="14" x2="50" y2="50" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ff6a3d"/><stop offset="1" stop-color="#fc582e"/></linearGradient></defs><path d="M17.2 27.5A3.8 3.8 0 1 0 24.8 27.5A3.8 3.8 0 1 0 17.2 27.5ZM14 44.5C14 39.5 17 36 21 36C25 36 28 39.5 28 44.5ZM39.2 27.5A3.8 3.8 0 1 0 46.8 27.5A3.8 3.8 0 1 0 39.2 27.5ZM36 44.5C36 39.5 39 36 43 36C47 36 50 39.5 50 44.5Z" fill="url(#g)" fill-opacity="0.45" fill-rule="evenodd"/><path d="M26.5 25A5.5 5.5 0 1 0 37.5 25A5.5 5.5 0 1 0 26.5 25ZM21 47.5C21 40.5 26 35.5 32 35.5C38 35.5 43 40.5 43 47.5A2.5 2.5 0 0 1 40.5 50H23.5A2.5 2.5 0 0 1 21 47.5Z" fill="url(#g)" fill-rule="evenodd"/></svg>

package/family/tile/manager.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><svg x="0" y="0" width="64" height="64" viewBox="14 16.5 36 36"><defs><linearGradient id="g" x1="14" y1="14" x2="50" y2="50" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ff6a3d"/><stop offset="1" stop-color="#fc582e"/></linearGradient></defs><path d="M17.2 27.5A3.8 3.8 0 1 0 24.8 27.5A3.8 3.8 0 1 0 17.2 27.5ZM14 44.5C14 39.5 17 36 21 36C25 36 28 39.5 28 44.5ZM39.2 27.5A3.8 3.8 0 1 0 46.8 27.5A3.8 3.8 0 1 0 39.2 27.5ZM36 44.5C36 39.5 39 36 43 36C47 36 50 39.5 50 44.5Z" fill="url(#g)" fill-opacity="0.45" fill-rule="evenodd"/><path d="M26.5 25A5.5 5.5 0 1 0 37.5 25A5.5 5.5 0 1 0 26.5 25ZM21 47.5C21 40.5 26 35.5 32 35.5C38 35.5 43 40.5 43 47.5A2.5 2.5 0 0 1 40.5 50H23.5A2.5 2.5 0 0 1 21 47.5Z" fill="url(#g)" fill-rule="evenodd"/></svg></svg>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hgdc/ui",
-  "version": "0.53.0",
+  "version": "0.55.0",
   "description": "Interface de la H Collection : jetons de la DA, thèmes, polices et composants.",
   "license": "UNLICENSED",
   "homepage": "https://github.com/hugogebel-boop/hgdc-kit/tree/main/packages/ui#readme",

package/styles.css

@@ -299,6 +299,8 @@
   --product-iassistant-to: #c026d3;
   --product-id-from: #ff2a2a;
   --product-id-to: #e60000;
+  --product-manager-from: #ff6a3d;
+  --product-manager-to: #fc582e;
   --glow-blue: #2c78fd;
   --glow-violet: #7343fe;
   --glow-pink: #fe5292;
@@ -865,7 +867,8 @@
 :root[data-hgdc-product="analytics"] [data-slot="shell-frame"] [data-product="analytics"],
 :root[data-hgdc-product="docs"] [data-slot="shell-frame"] [data-product="docs"],
 :root[data-hgdc-product="iassistant"] [data-slot="shell-frame"] [data-product="iassistant"],
-:root[data-hgdc-product="id"] [data-slot="shell-frame"] [data-product="id"] {
+:root[data-hgdc-product="id"] [data-slot="shell-frame"] [data-product="id"],
+:root[data-hgdc-product="manager"] [data-slot="shell-frame"] [data-product="manager"] {
   display: contents;
 }
 :root[data-hgdc-product="account"] [data-slot="shell-frame-rail"] [data-product="account"],
@@ -876,7 +879,8 @@
 :root[data-hgdc-product="analytics"] [data-slot="shell-frame-rail"] [data-product="analytics"],
 :root[data-hgdc-product="docs"] [data-slot="shell-frame-rail"] [data-product="docs"],
 :root[data-hgdc-product="iassistant"] [data-slot="shell-frame-rail"] [data-product="iassistant"],
-:root[data-hgdc-product="id"] [data-slot="shell-frame-rail"] [data-product="id"] {
+:root[data-hgdc-product="id"] [data-slot="shell-frame-rail"] [data-product="id"],
+:root[data-hgdc-product="manager"] [data-slot="shell-frame-rail"] [data-product="manager"] {
   display: flex;
   background: var(--shell-active);
   color: var(--shell-foreground);
@@ -892,8 +896,8 @@
   background: var(--shell-hover);
 }
 :root[data-hgdc-org] [data-slot="org-placeholder-mark"] {
-  background: var(--hgdc-org-logo, var(--foreground)) center / cover no-repeat;
-  color: var(--background);
+  background: var(--hgdc-org-logo, var(--hgdc-org-bg, var(--foreground))) center / cover no-repeat;
+  color: var(--hgdc-org-ink, var(--background));
 }
 :root[data-hgdc-org] [data-slot="org-placeholder-mark"]::before {
   content: var(--hgdc-org-initials, "");