@codemem/server 0.42.0 → 0.43.1

package/static/index.html

@@ -1203,6 +1203,108 @@
         font-weight: var(--font-weight-semibold);
       }
       .recipient-policy-management-dialog .modal-card { width: min(720px, calc(100vw - 32px)); }
+      .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: 0;
+        list-style: none;
+      }
+      .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);
+        color: var(--text-primary);
+        font-weight: var(--font-weight-semibold);
+      }
+      .legacy-team-setup-dialog button[aria-disabled="true"] {
+        opacity: 0.55;
+        cursor: not-allowed;
+      }
+      .legacy-team-setup-body h3 { margin: var(--sp-2) 0; }
+      .legacy-team-setup-body p { overflow-wrap: anywhere; }
+      .legacy-team-setup-error { display: grid; gap: var(--sp-2); justify-items: start; }
+      .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-row {
+        display: grid;
+        gap: var(--sp-2);
+        min-width: 0;
+        margin: 0;
+        padding: var(--sp-3);
+        border: 1px solid var(--border);
+        border-radius: var(--radius-md);
+        background: var(--surface-2);
+      }
+      .legacy-team-device-row legend {
+        padding: 0 var(--sp-1);
+        color: var(--text-primary);
+        font-weight: var(--font-weight-semibold);
+      }
+      .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: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 {
+        display: grid;
+        gap: var(--sp-2);
+        min-width: 0;
+        margin: 0;
+        padding: var(--sp-3);
+        border: 1px solid var(--border);
+        border-radius: var(--radius-md);
+        background: var(--surface-2);
+      }
+      .legacy-team-project-row legend {
+        padding: 0 var(--sp-1);
+        color: var(--text-primary);
+        font-weight: var(--font-weight-semibold);
+      }
+      .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:disabled { opacity: 0.55; cursor: not-allowed; }
+      .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-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; }
       .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); }
@@ -1366,6 +1468,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;
@@ -3644,6 +3772,11 @@
         .tab-bar { padding: 0 var(--sp-4); }
         .modal { padding: var(--sp-3); }
         .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; }
       }
 
       /* ──────────────────────────────────────────────────────────────────
@@ -3731,6 +3864,7 @@
     </nav>
     <div id="toastRoot"></div>
     <div id="recipientPolicyManagementMount"></div>
+    <div id="legacyTeamSetupMount"></div>
     <div class="viewer-reconnect-overlay" id="viewerReconnectOverlay" hidden>
       <div class="viewer-reconnect-card" role="status" aria-live="assertive">
         <div class="viewer-reconnect-eyebrow">Viewer connection</div>