feat: add database export, welcome kit dialog, and DIP/sanctions updates

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>

src/app/fiu/fiu.component.html

@@ -347,6 +347,69 @@
 
   <!-- STR -->
   @if (activeTab === 'str') {
+    <!--
+      Sanctions STRs are a separate stream from the AML alerts below, not merged into them: an AML
+      alert is raised by a monetary transaction breaching a rule, whereas a sanctions STR is
+      triggered by who the customer is. Mixing them would put two different kinds of suspicion in
+      one queue and require inventing a transaction that never happened.
+    -->
+    @if (sanctionsStrCases.length) {
+      <div class="fiu-section">
+        <div class="fiu-form-meta">
+          <div class="fiu-form-title">
+            <h3>Sanctions STRs (UAPA s.51-A)</h3>
+            <p>
+              Confirmed matches against the UN Security Council Consolidated List. Accounts are frozen; the STR must
+              reach FIU-IND within 7 days of confirmation.
+            </p>
+          </div>
+          <select class="fiu-inp" [(ngModel)]="sanctionsStrFilter" (ngModelChange)="loadSanctionsStrCases()">
+            <option value="">All</option>
+            <option value="PENDING_FILING">Pending filing</option>
+            <option value="FILED">Filed</option>
+          </select>
+        </div>
+        <div class="fiu-tbl-wrap">
+          <table class="fiu-tbl">
+            <thead>
+              <tr>
+                <th>Alert</th>
+                <th>Client</th>
+                <th>Screened Name</th>
+                <th>Listed As</th>
+                <th>Confirmed On</th>
+                <th>Due</th>
+                <th>Status</th>
+                <th>STR Reference</th>
+              </tr>
+            </thead>
+            <tbody>
+              @for (str of sanctionsStrCases; track str.id) {
+                <tr>
+                  <td class="mono">#{{ str.id }}</td>
+                  <td>
+                    @if (str.clientId) {
+                      <a [routerLink]="['/clients', str.clientId, 'general']">{{ str.clientName || str.clientId }}</a>
+                    } @else {
+                      <span class="muted">Not onboarded</span>
+                    }
+                  </td>
+                  <td>{{ str.screenedName }}</td>
+                  <td>{{ str.matchedNames || '—' }}</td>
+                  <td>{{ str.approvedOn | date: 'mediumDate' }}</td>
+                  <td [class.str-overdue]="isStrOverdue(str)">{{ str.strDueDate || '—' }}</td>
+                  <td>
+                    <span [class]="strStatusClass(str)">{{ strStatusLabel(str) }}</span>
+                  </td>
+                  <td class="mono">{{ str.fiuStrReference || '—' }}</td>
+                </tr>
+              }
+            </tbody>
+          </table>
+        </div>
+      </div>
+    }
+
     <div class="fiu-section">
       <!-- LIVE: suspicious AML alerts awaiting AML Officer review (Structuring, PEP, etc.) -->
       <div class="fiu-form-meta">