Kea2-python 0.2.4__py3-none-any.whl → 0.3.0__py3-none-any.whl

kea2/templates/bug_report_template.html

@@ -201,43 +201,86 @@
             vertical-align: middle;
             text-align: center;
         }
+
+        /* Override text alignment for stack trace containers */
+        .table-custom td .bg-light {
+            text-align: left;
+        }
+
+        .table-custom td .bg-light pre {
+            text-align: left !important;
+        }
+
+        /* Enhanced Error Details styling */
+        .table-custom td:nth-child(7) .collapse {
+            position: relative;
+            z-index: 10;
+        }
+
+        .table-custom td:nth-child(7) .card {
+            max-width: none;
+            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+        }
+
+        .table-custom td:nth-child(7) .card-body {
+            padding: 1rem;
+            max-height: 400px;
+            overflow-y: auto;
+        }
+
+        .table-custom td:nth-child(7) pre {
+            max-height: 200px;
+            overflow-y: auto;
+            font-size: 0.8rem;
+            line-height: 1.4;
+        }
+
+        .table-custom td:nth-child(7) details {
+            margin-top: 0.5rem;
+        }
+
+        .table-custom td:nth-child(7) summary {
+            cursor: pointer;
+            margin-bottom: 0.5rem;
+        }
         
         /* Specific column widths for property statistics table */
         .table-custom th:nth-child(1), .table-custom td:nth-child(1) { /* Index */
-            width: 8%;
-            min-width: 60px;
+            width: 5%;
+            min-width: 50px;
         }
-        
+
         .table-custom th:nth-child(2), .table-custom td:nth-child(2) { /* Property Name */
-            width: 25%;
-            min-width: 200px;
+            width: 18%;
+            min-width: 180px;
             text-align: left;
         }
-        
+
         .table-custom th:nth-child(3), .table-custom td:nth-child(3) { /* Precondition Satisfied */
-            width: 12%;
-            min-width: 100px;
+            width: 9%;
+            min-width: 85px;
         }
-        
+
         .table-custom th:nth-child(4), .table-custom td:nth-child(4) { /* Executed */
-            width: 10%;
-            min-width: 80px;
+            width: 8%;
+            min-width: 70px;
         }
-        
+
         .table-custom th:nth-child(5), .table-custom td:nth-child(5) { /* Fails */
-            width: 10%;
-            min-width: 80px;
+            width: 7%;
+            min-width: 65px;
         }
-        
+
         .table-custom th:nth-child(6), .table-custom td:nth-child(6) { /* Errors */
-            width: 10%;
-            min-width: 80px;
+            width: 8%;
+            min-width: 70px;
         }
         
         .table-custom th:nth-child(7), .table-custom td:nth-child(7) { /* Error Details */
-            width: 25%;
-            min-width: 200px;
-            text-align: left;
+            width: 45%;
+            min-width: 400px;
+            text-align: center;
+            position: relative;
         }
         
         .table-custom tbody tr:nth-of-type(odd) {
@@ -572,6 +615,418 @@
                 white-space: normal;
             }
         }
+        
+        /* Modern Sorting Controls Styling */
+        .sorting-controls-modern {
+            background: #ffffff;
+            border: 1px solid #e5e7eb;
+            border-radius: 16px;
+            padding: 20px 24px;
+            margin-bottom: 16px;
+            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);
+            transition: all 0.2s ease;
+            position: relative;
+        }
+
+        .sorting-controls-modern:hover {
+            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.06);
+            border-color: #d1d5db;
+        }
+        
+        .sort-label-section {
+            display: flex;
+            align-items: center;
+            gap: 16px;
+        }
+        
+        .sort-icon-wrapper {
+            width: 48px;
+            height: 48px;
+            background: linear-gradient(135deg, #3498db, #2980b9);
+            border-radius: 12px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            box-shadow: 0 2px 8px rgba(52, 152, 219, 0.3);
+        }
+        
+        .sort-icon-wrapper i {
+            color: white;
+            font-size: 20px;
+        }
+        
+        .sort-text {
+            display: flex;
+            flex-direction: column;
+            gap: 4px;
+        }
+        
+        .sort-title {
+            font-size: 16px;
+            font-weight: 600;
+            color: #2c3e50;
+            line-height: 1.2;
+        }
+        
+        .sort-subtitle {
+            font-size: 13px;
+            color: #7f8c8d;
+            font-weight: 400;
+            line-height: 1.2;
+        }
+        
+        .sort-button-section {
+            display: flex;
+            align-items: center;
+        }
+        
+        .btn-sort-modern {
+            background: linear-gradient(135deg, #27ae60, #2ecc71);
+            border: none;
+            border-radius: 10px;
+            padding: 12px 20px;
+            color: white;
+            font-weight: 500;
+            font-size: 14px;
+            cursor: pointer;
+            transition: all 0.3s ease;
+            box-shadow: 0 2px 8px rgba(46, 204, 113, 0.3);
+            position: relative;
+            overflow: hidden;
+        }
+
+        .btn-sort-modern::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: -100%;
+            width: 100%;
+            height: 100%;
+            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
+            transition: left 0.5s ease;
+        }
+
+        .btn-sort-modern:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 4px 16px rgba(46, 204, 113, 0.4);
+        }
+
+        .btn-sort-modern:hover::before {
+            left: 100%;
+        }
+
+        .btn-sort-modern:active {
+            transform: translateY(0px);
+            box-shadow: 0 2px 8px rgba(46, 204, 113, 0.3);
+        }
+        
+        .btn-content {
+            display: flex;
+            align-items: center;
+            gap: 8px;
+            position: relative;
+            z-index: 1;
+        }
+        
+        .btn-icon {
+            font-size: 16px;
+            opacity: 0.9;
+        }
+        
+        .btn-text {
+            font-size: 14px;
+            font-weight: 500;
+            white-space: nowrap;
+        }
+        
+        .btn-arrow {
+            font-size: 14px;
+            transition: transform 0.3s ease;
+            opacity: 0.8;
+        }
+        
+        .btn-sort-modern:hover .btn-arrow {
+            transform: scale(1.1);
+            opacity: 1;
+        }
+        
+        /* Responsive design for sorting controls */
+        @media (max-width: 768px) {
+            .sorting-controls-modern {
+                padding: 16px 20px;
+            }
+            
+            .sort-label-section {
+                gap: 12px;
+            }
+            
+            .sort-icon-wrapper {
+                width: 40px;
+                height: 40px;
+            }
+            
+            .sort-icon-wrapper i {
+                font-size: 16px;
+            }
+            
+            .sort-title {
+                font-size: 14px;
+            }
+            
+            .sort-subtitle {
+                font-size: 12px;
+            }
+            
+            .btn-sort-modern {
+                padding: 10px 16px;
+            }
+            
+            .btn-text {
+                font-size: 13px;
+            }
+        }
+        
+        @media (max-width: 576px) {
+            .sorting-controls-modern {
+                flex-direction: column;
+                text-align: center;
+                gap: 16px;
+            }
+            
+            .sorting-controls-modern .d-flex {
+                flex-direction: column;
+                gap: 16px;
+            }
+            
+            .sort-label-section {
+                justify-content: center;
+            }
+        }
+        
+        /* Search Controls Styling */
+        .search-controls-modern {
+            background: #ffffff;
+            border: 1px solid #e5e7eb;
+            border-radius: 16px;
+            padding: 20px 24px;
+            margin-bottom: 20px;
+            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);
+            transition: all 0.2s ease;
+            position: relative;
+        }
+
+        .search-controls-modern:hover {
+            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.06);
+            border-color: #d1d5db;
+        }
+
+        /* Modern Activity Item Styling */
+        .activity-item {
+            background: #ffffff;
+            border: 1px solid #f3f4f6;
+            border-radius: 12px;
+            padding: 16px 20px;
+            margin-bottom: 8px;
+            transition: all 0.2s ease;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+        }
+
+        .activity-item:hover {
+            border-color: #e5e7eb;
+            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
+            transform: translateY(-1px);
+        }
+
+        .activity-content {
+            display: flex;
+            align-items: center;
+            gap: 12px;
+        }
+
+        .activity-name {
+            font-weight: 500;
+            color: #374151;
+            font-size: 14px;
+        }
+
+        .traversal-badge {
+            background: linear-gradient(135deg, #3b82f6, #1d4ed8) !important;
+            border: none;
+            border-radius: 20px;
+            padding: 6px 12px;
+            font-size: 12px;
+            font-weight: 500;
+            box-shadow: 0 2px 4px rgba(59, 130, 246, 0.2);
+        }
+
+        /* Modern Search Input */
+        .activity-search-input {
+            border: 1px solid #e5e7eb;
+            border-radius: 12px;
+            padding: 12px 16px;
+            font-size: 14px;
+            transition: all 0.2s ease;
+            background: #f9fafb;
+        }
+
+        .activity-search-input:focus {
+            border-color: #3b82f6;
+            box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
+            background: #ffffff;
+        }
+
+        .search-btn {
+            border-radius: 12px;
+            padding: 12px 16px;
+            background: linear-gradient(135deg, #3b82f6, #1d4ed8);
+            border: none;
+            transition: all 0.2s ease;
+        }
+
+        .search-btn:hover {
+            background: linear-gradient(135deg, #2563eb, #1e40af);
+            transform: translateY(-1px);
+            box-shadow: 0 4px 8px rgba(59, 130, 246, 0.3);
+        }
+
+        /* Combined Search and Sort Controls */
+        .search-sort-controls-modern {
+            background: #ffffff;
+            border: 1px solid #e5e7eb;
+            border-radius: 16px;
+            padding: 20px 24px;
+            margin-bottom: 20px;
+            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);
+            transition: all 0.2s ease;
+            position: relative;
+        }
+
+        .search-sort-controls-modern:hover {
+            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.06);
+            border-color: #d1d5db;
+        }
+
+        .search-section {
+            min-width: 0; /* Allow flex item to shrink */
+        }
+
+        .sort-section {
+            flex-shrink: 0; /* Prevent sort section from shrinking */
+        }
+
+        .sort-label {
+            white-space: nowrap;
+            font-size: 14px;
+        }
+
+        /* Responsive design for combined controls */
+        @media (max-width: 768px) {
+            .search-sort-controls-modern .d-flex {
+                flex-direction: column;
+                gap: 16px !important;
+            }
+
+            .search-section {
+                width: 100% !important;
+                max-width: none !important;
+                flex-shrink: 1 !important;
+            }
+
+            .sort-section {
+                justify-content: center;
+                width: 100%;
+                margin-left: 0 !important;
+            }
+        }
+
+        @media (max-width: 576px) {
+            .search-section {
+                max-width: none !important;
+            }
+
+            .search-icon-wrapper {
+                width: 40px;
+                height: 40px;
+            }
+
+            .search-icon-wrapper i {
+                font-size: 18px;
+            }
+        }
+        
+        .search-icon-wrapper {
+            width: 48px;
+            height: 48px;
+            background: linear-gradient(135deg, #17a2b8, #138496);
+            border-radius: 12px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            box-shadow: 0 2px 8px rgba(23, 162, 184, 0.3);
+        }
+        
+        .search-icon-wrapper i {
+            color: white;
+            font-size: 20px;
+        }
+        
+        .activity-search-input {
+            border: 1px solid #ced4da;
+            border-radius: 8px 0 0 8px;
+            padding: 12px 16px;
+            font-size: 14px;
+            transition: all 0.3s ease;
+        }
+        
+        .activity-search-input:focus {
+            border-color: #17a2b8;
+            box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.25);
+        }
+        
+        .search-btn {
+            border-radius: 0;
+            border-left: none;
+            border-right: none;
+            padding: 12px 16px;
+            transition: all 0.3s ease;
+            background-color: #17a2b8;
+            border-color: #17a2b8;
+            color: white;
+        }
+        
+        .search-btn:hover {
+            background-color: #138496;
+            border-color: #117a8b;
+            color: white;
+            transform: translateY(-1px);
+            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+        }
+        
+        .search-btn:focus {
+            box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
+        }
+        
+        .search-clear-btn {
+            border-radius: 0 8px 8px 0;
+            border-left: none;
+            padding: 12px 16px;
+            transition: all 0.3s ease;
+        }
+        
+        .search-clear-btn:hover {
+            background-color: #dc3545;
+            border-color: #dc3545;
+            color: white;
+        }
+        
+        .search-results-count {
+            display: block;
+            margin-top: 8px;
+            font-size: 12px;
+            font-style: italic;
+        }
     </style>
 </head>
 
@@ -669,7 +1124,7 @@
                     <div class="alert alert-info mb-3" style="border-left: 4px solid #17a2b8; background-color: #f8f9fa;">
                         <small class="text-muted">
                             <i class="bi bi-info-circle me-1"></i>
-                            <strong>Traversal Count Explanation:</strong> 
+                            <strong>Visit Count Explanation:</strong>
                             The number after the <i class="bi bi-eye"></i> icon indicates how many times each Activity was visited during testing.
                         </small>
                     </div>
@@ -701,7 +1156,54 @@
                                 <h5 class="mb-0 text-success">
                                     <i class="bi bi-check-circle-fill"></i> Tested Activities
                                 </h5>
-                                <span class="badge bg-success">{{ tested_activities|length }} / {{ total_activities_count }}</span>
+                                <span class="badge bg-success" style="font-size: 1.0em; font-weight: 500;">{{ tested_activities|length }} / {{ total_activities_count }}</span>
+                            </div>
+                            
+                            <!-- Combined Search and Sort Controls for Tested Activities -->
+                            <div class="search-sort-controls-modern mb-4">
+                                <div class="d-flex align-items-center gap-4">
+                                    <!-- Search Section -->
+                                    <div class="search-section d-flex align-items-center" style="width: 600px; flex-shrink: 0;">
+                                        <div class="search-icon-wrapper me-3">
+                                            <i class="bi bi-search"></i>
+                                        </div>
+                                        <div class="flex-grow-1">
+                                            <div class="input-group">
+                                                <input type="text" class="form-control activity-search-input"
+                                                       id="tested-activity-search"
+                                                       placeholder="Search activities..."
+                                                       data-target="tested-activities-container"
+                                                       data-item-class="tested-activity"
+                                                       data-pagination="tested-pagination"
+                                                       data-page-size="tested-page-size">
+                                                <button class="btn search-btn" type="button"
+                                                        data-target="tested-activity-search">
+                                                    <i class="bi bi-search"></i>
+                                                </button>
+                                                <button class="btn btn-outline-secondary search-clear-btn" type="button"
+                                                        data-target="tested-activity-search">
+                                                    <i class="bi bi-x-lg"></i>
+                                                </button>
+                                            </div>
+                                            <small class="text-muted search-results-count" id="tested-search-results"></small>
+                                        </div>
+                                    </div>
+
+                                    <!-- Sort Section -->
+                                    <div class="sort-section d-flex align-items-center gap-3" style="margin-left: auto;">
+                                        <div class="sort-label d-flex align-items-center gap-2">
+                                            <i class="bi bi-funnel-fill text-muted"></i>
+                                            <span class="text-muted fw-medium">Sort:</span>
+                                        </div>
+                                        <button type="button" class="btn-sort-modern activity-sort-btn" data-sort="traversal" data-order="desc">
+                                            <div class="btn-content">
+                                                <i class="bi bi-eye btn-icon"></i>
+                                                <span class="btn-text">Visit Count</span>
+                                                <i class="bi bi-arrow-down sort-icon btn-arrow"></i>
+                                            </div>
+                                        </button>
+                                    </div>
+                                </div>
                             </div>
                             
                             <div class="activities-container">
@@ -711,7 +1213,7 @@
                                             {% for activity in tested_activities %}
                                                 <div class="activity-item tested-activity" data-page="1">
                                                     <div class="activity-content">
-                                                        <i class="bi bi-check-circle-fill text-success me-2"></i>
+                                                    <i class="bi bi-check-circle-fill text-success me-2"></i>
                                                         <span class="activity-name">{{ activity }}</span>
                                                     </div>
                                                     {% if activity in activity_count_history %}
@@ -756,21 +1258,68 @@
                                 <h5 class="mb-0 text-primary">
                                     <i class="bi bi-app"></i> All Activities Overview
                                 </h5>
-                                <span class="badge bg-primary">Total: {{ total_activities|length }}</span>
+                                <span class="badge bg-primary" style="font-size: 1.0em; font-weight: 500;">Total: {{ total_activities|length }}</span>
                             </div>
                             
-                            <div class="activities-container">
-                                <div class="activity-list">
+                            <!-- Combined Search and Sort Controls for All Activities -->
+                            <div class="search-sort-controls-modern mb-4">
+                                <div class="d-flex align-items-center gap-4">
+                                    <!-- Search Section -->
+                                    <div class="search-section d-flex align-items-center" style="width: 600px; flex-shrink: 0;">
+                                        <div class="search-icon-wrapper me-3">
+                                            <i class="bi bi-search"></i>
+                                        </div>
+                                        <div class="flex-grow-1">
+                                            <div class="input-group">
+                                                <input type="text" class="form-control activity-search-input"
+                                                       id="all-activity-search"
+                                                       placeholder="Search activities..."
+                                                       data-target="all-activities-container"
+                                                       data-item-class="all-activity"
+                                                       data-pagination="all-pagination"
+                                                       data-page-size="all-page-size">
+                                                <button class="btn search-btn" type="button"
+                                                        data-target="all-activity-search">
+                                                    <i class="bi bi-search"></i>
+                                                </button>
+                                                <button class="btn btn-outline-secondary search-clear-btn" type="button"
+                                                        data-target="all-activity-search">
+                                                    <i class="bi bi-x-lg"></i>
+                                                </button>
+                                            </div>
+                                            <small class="text-muted search-results-count" id="all-search-results"></small>
+                                        </div>
+                                    </div>
+
+                                    <!-- Sort Section -->
+                                    <div class="sort-section d-flex align-items-center gap-3" style="margin-left: auto;">
+                                        <div class="sort-label d-flex align-items-center gap-2">
+                                            <i class="bi bi-funnel-fill text-muted"></i>
+                                            <span class="text-muted fw-medium">Sort:</span>
+                                        </div>
+                                        <button type="button" class="btn-sort-modern activity-sort-btn" data-sort="traversal" data-order="desc">
+                                            <div class="btn-content">
+                                                <i class="bi bi-eye btn-icon"></i>
+                                                <span class="btn-text">Visit Count</span>
+                                                <i class="bi bi-arrow-down sort-icon btn-arrow"></i>
+                                            </div>
+                                        </button>
+                                    </div>
+                                </div>
+                            </div>
+                            
+                            <div class="activities-container">
+                                <div class="activity-list">
                                     {% if total_activities|length > 0 %}
                                         <div id="all-activities-container">
                                             {% for activity in total_activities %}
                                                 <div class="activity-item all-activity" data-page="1">
                                                     <div class="activity-content">
-                                                        {% if activity in tested_activities %}
-                                                            <i class="bi bi-check-circle-fill text-success me-2"></i>
-                                                        {% else %}
-                                                            <i class="bi bi-dash-circle text-secondary me-2"></i>
-                                                        {% endif %}
+                                                    {% if activity in tested_activities %}
+                                                        <i class="bi bi-check-circle-fill text-success me-2"></i>
+                                                    {% else %}
+                                                        <i class="bi bi-dash-circle text-secondary me-2"></i>
+                                                    {% endif %}
                                                         <span class="activity-name">{{ activity }}</span>
                                                     </div>
                                                     {% if activity in activity_count_history %}
@@ -833,6 +1382,140 @@
         </div>
         {% endif %}
 
+        <!-- Crash Analysis Section -->
+        {% if crash_events or anr_events %}
+        <div class="section-block">
+            <h2 class="section-title">
+                <i class="bi bi-exclamation-triangle text-danger"></i> Crash Analysis
+            </h2>
+            
+            <!-- Detailed Crash Information -->
+            <div class="card">
+                <div class="card-header bg-danger text-white">
+                    <div class="d-flex justify-content-between align-items-center">
+                        <span><i class="bi bi-bug"></i> Crash & ANR Events</span>
+                        <span class="badge bg-light text-dark" style="font-size: 1.1em; font-weight: 600;">{{ (crash_events|length) + (anr_events|length) }} events</span>
+                    </div>
+                </div>
+                <div class="card-body">
+                    <!-- Event Filter -->
+                    <div class="mb-3">
+                        <div class="btn-group" role="group" aria-label="Event filter">
+                            <input type="radio" class="btn-check" name="event-filter" id="all-events" autocomplete="off" checked>
+                            <label class="btn btn-outline-primary" for="all-events">All Events ({{ (crash_events|length) + (anr_events|length) }})</label>
+                            
+                            <input type="radio" class="btn-check" name="event-filter" id="crashes-only" autocomplete="off">
+                            <label class="btn btn-outline-danger" for="crashes-only">Crashes Only ({{ crash_events|length }})</label>
+                            
+                            <input type="radio" class="btn-check" name="event-filter" id="anr-only" autocomplete="off">
+                            <label class="btn btn-outline-warning" for="anr-only">ANR Only ({{ anr_events|length }})</label>
+                        </div>
+                    </div>
+                    
+                    <!-- Events Table -->
+                    <div class="table-responsive">
+                        <table class="table table-custom">
+                            <thead>
+                                <tr>
+                                    <th>Type</th>
+                                    <th>Time</th>
+                                    <th>Exception</th>
+                                    <th>Process</th>
+                                    <th>Details</th>
+                                </tr>
+                            </thead>
+                            <tbody id="crash-events-container">
+                                {% for crash in crash_events %}
+                                <tr class="event-row" data-type="crash" data-page="1">
+                                    <td><span class="badge bg-danger">CRASH</span></td>
+                                    <td>{{ crash.time }}</td>
+                                    <td>{{ crash.exception_type }}</td>
+                                    <td>{{ crash.process }}</td>
+                                    <td>
+                                        <button class="btn btn-sm btn-outline-primary" type="button" 
+                                                data-bs-toggle="collapse" data-bs-target="#crash-detail-{{ loop.index }}" 
+                                                aria-expanded="false" aria-controls="crash-detail-{{ loop.index }}">
+                                            <i class="bi bi-eye"></i> Details
+                                        </button>
+                                        <button class="btn btn-sm btn-outline-secondary copy-stack-btn" 
+                                                data-stack-index="{{ loop.index }}">
+                                            <i class="bi bi-clipboard"></i> Copy
+                                        </button>
+                                    </td>
+                                </tr>
+                                <tr class="collapse" id="crash-detail-{{ loop.index }}">
+                                    <td colspan="5">
+                                        <div class="bg-light p-3 rounded">
+                                            <h6 class="text-danger">Stack Trace:</h6>
+                                            <pre class="text-danger mb-0 text-start" id="stack-trace-{{ loop.index }}" style="font-size: 0.9em; white-space: pre-wrap; text-align: left;">{{ crash.stack_trace }}</pre>
+                                        </div>
+                                    </td>
+                                </tr>
+                                {% endfor %}
+                                
+                                {% for anr in anr_events %}
+                                <tr class="event-row" data-type="anr" data-page="1">
+                                    <td><span class="badge bg-warning text-dark">ANR</span></td>
+                                    <td>{{ anr.time }}</td>
+                                    <td>{{ anr.reason }}</td>
+                                    <td>{{ anr.process }}</td>
+                                    <td>
+                                        <button class="btn btn-sm btn-outline-primary" type="button" 
+                                                data-bs-toggle="collapse" data-bs-target="#anr-detail-{{ loop.index }}" 
+                                                aria-expanded="false" aria-controls="anr-detail-{{ loop.index }}">
+                                            <i class="bi bi-eye"></i> Details
+                                        </button>
+                                        <button class="btn btn-sm btn-outline-secondary copy-stack-btn" 
+                                                data-stack-index="anr-{{ loop.index }}">
+                                            <i class="bi bi-clipboard"></i> Copy
+                                        </button>
+                                    </td>
+                                </tr>
+                                <tr class="collapse" id="anr-detail-{{ loop.index }}">
+                                    <td colspan="5">
+                                        <div class="bg-light p-3 rounded">
+                                            <h6 class="text-dark">ANR Details:</h6>
+                                            <pre class="text-dark mb-0 text-start" id="stack-trace-anr-{{ loop.index }}" style="font-size: 0.9em; white-space: pre-wrap; text-align: left;">{{ anr.trace }}</pre>
+                                        </div>
+                                    </td>
+                                </tr>
+                                {% endfor %}
+                            </tbody>
+                        </table>
+                    </div>
+
+                    <!-- Pagination for Crash Events -->
+                    <div class="pagination-container d-flex justify-content-between align-items-center mt-3">
+                        <div class="d-flex align-items-center">
+                            <label for="events-page-size" class="form-label me-2 mb-0">Show:</label>
+                            <select class="form-select form-select-sm" id="events-page-size" style="width: auto;">
+                                <option value="5">5</option>
+                                <option value="10" selected>10</option>
+                                <option value="20">20</option>
+                                <option value="50">50</option>
+                                <option value="100">100</option>
+                            </select>
+                        </div>
+                        <nav aria-label="Crash Events Pagination">
+                            <ul class="pagination pagination-sm mb-0" id="events-pagination">
+                                <!-- Pagination will be generated by JavaScript -->
+                            </ul>
+                        </nav>
+                    </div>
+                </div>
+            </div>
+        </div>
+        {% else %}
+        <div class="section-block">
+            <h2 class="section-title">
+                <i class="bi bi-exclamation-triangle text-danger"></i> Crash Analysis
+            </h2>
+            <div class="alert alert-info text-center">
+                <i class="bi bi-info-circle"></i> No crash or ANR events detected in this test session.
+            </div>
+        </div>
+        {% endif %}
+
         <!-- Property Violations List -->
         {% if take_screenshots %}
         <div class="section-block">
@@ -887,6 +1570,35 @@
         <div class="section-block">
             <h2 class="section-title">Property Checking Statistics</h2>
             
+            <!-- Search Controls for Property Statistics -->
+            <div class="search-controls-modern mb-4">
+                <div class="d-flex align-items-center">
+                    <div class="search-icon-wrapper me-3">
+                        <i class="bi bi-search"></i>
+                    </div>
+                    <div class="flex-grow-1">
+                        <div class="input-group">
+                            <input type="text" class="form-control property-search-input" 
+                                   id="property-stats-search" 
+                                   placeholder="Search properties by name..." 
+                                   data-target="property-stats-container"
+                                   data-item-class="property-stat-row"
+                                   data-pagination="stats-pagination"
+                                   data-page-size="stats-page-size">
+                            <button class="btn btn-primary search-btn" type="button" 
+                                    data-target="property-stats-search">
+                                <i class="bi bi-search"></i>
+                            </button>
+                            <button class="btn btn-outline-secondary search-clear-btn" type="button" 
+                                    data-target="property-stats-search">
+                                <i class="bi bi-x-lg"></i>
+                            </button>
+                        </div>
+                        <small class="text-muted search-results-count" id="property-search-results"></small>
+                    </div>
+                </div>
+            </div>
+            
             <div class="table-responsive">
                 <table class="table table-custom">
                     <thead>
@@ -1376,10 +2088,28 @@
                 }
             });
             
+            // Draw crash timeline chart
+            var crashTimelineData = {{ crash_timeline_data|default('{}')|safe }};
+            if (crashTimelineData && Object.keys(crashTimelineData).length > 0) {
+                drawCrashTimelineChart(crashTimelineData);
+            }
+            
+            // Initialize crash events functionality
+            initCrashAnalysis();
+            
             // Initialize pagination for Activities lists
             initPagination('tested-activities-container', 'tested-activity', 'tested-pagination', 'tested-page-size');
             initPagination('all-activities-container', 'all-activity', 'all-pagination', 'all-page-size');
             
+            // Initialize activity sorting
+            initActivitySorting();
+            
+            // Initialize activity searching
+            initActivitySearching();
+            
+            // Initialize property statistics searching
+            initPropertySearching();
+            
             // Initialize pagination for Property tables
             initPagination('property-violations-container', 'property-violation-row', 'violations-pagination', 'violations-page-size');
             initPagination('property-stats-container', 'property-stat-row', 'stats-pagination', 'stats-page-size');
@@ -1387,6 +2117,77 @@
             // Initialize sorting for Property Checking Statistics
             initSorting();
             
+            // Activity sorting function
+            function initActivitySorting() {
+                const sortButtons = document.querySelectorAll('.activity-sort-btn');
+                
+                sortButtons.forEach(function(button) {
+                    button.addEventListener('click', function() {
+                        const sortType = this.dataset.sort;
+                        const currentOrder = this.dataset.order;
+                        const parentTab = this.closest('.tab-pane');
+                        const isTestedTab = parentTab.id === 'tested-activities';
+                        
+                        // Toggle sort order
+                        const newOrder = currentOrder === 'asc' ? 'desc' : 'asc';
+                        
+                        this.dataset.order = newOrder;
+                        const icon = this.querySelector('.sort-icon');
+                        
+                        if (newOrder === 'asc') {
+                            icon.className = 'bi bi-arrow-up sort-icon btn-arrow';
+                        } else {
+                            icon.className = 'bi bi-arrow-down sort-icon btn-arrow';
+                        }
+                        
+                        // Sort activities
+                        sortActivities(sortType, newOrder, isTestedTab);
+                    });
+                });
+                
+                function sortActivities(sortType, order, isTestedTab) {
+                    const containerId = isTestedTab ? 'tested-activities-container' : 'all-activities-container';
+                    const itemClass = isTestedTab ? 'tested-activity' : 'all-activity';
+                    const paginationId = isTestedTab ? 'tested-pagination' : 'all-pagination';
+                    const pageSizeSelectId = isTestedTab ? 'tested-page-size' : 'all-page-size';
+                    
+                    const container = document.getElementById(containerId);
+                    const items = Array.from(container.getElementsByClassName(itemClass));
+                    
+                    items.sort(function(a, b) {
+                        const badgeA = a.querySelector('.traversal-badge');
+                        const badgeB = b.querySelector('.traversal-badge');
+                        
+                        // Extract traversal count from badge text like "👁 5 times"
+                        const valueA = badgeA ? parseInt(badgeA.textContent.match(/\d+/)[0]) || 0 : 0;
+                        const valueB = badgeB ? parseInt(badgeB.textContent.match(/\d+/)[0]) || 0 : 0;
+                        
+                        if (order === 'asc') {
+                            return valueA - valueB;
+                        } else {
+                            return valueB - valueA;
+                        }
+                    });
+                    
+                    // Clear container and append sorted items
+                    container.innerHTML = '';
+                    items.forEach(function(item) {
+                        container.appendChild(item);
+                    });
+                    
+                    // Check if there's an active search and reapply it
+                    const searchInputId = isTestedTab ? 'tested-activity-search' : 'all-activity-search';
+                    const searchInput = document.getElementById(searchInputId);
+                    if (searchInput && searchInput.value.trim() !== '') {
+                        // Reapply search filter after sorting
+                        performActivitySearch(searchInput);
+                    } else {
+                        // No active search, just re-initialize pagination
+                    initPagination(containerId, itemClass, paginationId, pageSizeSelectId);
+                    }
+                }
+            }
+            
             // Simplified sorting function for Fails and Errors columns
             function initSorting() {
                 const sortIcons = document.querySelectorAll('.sort-icon');
@@ -1458,9 +2259,24 @@
             // Function to handle page navigation
             function goToPage(pageNumber, containerId, itemClass, itemsPerPage, paginationId) {
                 const container = document.getElementById(containerId);
-                const items = container.getElementsByClassName(itemClass);
+                const allItems = Array.from(container.getElementsByClassName(itemClass));
                 const paginationElement = document.getElementById(paginationId);
                 
+                console.log('goToPage called with:', {pageNumber, containerId, itemClass, itemsPerPage, paginationId});
+                console.log('Total items found:', allItems.length);
+                
+                // Get items that should be visible based on search filter
+                const filteredItems = allItems.filter(item => {
+                    const searchVisible = item.getAttribute('data-search-visible');
+                    const shouldShow = searchVisible === null || searchVisible === 'true';
+                    return shouldShow;
+                });
+                
+                console.log('Filtered items count:', filteredItems.length);
+                console.log('Items with search-visible=true:', allItems.filter(item => item.getAttribute('data-search-visible') === 'true').length);
+                console.log('Items with search-visible=false:', allItems.filter(item => item.getAttribute('data-search-visible') === 'false').length);
+                console.log('Items with search-visible=null:', allItems.filter(item => item.getAttribute('data-search-visible') === null).length);
+                
                 // Update pagination active state
                 if (paginationElement) {
                     const pageItems = paginationElement.getElementsByClassName('page-item');
@@ -1471,33 +2287,28 @@
                             pageItems[i].className = 'page-item';
                         }
                     }
-                    
-                    // Update prev/next buttons
-                    if (pageNumber === 1) {
-                        paginationElement.firstChild.className = 'page-item disabled';
-                    } else {
-                        paginationElement.firstChild.className = 'page-item';
-                    }
-                    
-                    const totalPages = Math.ceil(items.length / itemsPerPage);
-                    if (pageNumber === totalPages) {
-                        paginationElement.lastChild.className = 'page-item disabled';
-                    } else {
-                        paginationElement.lastChild.className = 'page-item';
-                    }
                 }
                 
-                // Show/hide items based on page number
+                // Hide all items first
+                console.log('Hiding all items...');
+                allItems.forEach((item, index) => {
+                    item.style.display = 'none';
+                });
+                
+                // Show items for current page (only from filtered items)
                 const startIndex = (pageNumber - 1) * itemsPerPage;
-                const endIndex = Math.min(startIndex + itemsPerPage, items.length);
+                const endIndex = Math.min(startIndex + itemsPerPage, filteredItems.length);
                 
-                for (let i = 0; i < items.length; i++) {
-                    if (i >= startIndex && i < endIndex) {
-                        items[i].style.display = '';
-                    } else {
-                        items[i].style.display = 'none';
+                console.log('Showing items from index', startIndex, 'to', endIndex - 1);
+                
+                for (let i = startIndex; i < endIndex; i++) {
+                    if (filteredItems[i]) {
+                        filteredItems[i].style.display = '';
+                        console.log('Showing item', i, ':', filteredItems[i].querySelector('.activity-name')?.textContent);
                     }
                 }
+                
+                console.log('goToPage completed');
             }
             
             // Pagination function
@@ -1506,22 +2317,33 @@
                 const pageSizeSelect = document.getElementById(pageSizeSelectId);
                 if (!container) return;
                 
-                // Get initial page size
-                let itemsPerPage = pageSizeSelect ? parseInt(pageSizeSelect.value) : 10;
-                
-                // Add event listener for page size changes
-                if (pageSizeSelect) {
+                // Remove existing event listener to prevent duplicate bindings
+                if (pageSizeSelect && !pageSizeSelect.hasAttribute('data-listener-bound')) {
                     pageSizeSelect.addEventListener('change', function() {
-                        itemsPerPage = parseInt(this.value);
+                        const newItemsPerPage = parseInt(this.value);
                         renderPagination();
-                        goToPage(1, containerId, itemClass, itemsPerPage, paginationId);
+                        goToPage(1, containerId, itemClass, newItemsPerPage, paginationId);
                     });
+                    // Mark as having listener bound
+                    pageSizeSelect.setAttribute('data-listener-bound', 'true');
                 }
                 
                 function renderPagination() {
-                    const items = container.getElementsByClassName(itemClass);
-                    const totalItems = items.length;
-                    const totalPages = Math.max(1, Math.ceil(totalItems / itemsPerPage));
+                    const allItems = Array.from(container.getElementsByClassName(itemClass));
+                    
+                    // Always get current page size from select element
+                    const currentPageSizeSelect = document.getElementById(pageSizeSelectId);
+                    const currentItemsPerPage = currentPageSizeSelect ? parseInt(currentPageSizeSelect.value) : 10;
+                    
+                    // Use same filtering logic as goToPage function
+                    const filteredItems = allItems.filter(item => {
+                        const searchVisible = item.getAttribute('data-search-visible');
+                        // If no search filter is applied, show all items
+                        return searchVisible === null || searchVisible === 'true';
+                    });
+                    
+                    const totalItems = filteredItems.length;
+                    const totalPages = Math.max(1, Math.ceil(totalItems / currentItemsPerPage));
                     
                     // Create pagination
                     const paginationElement = document.getElementById(paginationId);
@@ -1530,6 +2352,22 @@
                     // Clear pagination
                     paginationElement.innerHTML = '';
                     
+                    // Don't show pagination if there's only one page or no items
+                    if (totalPages <= 1) {
+                        // Hide the entire pagination container when not needed
+                        const paginationContainer = paginationElement.closest('.pagination-container');
+                        if (paginationContainer) {
+                            paginationContainer.style.display = 'none';
+                        }
+                        return;
+                    }
+                    
+                    // Show the pagination container when needed
+                    const paginationContainer = paginationElement.closest('.pagination-container');
+                    if (paginationContainer) {
+                        paginationContainer.style.display = '';
+                    }
+                    
                     // Previous button
                     const prevLi = document.createElement('li');
                     prevLi.className = 'page-item disabled';
@@ -1543,7 +2381,7 @@
                         pageLi.innerHTML = `<a class="page-link" href="#">${i}</a>`;
                         pageLi.addEventListener('click', function(e) {
                             e.preventDefault();
-                            goToPage(i, containerId, itemClass, itemsPerPage, paginationId);
+                            goToPage(i, containerId, itemClass, currentItemsPerPage, paginationId);
                         });
                         paginationElement.appendChild(pageLi);
                     }
@@ -1562,7 +2400,7 @@
                             if (activePage && activePage.previousElementSibling && activePage.previousElementSibling.previousElementSibling) {
                                 const pageNum = parseInt(activePage.textContent) - 1;
                                 if (pageNum >= 1) {
-                                    goToPage(pageNum, containerId, itemClass, itemsPerPage, paginationId);
+                                    goToPage(pageNum, containerId, itemClass, currentItemsPerPage, paginationId);
                                 }
                             }
                         });
@@ -1574,9 +2412,8 @@
                             const activePage = paginationElement.querySelector('.active');
                             if (activePage && activePage.nextElementSibling && activePage.nextElementSibling.nextElementSibling) {
                                 const pageNum = parseInt(activePage.textContent) + 1;
-                                const totalPages = Math.ceil(container.getElementsByClassName(itemClass).length / itemsPerPage);
                                 if (pageNum <= totalPages) {
-                                    goToPage(pageNum, containerId, itemClass, itemsPerPage, paginationId);
+                                    goToPage(pageNum, containerId, itemClass, currentItemsPerPage, paginationId);
                                 }
                             }
                         });
@@ -1585,7 +2422,9 @@
                 
                 // Initial render
                 renderPagination();
-                goToPage(1, containerId, itemClass, itemsPerPage, paginationId);
+                // Always call goToPage to ensure items are displayed correctly, even if no pagination is shown
+                const currentItemsPerPage = pageSizeSelect ? parseInt(pageSizeSelect.value) : 10;
+                goToPage(1, containerId, itemClass, currentItemsPerPage, paginationId);
             }
             
             // Scroll functionality
@@ -1648,7 +2487,683 @@
             
             // Call beautify function after DOM is ready
             beautifyScreenshotCaptions();
+            
+            // Crash analysis functions
+            function initCrashAnalysis() {
+                // Initialize event filtering
+                var filterButtons = document.querySelectorAll('input[name="event-filter"]');
+                filterButtons.forEach(function(button) {
+                    button.addEventListener('change', function() {
+                        filterCrashEvents(this.id);
+                    });
+                });
+
+                // Initialize copy buttons for stack traces
+                var copyButtons = document.querySelectorAll('.copy-stack-btn');
+                copyButtons.forEach(function(button) {
+                    button.addEventListener('click', function() {
+                        var stackIndex = this.dataset.stackIndex;
+                        copyStackTrace(stackIndex);
+                    });
+                });
+
+                // Initialize page size selector for crash events
+                var pageSizeSelect = document.getElementById('events-page-size');
+                if (pageSizeSelect) {
+                    pageSizeSelect.addEventListener('change', function() {
+                        updateCrashEventsPagination();
+                    });
+                }
+
+                // Initialize pagination for crash events
+                updateCrashEventsPagination();
+            }
+            
+            function filterCrashEvents(filterType) {
+                // Simply update pagination, which will handle filtering and display
+                updateCrashEventsPagination();
+            }
+
+            function updateCrashEventsPagination() {
+                var container = document.getElementById('crash-events-container');
+                var pagination = document.getElementById('events-pagination');
+                var pageSizeSelect = document.getElementById('events-page-size');
+
+                if (!container || !pagination || !pageSizeSelect) return;
+
+                // Get all rows and determine which should be visible based on current filter
+                var allRows = Array.from(container.querySelectorAll('.event-row'));
+                var currentFilter = getCurrentEventFilter();
+
+                var visibleRows = allRows.filter(function(row) {
+                    var rowType = row.dataset.type;
+                    switch(currentFilter) {
+                        case 'all-events':
+                            return true;
+                        case 'crashes-only':
+                            return rowType === 'crash';
+                        case 'anr-only':
+                            return rowType === 'anr';
+                        default:
+                            return true;
+                    }
+                });
+
+                var pageSize = parseInt(pageSizeSelect.value) || 10;
+                var totalPages = Math.ceil(visibleRows.length / pageSize);
+                var currentPage = 1;
+
+                // Hide all rows first
+                allRows.forEach(function(row) {
+                    row.style.display = 'none';
+                    var detailRow = row.nextElementSibling;
+                    if (detailRow && detailRow.classList.contains('collapse')) {
+                        detailRow.style.display = 'none';
+                    }
+                });
+
+                // Show rows for current page
+                var startIndex = (currentPage - 1) * pageSize;
+                var endIndex = Math.min(startIndex + pageSize, visibleRows.length);
+
+                for (var i = startIndex; i < endIndex; i++) {
+                    visibleRows[i].style.display = '';
+                    var detailRow = visibleRows[i].nextElementSibling;
+                    if (detailRow && detailRow.classList.contains('collapse')) {
+                        detailRow.style.display = '';
+                    }
+                }
+
+                // Store current state for pagination callback
+                window.crashEventsState = {
+                    visibleRows: visibleRows,
+                    pageSize: pageSize,
+                    totalPages: totalPages
+                };
+
+                // Update pagination controls
+                updatePaginationControls('events-pagination', currentPage, totalPages, function(page) {
+                    showCrashEventsPage(page, window.crashEventsState.visibleRows, window.crashEventsState.pageSize);
+                });
+            }
+
+            function showCrashEventsPage(page, visibleRows, pageSize) {
+                // Hide all visible rows
+                visibleRows.forEach(function(row) {
+                    row.style.display = 'none';
+                    var detailRow = row.nextElementSibling;
+                    if (detailRow && detailRow.classList.contains('collapse')) {
+                        detailRow.style.display = 'none';
+                    }
+                });
+
+                // Show rows for the specified page
+                var startIndex = (page - 1) * pageSize;
+                var endIndex = Math.min(startIndex + pageSize, visibleRows.length);
+
+                for (var i = startIndex; i < endIndex; i++) {
+                    visibleRows[i].style.display = '';
+                    var detailRow = visibleRows[i].nextElementSibling;
+                    if (detailRow && detailRow.classList.contains('collapse')) {
+                        detailRow.style.display = '';
+                    }
+                }
+
+                // Update pagination controls to reflect current page
+                var totalPages = Math.ceil(visibleRows.length / pageSize);
+                var pagination = document.getElementById('events-pagination');
+                if (pagination) {
+                    // Update active page
+                    var pageItems = pagination.querySelectorAll('.page-item');
+                    pageItems.forEach(function(item, index) {
+                        // Skip first (previous) and last (next) buttons
+                        if (index > 0 && index < pageItems.length - 1) {
+                            var pageNum = parseInt(item.textContent);
+                            if (pageNum === page) {
+                                item.classList.add('active');
+                            } else {
+                                item.classList.remove('active');
+                            }
+                        }
+                    });
+
+                    // Update previous button state
+                    if (pageItems.length > 0) {
+                        var prevButton = pageItems[0];
+                        if (page === 1) {
+                            prevButton.classList.add('disabled');
+                        } else {
+                            prevButton.classList.remove('disabled');
+                        }
+                    }
+
+                    // Update next button state
+                    if (pageItems.length > 1) {
+                        var nextButton = pageItems[pageItems.length - 1];
+                        if (page === totalPages) {
+                            nextButton.classList.add('disabled');
+                        } else {
+                            nextButton.classList.remove('disabled');
+                        }
+                    }
+                }
+            }
+
+            function getCurrentEventFilter() {
+                var filterButtons = document.querySelectorAll('input[name="event-filter"]');
+                for (var i = 0; i < filterButtons.length; i++) {
+                    if (filterButtons[i].checked) {
+                        return filterButtons[i].id;
+                    }
+                }
+                return 'all-events'; // default
+            }
+
+            function updatePaginationControls(paginationId, currentPage, totalPages, onPageClick) {
+                var pagination = document.getElementById(paginationId);
+                if (!pagination) return;
+
+                pagination.innerHTML = '';
+
+                if (totalPages <= 1) {
+                    // Hide the entire pagination container when not needed
+                    var paginationContainer = pagination.closest('.pagination-container');
+                    if (paginationContainer) {
+                        paginationContainer.style.display = 'none';
+                    }
+                    return;
+                }
+
+                // Show the pagination container when needed
+                var paginationContainer = pagination.closest('.pagination-container');
+                if (paginationContainer) {
+                    paginationContainer.style.display = '';
+                }
+
+                // Previous button
+                var prevLi = document.createElement('li');
+                prevLi.className = 'page-item' + (currentPage === 1 ? ' disabled' : '');
+                var prevLink = document.createElement('a');
+                prevLink.className = 'page-link';
+                prevLink.href = '#';
+                prevLink.setAttribute('aria-label', 'Previous');
+                prevLink.innerHTML = '<span aria-hidden="true">&laquo;</span>';
+
+                prevLink.addEventListener('click', function(e) {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    // Get current page dynamically to avoid stale closure values
+                    var currentActivePage = getCurrentPageNumber(paginationId);
+                    if (currentActivePage > 1 && !prevLi.classList.contains('disabled')) {
+                        onPageClick(currentActivePage - 1);
+                    }
+                });
+
+                prevLi.appendChild(prevLink);
+                pagination.appendChild(prevLi);
+
+                // Page numbers
+                for (var i = 1; i <= totalPages; i++) {
+                    var li = document.createElement('li');
+                    li.className = 'page-item' + (i === currentPage ? ' active' : '');
+                    var link = document.createElement('a');
+                    link.className = 'page-link';
+                    link.href = '#';
+                    link.textContent = i;
+                    link.addEventListener('click', (function(page) {
+                        return function(e) {
+                            e.preventDefault();
+                            e.stopPropagation();
+                            onPageClick(page);
+                        };
+                    })(i));
+                    li.appendChild(link);
+                    pagination.appendChild(li);
+                }
+
+                // Next button
+                var nextLi = document.createElement('li');
+                nextLi.className = 'page-item' + (currentPage === totalPages ? ' disabled' : '');
+                var nextLink = document.createElement('a');
+                nextLink.className = 'page-link';
+                nextLink.href = '#';
+                nextLink.setAttribute('aria-label', 'Next');
+                nextLink.innerHTML = '<span aria-hidden="true">&raquo;</span>';
+
+                nextLink.addEventListener('click', function(e) {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    // Get current page dynamically to avoid stale closure values
+                    var currentActivePage = getCurrentPageNumber(paginationId);
+                    if (currentActivePage < totalPages && !nextLi.classList.contains('disabled')) {
+                        onPageClick(currentActivePage + 1);
+                    }
+                });
+
+                nextLi.appendChild(nextLink);
+                pagination.appendChild(nextLi);
+            }
+
+            function getCurrentPageNumber(paginationId) {
+                var pagination = document.getElementById(paginationId);
+                if (!pagination) return 1;
+
+                var activeItem = pagination.querySelector('.page-item.active');
+                if (activeItem) {
+                    var pageText = activeItem.textContent.trim();
+                    var pageNum = parseInt(pageText);
+                    return isNaN(pageNum) ? 1 : pageNum;
+                }
+                return 1;
+            }
+
+            function copyStackTrace(index) {
+                var stackTraceElement = document.getElementById('stack-trace-' + index);
+                if (!stackTraceElement) return;
+                
+                var stackTrace = stackTraceElement.textContent;
+                
+                if (navigator.clipboard && navigator.clipboard.writeText) {
+                    navigator.clipboard.writeText(stackTrace).then(function() {
+                        showCopyNotification('Stack trace copied to clipboard!');
+                    }).catch(function(err) {
+                        console.error('Failed to copy stack trace: ', err);
+                        showCopyNotification('Failed to copy stack trace', 'error');
+                    });
+                } else {
+                    // Fallback for older browsers
+                    var textArea = document.createElement('textarea');
+                    textArea.value = stackTrace;
+                    document.body.appendChild(textArea);
+                    textArea.select();
+                    try {
+                        document.execCommand('copy');
+                        showCopyNotification('Stack trace copied to clipboard!');
+                    } catch (err) {
+                        console.error('Fallback copy failed: ', err);
+                        showCopyNotification('Failed to copy stack trace', 'error');
+                    }
+                    document.body.removeChild(textArea);
+                }
+            }
+            
+            function showCopyNotification(message, type) {
+                type = type || 'success';
+                
+                // Create notification element
+                var notification = document.createElement('div');
+                notification.className = 'alert alert-' + (type === 'error' ? 'danger' : 'success') + ' position-fixed';
+                notification.style.cssText = 'top: 20px; right: 20px; z-index: 9999; min-width: 300px;';
+                notification.innerHTML = '<i class="bi bi-' + (type === 'error' ? 'exclamation-triangle' : 'check-circle') + '"></i> ' + message;
+                
+                document.body.appendChild(notification);
+                
+                // Auto remove after 3 seconds
+                setTimeout(function() {
+                    if (notification.parentNode) {
+                        notification.parentNode.removeChild(notification);
+                    }
+                }, 3000);
+            }
         });
+        
+        // Global activity search functions
+        function performActivitySearch(searchInput) {
+            const searchTerm = searchInput.value.toLowerCase().trim();
+            const containerId = searchInput.dataset.target;
+            const itemClass = searchInput.dataset.itemClass;
+            const paginationId = searchInput.dataset.pagination;
+            const pageSizeSelectId = searchInput.dataset.pageSize;
+            
+            const container = document.getElementById(containerId);
+            const items = Array.from(container.getElementsByClassName(itemClass));
+            
+            // Filter and count matching items
+            let visibleCount = 0;
+            let totalCount = items.length;
+            
+            items.forEach(function(item, index) {
+                const activityName = item.querySelector('.activity-name');
+                if (activityName) {
+                    const text = activityName.textContent.toLowerCase();
+                    const matches = searchTerm === '' || text.includes(searchTerm);
+                    
+                    if (matches) {
+                        item.setAttribute('data-search-visible', 'true');
+                        visibleCount++;
+                    } else {
+                        item.setAttribute('data-search-visible', 'false');
+                    }
+                } else {
+                    // If no activity name found, hide the item
+                    item.setAttribute('data-search-visible', 'false');
+                }
+            });
+            
+            // Update search results count
+            updateSearchResultsCount(searchInput, visibleCount, totalCount, searchTerm);
+            
+            // Re-initialize pagination and go to first page
+            initPagination(containerId, itemClass, paginationId, pageSizeSelectId);
+            
+            // Always go to page 1 after search
+            const currentPageSize = document.getElementById(pageSizeSelectId) ? 
+                parseInt(document.getElementById(pageSizeSelectId).value) : 10;
+            
+            goToPage(1, containerId, itemClass, currentPageSize, paginationId);
+        }
+        
+        function updateSearchResultsCount(searchInput, visibleCount, totalCount, searchTerm) {
+            const isTestedTab = searchInput.id.includes('tested');
+            const resultsElementId = isTestedTab ? 'tested-search-results' : 'all-search-results';
+            const resultsElement = document.getElementById(resultsElementId);
+            
+            if (resultsElement) {
+                if (searchTerm === '') {
+                    resultsElement.innerHTML = `<span class="text-muted">Showing all ${totalCount} activities - Type and click <i class="bi bi-search"></i> or press Enter to search</span>`;
+                } else if (visibleCount === 0) {
+                    resultsElement.innerHTML = `<span class="text-danger">No activities found for "${searchTerm}"</span>`;
+                } else if (visibleCount === totalCount) {
+                    resultsElement.innerHTML = `<span class="text-success">All ${totalCount} activities match "${searchTerm}"</span>`;
+                } else {
+                    resultsElement.innerHTML = `<span class="text-info">Found ${visibleCount} of ${totalCount} activities for "${searchTerm}"</span>`;
+                }
+            }
+        }
+        
+        // Activity searching function
+        function initActivitySearching() {
+            const searchInputs = document.querySelectorAll('.activity-search-input');
+            const searchButtons = document.querySelectorAll('.search-btn');
+            const clearButtons = document.querySelectorAll('.search-clear-btn');
+            
+            // Initialize search functionality for each input
+            searchInputs.forEach(function(input) {
+                // Search on Enter key
+                input.addEventListener('keydown', function(e) {
+                    if (e.key === 'Enter') {
+                        e.preventDefault();
+                        performActivitySearch(this);
+                    } else if (e.key === 'Escape') {
+                        clearActivitySearch(this);
+                    }
+                });
+            });
+            
+            // Initialize search button functionality
+            searchButtons.forEach(function(button) {
+                button.addEventListener('click', function() {
+                    const targetInputId = this.dataset.target;
+                    const targetInput = document.getElementById(targetInputId);
+                    if (targetInput) {
+                        performActivitySearch(targetInput);
+                    }
+                });
+            });
+            
+            // Initialize clear button functionality
+            clearButtons.forEach(function(button) {
+                button.addEventListener('click', function() {
+                    const targetInputId = this.dataset.target;
+                    const targetInput = document.getElementById(targetInputId);
+                    if (targetInput) {
+                        clearActivitySearch(targetInput);
+                    }
+                });
+            });
+            
+            function clearActivitySearch(searchInput) {
+                searchInput.value = '';
+                performActivitySearch(searchInput);
+                searchInput.focus();
+            }
+        }
+        
+        // Property statistics searching function
+        function initPropertySearching() {
+            const searchInput = document.getElementById('property-stats-search');
+            const searchButton = document.querySelector('.search-btn[data-target="property-stats-search"]');
+            const clearButton = document.querySelector('[data-target="property-stats-search"].search-clear-btn');
+            
+            if (!searchInput) return;
+            
+            // Search on Enter key
+            searchInput.addEventListener('keydown', function(e) {
+                if (e.key === 'Enter') {
+                    e.preventDefault();
+                    performPropertySearch(this);
+                } else if (e.key === 'Escape') {
+                    clearPropertySearch(this);
+                }
+            });
+            
+            // Search button functionality
+            if (searchButton) {
+                searchButton.addEventListener('click', function() {
+                    performPropertySearch(searchInput);
+                });
+            }
+            
+            // Clear button functionality
+            if (clearButton) {
+                clearButton.addEventListener('click', function() {
+                    clearPropertySearch(searchInput);
+                });
+            }
+            
+            function performPropertySearch(searchInput) {
+                const searchTerm = searchInput.value.toLowerCase().trim();
+                const container = document.getElementById('property-stats-container');
+                const items = Array.from(container.getElementsByClassName('property-stat-row'));
+                
+                let visibleCount = 0;
+                let totalCount = items.length;
+                
+                // Filter items based on search term
+                items.forEach(function(item) {
+                    const propertyNameElement = item.querySelector('.badge-custom');
+                    if (propertyNameElement) {
+                        const propertyName = propertyNameElement.textContent.toLowerCase();
+                        
+                        if (searchTerm === '' || propertyName.includes(searchTerm)) {
+                            item.setAttribute('data-search-visible', 'true');
+                            visibleCount++;
+                        } else {
+                            item.setAttribute('data-search-visible', 'false');
+                        }
+                    }
+                });
+                
+                // Update search results count
+                updatePropertySearchResults(visibleCount, totalCount, searchTerm);
+                
+                // Re-initialize pagination and go to first page
+                initPagination('property-stats-container', 'property-stat-row', 'stats-pagination', 'stats-page-size');
+                
+                // Always go to page 1 after search
+                const currentPageSize = document.getElementById('stats-page-size') ? 
+                    parseInt(document.getElementById('stats-page-size').value) : 10;
+                goToPage(1, 'property-stats-container', 'property-stat-row', currentPageSize, 'stats-pagination');
+            }
+            
+            function clearPropertySearch(searchInput) {
+                searchInput.value = '';
+                performPropertySearch(searchInput);
+                searchInput.focus();
+            }
+            
+            function updatePropertySearchResults(visibleCount, totalCount, searchTerm) {
+                const resultsElement = document.getElementById('property-search-results');
+                
+                if (resultsElement) {
+                    if (searchTerm === '') {
+                        resultsElement.innerHTML = `<span class="text-muted">Showing all ${totalCount} properties - Type and click <i class="bi bi-search"></i> or press Enter to search</span>`;
+                    } else if (visibleCount === 0) {
+                        resultsElement.innerHTML = `<span class="text-danger">No properties found for "${searchTerm}"</span>`;
+                    } else if (visibleCount === totalCount) {
+                        resultsElement.innerHTML = `<span class="text-success">All ${totalCount} properties match "${searchTerm}"</span>`;
+                    } else {
+                        resultsElement.innerHTML = `<span class="text-info">Found ${visibleCount} of ${totalCount} properties for "${searchTerm}"</span>`;
+                    }
+                }
+            }
+        }
+        
+        // Global pagination and navigation functions
+        function goToPage(pageNumber, containerId, itemClass, itemsPerPage, paginationId) {
+            const container = document.getElementById(containerId);
+            const allItems = Array.from(container.getElementsByClassName(itemClass));
+            const paginationElement = document.getElementById(paginationId);
+            
+            // Get items that should be visible based on search filter
+            const filteredItems = allItems.filter(item => {
+                const searchVisible = item.getAttribute('data-search-visible');
+                const shouldShow = searchVisible === null || searchVisible === 'true';
+                return shouldShow;
+            });
+            
+            // Update pagination active state
+            if (paginationElement) {
+                const pageItems = paginationElement.getElementsByClassName('page-item');
+                for (let i = 0; i < pageItems.length; i++) {
+                    if (pageItems[i].textContent.trim() === pageNumber.toString()) {
+                        pageItems[i].className = 'page-item active';
+                    } else if (pageItems[i].textContent.trim() !== '«' && pageItems[i].textContent.trim() !== '»') {
+                        pageItems[i].className = 'page-item';
+                    }
+                }
+            }
+            
+            // Hide all items first
+            allItems.forEach((item, index) => {
+                item.style.display = 'none';
+            });
+            
+            // Show items for current page (only from filtered items)
+            const startIndex = (pageNumber - 1) * itemsPerPage;
+            const endIndex = Math.min(startIndex + itemsPerPage, filteredItems.length);
+            
+            for (let i = startIndex; i < endIndex; i++) {
+                if (filteredItems[i]) {
+                    filteredItems[i].style.display = '';
+                }
+            }
+        }
+        
+        function initPagination(containerId, itemClass, paginationId, pageSizeSelectId) {
+            const container = document.getElementById(containerId);
+            const pageSizeSelect = document.getElementById(pageSizeSelectId);
+            if (!container) return;
+            
+            // Remove existing event listener to prevent duplicate bindings
+            if (pageSizeSelect && !pageSizeSelect.hasAttribute('data-listener-bound')) {
+                pageSizeSelect.addEventListener('change', function() {
+                    const newItemsPerPage = parseInt(this.value);
+                    renderPagination();
+                    goToPage(1, containerId, itemClass, newItemsPerPage, paginationId);
+                });
+                // Mark as having listener bound
+                pageSizeSelect.setAttribute('data-listener-bound', 'true');
+            }
+            
+            function renderPagination() {
+                const allItems = Array.from(container.getElementsByClassName(itemClass));
+                
+                // Always get current page size from select element
+                const currentPageSizeSelect = document.getElementById(pageSizeSelectId);
+                const currentItemsPerPage = currentPageSizeSelect ? parseInt(currentPageSizeSelect.value) : 10;
+                
+                // Use same filtering logic as goToPage function
+                const filteredItems = allItems.filter(item => {
+                    const searchVisible = item.getAttribute('data-search-visible');
+                    // If no search filter is applied, show all items
+                    return searchVisible === null || searchVisible === 'true';
+                });
+                
+                const totalItems = filteredItems.length;
+                const totalPages = Math.max(1, Math.ceil(totalItems / currentItemsPerPage));
+                
+                // Create pagination
+                const paginationElement = document.getElementById(paginationId);
+                if (!paginationElement) return;
+                
+                // Clear pagination
+                paginationElement.innerHTML = '';
+                
+                // Don't show pagination if there's only one page or no items
+                if (totalPages <= 1) {
+                    // Hide the entire pagination container when not needed
+                    const paginationContainer = paginationElement.closest('.pagination-container');
+                    if (paginationContainer) {
+                        paginationContainer.style.display = 'none';
+                    }
+                    return;
+                }
+                
+                // Show the pagination container when needed
+                const paginationContainer = paginationElement.closest('.pagination-container');
+                if (paginationContainer) {
+                    paginationContainer.style.display = '';
+                }
+                
+                // Previous button
+                const prevLi = document.createElement('li');
+                prevLi.className = 'page-item disabled';
+                prevLi.innerHTML = '<a class="page-link" href="#" aria-label="Previous"><span aria-hidden="true">&laquo;</span></a>';
+                paginationElement.appendChild(prevLi);
+                
+                // Add page numbers
+                for (let i = 1; i <= totalPages; i++) {
+                    const pageLi = document.createElement('li');
+                    pageLi.className = i === 1 ? 'page-item active' : 'page-item';
+                    pageLi.innerHTML = `<a class="page-link" href="#">${i}</a>`;
+                    pageLi.addEventListener('click', function(e) {
+                        e.preventDefault();
+                        goToPage(i, containerId, itemClass, currentItemsPerPage, paginationId);
+                    });
+                    paginationElement.appendChild(pageLi);
+                }
+                
+                // Next button
+                const nextLi = document.createElement('li');
+                nextLi.className = totalPages <= 1 ? 'page-item disabled' : 'page-item';
+                nextLi.innerHTML = '<a class="page-link" href="#" aria-label="Next"><span aria-hidden="true">&raquo;</span></a>';
+                paginationElement.appendChild(nextLi);
+                
+                // Add event listeners to prev/next buttons
+                if (paginationElement.firstChild) {
+                    paginationElement.firstChild.addEventListener('click', function(e) {
+                        e.preventDefault();
+                        const activePage = paginationElement.querySelector('.active');
+                        if (activePage && activePage.previousElementSibling && activePage.previousElementSibling.previousElementSibling) {
+                            const pageNum = parseInt(activePage.textContent) - 1;
+                            if (pageNum >= 1) {
+                                goToPage(pageNum, containerId, itemClass, currentItemsPerPage, paginationId);
+                            }
+                        }
+                    });
+                }
+                
+                if (paginationElement.lastChild) {
+                    paginationElement.lastChild.addEventListener('click', function(e) {
+                        e.preventDefault();
+                        const activePage = paginationElement.querySelector('.active');
+                        if (activePage && activePage.nextElementSibling && activePage.nextElementSibling.nextElementSibling) {
+                            const pageNum = parseInt(activePage.textContent) + 1;
+                            if (pageNum <= totalPages) {
+                                goToPage(pageNum, containerId, itemClass, currentItemsPerPage, paginationId);
+                            }
+                        }
+                    });
+                }
+            }
+            
+            // Initial render
+            renderPagination();
+            // Always call goToPage to ensure items are displayed correctly, even if no pagination is shown
+            const currentItemsPerPage = pageSizeSelect ? parseInt(pageSizeSelect.value) : 10;
+            goToPage(1, containerId, itemClass, currentItemsPerPage, paginationId);
+        }
     </script>
 </body>
 </html>