@zevra/ui 0.32.0 → 0.34.0

package/dist/css-inline.js.map

@@ -1 +1 @@
-{"version":3,"file":"css-inline.js","sourceRoot":"","sources":["../react/css-inline.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,0EAA0E;AAE1E;;;iEAGiE;AACjE,MAAM,CAAC,MAAM,WAAW,GAAW,22tRAA22tR,CAAA;AAE94tR;;;yBAGyB;AACzB,MAAM,CAAC,MAAM,WAAW,GAAW,03BAA03B,CAAA"}
+{"version":3,"file":"css-inline.js","sourceRoot":"","sources":["../react/css-inline.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,0EAA0E;AAE1E;;;iEAGiE;AACjE,MAAM,CAAC,MAAM,WAAW,GAAW,+/uRAA+/uR,CAAA;AAElivR;;;yBAGyB;AACzB,MAAM,CAAC,MAAM,WAAW,GAAW,03BAA03B,CAAA"}

package/dist/glyph-data.d.ts

@@ -7,4 +7,7 @@ export declare const MOT_ZEVRA = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0
 export declare const NOMS_PRODUITS: Record<GlypheId, string>;
 /** Ce que chaque produit FAIT, en deux mots — pour le lanceur d'apps. */
 export declare const ACCROCHES_PRODUITS: Record<GlypheId, string>;
+/** L'adresse des produits EN LIGNE. Partielle À DESSEIN : un produit qui n'a
+ *  rien à ouvrir n'entre pas dans le lanceur. */
+export declare const ADRESSES_PRODUITS: Partial<Record<GlypheId, string>>;
 //# sourceMappingURL=glyph-data.d.ts.map

package/dist/glyph-data.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"glyph-data.d.ts","sourceRoot":"","sources":["../react/glyph-data.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,QAAQ,GAChB,QAAQ,GACR,SAAS,GACT,KAAK,GACL,SAAS,GACT,OAAO,GACP,YAAY,GACZ,OAAO,CAAA;AAEX,6DAA6D;AAC7D,eAAO,MAAM,OAAO,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,CAQ5C,CAAA;AAED,mEAAmE;AACnE,eAAO,MAAM,SAAS,mgLAAmgL,CAAA;AAEzhL,iEAAiE;AACjE,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,CAQlD,CAAA;AAED,yEAAyE;AACzE,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,CAQvD,CAAA"}
+{"version":3,"file":"glyph-data.d.ts","sourceRoot":"","sources":["../react/glyph-data.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,QAAQ,GAChB,QAAQ,GACR,SAAS,GACT,KAAK,GACL,SAAS,GACT,OAAO,GACP,YAAY,GACZ,OAAO,CAAA;AAEX,6DAA6D;AAC7D,eAAO,MAAM,OAAO,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,CAQ5C,CAAA;AAED,mEAAmE;AACnE,eAAO,MAAM,SAAS,mgLAAmgL,CAAA;AAEzhL,iEAAiE;AACjE,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,CAQlD,CAAA;AAED,yEAAyE;AACzE,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,CAQvD,CAAA;AAED;iDACiD;AACjD,eAAO,MAAM,iBAAiB,EAAE,OAAO,CAAC,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,CAM/D,CAAA"}

package/dist/glyph-data.js

@@ -32,4 +32,13 @@ export const ACCROCHES_PRODUITS = {
     'supernovia': "Contenu sourcé",
     'zevra': "La suite",
 };
+/** L'adresse des produits EN LIGNE. Partielle À DESSEIN : un produit qui n'a
+ *  rien à ouvrir n'entre pas dans le lanceur. */
+export const ADRESSES_PRODUITS = {
+    'campus': "https://campus.zevra.tech/",
+    'lexform': "https://lexform.zevra.tech/",
+    'mcp': "https://mcp.zevra.tech/",
+    'memoire': "https://memoire.zevra.tech/",
+    'zevra': "https://zevra.tech/",
+};
 //# sourceMappingURL=glyph-data.js.map

package/dist/glyph-data.js.map

@@ -1 +1 @@
-{"version":3,"file":"glyph-data.js","sourceRoot":"","sources":["../react/glyph-data.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sEAAsE;AAWtE,6DAA6D;AAC7D,MAAM,CAAC,MAAM,OAAO,GAA6B;IAC/C,QAAQ,EAAE,w/XAAw/X;IAClgY,SAAS,EAAE,wjRAAwjR;IACnkR,KAAK,EAAE,4jZAA4jZ;IACnkZ,SAAS,EAAE,40OAA40O;IACv1O,OAAO,EAAE,omYAAomY;IAC7mY,YAAY,EAAE,w1cAAw1c;IACt2c,OAAO,EAAE,40ZAA40Z;CACt1Z,CAAA;AAED,mEAAmE;AACnE,MAAM,CAAC,MAAM,SAAS,GAAG,ggLAAggL,CAAA;AAEzhL,iEAAiE;AACjE,MAAM,CAAC,MAAM,aAAa,GAA6B;IACrD,QAAQ,EAAE,QAAQ;IAClB,SAAS,EAAE,SAAS;IACpB,KAAK,EAAE,eAAe;IACtB,SAAS,EAAE,SAAS;IACpB,OAAO,EAAE,OAAO;IAChB,YAAY,EAAE,YAAY;IAC1B,OAAO,EAAE,OAAO;CACjB,CAAA;AAED,yEAAyE;AACzE,MAAM,CAAC,MAAM,kBAAkB,GAA6B;IAC1D,QAAQ,EAAE,WAAW;IACrB,SAAS,EAAE,eAAe;IAC1B,KAAK,EAAE,YAAY;IACnB,SAAS,EAAE,cAAc;IACzB,OAAO,EAAE,SAAS;IAClB,YAAY,EAAE,gBAAgB;IAC9B,OAAO,EAAE,UAAU;CACpB,CAAA"}
+{"version":3,"file":"glyph-data.js","sourceRoot":"","sources":["../react/glyph-data.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sEAAsE;AAWtE,6DAA6D;AAC7D,MAAM,CAAC,MAAM,OAAO,GAA6B;IAC/C,QAAQ,EAAE,w/XAAw/X;IAClgY,SAAS,EAAE,wjRAAwjR;IACnkR,KAAK,EAAE,4jZAA4jZ;IACnkZ,SAAS,EAAE,40OAA40O;IACv1O,OAAO,EAAE,omYAAomY;IAC7mY,YAAY,EAAE,w1cAAw1c;IACt2c,OAAO,EAAE,40ZAA40Z;CACt1Z,CAAA;AAED,mEAAmE;AACnE,MAAM,CAAC,MAAM,SAAS,GAAG,ggLAAggL,CAAA;AAEzhL,iEAAiE;AACjE,MAAM,CAAC,MAAM,aAAa,GAA6B;IACrD,QAAQ,EAAE,QAAQ;IAClB,SAAS,EAAE,SAAS;IACpB,KAAK,EAAE,eAAe;IACtB,SAAS,EAAE,SAAS;IACpB,OAAO,EAAE,OAAO;IAChB,YAAY,EAAE,YAAY;IAC1B,OAAO,EAAE,OAAO;CACjB,CAAA;AAED,yEAAyE;AACzE,MAAM,CAAC,MAAM,kBAAkB,GAA6B;IAC1D,QAAQ,EAAE,WAAW;IACrB,SAAS,EAAE,eAAe;IAC1B,KAAK,EAAE,YAAY;IACnB,SAAS,EAAE,cAAc;IACzB,OAAO,EAAE,SAAS;IAClB,YAAY,EAAE,gBAAgB;IAC9B,OAAO,EAAE,UAAU;CACpB,CAAA;AAED;iDACiD;AACjD,MAAM,CAAC,MAAM,iBAAiB,GAAsC;IAClE,QAAQ,EAAE,4BAA4B;IACtC,SAAS,EAAE,6BAA6B;IACxC,KAAK,EAAE,yBAAyB;IAChC,SAAS,EAAE,6BAA6B;IACxC,OAAO,EAAE,qBAAqB;CAC/B,CAAA"}

package/dist/glyphes.d.ts

@@ -1,6 +1,19 @@
-import { ACCROCHES_PRODUITS, GLYPHES, MOT_ZEVRA, NOMS_PRODUITS, type GlypheId } from './glyph-data.js';
+import { ACCROCHES_PRODUITS, ADRESSES_PRODUITS, GLYPHES, MOT_ZEVRA, NOMS_PRODUITS, type GlypheId } from './glyph-data.js';
 export type { GlypheId };
-export { ACCROCHES_PRODUITS, GLYPHES, MOT_ZEVRA, NOMS_PRODUITS };
+export { ACCROCHES_PRODUITS, ADRESSES_PRODUITS, GLYPHES, MOT_ZEVRA, NOMS_PRODUITS };
 /** Les sept identifiants, triés. */
 export declare const PRODUITS: GlypheId[];
+/**
+ * Les produits À METTRE DANS LE LANCEUR — ceux qui ont une adresse.
+ *
+ * ⚠️ CE N'EST PAS `PRODUITS`, et l'écart est le sujet. Plume et Supernovia
+ * ont leur glyphe depuis le 26/08 et rien à ouvrir : une tuile qui mène à
+ * rien est pire qu'une absence — elle promet un produit, le visiteur clique,
+ * et il tombe. Le lanceur se construit sur CETTE liste.
+ *
+ * Elle se déduit du registre, elle n'est pas recopiée : le jour où Plume
+ * ouvre, une ligne dans `logos/index.json` la fait apparaître dans les sept
+ * apps sans qu'aucune ne soit touchée.
+ */
+export declare const APPS: GlypheId[];
 //# sourceMappingURL=glyphes.d.ts.map

package/dist/glyphes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"glyphes.d.ts","sourceRoot":"","sources":["../react/glyphes.ts"],"names":[],"mappings":"AAgBA,OAAO,EACL,kBAAkB,EAClB,OAAO,EACP,SAAS,EACT,aAAa,EACb,KAAK,QAAQ,EACd,MAAM,iBAAiB,CAAA;AAExB,YAAY,EAAE,QAAQ,EAAE,CAAA;AACxB,OAAO,EAAE,kBAAkB,EAAE,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,CAAA;AAEhE,oCAAoC;AACpC,eAAO,MAAM,QAAQ,EAA2B,QAAQ,EAAE,CAAA"}
+{"version":3,"file":"glyphes.d.ts","sourceRoot":"","sources":["../react/glyphes.ts"],"names":[],"mappings":"AAgBA,OAAO,EACL,kBAAkB,EAClB,iBAAiB,EACjB,OAAO,EACP,SAAS,EACT,aAAa,EACb,KAAK,QAAQ,EACd,MAAM,iBAAiB,CAAA;AAExB,YAAY,EAAE,QAAQ,EAAE,CAAA;AACxB,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,CAAA;AAEnF,oCAAoC;AACpC,eAAO,MAAM,QAAQ,EAA2B,QAAQ,EAAE,CAAA;AAE1D;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,IAAI,YAAiD,CAAA"}

package/dist/glyphes.js

@@ -13,8 +13,21 @@
 // charte l'interdit. Sous 24 px, la charte demande une version monochrome :
 // elle n'existe pas encore (retirée le 24/08, à regénérer), et ces glyphes
 // ne doivent donc pas descendre sous cette taille.
-import { ACCROCHES_PRODUITS, GLYPHES, MOT_ZEVRA, NOMS_PRODUITS, } from './glyph-data.js';
-export { ACCROCHES_PRODUITS, GLYPHES, MOT_ZEVRA, NOMS_PRODUITS };
+import { ACCROCHES_PRODUITS, ADRESSES_PRODUITS, GLYPHES, MOT_ZEVRA, NOMS_PRODUITS, } from './glyph-data.js';
+export { ACCROCHES_PRODUITS, ADRESSES_PRODUITS, GLYPHES, MOT_ZEVRA, NOMS_PRODUITS };
 /** Les sept identifiants, triés. */
 export const PRODUITS = Object.keys(GLYPHES);
+/**
+ * Les produits À METTRE DANS LE LANCEUR — ceux qui ont une adresse.
+ *
+ * ⚠️ CE N'EST PAS `PRODUITS`, et l'écart est le sujet. Plume et Supernovia
+ * ont leur glyphe depuis le 26/08 et rien à ouvrir : une tuile qui mène à
+ * rien est pire qu'une absence — elle promet un produit, le visiteur clique,
+ * et il tombe. Le lanceur se construit sur CETTE liste.
+ *
+ * Elle se déduit du registre, elle n'est pas recopiée : le jour où Plume
+ * ouvre, une ligne dans `logos/index.json` la fait apparaître dans les sept
+ * apps sans qu'aucune ne soit touchée.
+ */
+export const APPS = PRODUITS.filter((id) => ADRESSES_PRODUITS[id]);
 //# sourceMappingURL=glyphes.js.map

package/dist/glyphes.js.map

@@ -1 +1 @@
-{"version":3,"file":"glyphes.js","sourceRoot":"","sources":["../react/glyphes.ts"],"names":[],"mappings":"AAAA,yDAAyD;AACzD,EAAE;AACF,2EAA2E;AAC3E,wEAAwE;AACxE,uCAAuC;AACvC,EAAE;AACF,0EAA0E;AAC1E,4EAA4E;AAC5E,6EAA6E;AAC7E,qEAAqE;AACrE,EAAE;AACF,2EAA2E;AAC3E,4EAA4E;AAC5E,2EAA2E;AAC3E,mDAAmD;AAEnD,OAAO,EACL,kBAAkB,EAClB,OAAO,EACP,SAAS,EACT,aAAa,GAEd,MAAM,iBAAiB,CAAA;AAGxB,OAAO,EAAE,kBAAkB,EAAE,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,CAAA;AAEhE,oCAAoC;AACpC,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,CAAe,CAAA"}
+{"version":3,"file":"glyphes.js","sourceRoot":"","sources":["../react/glyphes.ts"],"names":[],"mappings":"AAAA,yDAAyD;AACzD,EAAE;AACF,2EAA2E;AAC3E,wEAAwE;AACxE,uCAAuC;AACvC,EAAE;AACF,0EAA0E;AAC1E,4EAA4E;AAC5E,6EAA6E;AAC7E,qEAAqE;AACrE,EAAE;AACF,2EAA2E;AAC3E,4EAA4E;AAC5E,2EAA2E;AAC3E,mDAAmD;AAEnD,OAAO,EACL,kBAAkB,EAClB,iBAAiB,EACjB,OAAO,EACP,SAAS,EACT,aAAa,GAEd,MAAM,iBAAiB,CAAA;AAGxB,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,CAAA;AAEnF,oCAAoC;AACpC,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,CAAe,CAAA;AAE1D;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC,CAAA"}

package/logos/index.json

@@ -18,6 +18,13 @@
     "plume": "Éditeur",
     "supernovia": "Contenu sourcé"
   },
+  "adresses": {
+    "zevra": "https://zevra.tech/",
+    "campus": "https://campus.zevra.tech/",
+    "lexform": "https://lexform.zevra.tech/",
+    "mcp": "https://mcp.zevra.tech/",
+    "memoire": "https://memoire.zevra.tech/"
+  },
   "formes": {
     "glyph": "Glyphe",
     "lockup": "Lockup",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zevra/ui",
-  "version": "0.32.0",
+  "version": "0.34.0",
   "description": "Design system Zevra « Encre & Papier » — tokens, CSS des composants et logos officiels.",
   "license": "UNLICENSED",
   "private": false,

package/react/catalogue.tsx

@@ -39,7 +39,9 @@ import {
 import { ICONES, Icon, IconButton, IconTile, NOMS_ICONES } from './icon.js'
 // Les glyphes sont INLINÉS (data-URI) : le catalogue est rendu hors du dépôt
 // — planche, kit de canvas, page d'admin — où un chemin d'image ne résout pas.
-import { ACCROCHES_PRODUITS, GLYPHES, MOT_ZEVRA, NOMS_PRODUITS, PRODUITS } from './glyphes.js'
+import {
+  ACCROCHES_PRODUITS, ADRESSES_PRODUITS, APPS, GLYPHES, MOT_ZEVRA, NOMS_PRODUITS,
+} from './glyphes.js'
 import {
   Banner, CTA, Carousel, CarouselItem, Col, Compte, CompteLien, Footer,
   FooterMini, Grid, Grid12, Lanceur, LanceurApp, LanceurApps, LanceurGroupe, NavActions,
@@ -343,7 +345,6 @@ function DemoPopover() {
  *  du CSS, il n'y a rien à hydrater. La réserve sous chaque barre existe pour
  *  que le panneau ait la place de s'ouvrir sans être coupé. */
 function DemoNav() {
-  const APPS = PRODUITS
   const barre = (utilisateur?: { nom: string; email: string }) => (
     <div style={{ border: '1px solid var(--hairline)', background: 'var(--white)' }}>
       <Nav className="zv-nav--riche" style={{ padding: '0 20px', minHeight: 64 }}>
@@ -394,7 +395,7 @@ function DemoNav() {
               {APPS.map((id) => (
                 <LanceurApp
                   key={id}
-                  href="#"
+                  href={ADRESSES_PRODUITS[id]}
                   nom={NOMS_PRODUITS[id]}
                   accroche={ACCROCHES_PRODUITS[id]}
                   glyphe={GLYPHES[id]}
@@ -1028,10 +1029,12 @@ export const CATALOGUE: GroupeCatalogue[] = [
         id: 'page-erreur',
         nom: 'Page d’erreur',
         resume:
-          '404, 403, 410, 500. ⚠️ Le composant ne porte AUCUN texte : une plaisanterie câblée dans un design system part dans les sept apps, dans une seule langue, et n’en revient jamais. La copie ci-dessous est la RÉFÉRENCE, à copier et à adapter. Elle plaisante en vocabulaire juridique — un mot juste employé de travers, pas une blague sur un ton qu’Encre & Papier n’a pas — et l’ordre est fixe : le titre dit la panne en clair, l’esprit vient ensuite et se dédit lui-même. Une page d’erreur qui fait rire avant d’informer est ratée.',
+          '404, 403, 410, 500. ⚠️ Le glyphe est DÉCORATIF par défaut (glypheAlt=""), et le mot « Erreur » se passe en prop : la 0.32.0 posait alt="Zevra" et « Erreur » en dur, si bien que la 404 de Mémoire annonçait « Zevra » au lecteur d’écran et affichait « Erreur 404 » sous /en/. Le composant ne porte AUCUN texte : une plaisanterie câblée dans un design system part dans les sept apps, dans une seule langue, et n’en revient jamais. La copie ci-dessous est la RÉFÉRENCE, à copier et à adapter. Elle plaisante en vocabulaire juridique — un mot juste employé de travers, pas une blague sur un ton qu’Encre & Papier n’a pas — et l’ordre est fixe : le titre dit la panne en clair, l’esprit vient ensuite et se dédit lui-même. Une page d’erreur qui fait rire avant d’informer est ratée.',
         code: `<PageErreur
   code="404"
-  glyphe={GLYPHES.zevra}
+  libelle="Erreur"          {/* le mot est À VOUS : « Error » sous /en/ */}
+  glyphe={GLYPHES.memoire}  {/* le glyphe de VOTRE produit */}
+  glypheAlt=""              {/* vide = décoratif, et c'est le bon défaut */}
   titre="Page introuvable"
   reference={<>Réf. 404 · GET /dossier/2019</>}
   actions={<>
@@ -1046,6 +1049,7 @@ export const CATALOGUE: GroupeCatalogue[] = [
         rendu: (
           <PageErreur
             code="404"
+            libelle="Erreur"
             glyphe={GLYPHES.zevra}
             titre="Page introuvable"
             reference={<>Réf. 404 · GET /dossier/2019</>}
@@ -2128,11 +2132,18 @@ export const CATALOGUE: GroupeCatalogue[] = [
 
   {/* RESTE à toutes les largeurs */}
   <NavActions>
+    {/* APPS = les produits QUI ONT UNE ADRESSE, pas les sept glyphes :
+        une tuile qui mène à rien promet un produit et fait tomber le
+        visiteur. Plume et Supernovia y entreront le jour où ils ouvrent,
+        par une ligne dans logos/index.json — sans toucher aux apps. */}
     <Lanceur>            {/* titre="Applications" par défaut, filet de spectre */}
       <LanceurGroupe>Suite Zevra</LanceurGroupe>
       <LanceurApps>
-        <LanceurApp href="…" nom="Mémoire" accroche="Recherche IA"
-                    glyphe={GLYPHES.memoire} />
+        {APPS.map((id) => (
+          <LanceurApp key={id} href={ADRESSES_PRODUITS[id]}
+                      nom={NOMS_PRODUITS[id]} accroche={ACCROCHES_PRODUITS[id]}
+                      glyphe={GLYPHES[id]} courant={id === 'memoire'} />
+        ))}
       </LanceurApps>
     </Lanceur>
     <Compte utilisateur={utilisateur /* absent = visiteur */}>

package/react/content.tsx

@@ -732,10 +732,28 @@ export function LegalPage({
 export interface PageErreurProps extends Div {
   /** Le code, tel qu'il s'affiche dans le kicker (`404`, `403`, `500`). */
   code: string
-  /** L'URL du glyphe Zevra — `GLYPHES.zevra` de `@zevra/ui/glyphes`. Sur une
+  /** Le mot qui précède le code (« Erreur », « Error », « Error »). Absent,
+   *  seul le code s'affiche.
+   *
+   *  ⚠️ EN PROP, et pas en dur : une 404 anglaise de Mémoire affichait
+   *  « Erreur 404 ». Le composant est censé ne porter aucun texte — c'est
+   *  écrit dans son arbitrage —, et il en portait quand même. */
+  libelle?: string
+  /** L'URL du glyphe — `GLYPHES.memoire` de `@zevra/ui/glyphes`. Sur une
    *  page qui n'a plus de contenu, c'est le seul repère qui dise encore où
    *  l'on se trouve. */
   glyphe?: string
+  /** Le texte alternatif du glyphe. VIDE par défaut, donc décoratif : sur
+   *  une page d'erreur, la marque n'apporte rien que le titre et le kicker
+   *  ne disent déjà, et l'annoncer place un nom de produit devant
+   *  l'information que le lecteur est venu chercher.
+   *
+   *  ⚠️ Il valait `"Zevra"` en dur jusqu'à la 0.33.0 : sur la 404 de
+   *  Mémoire, un lecteur d'écran annonçait « Zevra » devant le M de Mémoire,
+   *  et aucune prop ne permettait de le corriger. Une valeur qu'une app aura
+   *  légitimement besoin d'ajuster ne se pose pas en dur — c'est la règle du
+   *  dépôt, et celle-ci l'enfreignait. */
+  glypheAlt?: string
   /** Le titre. ⚠️ Il dit la panne EN CLAIR : « Page introuvable », pas un
    *  jeu de mots. L'esprit vient dans le texte, jamais avant l'information. */
   titre: ReactNode
@@ -761,7 +779,9 @@ export interface PageErreurProps extends Div {
  */
 export function PageErreur({
   code,
+  libelle,
   glyphe,
+  glypheAlt = '',
   titre,
   actions,
   reference,
@@ -771,10 +791,10 @@ export function PageErreur({
 }: PageErreurProps) {
   return (
     <div className={cx('zv-errpage', className)} {...reste}>
-      {glyphe && <img src={glyphe} alt="Zevra" className="zv-errpage__glyphe" />}
+      {glyphe && <img src={glyphe} alt={glypheAlt} className="zv-errpage__glyphe" />}
       <p className="zv-errpage__kicker">
         <span className="zv-spec" aria-hidden="true" />
-        <span className="zv-mono zv-mono--label">Erreur {code}</span>
+        <span className="zv-mono zv-mono--label">{libelle ? `${libelle} ${code}` : code}</span>
       </p>
       <h1 className="zv-errpage__titre">{titre}</h1>
       {children && <p className="zv-errpage__texte">{children}</p>}