@imenam/mcp-messenger 1.0.17 → 1.0.19

package/dist/src/server/ui/index.html

@@ -42,10 +42,67 @@
             <path d="M3 21v-5h5" />
           </svg>
         </button>
+        <button type="button" id="purge-open" class="btn btn--icon" title="Purger les boîtes inactives" aria-label="Purger les boîtes inactives">
+          <svg class="icon" viewBox="0 0 24 24" aria-hidden="true">
+            <path d="M3 6h18" />
+            <path d="M8 6V4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v2" />
+            <path d="M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6" />
+          </svg>
+        </button>
         <button type="button" id="logout" class="btn btn--link">Se déconnecter</button>
       </div>
     </header>
 
+    <!--
+      Purge des boîtes inactives : la seule action de la console qui écrit, et elle
+      détruit. Elle se fait donc en deux temps, l'aperçu puis la confirmation, et ne porte
+      jamais que sur les boîtes affichées.
+    -->
+    <dialog class="modal" id="purge">
+      <div class="modal-card">
+        <div class="modal-head">
+          <h2>Nettoyer les boîtes</h2>
+          <button type="button" class="btn btn--icon btn--ghost" id="purge-close" aria-label="Fermer">
+            <svg class="icon" viewBox="0 0 24 24" aria-hidden="true">
+              <path d="M18 6 6 18" />
+              <path d="m6 6 12 12" />
+            </svg>
+          </button>
+        </div>
+        <p class="modal-sub">
+          Deux nettoyages, deux critères. La suppression est définitive dans les deux cas, et emporte les messages que
+          plus personne ne pourrait lire ; ce que le correspondant a reçu de son côté reste intact. Un agent dont toutes
+          les boîtes disparaissent quitte l'annuaire avec elles.
+        </p>
+
+        <!-- Premier critère : la boîte n'a jamais servi. Il ne dépend d'aucune date. -->
+        <div class="purge-controls">
+          <div class="purge-criterion">
+            <span class="field-label">Boîtes vides</span>
+            <span class="purge-hint">Rien n'y est jamais passé, ni envoi ni réception, quel que soit leur âge.</span>
+          </div>
+          <button type="button" class="btn" id="purge-preview-empty">Prévisualiser</button>
+        </div>
+
+        <!-- Second critère : la boîte a servi, mais plus rien ne l'a touchée depuis. -->
+        <div class="purge-controls">
+          <label class="field">
+            <span class="field-label">Boîtes sans activité depuis le</span>
+            <span class="field-input"><input type="date" id="purge-before" /></span>
+            <span class="purge-hint">Ni connexion, ni message. Une boîte créée après cette date est épargnée.</span>
+          </label>
+          <button type="button" class="btn" id="purge-preview">Prévisualiser</button>
+        </div>
+
+        <div class="purge-result" id="purge-result"></div>
+
+        <div class="modal-foot">
+          <button type="button" class="btn btn--link" id="purge-cancel">Fermer</button>
+          <button type="button" class="btn btn--danger" id="purge-confirm" disabled>Supprimer</button>
+        </div>
+      </div>
+    </dialog>
+
     <!-- Écran de connexion : une carte seule, sans les panneaux vides derrière elle. -->
     <main class="login" id="login" hidden>
       <form class="card" id="login-form">
@@ -85,7 +142,7 @@
       <aside class="agents" id="agents-pane">
         <div class="agents-head">
           <span class="section-label">Agents</span>
-          <button type="button" class="btn btn--icon btn--ghost" id="collapse" title="Replier" aria-label="Replier la liste des agents">
+          <button type="button" class="btn btn--icon btn--ghost" id="collapse" title="Replier" aria-label="Replier la liste des agents" aria-expanded="true">
             <svg class="icon" viewBox="0 0 24 24" aria-hidden="true">
               <rect x="3" y="3" width="18" height="18" rx="2" />
               <path d="M9 3v18" />
@@ -96,6 +153,19 @@
         <p class="agents-foot muted" id="agents-foot"></p>
       </aside>
 
+      <!--
+        Séparateurs déplaçables. Chacun redimensionne le panneau qu'il borde, à la souris
+        comme aux flèches du clavier ; un double-clic rend sa largeur d'origine.
+      -->
+      <div
+        class="resizer"
+        id="resize-agents"
+        role="separator"
+        aria-orientation="vertical"
+        aria-label="Largeur de la colonne des agents"
+        tabindex="0"
+      ></div>
+
       <section class="threads">
         <div class="threads-head">
           <h2>Fils</h2>
@@ -109,8 +179,27 @@
         <ul class="thread-list" id="threads"></ul>
       </section>
 
+      <div
+        class="resizer"
+        id="resize-threads"
+        role="separator"
+        aria-orientation="vertical"
+        aria-label="Largeur de la liste des fils"
+        tabindex="0"
+      ></div>
+
       <section class="reader" id="reader"></section>
 
+      <!-- Suit le volet de détail : il n'existe que lorsque le volet est ouvert. -->
+      <div
+        class="resizer resizer--sheet"
+        id="resize-sheet"
+        role="separator"
+        aria-orientation="vertical"
+        aria-label="Largeur du volet de détail"
+        tabindex="0"
+      ></div>
+
       <aside class="sheet" id="sheet" hidden></aside>
     </main>