fix: restore remaining content dropped by the dev merge (comprehensive audit)

Systematic file-by-file audit of demo-backup against dev to find any
remaining instances of the same silent-drop pattern from the earlier
merge (git's 3-way auto-resolve keeping demo-backup's side wherever it
had independently touched nearby lines, even when dev's side was a
genuine, unrelated addition). Restored:

- clients.module.ts: missing ClientFamilyMemberChildDialogComponent
  registration (component existed but was never wired in)
- client-family-member-dialog: full children-management flow (checkbox,
  form array, child dialog integration, view/edit summary blocks)
- edit-client: FIR-exception flow for inaccessible old mobile numbers,
  and a hardened detectSensitiveFieldChanges() (null-guard, phone-digit
  normalization, dirty-checked comparisons to avoid false-positive
  Verify-Contact-Change prompts)
- shell.component.ts: withdrawal-review URL matcher extended to cover
  the Share Withdrawal Request review route
- fiu.component.html: AML alert status filter and monthly CTR reports
  table UI (backing logic already existed unused in the .ts)
- Shares module: Passbook tab (component existed but had no route or
  tab link), running-balance/resolution columns on the transactions
  tab, subscript-sizing fixes and a pill-style filter-bar redesign on
  Share Holders
- Savings/Share product accounting steps: Payment-Channel-to-Fund-
  Source mapping section, and Share Reference account restructuring
- pending-client-edits: email status badges + "View Email" button
  (dialog component existed but nothing on this list triggered it)

Everything else that still differs from dev was individually verified
as either demo-backup's own independent work (Investment/Loan
Origination/NPA/RBI-OSS modules, the Approval Center tab-nav redesign,
AML/compliance review features, bank-name rebrand in demo seed data)
or purely cosmetic formatting differences — left untouched.

src/app/shares/share-holders/share-holders.component.html

@@ -20,11 +20,11 @@
     </div>
 
     <div class="table-filters">
-      <mat-form-field class="table-search" appearance="outline">
+      <mat-form-field class="table-search" appearance="outline" subscriptSizing="dynamic">
         <input matInput placeholder="Search by client name or account number" [formControl]="searchControl" />
       </mat-form-field>
 
-      <mat-form-field class="table-filter" appearance="outline">
+      <mat-form-field class="table-filter" appearance="outline" subscriptSizing="dynamic">
         <mat-select [(value)]="branchFilter" (selectionChange)="applyFilters()" placeholder="Branch">
           <mat-option value="">All Branches</mat-option>
           <mat-option *ngFor="let office of offices" [value]="office.id">
@@ -33,7 +33,7 @@
         </mat-select>
       </mat-form-field>
 
-      <mat-form-field class="table-filter" appearance="outline">
+      <mat-form-field class="table-filter" appearance="outline" subscriptSizing="dynamic">
         <mat-select [(value)]="productFilter" (selectionChange)="applyFilters()" placeholder="Share Product">
           <mat-option value="">All Products</mat-option>
           <mat-option *ngFor="let product of products" [value]="product.id">
@@ -42,7 +42,7 @@
         </mat-select>
       </mat-form-field>
 
-      <mat-form-field class="table-filter" appearance="outline">
+      <mat-form-field class="table-filter" appearance="outline" subscriptSizing="dynamic">
         <mat-select [(value)]="statusFilter" (selectionChange)="applyFilters()" placeholder="Status">
           <mat-option value="">All Status</mat-option>
           <mat-option value="active">Active</mat-option>
@@ -53,7 +53,7 @@
         </mat-select>
       </mat-form-field>
 
-      <mat-form-field class="table-filter" appearance="outline" (click)="picker.open()">
+      <mat-form-field class="table-filter" appearance="outline" subscriptSizing="dynamic" (click)="picker.open()">
         <mat-date-range-input [formGroup]="dateRangeForm" [rangePicker]="picker">
           <input matStartDate formControlName="start" placeholder="Start date" (dateChange)="applyFilters()" />
           <input matEndDate formControlName="end" placeholder="End date" (dateChange)="applyFilters()" />

src/app/shares/share-holders/share-holders.component.scss

@@ -5,37 +5,43 @@
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at http://mozilla.org/MPL/2.0/.
  */
+
+:host {
+  display: block;
+  width: 100%;
+}
+
 .container {
-  margin: 1.5rem;
-  padding: 0;
-  border-radius: var(--radius-xl);
-  background: var(--bg-card);
-  box-shadow: var(--shadow-sm);
+  margin: 1.5rem auto;
+  max-width: 1400px;
+  padding: 20px 24px;
+  border-radius: 16px;
+  background: #fff;
+  border: 1px solid #e2e8f0;
+  box-shadow: 0 1px 3px rgb(0 0 0 / 4%);
+  box-sizing: border-box;
 }
 
 .table-header {
-  padding: 1.5rem;
-  border-bottom: 1px solid var(--border-light);
+  margin-bottom: 20px;
 
   .table-header-row {
     display: flex;
     justify-content: space-between;
     align-items: center;
-    margin-bottom: 1.5rem;
-    flex-wrap: wrap;
-    gap: 1rem;
+    margin-bottom: 16px;
   }
 
   .table-title-group {
     display: flex;
     align-items: center;
-    gap: 1rem;
+    gap: 12px;
 
     .table-title {
       margin: 0;
       font-size: 1.25rem;
       font-weight: 600;
-      color: var(--text-main);
+      color: #0f172a;
       display: flex;
       align-items: center;
       gap: 0.75rem;
@@ -45,22 +51,19 @@
         width: 24px;
         height: 24px;
         position: relative;
-        display: flex;
-        flex-wrap: wrap;
+        display: grid;
+        grid-template-columns: 1fr 1fr;
         gap: 2px;
         padding: 2px;
-        background: var(--bg-hover);
+        background: #f1f5f9;
         border-radius: 6px;
 
         span {
-          width: 8px;
-          height: 8px;
           border-radius: 2px;
-          background: var(--primary-main);
-          opacity: 0.8;
+          background: #1353a0;
 
           &:nth-child(2) {
-            opacity: 0.6;
+            opacity: 0.7;
           }
 
           &:nth-child(3) {
@@ -75,53 +78,156 @@
     }
 
     .table-count {
-      padding: 0.25rem 0.75rem;
-      background: var(--bg-hover);
-      color: var(--text-muted);
-      border-radius: var(--radius-full);
+      padding: 0.2rem 0.65rem;
+      background: #f1f5f9;
+      color: #64748b;
+      border-radius: 12px;
       font-size: 0.75rem;
       font-weight: 500;
-      letter-spacing: 0.02em;
+      font-family: 'Roboto Mono', monospace;
     }
   }
 
+  /* Pill-styled filter bar */
   .table-filters {
     display: flex;
-    gap: 1rem;
     align-items: center;
+    gap: 10px;
     flex-wrap: wrap;
+    padding: 8px 12px;
+    background: #f8fafc;
+    border: 1px solid #e2e8f0;
+    border-radius: 12px;
 
-    mat-form-field {
-      width: 240px;
-      margin-bottom: -1.25em;
+    .table-search {
+      flex: 1 1 200px;
+      min-width: 180px;
+      max-width: 280px;
+      margin: 0;
+    }
+
+    .table-filter {
+      flex: 0 1 150px;
+      min-width: 130px;
+      max-width: 170px;
+      margin: 0;
+    }
+
+    /* Override Material Form Field Heights & Subscript Spacing */
+    ::ng-deep {
+      .mat-mdc-form-field {
+        margin: 0;
+      }
+
+      .mat-mdc-form-field-subscript-wrapper {
+        display: none !important;
+        height: 0 !important;
+      }
+
+      .mat-mdc-form-field-flex {
+        height: 38px !important;
+        background: #fff !important;
+        align-items: center;
+      }
+
+      .mat-mdc-form-field-infix {
+        padding: 6px 0 !important;
+        min-height: 38px !important;
+      }
+
+      .mdc-notched-outline__leading {
+        border-radius: 8px 0 0 8px !important;
+      }
+
+      .mdc-notched-outline__trailing {
+        border-radius: 0 8px 8px 0 !important;
+      }
+
+      .mat-mdc-select-value,
+      .mat-mdc-select-placeholder,
+      input {
+        font-size: 13px !important;
+      }
+    }
+
+    [mat-icon-button] {
+      color: #64748b;
+      width: 36px;
+      height: 36px;
+
+      &:hover {
+        color: #0f172a;
+        background: #e2e8f0;
+      }
     }
   }
 }
 
 .table-container {
-  position: relative;
-  overflow: auto;
-  border-radius: 0 0 var(--radius-xl) var(--radius-xl);
+  border: 1px solid #e2e8f0;
+  border-radius: 12px;
+  overflow: hidden;
+  background: #fff;
 
   .table-loader {
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    z-index: 10;
+    height: 2px;
   }
 }
 
 .modern-table {
   width: 100%;
-  background: transparent;
+  border-collapse: separate;
+  border-spacing: 0;
 
-  tr.mat-row {
-    cursor: pointer;
-    transition: background-color 0.2s ease;
+  ::ng-deep {
+    .mat-mdc-header-row {
+      background: #f8fafc;
+      min-height: 38px;
+      height: 38px;
+    }
 
-    &:hover {
-      background-color: var(--bg-hover);
+    .mat-mdc-header-cell {
+      font-size: 11px;
+      font-weight: 700;
+      text-transform: uppercase;
+      letter-spacing: 0.05em;
+      color: #64748b;
+      border-bottom: 1px solid #e2e8f0;
+      padding: 0 16px;
+      white-space: nowrap;
+    }
+
+    .mat-mdc-row {
+      min-height: 42px;
+      height: 42px;
+      border-bottom: 1px solid #f1f5f9;
+      transition: background-color 0.15s ease;
+      cursor: pointer;
+
+      &:last-child {
+        border-bottom: none;
+      }
+
+      &:nth-child(even) {
+        background: #fafbfc;
+      }
+
+      &:hover {
+        background-color: #f1f5f9 !important;
+      }
+    }
+
+    .mat-mdc-cell {
+      font-size: 13px;
+      font-weight: 400;
+      color: #0f172a;
+      padding: 0 16px;
+      white-space: nowrap;
     }
   }
 }
+
+mat-paginator {
+  border-top: 1px solid #e2e8f0;
+  background: #fff;
+}

src/app/shares/shares-account-view/shares-account-view.component.html

@@ -152,6 +152,16 @@
       >
         {{ 'labels.inputs.Transactions' | translate }}
       </a>
+      <a
+        mat-tab-link
+        [routerLink]="['./passbook']"
+        routerLinkActive
+        #passbook="routerLinkActive"
+        [active]="passbook.isActive"
+        *mifosxHasPermission="'READ_SHAREACCOUNTPURCHASE'"
+      >
+        Passbook
+      </a>
       <a
         mat-tab-link
         [routerLink]="['./charges']"

src/app/shares/shares-account-view/shares-buttons.config.ts

@@ -50,12 +50,10 @@ export class SharesButtonsConfiguration {
             name: 'Reject Additional Shares',
             icon: 'arrow-left',
             taskPermissionName: 'REJECTADDITIONAL_SHAREACCOUNT'
-          },
-          {
-            name: 'Redeem Shares',
-            icon: 'arrow-left',
-            taskPermissionName: 'WITHDRAW_SAVINGSACCOUNT'
           }
+          // 'Redeem Shares' is intentionally not offered here — a share withdrawal must go
+          // through the Clerk Dashboard maker-checker flow (Clerk Dashboard > My Share Requests),
+          // never a direct one-step action from this view.
         ];
         break;
       case 'Submitted and pending approval':

src/app/shares/shares-account-view/transactions-tab/transactions-tab.component.html

@@ -54,6 +54,25 @@
         </td>
       </ng-container>
 
+      <ng-container matColumnDef="runningBalance">
+        <th mat-header-cell *matHeaderCellDef>Share Balance</th>
+        <td mat-cell *matCellDef="let transaction">{{ transaction.runningBalance }}</td>
+      </ng-container>
+
+      <ng-container matColumnDef="resolutionMeeting">
+        <th mat-header-cell *matHeaderCellDef>Resolution No. / Meeting Date</th>
+        <td mat-cell *matCellDef="let transaction">
+          @if (transaction.type.value === 'Redeem') {
+            {{ transaction.resolutionNumber || '—' }}
+            @if (transaction.meetingDate) {
+              ({{ transaction.meetingDate | dateFormat }})
+            }
+          } @else {
+            —
+          }
+        </td>
+      </ng-container>
+
       <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
       <tr mat-row *matRowDef="let row; columns: displayedColumns"></tr>
     </table>

src/app/shares/shares-account-view/transactions-tab/transactions-tab.component.ts

@@ -56,14 +56,18 @@ export class TransactionsTabComponent implements OnInit {
   transactionsData: any;
   /** Data source for transactions table. */
   dataSource: MatTableDataSource<any>;
-  /** Columns to be displayed in transactions table. */
+  /** Columns to be displayed in transactions table — a share account's passbook: every
+   *  purchase/redeem entry plus the running share balance and, for a withdrawal, the Board
+   *  Resolution Number / Date of Meeting that authorised it. */
   displayedColumns: string[] = [
     'transactionDate',
     'transactionType',
     'totalShares',
     'purchasedOrRedeemedPrice',
     'chargeAmount',
-    'amountRecievedOrReturned'
+    'amountRecievedOrReturned',
+    'runningBalance',
+    'resolutionMeeting'
   ];
 
   /**
@@ -73,9 +77,19 @@ export class TransactionsTabComponent implements OnInit {
   constructor() {
     this.route.parent.data.subscribe((data: { sharesAccountData: any }) => {
       this.shareAccountData = data.sharesAccountData;
-      this.transactionsData = this.shareAccountData.purchasedShares.filter(
-        (transaction: any) => transaction.type.value !== 'Charge Payment'
-      );
+      this.transactionsData = this.shareAccountData.purchasedShares
+        .filter((transaction: any) => transaction.type.value !== 'Charge Payment')
+        .slice()
+        .sort((a: any, b: any) => new Date(a.purchasedDate).getTime() - new Date(b.purchasedDate).getTime());
+
+      let runningBalance = 0;
+      this.transactionsData.forEach((transaction: any) => {
+        const shares = Number(transaction.numberOfShares) || 0;
+        runningBalance += transaction.type.value === 'Redeem' ? -shares : shares;
+        transaction.runningBalance = runningBalance;
+      });
+      // Passbook reads newest-first.
+      this.transactionsData.reverse();
     });
   }
 

src/app/shares/shares-routing.module.ts

@@ -26,6 +26,7 @@ import { ShareAccountActionsResolver } from './common-resolvers/share-account-ac
 import { SharesAccountTemplateResolver } from './common-resolvers/shares-account-template.resolver';
 import { SharesAccountAndTemplateResolver } from './common-resolvers/share-account-and-template.resolver';
 import { GeneralTabComponent } from './shares-account-view/general-tab/general-tab.component';
+import { SharesPassbookTabComponent } from './shares-account-view/passbook-tab/passbook-tab.component';
 
 /** Shares Routes */
 const routes: Routes = [
@@ -75,6 +76,11 @@ const routes: Routes = [
                 component: TransactionsTabComponent,
                 data: { title: 'Shares Account Transactions', breadcrumb: 'Transactions', routeParamBreadcrumb: false }
               },
+              {
+                path: 'passbook',
+                component: SharesPassbookTabComponent,
+                data: { title: 'Shares Account Passbook', breadcrumb: 'Passbook', routeParamBreadcrumb: false }
+              },
               {
                 path: 'charges',
                 component: ChargesTabComponent,