@codemem/server 0.43.0 → 0.43.2

package/static/index.html

@@ -336,6 +336,61 @@
         padding: var(--sp-3);
       }
 
+      .coordinator-admin-legacy-notice {
+        display: flex;
+        align-items: flex-start;
+        justify-content: space-between;
+        gap: var(--sp-4);
+        margin-bottom: var(--sp-4);
+      }
+
+      .coordinator-admin-recovery-notice {
+        display: flex;
+        align-items: flex-start;
+        justify-content: space-between;
+        gap: var(--sp-4);
+        border-width: 2px;
+      }
+
+      .coordinator-admin-legacy-notice-copy {
+        display: grid;
+        gap: var(--sp-2);
+        min-width: 0;
+      }
+
+      .coordinator-admin-legacy-notice-copy h3 {
+        margin: 0;
+      }
+
+      @media (max-width: 720px) {
+        .advanced-legacy-header {
+          align-items: stretch;
+          flex-direction: column;
+        }
+
+        .advanced-legacy-header .section-actions {
+          flex-wrap: wrap;
+        }
+
+        .coordinator-admin-legacy-notice {
+          align-items: stretch;
+          flex-direction: column;
+        }
+
+        .coordinator-admin-legacy-notice .settings-button {
+          width: 100%;
+        }
+
+        .coordinator-admin-recovery-notice {
+          align-items: stretch;
+          flex-direction: column;
+        }
+
+        .coordinator-admin-recovery-notice .settings-button {
+          width: 100%;
+        }
+      }
+
       .coordinator-admin-inline-meta {
         margin-top: -4px;
       }
@@ -592,6 +647,37 @@
         gap: var(--sp-4);
       }
 
+      .coordinator-admin-space-toolbar {
+        align-items: center;
+        justify-content: space-between;
+        flex-wrap: wrap;
+      }
+
+      .coordinator-admin-create-space-panel {
+        border: 1px solid var(--border);
+        border-radius: var(--radius-md);
+        background: var(--surface-1);
+        padding: var(--sp-3);
+      }
+
+      .coordinator-admin-create-space-panel[data-state="closed"] { display: none; }
+
+      .coordinator-admin-diagnostics {
+        color: var(--text-tertiary);
+        font-size: var(--font-size-sm);
+        min-width: 0;
+      }
+
+      .coordinator-admin-diagnostics summary {
+        cursor: pointer;
+        font-weight: var(--font-weight-semibold);
+        width: fit-content;
+      }
+
+      .coordinator-admin-diagnostics[open] > :not(summary) { margin-top: var(--sp-1); }
+
+      .coordinator-admin-card-title { margin: 0; overflow-wrap: anywhere; }
+
       .coordinator-admin-scope-card-list {
         display: grid;
         gap: var(--sp-3);
@@ -1203,15 +1289,33 @@
         font-weight: var(--font-weight-semibold);
       }
       .recipient-policy-management-dialog .modal-card { width: min(720px, calc(100vw - 32px)); }
+      .recipient-policy-team-settings-dialog .modal-card { width: min(440px, calc(100vw - 32px)); }
+      .recipient-policy-team-settings-dialog .form-field { display: grid; gap: var(--sp-2); margin-top: var(--sp-4); }
+      .recipient-policy-team-settings-dialog .form-field span { font-weight: var(--font-weight-semibold); }
+      .recipient-policy-team-settings-dialog input { width: 100%; }
+      .recipient-policy-team-settings-actions { justify-content: flex-end; flex-wrap: wrap; }
       .legacy-team-setup-dialog .modal-card { width: min(680px, calc(100vw - 32px)); }
       .legacy-team-setup-steps {
         display: grid;
         grid-template-columns: repeat(3, minmax(0, 1fr));
         gap: var(--sp-2);
         margin: var(--sp-2) 0;
-        padding-left: var(--sp-5);
+        padding: 0;
+        list-style: none;
       }
-      .legacy-team-setup-steps button { width: 100%; }
+      .legacy-team-setup-step {
+        display: grid;
+        grid-template-columns: auto minmax(0, 1fr);
+        align-items: center;
+        gap: var(--sp-2);
+        min-width: 0;
+      }
+      .legacy-team-setup-step-number {
+        color: var(--text-secondary);
+        font-weight: var(--font-weight-semibold);
+        font-variant-numeric: tabular-nums;
+      }
+      .legacy-team-setup-steps button { width: 100%; min-width: 0; }
       .legacy-team-setup-steps button[aria-current="step"] {
         border-color: var(--accent);
         background: var(--accent-subtle);
@@ -1222,18 +1326,27 @@
         opacity: 0.55;
         cursor: not-allowed;
       }
-      .legacy-team-setup-body h3 { margin: var(--sp-2) 0; }
+      .legacy-team-setup-body h3 { margin: var(--sp-4) 0 var(--sp-2); }
       .legacy-team-setup-body p { overflow-wrap: anywhere; }
       .legacy-team-setup-error { display: grid; gap: var(--sp-2); justify-items: start; }
+      .legacy-team-setup-recovery {
+        max-width: 44rem;
+        margin-block: var(--sp-4);
+        padding: var(--sp-4);
+        border: 1px solid var(--accent-warm);
+        border-radius: var(--radius-sm);
+        background: var(--accent-warm-subtle);
+      }
+      .legacy-team-setup-recovery p { margin: 0; }
       .legacy-team-setup-actions { justify-content: flex-end; }
       .legacy-team-setup-target { min-width: 24px; min-height: 24px; }
-      .legacy-team-device-list { display: grid; gap: var(--sp-3); margin-top: var(--sp-3); }
+      .legacy-team-device-list { display: grid; gap: var(--sp-4); margin-top: var(--sp-4); }
       .legacy-team-device-row {
         display: grid;
         gap: var(--sp-2);
         min-width: 0;
         margin: 0;
-        padding: var(--sp-3);
+        padding: var(--sp-4);
         border: 1px solid var(--border);
         border-radius: var(--radius-md);
         background: var(--surface-2);
@@ -1245,16 +1358,23 @@
       }
       .legacy-team-device-row label { font-size: var(--font-size-sm); font-weight: var(--font-weight-semibold); }
       .legacy-team-device-evidence { display: grid; gap: var(--sp-1); }
-      .legacy-team-device-select { width: 100%; margin: 0; }
+      .legacy-team-device-select { box-sizing: border-box; width: 100%; min-width: 0; max-width: 100%; margin: 0; }
       .legacy-team-device-select:disabled { opacity: 0.55; cursor: not-allowed; }
       .legacy-team-device-actions { display: flex; flex-wrap: wrap; gap: var(--sp-2); }
-      .legacy-team-project-list { display: grid; gap: var(--sp-3); margin-top: var(--sp-3); }
-      .legacy-team-project-row {
+      .legacy-team-project-list {
         display: grid;
-        gap: var(--sp-2);
+        grid-template-columns: minmax(0, 1fr);
+        gap: var(--sp-4);
+        min-width: 0;
+        margin-top: var(--sp-4);
+      }
+      .legacy-team-project-row {
+        box-sizing: border-box;
+        width: 100%;
         min-width: 0;
+        max-width: 100%;
         margin: 0;
-        padding: var(--sp-3);
+        padding: var(--sp-4);
         border: 1px solid var(--border);
         border-radius: var(--radius-md);
         background: var(--surface-2);
@@ -1263,16 +1383,100 @@
         padding: 0 var(--sp-1);
         color: var(--text-primary);
         font-weight: var(--font-weight-semibold);
+        overflow-wrap: anywhere;
+      }
+      .legacy-team-project-row-content {
+        display: grid;
+        grid-template-columns: minmax(0, 1fr);
+        gap: var(--sp-2);
+        min-width: 0;
+        max-width: 100%;
       }
+      .legacy-team-project-row-content > * { min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
       .legacy-team-project-row label { font-size: var(--font-size-sm); font-weight: var(--font-weight-semibold); }
-      .legacy-team-project-select { width: 100%; margin: 0; }
+      .legacy-team-project-select { box-sizing: border-box; width: 100%; min-width: 0; max-width: 100%; margin: 0; }
       .legacy-team-project-select:disabled { opacity: 0.55; cursor: not-allowed; }
+      .legacy-team-setup-row-needs-attention {
+        border-color: var(--accent);
+        background: var(--accent-subtle);
+        scroll-margin-block: var(--sp-4);
+      }
+      .legacy-team-setup-row-needs-attention:focus,
+      .legacy-team-setup-body h3:focus {
+        outline: 2px solid var(--accent);
+        outline-offset: 2px;
+      }
+      .legacy-team-setup-status {
+        width: fit-content;
+        padding: var(--sp-1) var(--sp-2);
+        border: 1px solid var(--accent);
+        border-radius: 999px;
+        color: var(--text-primary);
+        font-size: var(--font-size-xs);
+        font-weight: var(--font-weight-semibold);
+      }
+      .legacy-team-setup-row-needs-attention .legacy-team-device-actions button:not([aria-disabled="true"]),
+      .legacy-team-setup-row-needs-attention .legacy-team-project-row-content button:not([aria-disabled="true"]) {
+        border-color: var(--accent);
+      }
+      .legacy-team-setup-next-action { display: grid; gap: var(--sp-2); margin-top: var(--sp-4); justify-items: start; }
+      .legacy-team-setup-next-action p { margin: 0; }
       .legacy-team-setup-delta { display: grid; gap: var(--sp-3); }
+      .legacy-team-setup-review-summary {
+        display: grid;
+        gap: var(--sp-2);
+        margin-block: var(--sp-3);
+        padding: var(--sp-3);
+        border: 1px solid var(--border);
+        border-radius: var(--radius-sm);
+        background: var(--surface-2);
+      }
+      .legacy-team-setup-review-summary p,
+      .legacy-team-setup-review-summary ul { margin: 0; }
+      .legacy-team-setup-net-effect {
+        padding: var(--sp-3);
+        border-inline-start: 4px solid var(--accent);
+        border-radius: var(--radius-sm);
+        background: var(--accent-subtle);
+        line-height: 1.5;
+      }
       .legacy-team-setup-delta section { padding-block: var(--sp-2); border-bottom: 1px solid var(--border); }
       .legacy-team-setup-delta h4 { margin: 0 0 var(--sp-2); }
       .legacy-team-setup-delta ul { display: grid; gap: var(--sp-1); margin: 0; padding-inline-start: var(--sp-5); }
+      .legacy-team-setup-delta-summary { font-weight: var(--font-weight-semibold); }
+      .legacy-team-setup-delta details { margin-top: var(--sp-2); }
+      .legacy-team-setup-delta summary { cursor: pointer; font-weight: var(--font-weight-semibold); }
+      .legacy-team-setup-delta .legacy-team-setup-exact-list {
+        margin-top: var(--sp-2);
+        padding-block: var(--sp-2);
+        border-top: 1px solid var(--border);
+      }
       .legacy-team-setup-confirmation { display: flex; gap: var(--sp-2); align-items: flex-start; margin-block: var(--sp-4); }
       .legacy-team-setup-confirmation input { flex: 0 0 auto; margin-top: 0.2em; min-width: 24px; min-height: 24px; }
+      .legacy-team-setup-finish-progress {
+        display: flex;
+        gap: var(--sp-2);
+        align-items: flex-start;
+        margin-block: var(--sp-3);
+        padding: var(--sp-3);
+        border: 1px solid var(--accent);
+        border-radius: var(--radius-sm);
+        background: var(--accent-subtle);
+      }
+      .legacy-team-setup-spinner {
+        width: 1rem;
+        height: 1rem;
+        flex: 0 0 auto;
+        margin-top: 0.15em;
+        border: 2px solid var(--border);
+        border-top-color: var(--accent);
+        border-radius: 50%;
+        animation: legacy-team-setup-spin 0.8s linear infinite;
+      }
+      @keyframes legacy-team-setup-spin { to { transform: rotate(360deg); } }
+      @media (prefers-reduced-motion: reduce) {
+        .legacy-team-setup-spinner { animation: none; }
+      }
       .recipient-policy-management-selection fieldset { border: 0; padding: 0; margin: var(--sp-4) 0 0; }
       .recipient-policy-management-selection legend { font-weight: var(--font-weight-semibold); }
       .recipient-policy-management-review section + section { margin-top: var(--sp-4); }
@@ -1307,6 +1511,7 @@
       .recipient-policy-sharing-tabs {
         position: static;
         display: flex;
+		flex-wrap: wrap;
         gap: var(--sp-1);
         margin-bottom: var(--sp-4);
         padding: 0;
@@ -1317,6 +1522,11 @@
       .recipient-policy-sharing-tabs .tab-btn { color: var(--text-secondary); }
       .recipient-policy-sharing-tabs .tab-btn.active { color: var(--text-primary); }
       .recipient-policy-sharing-grid { display: grid; gap: var(--sp-3); }
+      .recipient-policy-sharing-responsive-grid {
+        grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr));
+      }
+      .recipient-policy-sharing-responsive-surface { min-width: 0; }
+      .recipient-policy-sharing-target { max-width: 100%; }
       .recipient-policy-sharing-card { border: 1px solid var(--border); border-radius: var(--radius-md); }
       .recipient-policy-sharing-card-title {
         display: flex;
@@ -1325,6 +1535,31 @@
         gap: var(--sp-3);
       }
       .recipient-policy-sharing-card-title h3 { margin: 0; }
+      .recipient-policy-sharing-card,
+      .recipient-policy-sharing-card-title,
+      .recipient-policy-sharing-details dd { min-width: 0; overflow-wrap: anywhere; }
+      .recipient-policy-sharing-state,
+      .recipient-policy-sharing-empty {
+        border: 1px solid var(--border);
+        border-radius: var(--radius-md);
+        background: var(--surface-1);
+        color: var(--text-secondary);
+        padding: var(--sp-3);
+      }
+      .recipient-policy-sharing-error {
+        border-color: color-mix(in srgb, var(--status-attention) 45%, var(--border));
+        color: var(--text-primary);
+      }
+      .recipient-policy-sharing-name-details,
+      .recipient-policy-sharing-project-details { margin-top: var(--sp-2); }
+      .recipient-policy-sharing-name-details summary,
+      .recipient-policy-sharing-project-details summary {
+        color: var(--text-secondary);
+        cursor: pointer;
+        font-weight: var(--font-weight-semibold);
+      }
+      .recipient-policy-sharing-name-details ul,
+      .recipient-policy-sharing-project-details ul { margin: var(--sp-2) 0 0; padding-left: var(--sp-5); }
       .recipient-policy-sharing-details { display: grid; gap: var(--sp-3); margin: var(--sp-4) 0; }
       .recipient-policy-sharing-details div {
         display: grid;
@@ -1333,6 +1568,9 @@
       }
       .recipient-policy-sharing-details dt { color: var(--text-secondary); }
       .recipient-policy-sharing-details dd { margin: 0; color: var(--text-primary); }
+      .recipient-policy-sharing-team-card > .recipient-policy-sharing-actions + .recipient-policy-sharing-actions {
+        margin-top: var(--sp-2);
+      }
 
       .loading-card-list { display: grid; gap: var(--sp-3); }
       .loading-card {
@@ -1436,6 +1674,32 @@
       }
       .recipient-policy-sharing-attention p { margin-top: var(--sp-2); }
       .recipient-policy-sharing-attention .settings-button { margin-top: var(--sp-3); }
+      .recipient-policy-sharing-team-setup-list {
+        display: grid;
+        gap: var(--sp-3);
+        margin: var(--sp-3) 0 0;
+        padding: 0;
+        list-style: none;
+      }
+      .recipient-policy-sharing-team-setup-group,
+      .recipient-policy-sharing-team-setup-rows { display: grid; gap: var(--sp-2); }
+      .recipient-policy-sharing-team-setup-group-title {
+        display: flex;
+        align-items: baseline;
+        gap: var(--sp-2);
+        min-width: 0;
+        overflow-wrap: anywhere;
+        flex-wrap: wrap;
+      }
+      .recipient-policy-sharing-team-setup-row {
+        display: grid;
+        grid-template-columns: minmax(0, 1fr) auto auto;
+        align-items: center;
+        gap: var(--sp-2);
+        min-width: 0;
+      }
+      .recipient-policy-sharing-team-setup-label { min-width: 0; overflow-wrap: anywhere; }
+      .recipient-policy-sharing-team-setup-action .settings-button { margin-top: 0; }
       .device-identity-setup-card fieldset,
       .device-identity-rebind fieldset {
         display: grid;
@@ -1466,7 +1730,12 @@
         .recipient-policy-sharing-responsive-actions { display: grid; grid-template-columns: 1fr; }
         .recipient-policy-management-actions button,
         .recipient-policy-sharing-responsive-actions button { min-height: 44px; width: 100%; }
-        .recipient-policy-sharing-responsive-tabs { overflow-x: auto; }
+        .recipient-policy-sharing-responsive-tabs { flex-wrap: wrap; min-width: 0; overflow-x: visible; }
+        .recipient-policy-sharing-responsive-tabs .tab-btn { flex: 1 1 auto; min-width: 0; }
+        .coordinator-admin-space-toolbar,
+        .coordinator-admin-space-toolbar > .peer-actions { align-items: stretch; width: 100%; }
+        .coordinator-admin-space-toolbar > .peer-actions { display: grid; grid-template-columns: 1fr; }
+        .coordinator-admin-space-toolbar .settings-button { width: 100%; }
         .recipient-policy-sharing-details div { grid-template-columns: 1fr; gap: var(--sp-1); }
         .recipient-policy-invitation-result { padding: var(--sp-3); }
         #devicesMount .recipient-policy-sharing-card > .settings-button,
@@ -1570,6 +1839,13 @@
       }
       .feed-search::placeholder { color: var(--text-tertiary); }
       .feed-search:focus { border-color: var(--accent); box-shadow: 0 0 0 3px var(--focus-ring); }
+      .feed-search.legacy-team-device-select,
+      .feed-search.legacy-team-project-select {
+        box-sizing: border-box;
+        width: 100%;
+        min-width: 0;
+        max-width: 100%;
+      }
 
       .feed-inspector-files {
         width: 100%;
@@ -2739,7 +3015,8 @@
       .sync-attention-target {
         animation: sync-attention-target var(--duration-attention) var(--ease-out);
       }
-      .settings-button:disabled {
+      .settings-button:disabled,
+      .settings-button[aria-disabled="true"] {
         opacity: 0.55;
         cursor: not-allowed;
       }
@@ -3716,6 +3993,9 @@
         .modal-card { padding: var(--sp-4); border-radius: var(--radius-lg); }
         .legacy-team-setup-dialog .modal-card { width: calc(100vw - 16px); }
         .legacy-team-setup-steps { grid-template-columns: 1fr; }
+        .recipient-policy-sharing-team-setup-row { grid-template-columns: 1fr auto; }
+        .recipient-policy-sharing-team-setup-label { grid-column: 1 / -1; }
+        .recipient-policy-sharing-team-setup-separator { display: none; }
       }
 
       /* ──────────────────────────────────────────────────────────────────
@@ -4153,14 +4433,14 @@
     <!-- ── Tab: Advanced ───────────────────────────────────── -->
     <div class="tab-panel" id="tab-advanced" hidden>
       <div class="card">
-        <div class="section-header">
+        <div class="section-header advanced-legacy-header">
           <div>
             <h2>Advanced</h2>
-            <div class="section-meta">Compatibility tools for device sync and Team administration.</div>
+            <div class="section-meta">Device sync, legacy Team and Space setup, and coordinator administration.</div>
           </div>
-          <div class="section-actions" aria-label="Advanced sections">
+          <div class="section-actions" aria-label="Advanced sections" role="group">
             <button class="settings-button" id="advancedSyncButton" type="button" aria-pressed="true">Sync</button>
-            <button class="settings-button" id="advancedTeamsButton" type="button" aria-pressed="false">Teams</button>
+            <button class="settings-button" id="advancedTeamsButton" type="button" aria-pressed="false">Coordinator Administration</button>
           </div>
         </div>
       </div>
@@ -4315,15 +4595,28 @@
 
       <div id="advancedTeamsContent" hidden>
         <div class="card">
+          <aside
+            aria-labelledby="coordinatorAdminLegacyNoticeTitle"
+            class="coordinator-admin-inline-warning coordinator-admin-legacy-notice"
+            role="note"
+          >
+            <div class="coordinator-admin-legacy-notice-copy">
+              <h3 id="coordinatorAdminLegacyNoticeTitle" tabindex="-1">Looking for Team settings?</h3>
+              <div class="peer-submeta">
+                Manage Team members, names, and Project access in Sharing. Use this page only for older coordinator groups and Spaces.
+              </div>
+            </div>
+            <button class="settings-button" id="coordinatorAdminOpenSharing" type="button">Open Sharing</button>
+          </aside>
           <details class="advanced-administration-disclosure" open>
-            <summary>Advanced Team administration</summary>
-            <div class="section-meta">Manage legacy enrollment, Spaces, device administration, and coordinator settings.</div>
+            <summary>Coordinator Administration</summary>
+            <div class="section-meta">Technical coordinator groups, Spaces, enrollment, and recovery controls.</div>
             <div id="coordinatorAdminMount"></div>
           </details>
         </div>
       </div>
     </div>
 
-    <script src="/assets/app.js"></script>
+    <script src="/assets/app.js?v=ee66e789cdc7"></script>
   </body>
 </html>