@codemem/server 0.45.0 → 0.46.0-alpha.2

package/static/index.html

@@ -142,6 +142,7 @@
         border-radius: 50%;
         flex-shrink: 0;
       }
+      .health-dot.status-unknown { background: var(--text-muted); box-shadow: 0 0 0 3px var(--surface-2); }
       .health-dot.status-healthy { background: var(--status-healthy); box-shadow: 0 0 0 3px var(--accent-subtle); }
       .health-dot.status-degraded { background: var(--status-degraded); box-shadow: 0 0 0 3px var(--accent-warm-subtle); }
       .health-dot.status-attention { background: var(--status-attention); box-shadow: 0 0 0 3px rgba(255, 122, 80, 0.18); animation: pulse var(--duration-pulse) var(--ease-standard) infinite; }
@@ -831,6 +832,10 @@
         stroke: var(--accent);
         opacity: 0.6;
       }
+      .health-icon-slot {
+        display: flex;
+        flex-shrink: 0;
+      }
 
       .stat-content {
         display: flex;
@@ -889,6 +894,9 @@
       .health-primary.status-healthy .value { color: var(--status-healthy); }
       .health-primary.status-degraded .value { color: var(--status-degraded); }
       .health-primary.status-attention .value { color: var(--status-attention); }
+      .health-loading-icon {
+        animation: viewerLoadingSpin var(--duration-attention) linear infinite;
+      }
 
       /* ── Buttons ───────────────────────────────────────────── */
 
@@ -3413,7 +3421,9 @@
         .diagnostics-secondary-controls { align-items: flex-start; flex-direction: column; }
       }
 
-      .legacy-upgrade-modal .modal-card { width: min(620px, 100%); }
+      /* Radix sets pointer-events inline on modal content; keep backdrop clicks on the overlay. */
+      .legacy-upgrade-modal { pointer-events: none !important; }
+      .legacy-upgrade-modal .modal-card { width: min(620px, 100%); pointer-events: auto; }
       .legacy-upgrade-summary {
         padding: var(--sp-3);
         border: 1px solid color-mix(in srgb, var(--accent-warm) 28%, var(--border));
@@ -3655,9 +3665,9 @@
         border-radius: 50%;
         border: 2px solid color-mix(in srgb, var(--accent) 22%, transparent);
         border-top-color: var(--accent);
-        animation: reconnectSpin var(--duration-attention) linear infinite;
+        animation: viewerLoadingSpin var(--duration-attention) linear infinite;
       }
-      @keyframes reconnectSpin {
+      @keyframes viewerLoadingSpin {
         from { transform: rotate(0deg); }
         to { transform: rotate(360deg); }
       }
@@ -4210,6 +4220,10 @@
       }
 
       @media (prefers-reduced-motion: reduce) {
+        .health-loading-icon,
+        .viewer-reconnect-spinner {
+          animation: none;
+        }
         *, *::before, *::after {
           animation-duration: 0.01ms !important;
           animation-iteration-count: 1 !important;
@@ -4232,7 +4246,7 @@
               </svg>
             </span>
             <span class="header-title">codemem</span>
-            <span class="health-dot status-healthy" id="healthDot" title="Healthy"></span>
+            <span class="health-dot status-unknown" id="healthDot" title="Open Health to check status"></span>
           </div>
           <span class="refresh-status" id="refreshStatus" data-refresh-state="refreshing">refreshing…</span>
           <span class="sr-only" id="refreshAnnouncer" aria-live="polite"></span>
@@ -4286,48 +4300,7 @@
       </div>
     </div>
 
-    <div class="modal-backdrop" id="legacyUpgradeModalBackdrop" hidden></div>
-    <div
-      aria-describedby="legacyUpgradeDescription legacyUpgradeSummary"
-      aria-labelledby="legacyUpgradeTitle"
-      aria-modal="true"
-      class="modal legacy-upgrade-modal"
-      hidden
-      id="legacyUpgradeModal"
-      role="dialog"
-    >
-      <div class="modal-card">
-        <div class="modal-header">
-          <h2 id="legacyUpgradeTitle">Choose where older shared memories belong</h2>
-        </div>
-        <div class="modal-body">
-          <div class="small" id="legacyUpgradeDescription">
-            Some memories were shared before codemem had clear Sharing domains. We kept them out
-            of normal sync until you choose which project/domain they belong to.
-          </div>
-          <div class="legacy-upgrade-summary" id="legacyUpgradeSummary"></div>
-          <div class="small">
-            You’ll review projects, not individual memories. Nothing moves automatically, and this
-            will not erase copies another device may already have received.
-          </div>
-          <label class="field-checkbox" for="legacyUpgradeDontShow">
-            <input class="cm-checkbox" id="legacyUpgradeDontShow" type="checkbox" />
-            <span>Don’t show this again</span>
-          </label>
-        </div>
-        <div class="modal-footer">
-          <div class="legacy-upgrade-actions">
-            <button class="settings-button" id="legacyUpgradeReviewProjects" type="button">
-              Manage all projects
-            </button>
-            <button class="settings-button" id="legacyUpgradeNotNow" type="button">Not now</button>
-            <button class="settings-save" id="legacyUpgradeReviewGroups" type="button">
-              Start review
-            </button>
-          </div>
-        </div>
-      </div>
-    </div>
+    <div id="legacyUpgradeDialogMount"></div>
 
     <!-- ── Settings modal ──────────────────────────────────── -->
     <div id="settingsDialogMount"></div>
@@ -4544,7 +4517,7 @@
           <h2>System health</h2>
           <button class="settings-button" id="healthOpenDiagnostics" type="button">View diagnostics</button>
         </div>
-        <div class="section-meta" id="healthMeta">Assessing health signals…</div>
+        <div class="section-meta" id="healthMeta" role="status" aria-live="polite" aria-atomic="true">Assessing health signals…</div>
         <div class="health-actions" id="healthActions"></div>
         <div class="grid-2" id="healthGrid"></div>
       </div>
@@ -4805,6 +4778,6 @@
       </div>
     </div>
 
-    <script src="/assets/app.js?v=7f401beb8c81"></script>
+    <script src="/assets/app.js?v=38689c7c378b"></script>
   </body>
 </html>