From a9bb07c711daa4f3c7021972b2464f0ee7519623 Mon Sep 17 00:00:00 2001
From: Rishabh Rahangdale <rishabhnrahangdale@gmail.com>
Date: Tue, 26 May 2026 16:18:33 +0530
Subject: [PATCH 1/4] feat(dashboard): implement custom header, mini-sidebar,
 and role-based menu restrictions

- Added custom Gmail-inspired header with search bar and branding.
- Implemented mini-sidebar (72px) with smooth hover expansion to 260px.
- Consolidated sidebar actions into a header Settings dropdown menu.
- Strictly restricted the Settings menu for Stage Users to show only 'Reports'.
- Configured Stage User 'Reports' action to open 'My Audits Report' directly.
- Restored full navigation (Draft, Pending, Closed, etc.) and filters for Admin/Manager/Member roles.
- Ensured consistent role-based data isolation and immediate record display on initial load.
---
 .../www/audit_management_dashboard.html       | 339 +++++++++++++++---
 1 file changed, 284 insertions(+), 55 deletions(-)

diff --git a/audit_management/www/audit_management_dashboard.html b/audit_management/www/audit_management_dashboard.html
index 10f0ce9..d40d873 100644
--- a/audit_management/www/audit_management_dashboard.html
+++ b/audit_management/www/audit_management_dashboard.html
@@ -5,6 +5,9 @@
 {% block header %}
 {% endblock %}
 
+{% block footer %}
+{% endblock %}
+
 {% block style %}
 <style>
 	:root { 
@@ -16,6 +19,105 @@
 		--border-color: #e2e8f0; 
 	}
 	
+	footer, .web-footer, .footer-links { display: none !important; }
+	.navbar, header, .web-header { display: none !important; }
+	body { padding-top: 0 !important; overflow: hidden; }
+	
+	/* Custom Header Styles */
+	.custom-db-header {
+		height: 64px;
+		background: var(--sidebar-bg);
+		display: flex;
+		align-items: center;
+		padding: 0 16px;
+		border-bottom: 1px solid var(--border-color);
+		justify-content: space-between;
+		position: sticky;
+		top: 0;
+		z-index: 1001;
+	}
+	
+	.header-left { display: flex; align-items: center; gap: 12px; min-width: 244px; }
+	.header-logo { font-size: 20px; font-weight: 500; color: #5f6368; display: flex; align-items: center; gap: 8px; }
+	.header-logo i { color: var(--primary-blue); }
+	
+	.header-center { flex-grow: 1; max-width: 720px; margin: 0 20px; }
+	.search-container {
+		background: #eaf1fb;
+		border-radius: 8px;
+		padding: 8px 16px;
+		display: flex;
+		align-items: center;
+		gap: 12px;
+		transition: background 0.2s, box-shadow 0.2s;
+	}
+	.search-container:focus-within {
+		background: #fff;
+		box-shadow: 0 1px 1px 0 rgba(65,69,73,0.3), 0 1px 3px 1px rgba(65,69,73,0.15);
+	}
+	.search-container input {
+		border: none;
+		background: transparent;
+		width: 100%;
+		font-size: 16px;
+		outline: none;
+		color: #1f1f1f;
+	}
+	
+	.header-right { display: flex; align-items: center; gap: 8px; }
+	.header-icon-btn {
+		width: 40px;
+		height: 40px;
+		border-radius: 50%;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		color: #5f6368;
+		cursor: pointer;
+		transition: background 0.2s;
+	}
+	.header-icon-btn:hover { background: rgba(60,64,67,0.08); }
+	
+	.user-profile {
+		width: 32px;
+		height: 32px;
+		background: var(--primary-blue);
+		color: white;
+		border-radius: 50%;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		font-weight: 500;
+		margin-left: 12px;
+		cursor: pointer;
+	}
+
+	.header-dropdown {
+		position: absolute;
+		top: 56px;
+		right: 16px;
+		background: #fff;
+		border: 1px solid var(--border-color);
+		border-radius: 8px;
+		box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06);
+		z-index: 1002;
+		min-width: 200px;
+		display: none;
+		padding: 8px 0;
+	}
+	.header-dropdown-item {
+		padding: 10px 16px;
+		display: flex;
+		align-items: center;
+		gap: 12px;
+		cursor: pointer;
+		font-size: 14px;
+		color: var(--text-gray);
+		transition: background 0.2s;
+	}
+	.header-dropdown-item:hover { background: #f1f5f9; }
+	.header-dropdown-item i { width: 16px; text-align: center; }
+
 	#page-audit-management-dashboard { background-color: var(--sidebar-bg) !important; }
 	.page-content { padding: 0 !important; margin: 0 !important; max-width: 100% !important; }
 	
@@ -23,7 +125,7 @@
 		display: flex; 
 		gap: 0; 
 		background: var(--sidebar-bg); 
-		height: calc(100vh - 60px); 
+		height: calc(100vh - 64px); 
 		width: 100%; 
 		transition: all 0.3s ease; 
 	}
@@ -34,17 +136,24 @@
 		flex-direction: column; 
 		gap: 4px; 
 		flex-shrink: 0; 
-		transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); 
-		overflow: hidden; 
+		transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1); 
+		overflow-x: hidden; 
+		overflow-y: auto;
 		background: var(--sidebar-bg); 
 		padding: 10px 0; 
+		position: relative;
+		z-index: 1000;
 	}
 	
+	/* Mini Sidebar (Collapsed) State */
 	.db-sidebar.collapsed { 
-		width: 0 !important; 
-		padding: 10px 0 !important; 
-		opacity: 0; 
-		pointer-events: none; 
+		width: 72px !important; 
+	}
+	
+	/* Expand on Hover when Collapsed */
+	.db-sidebar.collapsed:hover {
+		width: 260px !important;
+		box-shadow: 5px 0 15px rgba(0,0,0,0.1);
 	}
 	
 	.sidebar-header { 
@@ -52,6 +161,7 @@
 		align-items: center; 
 		gap: 12px; 
 		padding: 8px 16px 16px 16px; 
+		min-width: 260px;
 	}
 	
 	.btn-toggle-sidebar { 
@@ -74,20 +184,31 @@
 	.btn-create-audit { 
 		background: #c2e7ff; 
 		color: #001d35; 
-		padding: 12px 20px; 
+		padding: 12px; 
+		min-width: 48px;
+		height: 48px;
 		border-radius: 16px; 
 		display: flex; 
 		align-items: center; 
+		justify-content: center;
 		gap: 12px; 
 		font-weight: 600; 
 		cursor: pointer; 
 		border: none; 
-		transition: 0.2s; 
+		transition: all 0.2s; 
 		font-size: 14px; 
 		white-space: nowrap; 
 		box-shadow: 0 1px 2px rgba(0,0,0,0.1); 
+		margin: 0 12px;
+		overflow: hidden;
 	}
 	
+	.db-sidebar.collapsed:not(:hover) .btn-create-audit {
+		width: 48px;
+		padding: 12px;
+	}
+	.db-sidebar.collapsed:not(:hover) .btn-create-audit span { display: none; }
+	
 	.btn-create-audit:hover { 
 		box-shadow: 0 1px 3px 0 rgba(60,64,67,0.3), 0 4px 8px 3px rgba(60,64,67,0.15); 
 		background: #d3e3fd; 
@@ -96,7 +217,7 @@
 	.nav-item { 
 		display: flex; 
 		align-items: center; 
-		padding: 0 16px 0 24px; 
+		padding: 0 24px; 
 		height: 36px; 
 		border-radius: 0 20px 20px 0; 
 		cursor: pointer; 
@@ -106,6 +227,12 @@
 		position: relative; 
 		margin-right: 12px; 
 		white-space: nowrap; 
+		min-width: 260px;
+	}
+	
+	.db-sidebar.collapsed:not(:hover) .nav-item span,
+	.db-sidebar.collapsed:not(:hover) .nav-item .nav-count {
+		opacity: 0;
 	}
 	
 	.nav-item:hover { background-color: #eaebef; }
@@ -240,15 +367,47 @@
 <!-- Safely loading Font Awesome inside content block -->
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 
+<!-- Custom Dashboard Header -->
+<div class="custom-db-header">
+	<div class="header-left">
+		<button class="btn-toggle-sidebar toggle-btn" title="Main Menu">
+			<i class="fa fa-bars"></i>
+		</button>
+		<div class="header-logo">
+			<i class="fa fa-shield"></i>
+			<span>Audit Management</span>
+		</div>
+	</div>
+	
+	<div class="header-center">
+		<div class="search-container">
+			<i class="fa fa-search" style="color: #5f6368;"></i>
+			<input type="text" placeholder="Search audits..." id="audit-search-input">
+		</div>
+	</div>
+	
+	<div class="header-right">
+		<div style="position: relative;">
+			<div class="header-icon-btn" id="btn-header-settings" title="Actions">
+				<i class="fa fa-cog fa-lg"></i>
+			</div>
+			<div class="header-dropdown" id="settings-dropdown">
+				<div class="header-dropdown-item" id="menu-audit-levels" style="display:none;"><i class="fa fa-sitemap blue-txt"></i> <span>Audit Levels</span></div>
+				<div class="header-dropdown-item" id="menu-query-types" style="display:none;"><i class="fa fa-list-ul purple-txt"></i> <span>Query Types</span></div>
+				<div class="header-dropdown-item" id="menu-settings" style="display:none;"><i class="fa fa-cog orange-txt"></i> <span>Settings</span></div>
+				<div class="header-dropdown-item" id="menu-reports"><i class="fa fa-bar-chart green-txt"></i> <span>Reports</span></div>
+			</div>
+		</div>
+		<div class="user-profile" id="user-avatar">?</div>
+	</div>
+</div>
+
 <div class="audit-dashboard-gmail" id="dashboard-wrapper">
 	<!-- Left Sidebar -->
 	<div class="db-sidebar" id="sidebar">
-		<div class="sidebar-header">
-			<button class="btn-toggle-sidebar toggle-btn" title="Toggle Menu">
-				<i class="fa fa-bars"></i>
-			</button>
+		<div style="padding: 8px 0 16px 0;">
 			<button class="btn-create-audit" id="btn-create-audit">
-				<i class="fa fa-plus"></i>
+				<i class="fa fa-plus fa-lg"></i>
 				<span>Create Audit</span>
 			</button>
 		</div>
@@ -284,20 +443,28 @@
 			<span class="nav-count" id="val-nr">0</span>
 		</div>
 
-		<div style="margin-top: 24px; padding: 0 24px; font-size: 11px; font-weight: 700; color: #5f6368; text-transform: uppercase; letter-spacing: 0.5px;">Actions</div>
-		<div class="nav-item" id="btn-audit-levels"><i class="fa fa-sitemap blue-txt"></i> <span>Audit Levels</span></div>
-		<div class="nav-item" id="btn-query-types"><i class="fa fa-list-ul purple-txt"></i> <span>Query Types</span></div>
-		<div class="nav-item" id="btn-settings"><i class="fa fa-cog orange-txt"></i> <span>Settings</span></div>
-		<div class="nav-item" id="btn-show-reports"><i class="fa fa-bar-chart green-txt"></i> <span>Reports</span></div>
+		<!-- Navigation for Stage User -->
+		<div class="nav-item" id="nav-pending-stage" style="display:none;">
+			<i class="fa fa-clock-o red-txt"></i>
+			<span>Pending Me</span>
+			<span class="nav-count" id="val-pending-stage">0</span>
+		</div>
+		<div class="nav-item" id="nav-responded-stage" style="display:none;">
+			<i class="fa fa-reply green-txt"></i>
+			<span>Responded</span>
+			<span class="nav-count" id="val-resp-stage">0</span>
+		</div>
+		<div class="nav-item" id="nav-nr-stage" style="display:none;">
+			<i class="fa fa-exclamation-circle orange-txt"></i>
+			<span>Not Responded</span>
+			<span class="nav-count" id="val-nr-stage">0</span>
+		</div>
 	</div>
 
 	<!-- Main Content Area -->
 	<div class="db-main-content">
 		<div class="db-inner-header">
 			<div class="filter-section">
-				<button class="btn-toggle-sidebar toggle-btn" id="header-toggle-btn">
-					<i class="fa fa-bars"></i>
-				</button>
 				<div class="multiselect-container" style="position:relative;">
 					<div class="master-capsule" id="status-filter-btn">
 						<i class="fa fa-filter blue-txt"></i>
@@ -320,10 +487,6 @@
 			</div>
 			
 			<div style="display: flex; align-items: center; gap: 12px;">
-				<!-- Properly set Report Button in Header -->
-				<div id="stage-report-btn" class="master-capsule" style="border-color: #16a34a; color: #16a34a;">
-					<i class="fa fa-bar-chart green-txt"></i> <span>Reports</span>
-				</div>
 				<div class="live-dot" style="width: 8px; height: 8px; background: #22c55e; border-radius: 50%; box-shadow: 0 0 8px rgba(34, 197, 94, 0.4);"></div>
 			</div>
 		</div>
@@ -436,14 +599,28 @@
 					}
 
 					const isStage = userRole === 'stage_user';
-					$('#nav-draft, #nav-total').toggle(!isStage);
+					// Hide manager elements for stage users
+					$('#nav-total, #nav-draft, #nav-pending, #nav-closed, #nav-responded, #nav-nr').toggle(!isStage);
+					$('#actions-section, #btn-create-audit').toggle(!isStage);
+					
+					// Ensure Inner Header is always visible for toggle button and filters
+					$('.db-inner-header').show();
+					
+					// Show stage user elements
+					$('#nav-pending-stage, #nav-responded-stage, #nav-nr-stage').toggle(isStage);
+					
+					// Update Settings Dropdown visibility: Strictly only Reports for Stage User
+					$('#menu-audit-levels, #menu-query-types, #menu-settings').toggle(!isStage);
+					
+					// Set User Avatar
+					if (frappe.session.user && frappe.session.user !== 'Guest') {
+						$('#user-avatar').text(frappe.session.user.charAt(0).toUpperCase());
+					}
 					
 					if (isStage) {
-						updateCount('val-pending', d.pending_for_me); 
-						$('#nav-pending span:nth-child(2)').text('Pending Me');
-						updateCount('val-nr', d.not_responded_count); updateCount('val-resp', d.responded_by_me);
-						updateCount('val-closed', d.responded_by_me); 
-						$('#nav-closed span:nth-child(2)').text('Responded');
+						updateCount('val-pending-stage', d.pending_for_me); 
+						updateCount('val-resp-stage', d.responded_by_me);
+						updateCount('val-nr-stage', d.not_responded_count);
 					} else {
 						updateCount('val-draft', d.draft_count); updateCount('val-total', d.total_count);
 						updateCount('val-pending', d.total_pending); 
@@ -456,17 +633,26 @@
 					$('.nav-item').removeClass('active');
 					if (currentStatusFilter.length > 0) {
 						const s = currentStatusFilter[0];
-						if (s === 'Draft') $('#nav-draft').addClass('active');
-						else if (s === 'Pending') $('#nav-pending').addClass('active');
-						else if (s === 'Closed') $('#nav-closed').addClass('active');
-						else if (s === 'Responded') $('#nav-responded').addClass('active');
-						else if (s === 'No Response') $('#nav-nr').addClass('active');
-					} else if (currentRiskFilter.length === 0) { $('#nav-total').addClass('active'); }
-
-					// DRILLDOWN LOGIC: Only show for Responded or No Response
+						if (isStage) {
+							if (s === 'Pending') $('#nav-pending-stage').addClass('active');
+							else if (s === 'Responded') $('#nav-responded-stage').addClass('active');
+							else if (s === 'No Response') $('#nav-nr-stage').addClass('active');
+						} else {
+							if (s === 'Draft') $('#nav-draft').addClass('active');
+							else if (s === 'Pending') $('#nav-pending').addClass('active');
+							else if (s === 'Closed') $('#nav-closed').addClass('active');
+							else if (s === 'Responded') $('#nav-responded').addClass('active');
+							else if (s === 'No Response') $('#nav-nr').addClass('active');
+						}
+					} else if (currentRiskFilter.length === 0) { 
+						if (isStage) $('#nav-pending-stage').addClass('active');
+						else $('#nav-total').addClass('active'); 
+					}
+
+					// DRILLDOWN LOGIC: Only show for Responded or No Response, but hide for stage_user
 					const isSpecific = (currentStatusFilter.includes('Responded') || currentStatusFilter.includes('No Response'));
-					$('#drilldown-section').toggle(isSpecific);
-					if (isSpecific) {
+					$('#drilldown-section').toggle(!isStage && isSpecific);
+					if (!isStage && isSpecific) {
 						const $sL = $('#stage-checkbox-list');
 						frappe.call({ 
 							method: 'frappe.client.get_list', 
@@ -535,32 +721,75 @@
 		$(document).on('change', '.time-checkbox', () => { currentTimeFilter = $('.time-checkbox:checked').map((i, el) => $(el).val()).get(); refresh(); });
 		$(document).on('change', '.stage-item-checkbox', () => { currentItemStages = $('.stage-item-checkbox:checked').map((i, el) => $(el).val()).get(); refresh(); });
 
-		$(document).on('click', '#nav-total', () => { currentStatusFilter = []; currentRiskFilter = []; resetFilters(); refresh(); });
-		$(document).on('click', '#nav-draft', () => { currentStatusFilter = ['Draft']; resetFilters(); refresh(); });
-		$(document).on('click', '#nav-pending', () => { currentStatusFilter = ['Pending']; resetFilters(); refresh(); });
-		$(document).on('click', '#nav-closed', () => { currentStatusFilter = ['Closed']; resetFilters(); refresh(); });
-		$(document).on('click', '#nav-responded', () => { currentStatusFilter = ['Responded']; resetFilters(); refresh(); });
-		$(document).on('click', '#nav-nr', () => { currentStatusFilter = ['No Response']; resetFilters(); refresh(); });
+		$(document).on('click', '#nav-pending-stage', () => { currentStatusFilter = ['Pending']; resetFilters(); refresh(); });
+		$(document).on('click', '#nav-responded-stage', () => { currentStatusFilter = ['Responded']; resetFilters(); refresh(); });
+		$(document).on('click', '#nav-nr-stage', () => { currentStatusFilter = ['No Response']; resetFilters(); refresh(); });
 
 		$(document).on('click', '#load-more-p-btn', () => loadMoreData('pending'));
 		$(document).on('click', '#load-more-r-btn', () => loadMoreData('recent'));
 
-		$(document).on('click', '#btn-audit-levels', () => { window.location.href = '/app/audit-level'; });
-		$(document).on('click', '#btn-query-types', () => { window.location.href = '/app/audit-query-type'; });
-		$(document).on('click', '#btn-settings', () => { window.location.href = '/app/audit-management-settings'; });
+		// Header Settings Dropdown Toggle
+		$(document).on('click', '#btn-header-settings', (e) => {
+			e.stopPropagation();
+			$('#settings-dropdown').toggle();
+		});
+
+		// Menu Actions
+		$(document).on('click', '#menu-audit-levels', () => { window.location.href = '/app/audit-level'; });
+		$(document).on('click', '#menu-query-types', () => { window.location.href = '/app/audit-query-type'; });
+		$(document).on('click', '#menu-settings', () => { window.location.href = '/app/audit-management-settings'; });
+		$(document).on('click', '#menu-reports', (e) => { 
+			e.stopPropagation(); 
+			$('#settings-dropdown').hide(); 
+			if (userRole === 'stage_user') {
+				window.open('/app/query-report/My%20Audits%20Report', '_blank');
+			} else {
+				showReportDialog(); 
+			}
+		});
+		
 		$(document).on('click', '#btn-create-audit', () => { window.open('/app/my-audits/new-my-audits-1', '_blank'); });
 		
 		// Function for report dialog
 		const showReportDialog = () => {
-			const reports = ['My Audits Report', 'Pending Audit Queries Aging Report', 'Process Technical Improvement Commitment Report', 'Recurring Operational Reports'];
+			let reports = [];
+			const currentRole = userRole || 'stage_user';
+			
+			if (currentRole === 'manager') {
+				reports = [
+					'My Audits Report', 
+					'Pending Audit Queries Aging Report', 
+					'Process Technical Improvement Commitment Report', 
+					'Recurring Operational Reports'
+				];
+			} else if (currentRole === 'member') {
+				reports = [
+					'My Audits Report', 
+					'Pending Audit Queries Aging Report'
+				];
+			} else {
+				// stage_user
+				reports = ['My Audits Report'];
+			}
+
 			let html = `<div style="display: flex; flex-direction: column; gap: 10px; padding: 10px;">${reports.map(r => `<button class="btn btn-default btn-sm text-left" onclick="window.open('/app/query-report/${r.replace(/ /g, '%20')}', '_blank');" style="text-align: left; padding: 10px 15px; border: 1px solid #e2e8f0; border-radius: 8px; font-weight: 600; color: #475569; background: white;"><i class="fa fa-file-text-o" style="margin-right: 10px; color: #16a34a;"></i> ${r}</button>`).join('')}</div>`;
 			new frappe.ui.Dialog({ title: 'Select Report', fields: [{ fieldtype: 'HTML', fieldname: 'reports_html', options: html }] }).show();
 		};
 		
 		$(document).on('click', '#btn-show-reports', showReportDialog);
-		$(document).on('click', '#stage-report-btn', showReportDialog);
 
-		$(document).on('click', function(e) { if (!$(e.target).closest('.multiselect-container').length) { $('.multiselect-list').hide(); } });
+		// Search functionality
+		$(document).on('keyup', '#audit-search-input', function() {
+			const val = $(this).val().toLowerCase();
+			$('.mini-table tbody tr').filter(function() {
+				$(this).toggle($(this).text().toLowerCase().indexOf(val) > -1);
+			});
+		});
+
+		$(document).on('click', function(e) { 
+			if (!$(e.target).closest('.multiselect-container').length) { $('.multiselect-list').hide(); } 
+			if (!$(e.target).closest('.header-right').length) { $('#settings-dropdown').hide(); }
+		});
 
 		refresh();
 	}

From d065ef6a0ad68acad7cc386980fd9f05c370c34c Mon Sep 17 00:00:00 2001
From: Rishabh Rahangdale <rishabhnrahangdale@gmail.com>
Date: Tue, 26 May 2026 18:00:28 +0530
Subject: [PATCH 2/4] fix(dashboard): restore sidebar navigation clickability
 for Admin, Manager, and Member roles

---
 .../www/audit_management_dashboard.html       | 48 ++++++++++++-------
 1 file changed, 31 insertions(+), 17 deletions(-)

diff --git a/audit_management/www/audit_management_dashboard.html b/audit_management/www/audit_management_dashboard.html
index d40d873..fb7da63 100644
--- a/audit_management/www/audit_management_dashboard.html
+++ b/audit_management/www/audit_management_dashboard.html
@@ -611,6 +611,7 @@
 					
 					// Update Settings Dropdown visibility: Strictly only Reports for Stage User
 					$('#menu-audit-levels, #menu-query-types, #menu-settings').toggle(!isStage);
+					$('#menu-reports').show(); // Ensure reports is always visible
 					
 					// Set User Avatar
 					if (frappe.session.user && frappe.session.user !== 'Guest') {
@@ -725,23 +726,37 @@
 		$(document).on('click', '#nav-responded-stage', () => { currentStatusFilter = ['Responded']; resetFilters(); refresh(); });
 		$(document).on('click', '#nav-nr-stage', () => { currentStatusFilter = ['No Response']; resetFilters(); refresh(); });
 
+		// Sidebar Nav Clicks for Admin, Manager, Member
+		$(document).on('click', '#nav-total', () => { currentStatusFilter = []; currentRiskFilter = []; resetFilters(); refresh(); });
+		$(document).on('click', '#nav-draft', () => { currentStatusFilter = ['Draft']; resetFilters(); refresh(); });
+		$(document).on('click', '#nav-pending', () => { currentStatusFilter = ['Pending']; resetFilters(); refresh(); });
+		$(document).on('click', '#nav-closed', () => { currentStatusFilter = ['Closed']; resetFilters(); refresh(); });
+		$(document).on('click', '#nav-responded', () => { currentStatusFilter = ['Responded']; resetFilters(); refresh(); });
+		$(document).on('click', '#nav-nr', () => { currentStatusFilter = ['No Response']; resetFilters(); refresh(); });
+
 		$(document).on('click', '#load-more-p-btn', () => loadMoreData('pending'));
 		$(document).on('click', '#load-more-r-btn', () => loadMoreData('recent'));
 
 		// Header Settings Dropdown Toggle
 		$(document).on('click', '#btn-header-settings', (e) => {
+			e.preventDefault();
 			e.stopPropagation();
 			$('#settings-dropdown').toggle();
 		});
 
 		// Menu Actions
-		$(document).on('click', '#menu-audit-levels', () => { window.location.href = '/app/audit-level'; });
-		$(document).on('click', '#menu-query-types', () => { window.location.href = '/app/audit-query-type'; });
-		$(document).on('click', '#menu-settings', () => { window.location.href = '/app/audit-management-settings'; });
-		$(document).on('click', '#menu-reports', (e) => { 
+		$(document).on('click', '#menu-audit-levels', (e) => { e.stopPropagation(); $('#settings-dropdown').hide(); window.open('/app/audit-level', '_blank'); });
+		$(document).on('click', '#menu-query-types', (e) => { e.stopPropagation(); $('#settings-dropdown').hide(); window.open('/app/audit-query-type', '_blank'); });
+		$(document).on('click', '#menu-settings', (e) => { e.stopPropagation(); $('#settings-dropdown').hide(); window.open('/app/audit-management-settings', '_blank'); });
+		
+		$(document).on('click', '#menu-reports', function(e) { 
+			e.preventDefault();
 			e.stopPropagation(); 
 			$('#settings-dropdown').hide(); 
-			if (userRole === 'stage_user') {
+			
+			const activeRole = userRole || (frappe.session.user === 'Administrator' ? 'manager' : 'stage_user');
+			
+			if (activeRole === 'stage_user') {
 				window.open('/app/query-report/My%20Audits%20Report', '_blank');
 			} else {
 				showReportDialog(); 
@@ -753,31 +768,30 @@
 		// Function for report dialog
 		const showReportDialog = () => {
 			let reports = [];
-			const currentRole = userRole || 'stage_user';
+			const currentRole = userRole || (frappe.session.user === 'Administrator' ? 'manager' : 'stage_user');
 			
-			if (currentRole === 'manager') {
+			if (currentRole === 'manager' || currentRole === 'member') {
+				// Admin, Manager, and Member get all 4 reports
 				reports = [
 					'My Audits Report', 
+					'Process Technical Improvement Commitment Report',
 					'Pending Audit Queries Aging Report', 
-					'Process Technical Improvement Commitment Report', 
 					'Recurring Operational Reports'
 				];
-			} else if (currentRole === 'member') {
-				reports = [
-					'My Audits Report', 
-					'Pending Audit Queries Aging Report'
-				];
 			} else {
-				// stage_user
+				// stage_user only gets their primary report
 				reports = ['My Audits Report'];
 			}
 
 			let html = `<div style="display: flex; flex-direction: column; gap: 10px; padding: 10px;">${reports.map(r => `<button class="btn btn-default btn-sm text-left" onclick="window.open('/app/query-report/${r.replace(/ /g, '%20')}', '_blank');" style="text-align: left; padding: 10px 15px; border: 1px solid #e2e8f0; border-radius: 8px; font-weight: 600; color: #475569; background: white;"><i class="fa fa-file-text-o" style="margin-right: 10px; color: #16a34a;"></i> ${r}</button>`).join('')}</div>`;
-			new frappe.ui.Dialog({ title: 'Select Report', fields: [{ fieldtype: 'HTML', fieldname: 'reports_html', options: html }] }).show();
+			
+			const d = new frappe.ui.Dialog({ 
+				title: 'Select Report', 
+				fields: [{ fieldtype: 'HTML', fieldname: 'reports_html', options: html }] 
+			});
+			d.show();
 		};
 		
-		$(document).on('click', '#btn-show-reports', showReportDialog);
-
 		// Search functionality
 		$(document).on('keyup', '#audit-search-input', function() {
 			const val = $(this).val().toLowerCase();

From 49a0ecdafb5ff59bc00404be40ea3d76d173d919 Mon Sep 17 00:00:00 2001
From: Rishabh Rahangdale <rishabhnrahangdale@gmail.com>
Date: Fri, 29 May 2026 13:22:05 +0530
Subject: [PATCH 3/4] feat: add Query Type filter to Audit Management dashboard

---
 audit_management/audit_management/dashboard.py   | 15 ++++++++++++++-
 audit_management/fixtures/custom_html_block.json |  6 +++---
 2 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/audit_management/audit_management/dashboard.py b/audit_management/audit_management/dashboard.py
index 5aa9ea9..8d7446d 100644
--- a/audit_management/audit_management/dashboard.py
+++ b/audit_management/audit_management/dashboard.py
@@ -3,7 +3,7 @@
 from frappe import _
 
 @frappe.whitelist()
-def get_dashboard_stats(pending_start=0, recent_start=0, status=None, risk=None, item_stages=None, time_filter=None):
+def get_dashboard_stats(pending_start=0, recent_start=0, status=None, risk=None, item_stages=None, time_filter=None, query_type=None):
     user = frappe.session.user
     roles = frappe.get_roles(user)
     
@@ -28,6 +28,12 @@ def get_dashboard_stats(pending_start=0, recent_start=0, status=None, risk=None,
         if isinstance(risk, str): risk_list = [r.strip() for r in risk.split(',') if r.strip()]
         elif isinstance(risk, list): risk_list = risk
 
+    # Handle multiple query types
+    query_type_list = []
+    if query_type:
+        if isinstance(query_type, str): query_type_list = [q.strip() for q in query_type.split(',') if q.strip()]
+        elif isinstance(query_type, list): query_type_list = query_type
+
     # Handle item stages (from child table)
     item_stage_list = []
     if item_stages:
@@ -96,6 +102,9 @@ def get_dashboard_stats(pending_start=0, recent_start=0, status=None, risk=None,
             if risk_list:
                 if "Normal" in risk_list: p_filters["risk"] = ["in", risk_list + [None, ""]]
                 else: p_filters["risk"] = ["in", risk_list]
+            
+            if query_type_list:
+                p_filters["query_type"] = ["in", query_type_list]
 
             pending_for_me_list = frappe.get_all(
                 "My Audits",
@@ -129,6 +138,10 @@ def get_dashboard_stats(pending_start=0, recent_start=0, status=None, risk=None,
             if allowed_divisions: filters["emp_division"] = ["in", allowed_divisions]
             else: filters["emp_division"] = "None"
 
+        # Apply Global query_type filter
+        if query_type_list:
+            filters["query_type"] = ["in", query_type_list]
+
         # Calculate Counters for Manager/Member
         total_pending = frappe.db.count("My Audits", {**filters, "status": "Pending"})
         closed_count = frappe.db.count("My Audits", {**filters, "status": "Closed"})
diff --git a/audit_management/fixtures/custom_html_block.json b/audit_management/fixtures/custom_html_block.json
index e11a929..99c26dc 100644
--- a/audit_management/fixtures/custom_html_block.json
+++ b/audit_management/fixtures/custom_html_block.json
@@ -2,12 +2,12 @@
  {
   "docstatus": 0,
   "doctype": "Custom HTML Block",
-  "html": "<div class='audit-dashboard-light'>     <div class='db-header'>         <div class='title-wrap'>             <h2 class='db-title'>Audit Management</h2>             <div class='live-dot'></div>         </div>         <div class='master-capsule-container'>             <!-- Status Filter -->             <div class='multiselect-container'>                 <div class='master-capsule filter-capsule' onclick='window.toggle_filter_dropdown(event, \"status\")'>                     <i class='fa fa-filter blue-txt'></i>                     <span id='selected-status-label' class='label-text'>Status</span>                     <i class='fa fa-chevron-down' style='font-size: 8px; margin-left: 3px;'></i>                 </div>                 <div id='filter-dropdown-status' class='multiselect-list'></div>             </div>              <!-- Risk Filter -->             <div class='multiselect-container'>                 <div class='master-capsule filter-capsule' onclick='window.toggle_filter_dropdown(event, \"risk\")'>                     <i class='fa fa-shield purple-txt'></i>                     <span id='selected-risk-label' class='label-text'>Risk</span>                     <i class='fa fa-chevron-down' style='font-size: 8px; margin-left: 3px;'></i>                 </div>                 <div id='filter-dropdown-risk' class='multiselect-list'></div>             </div>              <!-- Clear Filter Button -->             <div id='clear-filter-btn' class='master-capsule' onclick='window.clear_filters()' style='display:none; border-color: #fecaca; background: #fee2e2; padding: 4px 10px;'>                 <i class='fa fa-times-circle red-txt' style='font-size: 12px;'></i>                 <span class='red-txt' style='font-size: 10px;'>Clear</span>             </div>              <div class='dropdown-wrapper'>                 <div class='master-capsule' onclick='window.toggle_dropdown(event)'>                     <i class='fa fa-th-list blue-txt'></i>                     <span>Actions</span>                     <i class='fa fa-chevron-down' style='font-size: 8px; margin-left: 5px;'></i>                 </div>                 <div id='actions-dropdown' class='custom-dropdown' style='display:none;'>                     <div class='dropdown-item' onclick=\"frappe.set_route('List', 'Audit Level')\">                         <i class='fa fa-sitemap blue-txt'></i> <span>Audit Levels</span>                     </div>                     <div class='dropdown-item' onclick=\"frappe.set_route('List', 'Audit Query Type')\">                         <i class='fa fa-list-ul purple-txt'></i> <span>Query Types</span>                     </div>                     <div class='dropdown-item' onclick=\"frappe.set_route('Form', 'Audit Management Settings')\">                         <i class='fa fa-cog orange-txt'></i> <span>Settings</span>                     </div>                     <div class='dropdown-item' onclick='window.show_reports_selection()'>                         <i class='fa fa-bar-chart green-txt'></i> <span>Reports</span>                     </div>                 </div>             </div>             <div id='stage-report-btn' class='master-capsule' onclick=\"frappe.set_route('query-report', 'My Audits Report')\" style='display:none; border-color: #16a34a;'>                 <i class='fa fa-bar-chart' style='color: #16a34a;'></i>                 <span style='color: #16a34a;'>Reports</span>             </div>             <div class='master-capsule create-btn-capsule' onclick=\"frappe.new_doc('My Audits')\">                 <i class='fa fa-plus-circle'></i>                 <span>Create Audit</span>             </div>         </div>     </div>      <!-- Row 1: Stats -->     <div class='grid-compact stats-grid'>         <div class='compact-stat-card' id='total-card' onclick='window.handle_total_click()'>             <i class='fa fa-database icon-stat blue-txt'></i>             <div class='stat-label-small'>Total Records</div>             <div class='stat-val-small' id='val-total'>-</div>             <div class='accent-bar blue-bg'></div>         </div>         <div class='compact-stat-card' id='draft-card' onclick='window.handle_draft_click()'>             <i class='fa fa-file-text-o icon-stat purple-txt'></i>             <div class='stat-label-small'>Draft</div>             <div class='stat-val-small' id='val-draft'>-</div>             <div class='accent-bar purple-bg'></div>         </div>         <div class='compact-stat-card' id='p-card' onclick='window.handle_pending_click()'>             <i class='fa fa-clock-o icon-stat red-txt'></i>             <div class='stat-label-small' id='lbl-pending'>Pending</div>             <div class='stat-val-small' id='val-pending'>-</div>             <div class='accent-bar red-bg'></div>         </div>         <div class='compact-stat-card' id='c-card' onclick='window.handle_closed_click()'>             <i class='fa fa-check-square-o icon-stat green-txt'></i>             <div class='stat-label-small' id='lbl-closed'>Closed</div>             <div class='stat-val-small' id='val-closed'>-</div>             <div class='accent-bar green-bg'></div>         </div>         <div class='compact-stat-card' id='resp-card' onclick='window.handle_responded_click()' style='display:none;'>             <i class='fa fa-reply icon-stat green-txt'></i>             <div class='stat-label-small'>Responded</div>             <div class='stat-val-small' id='val-resp'>-</div>             <div class='accent-bar green-bg'></div>         </div>          <div class='compact-stat-card' id='nr-card' onclick='window.handle_not_responded_click()' style='display:none;'>             <i class='fa fa-exclamation-circle icon-stat orange-txt'></i>             <div class='stat-label-small'>Not Responded</div>             <div class='stat-val-small' id='val-nr'>-</div>             <div class='accent-bar orange-bg'></div>         </div>     </div>      <!-- Row 2: Drilldown Filters (Hidden by default) -->     <div id='drilldown-section' class='drilldown-bar' style='display:none;'>         <div class='filter-group'>             <div class='filter-group-label'>Filter by Stage:</div>             <div id='stage-checkbox-list' class='checkbox-row'></div>         </div>         <div class='filter-group'>             <div class='filter-group-label'>Filter by Time:</div>             <div class='checkbox-row'>                 <label class='check-item'><input type='checkbox' class='time-checkbox' value='Today' onchange='window.handle_time_filter_change()'> Today <span id='count-today'></span></label>                 <label class='check-item'><input type='checkbox' class='time-checkbox' value='Yesterday' onchange='window.handle_time_filter_change()'> Yesterday <span id='count-yest'></span></label>                 <label class='check-item'><input type='checkbox' class='time-checkbox' value='Last Week' onchange='window.handle_time_filter_change()'> Last Week <span id='count-week'></span></label>                <label class='check-item'><input type='checkbox' class='time-checkbox' value='All Time' onchange='window.handle_time_filter_change()'> All Time <span id='count-all'></span></label>             </div>         </div>     </div>      <!-- Dynamic Activity Sections -->     <div id='stage-view' class='list-section' style='display:none;'>         <div class='list-header'>Attention Required</div>         <div class='table-light-wrap'>             <table class='mini-table'>                 <thead>                     <tr>                         <th>Sr. No.</th>                         <th>ID</th>                         <th>Branch</th>                         <th>Subject</th>                         <th>Division</th>                         <th>Status</th>                         <th>Risk</th>                         <th>Pending Days</th>                         <th>Creation Date</th><th>Ago</th>                     </tr>                 </thead>                 <tbody id='stage-items'></tbody>             </table>         </div>         <div id='pending-more-btn' style='display:none; justify-content: center; padding: 20px 10px;'>             <button class='load-more-btn' onclick='window.load_more_data(\"pending\")'>Load More</button>         </div>     </div>      <div id='manager-view' class='list-section' style='display:none;'>         <div class='list-header'>Latest Activity</div>         <div class='table-light-wrap'>             <table class='mini-table'>                 <thead>                     <tr>                         <th>Sr. No.</th>                         <th>ID</th>                         <th>Branch</th>                         <th>Subject</th>                         <th>Division</th>                         <th>Status</th>                         <th>Risk</th>                         <th>Pending Days</th>                         <th>Creation Date</th><th>Ago</th>                     </tr>                 </thead>                 <tbody id='activity-body'></tbody>             </table>         </div>         <div id='recent-more-btn' style='display:none; justify-content: center; padding: 20px 10px;'>             <button class='load-more-btn' onclick='window.load_more_data(\"recent\")'>Load More</button>         </div>     </div> </div>",
-  "modified": "2026-05-19 12:00:00.000000",
+  "html": "<div class='audit-dashboard-light'>     <div class='db-header'>         <div class='title-wrap'>             <h2 class='db-title'>Audit Management</h2>             <div class='live-dot'></div>         </div>         <div class='master-capsule-container'>             <!-- Status Filter -->             <div class='multiselect-container'>                 <div class='master-capsule filter-capsule' onclick='window.toggle_filter_dropdown(event, \"status\")'>                     <i class='fa fa-filter blue-txt'></i>                     <span id='selected-status-label' class='label-text'>Status</span>                     <i class='fa fa-chevron-down' style='font-size: 8px; margin-left: 3px;'></i>                 </div>                 <div id='filter-dropdown-status' class='multiselect-list'></div>             </div>              <!-- Risk Filter -->             <div class='multiselect-container'>                 <div class='master-capsule filter-capsule' onclick='window.toggle_filter_dropdown(event, \"risk\")'>                     <i class='fa fa-shield purple-txt'></i>                     <span id='selected-risk-label' class='label-text'>Risk</span>                     <i class='fa fa-chevron-down' style='font-size: 8px; margin-left: 3px;'></i>                 </div>                 <div id='filter-dropdown-risk' class='multiselect-list'></div>             </div>              <!-- Clear Filter Button -->             <div id='clear-filter-btn' class='master-capsule' onclick='window.clear_filters()' style='display:none; border-color: #fecaca; background: #fee2e2; padding: 4px 10px;'>                 <i class='fa fa-times-circle red-txt' style='font-size: 12px;'></i>                 <span class='red-txt' style='font-size: 10px;'>Clear</span>             </div>              <div class='dropdown-wrapper'>                 <div class='master-capsule' onclick='window.toggle_dropdown(event)'>                     <i class='fa fa-th-list blue-txt'></i>                     <span>Actions</span>                     <i class='fa fa-chevron-down' style='font-size: 8px; margin-left: 5px;'></i>                 </div>                 <div id='actions-dropdown' class='custom-dropdown' style='display:none;'>                     <div class='dropdown-item' onclick=\"frappe.set_route('List', 'Audit Level')\">                         <i class='fa fa-sitemap blue-txt'></i> <span>Audit Levels</span>                     </div>                     <div class='dropdown-item' onclick=\"frappe.set_route('List', 'Audit Query Type')\">                         <i class='fa fa-list-ul purple-txt'></i> <span>Query Types</span>                     </div>                     <div class='dropdown-item' onclick=\"frappe.set_route('Form', 'Audit Management Settings')\">                         <i class='fa fa-cog orange-txt'></i> <span>Settings</span>                     </div>                     <div class='dropdown-item' onclick='window.show_reports_selection()'>                         <i class='fa fa-bar-chart green-txt'></i> <span>Reports</span>                     </div>                 </div>             </div>             <div id='stage-report-btn' class='master-capsule' onclick=\"frappe.set_route('query-report', 'My Audits Report')\" style='display:none; border-color: #16a34a;'>                 <i class='fa fa-bar-chart' style='color: #16a34a;'></i>                 <span style='color: #16a34a;'>Reports</span>             </div>             <div class='master-capsule create-btn-capsule' onclick=\"frappe.new_doc('My Audits')\">                 <i class='fa fa-plus-circle'></i>                 <span>Create Audit</span>             </div>         </div>     </div>      <!-- Row 1: Stats -->     <div class='grid-compact stats-grid'>         <div class='compact-stat-card' id='total-card' onclick='window.handle_total_click()'>             <i class='fa fa-database icon-stat blue-txt'></i>             <div class='stat-label-small'>Total Records</div>             <div class='stat-val-small' id='val-total'>-</div>             <div class='accent-bar blue-bg'></div>         </div>         <div class='compact-stat-card' id='draft-card' onclick='window.handle_draft_click()'>             <i class='fa fa-file-text-o icon-stat purple-txt'></i>             <div class='stat-label-small'>Draft</div>             <div class='stat-val-small' id='val-draft'>-</div>             <div class='accent-bar purple-bg'></div>         </div>         <div class='compact-stat-card' id='p-card' onclick='window.handle_pending_click()'>             <i class='fa fa-clock-o icon-stat red-txt'></i>             <div class='stat-label-small' id='lbl-pending'>Pending</div>             <div class='stat-val-small' id='val-pending'>-</div>             <div class='accent-bar red-bg'></div>         </div>         <div class='compact-stat-card' id='c-card' onclick='window.handle_closed_click()'>             <i class='fa fa-check-square-o icon-stat green-txt'></i>             <div class='stat-label-small' id='lbl-closed'>Closed</div>             <div class='stat-val-small' id='val-closed'>-</div>             <div class='accent-bar green-bg'></div>         </div>         <div class='compact-stat-card' id='resp-card' onclick='window.handle_responded_click()' style='display:none;'>             <i class='fa fa-reply icon-stat green-txt'></i>             <div class='stat-label-small'>Responded</div>             <div class='stat-val-small' id='val-resp'>-</div>             <div class='accent-bar green-bg'></div>         </div>          <div class='compact-stat-card' id='nr-card' onclick='window.handle_not_responded_click()' style='display:none;'>             <i class='fa fa-exclamation-circle icon-stat orange-txt'></i>             <div class='stat-label-small'>Not Responded</div>             <div class='stat-val-small' id='val-nr'>-</div>             <div class='accent-bar orange-bg'></div>         </div>     </div>      <!-- Row 2: Drilldown Filters (Hidden by default) -->     <div id='drilldown-section' class='drilldown-bar' style='display:none;'>         <div class='filter-group'>             <div class='filter-group-label'>Filter by Stage:</div>             <div id='stage-checkbox-list' class='checkbox-row'></div>         </div>         <div class='filter-group'>             <div class='filter-group-label'>Filter by Query Type:</div>             <div id='query-type-checkbox-list' class='checkbox-row'></div>         </div>         <div class='filter-group'>             <div class='filter-group-label'>Filter by Time:</div>             <div class='checkbox-row'>                 <label class='check-item'><input type='checkbox' class='time-checkbox' value='Today' onchange='window.handle_time_filter_change()'> Today <span id='count-today'></span></label>                 <label class='check-item'><input type='checkbox' class='time-checkbox' value='Yesterday' onchange='window.handle_time_filter_change()'> Yesterday <span id='count-yest'></span></label>                 <label class='check-item'><input type='checkbox' class='time-checkbox' value='Last Week' onchange='window.handle_time_filter_change()'> Last Week <span id='count-week'></span></label>                <label class='check-item'><input type='checkbox' class='time-checkbox' value='All Time' onchange='window.handle_time_filter_change()'> All Time <span id='count-all'></span></label>             </div>         </div>     </div>      <!-- Dynamic Activity Sections -->     <div id='stage-view' class='list-section' style='display:none;'>         <div class='list-header'>Attention Required</div>         <div class='table-light-wrap'>             <table class='mini-table'>                 <thead>                     <tr>                         <th>Sr. No.</th>                         <th>ID</th>                         <th>Branch</th>                         <th>Subject</th>                         <th>Division</th>                         <th>Status</th>                         <th>Risk</th>                         <th>Pending Days</th>                         <th>Creation Date</th><th>Ago</th>                     </tr>                 </thead>                 <tbody id='stage-items'></tbody>             </table>         </div>         <div id='pending-more-btn' style='display:none; justify-content: center; padding: 20px 10px;'>             <button class='load-more-btn' onclick='window.load_more_data(\"pending\")'>Load More</button>         </div>     </div>      <div id='manager-view' class='list-section' style='display:none;'>         <div class='list-header'>Latest Activity</div>         <div class='table-light-wrap'>             <table class='mini-table'>                 <thead>                     <tr>                         <th>Sr. No.</th>                         <th>ID</th>                         <th>Branch</th>                         <th>Subject</th>                         <th>Division</th>                         <th>Status</th>                         <th>Risk</th>                         <th>Pending Days</th>                         <th>Creation Date</th><th>Ago</th>                     </tr>                 </thead>                 <tbody id='activity-body'></tbody>             </table>         </div>         <div id='recent-more-btn' style='display:none; justify-content: center; padding: 20px 10px;'>             <button class='load-more-btn' onclick='window.load_more_data(\"recent\")'>Load More</button>         </div>     </div> </div>",
+  "modified": "2026-05-27 12:00:00.000000",
   "name": "Audit Management",
   "private": 0,
   "roles": [],
-  "script": "(function () {\n    const root = root_element || document;\n    let userRole = '';\n    let currentStatusFilter = [];\n    let currentRiskFilter = [];\n    let pendingStart = 0;\n    let recentStart = 0;\n    let currentItemStages = [];\n    let currentTimeFilter = [];\n\n    const upd = (id, val) => { \n        const el = root.querySelector('#' + id); \n        if (el) el.innerText = val ?? 0; \n    };\n\n    window.toggle_dropdown = (e) => {\n        e.stopPropagation();\n        const dd = root.querySelector('#actions-dropdown');\n        if (dd) dd.style.display = dd.style.display === 'none' ? 'block' : 'none';\n    };\n\n    window.toggle_filter_dropdown = (e, type) => {\n        e.stopPropagation();\n        root.querySelectorAll('.multiselect-list').forEach(d => {\n            if (d.id !== 'filter-dropdown-' + type) d.style.display = 'none';\n        });\n        const dd = root.querySelector('#filter-dropdown-' + type);\n        if (dd) dd.style.display = dd.style.display === 'none' ? 'block' : 'none';\n    };\n\n    window.addEventListener('click', () => {\n        root.querySelectorAll('.custom-dropdown, .multiselect-list').forEach(d => d.style.display = 'none');\n    });\n\n    const resetChildFilters = () => {\n        currentItemStages = [];\n        currentTimeFilter = [];\n        root.querySelectorAll('.stage-item-checkbox, .time-checkbox').forEach(cb => cb.checked = false);\n    };\n\n    window.handle_checkbox_change = (type) => {\n        const checkboxes = root.querySelectorAll('.' + type + '-checkbox:checked');\n        const selected = Array.from(checkboxes).map(cb => cb.value);\n        if (type === 'status') currentStatusFilter = selected; else currentRiskFilter = selected;\n        \n        const label = root.querySelector('#selected-' + type + '-label');\n        const defaultLabel = type.charAt(0).toUpperCase() + type.slice(1);\n        \n        if (selected.length === 0) label.innerText = defaultLabel;\n        else if (selected.length === 1) label.innerText = selected[0];\n        else label.innerText = selected.length + ' Selected';\n\n        const clearBtn = root.querySelector('#clear-filter-btn');\n        if (clearBtn) clearBtn.style.display = (currentStatusFilter.length > 0 || currentRiskFilter.length > 0) ? 'flex' : 'none';\n        \n        resetChildFilters();\n        refresh();\n    };\n\n    window.clear_filters = () => {\n        root.querySelectorAll('input[type=checkbox]').forEach(cb => cb.checked = false);\n        currentStatusFilter = []; currentRiskFilter = []; currentItemStages = []; currentTimeFilter = [];\n        root.querySelector('#selected-status-label').innerText = 'Status';\n        root.querySelector('#selected-risk-label').innerText = 'Risk';\n        const clearBtn = root.querySelector('#clear-filter-btn');\n        if (clearBtn) clearBtn.style.display = 'none';\n        refresh();\n    };\n\n    const renderRows = (list) => list.map(i => `\n        <tr onclick=\"frappe.set_route('Form', 'My Audits', '${i.name}')\">\n            <td>${i.sr_no}</td>\n            <td><span class='t-id'>${i.name.split('-').pop()}</span></td>\n            <td>${i.emp_branch || '---'}</td>\n            <td>${i.audit_query_subject_box || '---'}</td>\n            <td>${i.emp_division || '---'}</td>\n            <td><span class='t-status ${i.status === 'Pending' ? 'pending' : (i.status === 'Closed' ? 'closed' : '')}'>${i.status || '---'}</span></td>\n            <td><span class='t-risk ${(i.risk || 'Normal').toLowerCase()}'>${i.risk || 'Normal'}</span></td>\n            <td>${i.aging || 0}</td>\n            <td>${frappe.datetime.str_to_user(i.creation).split(' ')[0]}</td><td>${frappe.datetime.comment_when(i.creation)}</td>\n        </tr>`).join('');\n\n    window.load_more_data = (type) => {\n        frappe.call({\n            method: 'audit_management.audit_management.dashboard.get_dashboard_stats',\n            args: {\n                pending_start: type === 'pending' ? pendingStart + 10 : pendingStart,\n                recent_start: type === 'recent' ? recentStart + 10 : recentStart,\n                status: currentStatusFilter.join(','),\n                risk: currentRiskFilter.join(','),\n                item_stages: currentItemStages.join(','),\n                time_filter: currentTimeFilter.join(',')\n            },\n            callback: function (r) {\n                if (!r.message || !r.message.success) return;\n                const d = r.message;\n                if (type === 'pending') {\n                    pendingStart += 10;\n                    root.querySelector('#stage-items').insertAdjacentHTML('beforeend', renderRows(d.pending_list));\n                    const btn = root.querySelector('#pending-more-btn');\n                    if (btn) btn.style.display = d.has_more_pending ? 'flex' : 'none';\n                } else {\n                    recentStart += 10;\n                    root.querySelector('#activity-body').insertAdjacentHTML('beforeend', renderRows(d.recent_list));\n                    const btn = root.querySelector('#recent-more-btn');\n                    if (btn) btn.style.display = d.has_more_recent ? 'flex' : 'none';\n                }\n            }\n        });\n    };\n\n    function refresh() {\n        pendingStart = 0; recentStart = 0;\n        frappe.call({\n            method: 'audit_management.audit_management.dashboard.get_dashboard_stats',\n            args: { \n                pending_start: 0, recent_start: 0, \n                status: currentStatusFilter.join(','), \n                risk: currentRiskFilter.join(','),\n                item_stages: currentItemStages.join(','),\n                time_filter: currentTimeFilter.join(',')\n            },\n            callback: function (r) {\n                if (!r.message || !r.message.success) return;\n                const d = r.message; userRole = d.role_type;\n                const statusDropdown = root.querySelector('#filter-dropdown-status');\n                const riskDropdown = root.querySelector('#filter-dropdown-risk');\n                \n                if (statusDropdown && !statusDropdown.hasChildNodes()) {\n                    const statusOps = userRole === 'stage_user' ? ['Pending', 'Responded', 'No Response'] : ['Draft', 'Pending', 'Closed'];\n                    statusDropdown.innerHTML = statusOps.map(opt => \"<div class='multiselect-item' onclick='event.stopPropagation()'><input type='checkbox' class='status-checkbox' value='\" + opt + \"' onchange='window.handle_checkbox_change(\\\"status\\\")'><span>\" + opt + \"</span></div>\").join('');\n                    const riskOps = ['High', 'Medium', 'Normal'];\n                    riskDropdown.innerHTML = riskOps.map(opt => \"<div class='multiselect-item' onclick='event.stopPropagation()'><input type='checkbox' class='risk-checkbox' value='\" + opt + \"' onchange='window.handle_checkbox_change(\\\"risk\\\")'><span>\" + opt + \"</span></div>\").join('');\n                }\n\n                // Sync Timeframe Checkboxes (Always run)\n                root.querySelectorAll('.time-checkbox').forEach(cb => {\n                    cb.checked = currentTimeFilter.includes(cb.value);\n                });\n\n                const stageView = root.querySelector('#stage-view');\n                const managerView = root.querySelector('#manager-view');\n                const masterCapsules = root.querySelector('.master-capsule-container');\n                const draftCard = root.querySelector('#draft-card');\n                const totalCard = root.querySelector('#total-card');\n                const nrCard = root.querySelector('#nr-card');\n                const respCard = root.querySelector('#resp-card');\n                const closedCard = root.querySelector('#c-card');\n                const sReportBtn = root.querySelector('#stage-report-btn');\n                \n                root.querySelectorAll('.compact-stat-card').forEach(c => c.classList.remove('active-card'));\n\n                if (userRole === 'stage_user') {\n                    if (stageView) stageView.style.display = 'block';\n                    if (managerView) managerView.style.display = 'none';\n                    if (masterCapsules) {\n                        masterCapsules.style.display = 'flex';\n                        root.querySelectorAll('.multiselect-container, .dropdown-wrapper, .create-btn-capsule').forEach(el => el.style.display = 'none');\n                        if (sReportBtn) sReportBtn.style.display = 'flex';\n                    }\n                    if (draftCard) draftCard.style.display = 'none';\n                    if (totalCard) totalCard.style.display = 'none';\n                    if (respCard) respCard.style.display = 'none';\n                    if (nrCard) nrCard.style.display = 'block';\n                    \n                    upd('val-pending', d.pending_for_me); upd('lbl-pending', 'Pending Me');\n                    upd('val-nr', d.not_responded_count);\n                    upd('val-closed', d.responded_by_me); upd('lbl-closed', 'Responded');\n\n                    if (currentStatusFilter.length > 0) {\n                        const activeStatus = currentStatusFilter[0];\n                        if (activeStatus === 'Pending') root.querySelector('#p-card')?.classList.add('active-card');\n                        else if (activeStatus === 'No Response') root.querySelector('#nr-card')?.classList.add('active-card');\n                        else if (activeStatus === 'Responded') root.querySelector('#c-card')?.classList.add('active-card');\n                    }\n\n                    const stageItems = root.querySelector('#stage-items');\n                    const pendingMore = root.querySelector('#pending-more-btn');\n                    if (d.pending_list && d.pending_list.length > 0) {\n                        stageItems.innerHTML = renderRows(d.pending_list);\n                        if (pendingMore) pendingMore.style.display = d.has_more_pending ? 'flex' : 'none';\n                    } else {\n                        stageItems.innerHTML = '<tr><td colspan=\"10\" style=\"text-align:center; padding: 20px; color: #64748b;\">No records found</td></tr>';\n                        if (pendingMore) pendingMore.style.display = 'none';\n                    }\n\n                } else {\n                    if (stageView) stageView.style.display = 'none';\n                    if (managerView) managerView.style.display = 'block';\n                    if (masterCapsules) masterCapsules.style.display = 'flex';\n                    if (sReportBtn) sReportBtn.style.display = 'none';\n                    if (draftCard) draftCard.style.display = 'block';\n                    if (totalCard) totalCard.style.display = 'block';\n                    if (nrCard) nrCard.style.display = 'block';\n                    if (respCard) respCard.style.display = 'block';\n                    if (closedCard) closedCard.style.display = 'block';\n                    \n                    upd('val-draft', d.draft_count);\n                    upd('val-total', (d.draft_count || 0) + (d.total_pending || 0) + (d.closed_count || 0));\n                    upd('val-pending', d.total_pending); upd('lbl-pending', 'Total Pending');\n                    upd('val-closed', d.closed_count); upd('lbl-closed', 'Closed');\n                    upd('val-nr', d.not_responded_count);\n                    upd('val-resp', d.responded_by_me);\n\n                    if (currentStatusFilter.length > 0) {\n                        const activeStatus = currentStatusFilter[0];\n                        if (activeStatus === 'Draft') root.querySelector('#draft-card')?.classList.add('active-card');\n                        else if (activeStatus === 'Pending') root.querySelector('#p-card')?.classList.add('active-card');\n                        else if (activeStatus === 'Closed') root.querySelector('#c-card')?.classList.add('active-card');\n                        else if (activeStatus === 'Responded') root.querySelector('#resp-card')?.classList.add('active-card');\n                        else if (activeStatus === 'No Response') root.querySelector('#nr-card')?.classList.add('active-card');\n                    } else if (currentRiskFilter.length === 0) {\n                        root.querySelector('#total-card')?.classList.add('active-card');\n                    }\n\n                    const drilldown = root.querySelector('#drilldown-section');\n                    if (drilldown) {\n                        const showDrill = (currentStatusFilter.includes('Responded') || currentStatusFilter.includes('No Response'));\n                        drilldown.style.display = showDrill ? 'block' : 'none';\n                        const stageList = root.querySelector('#stage-checkbox-list');\n                        if (showDrill && stageList) {\n                            frappe.call({\n                                method: 'frappe.client.get_list',\n                                args: { doctype: 'Audit Stage', fields: ['name'], order_by: 'name asc' },\n                                callback: (r) => {\n                                    if (r.message) {\n                                        const counts = d.stage_counts || {};\n                                        const tc = d.time_counts || {}; \n                                        root.querySelector('#count-today').innerText = '(' + (tc.Today || 0) + ')'; \n                                        root.querySelector('#count-yest').innerText = '(' + (tc.Yesterday || 0) + ')'; \n                                        root.querySelector('#count-week').innerText = '(' + (tc['Last Week'] || 0) + ')'; \n                                        const upAll = root.querySelector('#count-all'); \n                                        if (upAll) upAll.innerText = '(' + (tc['All Time'] || 0) + ')'; \n                                        stageList.innerHTML = r.message.map(s => {\n                                            const count = counts[s.name] || 0;\n                                            const isChecked = currentItemStages.includes(s.name) ? 'checked' : '';\n                                            return `<label class='check-item'><input type='checkbox' class='stage-item-checkbox' value='${s.name}' ${isChecked} onchange='window.handle_item_stage_change()'> ${s.name} (${count})</label>`;\n                                        }).join('');\n                                    }\n                                }\n                            });\n                        }\n                    }\n\n                    const activityBody = root.querySelector('#activity-body');\n                    const recentMore = root.querySelector('#recent-more-btn');\n                    if (d.recent_list && d.recent_list.length > 0) {\n                        activityBody.innerHTML = renderRows(d.recent_list);\n                        if (recentMore) recentMore.style.display = d.has_more_recent ? 'flex' : 'none';\n                    } else {\n                        activityBody.innerHTML = '<tr><td colspan=\"10\" style=\"text-align:center; padding: 20px; color: #64748b;\">No recent activity</td></tr>';\n                        if (recentMore) recentMore.style.display = 'none';\n                    }\n                }\n            }\n        });\n    }\n\n    window.show_reports_selection = () => {\n        const reports = ['My Audits Report', 'Pending Audit Queries Aging Report', 'Process Technical Improvement Commitment Report', 'Recurring Operational Reports'];\n        let html = `<div style=\"display: flex; flex-direction: column; gap: 10px; padding: 10px;\">\n            ${reports.map(r => `<button class=\"btn btn-default btn-sm text-left\" onclick=\"frappe.set_route('query-report', '${r}'); cur_dialog.hide();\" style=\"text-align: left; padding: 10px 15px; border: 1px solid #e2e8f0; border-radius: 8px; font-weight: 600; color: #475569; background: white;\">\n                <i class=\"fa fa-file-text-o\" style=\"margin-right: 10px; color: #16a34a;\"></i> ${r}\n            </button>`).join('')}\n        </div>`;\n        let d = new frappe.ui.Dialog({ title: 'Select Report', fields: [{ fieldtype: 'HTML', fieldname: 'reports_html', options: html }] });\n        d.show();\n    };\n\n    window.handle_total_click = () => { \n        frappe.set_route('List', 'My Audits');\n    };\n\n    window.handle_draft_click = () => {\n        frappe.set_route('List', 'My Audits', { status: 'Draft' });\n    };\n\n    window.handle_responded_click = () => {\n        currentStatusFilter = ['Responded']; currentItemStages = []; currentTimeFilter = ['Today'];\n        root.querySelectorAll('.time-checkbox').forEach(cb => cb.checked = (cb.value === 'Today'));\n        refresh();\n    };\n\n    window.handle_not_responded_click = () => {\n        currentStatusFilter = ['No Response']; currentItemStages = []; currentTimeFilter = ['Today'];\n        root.querySelectorAll('.time-checkbox').forEach(cb => cb.checked = (cb.value === 'Today'));\n        refresh();\n    };\n\n    window.handle_pending_click = () => { \n        frappe.set_route('List', 'My Audits', { status: 'Pending' });\n    };\n\n    window.handle_closed_click = () => { \n        frappe.set_route('List', 'My Audits', { status: 'Closed' });\n    };\n\n    window.handle_item_stage_change = () => {\n        currentItemStages = Array.from(root.querySelectorAll('.stage-item-checkbox:checked')).map(cb => cb.value);\n        refresh();\n    };\n\n    window.handle_time_filter_change = () => {\n        currentTimeFilter = Array.from(root.querySelectorAll('.time-checkbox:checked')).map(cb => cb.value);\n        refresh();\n    };\n\n    $(document).on('workspace_render', refresh); refresh();\n})();\n",
+  "script": "(function () {\n    const root = root_element || document;\n    let userRole = '';\n    let currentStatusFilter = [];\n    let currentRiskFilter = [];\n    let pendingStart = 0;\n    let recentStart = 0;\n    let currentItemStages = [];\n    let currentTimeFilter = [];\n    let currentQueryTypeFilter = [];\n\n    const upd = (id, val) => { \n        const el = root.querySelector('#' + id); \n        if (el) el.innerText = val ?? 0; \n    };\n\n    window.toggle_dropdown = (e) => {\n        e.stopPropagation();\n        const dd = root.querySelector('#actions-dropdown');\n        if (dd) dd.style.display = dd.style.display === 'none' ? 'block' : 'none';\n    };\n\n    window.toggle_filter_dropdown = (e, type) => {\n        e.stopPropagation();\n        root.querySelectorAll('.multiselect-list').forEach(d => {\n            if (d.id !== 'filter-dropdown-' + type) d.style.display = 'none';\n        });\n        const dd = root.querySelector('#filter-dropdown-' + type);\n        if (dd) dd.style.display = dd.style.display === 'none' ? 'block' : 'none';\n    };\n\n    window.addEventListener('click', () => {\n        root.querySelectorAll('.custom-dropdown, .multiselect-list').forEach(d => d.style.display = 'none');\n    });\n\n    const resetChildFilters = () => {\n        currentItemStages = [];\n        currentTimeFilter = [];\n        currentQueryTypeFilter = [];\n        root.querySelectorAll('.stage-item-checkbox, .time-checkbox, .query-type-item-checkbox').forEach(cb => cb.checked = false);\n    };\n\n    window.handle_checkbox_change = (type) => {\n        const checkboxes = root.querySelectorAll('.' + type + '-checkbox:checked');\n        const selected = Array.from(checkboxes).map(cb => cb.value);\n        if (type === 'status') currentStatusFilter = selected; else currentRiskFilter = selected;\n        \n        const label = root.querySelector('#selected-' + type + '-label');\n        const defaultLabel = type.charAt(0).toUpperCase() + type.slice(1);\n        \n        if (selected.length === 0) label.innerText = defaultLabel;\n        else if (selected.length === 1) label.innerText = selected[0];\n        else label.innerText = selected.length + ' Selected';\n\n        const clearBtn = root.querySelector('#clear-filter-btn');\n        if (clearBtn) clearBtn.style.display = (currentStatusFilter.length > 0 || currentRiskFilter.length > 0) ? 'flex' : 'none';\n        \n        resetChildFilters();\n        refresh();\n    };\n\n    window.clear_filters = () => {\n        root.querySelectorAll('input[type=checkbox]').forEach(cb => cb.checked = false);\n        currentStatusFilter = []; currentRiskFilter = []; currentItemStages = []; currentTimeFilter = []; currentQueryTypeFilter = [];\n        root.querySelector('#selected-status-label').innerText = 'Status';\n        root.querySelector('#selected-risk-label').innerText = 'Risk';\n        const clearBtn = root.querySelector('#clear-filter-btn');\n        if (clearBtn) clearBtn.style.display = 'none';\n        refresh();\n    };\n\n    const renderRows = (list) => list.map(i => `\n        <tr onclick=\"frappe.set_route('Form', 'My Audits', '${i.name}')\">\n            <td>${i.sr_no}</td>\n            <td><span class='t-id'>${i.name.split('-').pop()}</span></td>\n            <td>${i.emp_branch || '---'}</td>\n            <td>${i.audit_query_subject_box || '---'}</td>\n            <td>${i.emp_division || '---'}</td>\n            <td><span class='t-status ${i.status === 'Pending' ? 'pending' : (i.status === 'Closed' ? 'closed' : '')}'>${i.status || '---'}</span></td>\n            <td><span class='t-risk ${(i.risk || 'Normal').toLowerCase()}'>${i.risk || 'Normal'}</span></td>\n            <td>${i.aging || 0}</td>\n            <td>${frappe.datetime.str_to_user(i.creation).split(' ')[0]}</td><td>${frappe.datetime.comment_when(i.creation)}</td>\n        </tr>`).join('');\n\n    window.load_more_data = (type) => {\n        frappe.call({\n            method: 'audit_management.audit_management.dashboard.get_dashboard_stats',\n            args: {\n                pending_start: type === 'pending' ? pendingStart + 10 : pendingStart,\n                recent_start: type === 'recent' ? recentStart + 10 : recentStart,\n                status: currentStatusFilter.join(','),\n                risk: currentRiskFilter.join(','),\n                item_stages: currentItemStages.join(','),\n                time_filter: currentTimeFilter.join(','),\n                query_type: currentQueryTypeFilter.join(',')\n            },\n            callback: function (r) {\n                if (!r.message || !r.message.success) return;\n                const d = r.message;\n                if (type === 'pending') {\n                    pendingStart += 10;\n                    root.querySelector('#stage-items').insertAdjacentHTML('beforeend', renderRows(d.pending_list));\n                    const btn = root.querySelector('#pending-more-btn');\n                    if (btn) btn.style.display = d.has_more_pending ? 'flex' : 'none';\n                } else {\n                    recentStart += 10;\n                    root.querySelector('#activity-body').insertAdjacentHTML('beforeend', renderRows(d.recent_list));\n                    const btn = root.querySelector('#recent-more-btn');\n                    if (btn) btn.style.display = d.has_more_recent ? 'flex' : 'none';\n                }\n            }\n        });\n    };\n\n    function refresh() {\n        pendingStart = 0; recentStart = 0;\n        frappe.call({\n            method: 'audit_management.audit_management.dashboard.get_dashboard_stats',\n            args: { \n                pending_start: 0, recent_start: 0, \n                status: currentStatusFilter.join(','), \n                risk: currentRiskFilter.join(','),\n                item_stages: currentItemStages.join(','),\n                time_filter: currentTimeFilter.join(','),\n                query_type: currentQueryTypeFilter.join(',')\n            },\n            callback: function (r) {\n                if (!r.message || !r.message.success) return;\n                const d = r.message; userRole = d.role_type;\n                const statusDropdown = root.querySelector('#filter-dropdown-status');\n                const riskDropdown = root.querySelector('#filter-dropdown-risk');\n                \n                if (statusDropdown && !statusDropdown.hasChildNodes()) {\n                    const statusOps = userRole === 'stage_user' ? ['Pending', 'Responded', 'No Response'] : ['Draft', 'Pending', 'Closed'];\n                    statusDropdown.innerHTML = statusOps.map(opt => \"<div class='multiselect-item' onclick='event.stopPropagation()'><input type='checkbox' class='status-checkbox' value='\" + opt + \"' onchange='window.handle_checkbox_change(\\\"status\\\")'><span>\" + opt + \"</span></div>\").join('');\n                    const riskOps = ['High', 'Medium', 'Normal'];\n                    riskDropdown.innerHTML = riskOps.map(opt => \"<div class='multiselect-item' onclick='event.stopPropagation()'><input type='checkbox' class='risk-checkbox' value='\" + opt + \"' onchange='window.handle_checkbox_change(\\\"risk\\\")'><span>\" + opt + \"</span></div>\").join('');\n                }\n\n                // Sync Timeframe Checkboxes (Always run)\n                root.querySelectorAll('.time-checkbox').forEach(cb => {\n                    cb.checked = currentTimeFilter.includes(cb.value);\n                });\n\n                const stageView = root.querySelector('#stage-view');\n                const managerView = root.querySelector('#manager-view');\n                const masterCapsules = root.querySelector('.master-capsule-container');\n                const draftCard = root.querySelector('#draft-card');\n                const totalCard = root.querySelector('#total-card');\n                const nrCard = root.querySelector('#nr-card');\n                const respCard = root.querySelector('#resp-card');\n                const closedCard = root.querySelector('#c-card');\n                const sReportBtn = root.querySelector('#stage-report-btn');\n                \n                root.querySelectorAll('.compact-stat-card').forEach(c => c.classList.remove('active-card'));\n\n                if (userRole === 'stage_user') {\n                    if (stageView) stageView.style.display = 'block';\n                    if (managerView) managerView.style.display = 'none';\n                    if (masterCapsules) {\n                        masterCapsules.style.display = 'flex';\n                        root.querySelectorAll('.multiselect-container, .dropdown-wrapper, .create-btn-capsule').forEach(el => el.style.display = 'none');\n                        if (sReportBtn) sReportBtn.style.display = 'flex';\n                    }\n                    if (draftCard) draftCard.style.display = 'none';\n                    if (totalCard) totalCard.style.display = 'none';\n                    if (respCard) respCard.style.display = 'none';\n                    if (nrCard) nrCard.style.display = 'block';\n                    \n                    upd('val-pending', d.pending_for_me); upd('lbl-pending', 'Pending Me');\n                    upd('val-nr', d.not_responded_count);\n                    upd('val-closed', d.responded_by_me); upd('lbl-closed', 'Responded');\n\n                    if (currentStatusFilter.length > 0) {\n                        const activeStatus = currentStatusFilter[0];\n                        if (activeStatus === 'Pending') root.querySelector('#p-card')?.classList.add('active-card');\n                        else if (activeStatus === 'No Response') root.querySelector('#nr-card')?.classList.add('active-card');\n                        else if (activeStatus === 'Responded') root.querySelector('#c-card')?.classList.add('active-card');\n                    }\n\n                    const stageItems = root.querySelector('#stage-items');\n                    const pendingMore = root.querySelector('#pending-more-btn');\n                    if (d.pending_list && d.pending_list.length > 0) {\n                        stageItems.innerHTML = renderRows(d.pending_list);\n                        if (pendingMore) pendingMore.style.display = d.has_more_pending ? 'flex' : 'none';\n                    } else {\n                        stageItems.innerHTML = '<tr><td colspan=\"10\" style=\"text-align:center; padding: 20px; color: #64748b;\">No records found</td></tr>';\n                        if (pendingMore) pendingMore.style.display = 'none';\n                    }\n\n                } else {\n                    if (stageView) stageView.style.display = 'none';\n                    if (managerView) managerView.style.display = 'block';\n                    if (masterCapsules) masterCapsules.style.display = 'flex';\n                    if (sReportBtn) sReportBtn.style.display = 'none';\n                    if (draftCard) draftCard.style.display = 'block';\n                    if (totalCard) totalCard.style.display = 'block';\n                    if (nrCard) nrCard.style.display = 'block';\n                    if (respCard) respCard.style.display = 'block';\n                    if (closedCard) closedCard.style.display = 'block';\n                    \n                    upd('val-draft', d.draft_count);\n                    upd('val-total', (d.draft_count || 0) + (d.total_pending || 0) + (d.closed_count || 0));\n                    upd('val-pending', d.total_pending); upd('lbl-pending', 'Total Pending');\n                    upd('val-closed', d.closed_count); upd('lbl-closed', 'Closed');\n                    upd('val-nr', d.not_responded_count);\n                    upd('val-resp', d.responded_by_me);\n\n                    if (currentStatusFilter.length > 0) {\n                        const activeStatus = currentStatusFilter[0];\n                        if (activeStatus === 'Draft') root.querySelector('#draft-card')?.classList.add('active-card');\n                        else if (activeStatus === 'Pending') root.querySelector('#p-card')?.classList.add('active-card');\n                        else if (activeStatus === 'Closed') root.querySelector('#c-card')?.classList.add('active-card');\n                        else if (activeStatus === 'Responded') root.querySelector('#resp-card')?.classList.add('active-card');\n                        else if (activeStatus === 'No Response') root.querySelector('#nr-card')?.classList.add('active-card');\n                    } else if (currentRiskFilter.length === 0) {\n                        root.querySelector('#total-card')?.classList.add('active-card');\n                    }\n\n                    const drilldown = root.querySelector('#drilldown-section');\n                    if (drilldown) {\n                        const showDrill = (currentStatusFilter.includes('Responded') || currentStatusFilter.includes('No Response'));\n                        drilldown.style.display = showDrill ? 'block' : 'none';\n                        const stageList = root.querySelector('#stage-checkbox-list');\n                        const queryTypeList = root.querySelector('#query-type-checkbox-list');\n                        if (showDrill) {\n                            if (stageList) {\n                                frappe.call({\n                                    method: 'frappe.client.get_list',\n                                    args: { doctype: 'Audit Stage', fields: ['name'], order_by: 'name asc' },\n                                    callback: (r) => {\n                                        if (r.message) {\n                                            const counts = d.stage_counts || {};\n                                            const tc = d.time_counts || {}; \n                                            root.querySelector('#count-today').innerText = '(' + (tc.Today || 0) + ')'; \n                                            root.querySelector('#count-yest').innerText = '(' + (tc.Yesterday || 0) + ')'; \n                                            root.querySelector('#count-week').innerText = '(' + (tc['Last Week'] || 0) + ')'; \n                                            const upAll = root.querySelector('#count-all'); \n                                            if (upAll) upAll.innerText = '(' + (tc['All Time'] || 0) + ')'; \n                                            stageList.innerHTML = r.message.map(s => {\n                                                const count = counts[s.name] || 0;\n                                                const isChecked = currentItemStages.includes(s.name) ? 'checked' : '';\n                                                return `<label class='check-item'><input type='checkbox' class='stage-item-checkbox' value='${s.name}' ${isChecked} onchange='window.handle_item_stage_change()'> ${s.name} (${count})</label>`;\n                                            }).join('');\n                                        }\n                                    }\n                                });\n                            }\n                            if (queryTypeList) {\n                                frappe.call({\n                                    method: 'frappe.client.get_list',\n                                    args: { doctype: 'Audit Query Type', fields: ['name'], order_by: 'name asc' },\n                                    callback: (r_qt) => {\n                                        if (r_qt.message) {\n                                            queryTypeList.innerHTML = r_qt.message.map(qt => {\n                                                const isChecked = currentQueryTypeFilter.includes(qt.name) ? 'checked' : '';\n                                                return `<label class='check-item'><input type='checkbox' class='query-type-item-checkbox' value='${qt.name}' ${isChecked} onchange='window.handle_query_type_change()'> ${qt.name}</label>`;\n                                            }).join('');\n                                        }\n                                    }\n                                });\n                            }\n                        }\n                    }\n\n                    const activityBody = root.querySelector('#activity-body');\n                    const recentMore = root.querySelector('#recent-more-btn');\n                    if (d.recent_list && d.recent_list.length > 0) {\n                        activityBody.innerHTML = renderRows(d.recent_list);\n                        if (recentMore) recentMore.style.display = d.has_more_recent ? 'flex' : 'none';\n                    } else {\n                        activityBody.innerHTML = '<tr><td colspan=\"10\" style=\"text-align:center; padding: 20px; color: #64748b;\">No recent activity</td></tr>';\n                        if (recentMore) recentMore.style.display = 'none';\n                    }\n                }\n            }\n        });\n    }\n\n    window.show_reports_selection = () => {\n        const reports = ['My Audits Report', 'Pending Audit Queries Aging Report', 'Process Technical Improvement Commitment Report', 'Recurring Operational Reports'];\n        let html = `<div style=\"display: flex; flex-direction: column; gap: 10px; padding: 10px;\">\n            ${reports.map(r => `<button class=\"btn btn-default btn-sm text-left\" onclick=\"frappe.set_route('query-report', '${r}'); cur_dialog.hide();\" style=\"text-align: left; padding: 10px 15px; border: 1px solid #e2e8f0; border-radius: 8px; font-weight: 600; color: #475569; background: white;\">\n                <i class=\"fa fa-file-text-o\" style=\"margin-right: 10px; color: #16a34a;\"></i> ${r}\n            </button>`).join('')}\n        </div>`;\n        let d = new frappe.ui.Dialog({ title: 'Select Report', fields: [{ fieldtype: 'HTML', fieldname: 'reports_html', options: html }] });\n        d.show();\n    };\n\n    window.handle_total_click = () => { \n        frappe.set_route('List', 'My Audits');\n    };\n\n    window.handle_draft_click = () => {\n        frappe.set_route('List', 'My Audits', { status: 'Draft' });\n    };\n\n    window.handle_responded_click = () => {\n        currentStatusFilter = ['Responded']; currentItemStages = []; currentTimeFilter = ['Today']; currentQueryTypeFilter = [];\n        root.querySelectorAll('.time-checkbox').forEach(cb => cb.checked = (cb.value === 'Today'));\n        refresh();\n    };\n\n    window.handle_not_responded_click = () => {\n        currentStatusFilter = ['No Response']; currentItemStages = []; currentTimeFilter = ['Today']; currentQueryTypeFilter = [];\n        root.querySelectorAll('.time-checkbox').forEach(cb => cb.checked = (cb.value === 'Today'));\n        refresh();\n    };\n\n    window.handle_pending_click = () => { \n        frappe.set_route('List', 'My Audits', { status: 'Pending' });\n    };\n\n    window.handle_closed_click = () => { \n        frappe.set_route('List', 'My Audits', { status: 'Closed' });\n    };\n\n    window.handle_item_stage_change = () => {\n        currentItemStages = Array.from(root.querySelectorAll('.stage-item-checkbox:checked')).map(cb => cb.value);\n        refresh();\n    };\n\n    window.handle_query_type_change = () => {\n        currentQueryTypeFilter = Array.from(root.querySelectorAll('.query-type-item-checkbox:checked')).map(cb => cb.value);\n        refresh();\n    };\n\n    window.handle_time_filter_change = () => {\n        currentTimeFilter = Array.from(root.querySelectorAll('.time-checkbox:checked')).map(cb => cb.value);\n        refresh();\n    };\n\n    $(document).on('workspace_render', refresh); refresh();\n})();\n",
   "style": ".audit-dashboard-light { background: #f1f5f9; color: #1e293b; padding: 20px; border-radius: 16px; font-family: 'Inter', sans-serif; border: 1px solid #e2e8f0; }\n.db-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px; flex-wrap: nowrap; gap: 15px; }\n.title-wrap { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n.db-title { font-size: 20px; font-weight: 800; color: #0f172a; margin: 0; white-space: nowrap; }\n.live-dot { width: 8px; height: 8px; background: #22c55e; border-radius: 50%; box-shadow: 0 0 10px rgba(34, 197, 94, 0.4); }\n\n.master-capsule-container { display: flex; gap: 6px; flex-wrap: nowrap; align-items: center; justify-content: flex-end; flex-grow: 1; }\n.master-capsule { background: #ffffff; padding: 4px 10px; border-radius: 50px; border: 1px solid #e2e8f0; display: flex; align-items: center; gap: 6px; cursor: pointer; transition: 0.2s; box-shadow: 0 1px 2px rgba(0,0,0,0.05); height: 30px; box-sizing: border-box; }\n.master-capsule:hover { border-color: #3b82f6; transform: translateY(-1px); box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05); }\n.master-capsule i { font-size: 13px; flex-shrink: 0; }\n.master-capsule span { font-size: 10px; font-weight: 700; color: #475569; white-space: nowrap; }\n.label-text { min-width: 40px; text-align: center; }\n\n.create-btn-capsule { background: #2563eb !important; color: white !important; border: none !important; }\n.create-btn-capsule i, .create-btn-capsule span { color: white !important; }\n.create-btn-capsule:hover { background: #1d4ed8 !important; transform: scale(1.02); }\n\n.dropdown-wrapper { position: relative; }\n.custom-dropdown { position: absolute; top: 110%; right: 0; background: white; border: 1px solid #e2e8f0; border-radius: 12px; box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1); z-index: 1000; min-width: 180px; padding: 8px 0; }\n.dropdown-item { padding: 10px 16px; display: flex; align-items: center; gap: 12px; cursor: pointer; transition: 0.2s; font-size: 12px; font-weight: 600; color: #475569; }\n.dropdown-item:hover { background: #f1f5f9; color: #1e293b; }\n\n.grid-compact { display: grid; gap: 10px; margin-bottom: 24px; }\n.stats-grid { grid-template-columns: repeat(6, 1fr); }\n\n.blue-txt { color: #2563eb; } .purple-txt { color: #7c3aed; } .orange-txt { color: #ea580c; } .green-txt { color: #16a34a; } .red-txt { color: #dc2626; }\n\n.compact-stat-card { background: #ffffff; padding: 10px 5px; border-radius: 12px; border: 1px solid #e2e8f0; position: relative; overflow: hidden; cursor: pointer; transition: 0.2s; box-shadow: 0 1px 3px rgba(0,0,0,0.02); display: flex; flex-direction: column; align-items: center; text-align: center; gap: 4px; }\n.stat-label-small { font-size: 10px; font-weight: 700; color: #64748b; text-transform: uppercase; letter-spacing: 0.4px; }\n.stat-val-small { font-size: 18px; font-weight: 800; color: #0f172a; }\n.icon-stat { font-size: 18px; opacity: 0.9; margin-bottom: 2px; }\n.blue-bg { background: #3b82f6; } .green-bg { background: #10b981; } .purple-bg { background: #8b5cf6; } .orange-bg { background: #f59e0b; } .red-bg { background: #ef4444; }\n\n.multiselect-container { position: relative; }\n.multiselect-list { position: absolute; top: 110%; left: 0; background: white; border: 1px solid #e2e8f0; border-radius: 12px; box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1); z-index: 1000; min-width: 160px; padding: 8px 0; display: none; }\n.multiselect-item { padding: 8px 16px; display: flex; align-items: center; gap: 10px; cursor: pointer; transition: 0.2s; font-size: 12px; font-weight: 600; color: #475569; }\n.multiselect-item:hover { background: #f1f5f9; }\n.multiselect-item input[type='checkbox'] { cursor: pointer; width: 14px; height: 14px; }\n\n.mini-table { width: 100%; border-collapse: collapse; font-size: 12px; }\n.mini-table th { background: #f1f5f9; color: #475569; text-align: left; padding: 12px 12px; border-bottom: 2px solid #e2e8f0; font-weight: 700; text-transform: uppercase; font-size: 10px; }\n.mini-table td { padding: 14px 16px; color: #334155; border-bottom: 1px solid #f1f5f9; }\n.mini-table tr:hover { background: #f9fafb; cursor: pointer; }\n.t-id { font-weight: 800; color: #2563eb; }\n.t-status { background: #f1f5f9; padding: 4px 8px; border-radius: 6px; color: #475569; font-weight: 700; font-size: 10px; }\n.t-status.pending { background: #fee2e2; color: #dc2626; border: 1px solid #fecaca; }\n.t-status.closed { background: #b9f9cf; color: #001a00; border: 1px solid #bbf7d0; }\n.t-risk { font-weight: 800; text-transform: uppercase; font-size: 10px; }\n.t-risk.high { background: #dc2626; color: white; padding: 4px 8px; border-radius: 6px; } .t-risk.medium { color: #d97706; } .t-risk.normal { color: #2563eb; }\n\n.load-more-btn { background: #ffffff; color: #475569; border: 1px solid #e2e8f0; padding: 8px 24px; border-radius: 50px; cursor: pointer; font-size: 11px; font-weight: 800; transition: 0.2s; box-shadow: 0 1px 2px rgba(0,0,0,0.05); letter-spacing: 0.5px; text-transform: uppercase; }\n.load-more-btn:hover { background: #f8fafc; border-color: #cbd5e1; color: #1e293b; transform: translateY(-1px); box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05); }\n.load-more-btn:active { transform: translateY(0); box-shadow: none; background: #f1f5f9; }\n\n@media (max-width: 768px) {\n    .db-header { flex-direction: column; align-items: flex-start; }\n    .master-capsule-container { width: 100%; justify-content: flex-start; flex-wrap: wrap; }\n    .stats-grid { grid-template-columns: 1fr; }\n}\n.compact-stat-card.active-card { border-color: #2563eb; background: #eff6ff; transform: translateY(-2px); box-shadow: 0 4px 6px -1px rgba(37, 99, 235, 0.1); }\n\n.drilldown-bar { background: #ffffff; padding: 15px; border-radius: 14px; border: 1px solid #e2e8f0; margin-bottom: 20px; }\n.filter-group { margin-bottom: 12px; }\n.filter-group-label { font-size: 10px; font-weight: 800; color: #64748b; text-transform: uppercase; margin-bottom: 8px; }\n.checkbox-row { display: flex; flex-wrap: wrap; gap: 15px; }\n.check-item { display: flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 600; color: #475569; cursor: pointer; }\n"
  }
 ]
\ No newline at end of file

From a7aa6da4003a86e412039a40201da061957be617 Mon Sep 17 00:00:00 2001
From: Rishabh Rahangdale <rishabhnrahangdale@gmail.com>
Date: Fri, 29 May 2026 13:32:42 +0530
Subject: [PATCH 4/4] fix: ensure time filter counts are displayed on dashboard

---
 audit_management/audit_management/dashboard.py   | 3 ++-
 audit_management/fixtures/custom_html_block.json | 4 ++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/audit_management/audit_management/dashboard.py b/audit_management/audit_management/dashboard.py
index 8d7446d..f2f03f1 100644
--- a/audit_management/audit_management/dashboard.py
+++ b/audit_management/audit_management/dashboard.py
@@ -155,7 +155,7 @@ def get_dashboard_stats(pending_start=0, recent_start=0, status=None, risk=None,
         responded_count_manager = 0
         not_responded_count_manager = 0
         stage_counts = {}
-        time_counts = {"Today": 0, "Yesterday": 0, "Last Week": 0}
+        time_counts = {"Today": 0, "Yesterday": 0, "Last Week": 0, "All Time": 0}
         
         if manager_parents_names:
             resp_sql = "SELECT COUNT(DISTINCT parent) FROM `tabAudit Items` WHERE status = 'Responded' AND parent IN %s"
@@ -177,6 +177,7 @@ def get_dashboard_stats(pending_start=0, recent_start=0, status=None, risk=None,
                 time_counts["Today"] = frappe.db.sql(f"SELECT COUNT(DISTINCT parent) FROM `tabAudit Items` WHERE status = %s AND parent IN %s AND DATE({field}) = CURDATE()", (child_status, tuple(manager_parents_names)))[0][0] or 0
                 time_counts["Yesterday"] = frappe.db.sql(f"SELECT COUNT(DISTINCT parent) FROM `tabAudit Items` WHERE status = %s AND parent IN %s AND DATE({field}) = DATE_SUB(CURDATE(), INTERVAL 1 DAY)", (child_status, tuple(manager_parents_names)))[0][0] or 0
                 time_counts["Last Week"] = frappe.db.sql(f"SELECT COUNT(DISTINCT parent) FROM `tabAudit Items` WHERE status = %s AND parent IN %s AND DATE({field}) >= DATE_SUB(CURDATE(), INTERVAL 7 DAY)", (child_status, tuple(manager_parents_names)))[0][0] or 0
+                time_counts["All Time"] = responded_count_manager if child_status == 'Responded' else not_responded_count_manager
 
         recent_list = []
         has_more_recent = False
diff --git a/audit_management/fixtures/custom_html_block.json b/audit_management/fixtures/custom_html_block.json
index 99c26dc..a2711a2 100644
--- a/audit_management/fixtures/custom_html_block.json
+++ b/audit_management/fixtures/custom_html_block.json
@@ -3,11 +3,11 @@
   "docstatus": 0,
   "doctype": "Custom HTML Block",
   "html": "<div class='audit-dashboard-light'>     <div class='db-header'>         <div class='title-wrap'>             <h2 class='db-title'>Audit Management</h2>             <div class='live-dot'></div>         </div>         <div class='master-capsule-container'>             <!-- Status Filter -->             <div class='multiselect-container'>                 <div class='master-capsule filter-capsule' onclick='window.toggle_filter_dropdown(event, \"status\")'>                     <i class='fa fa-filter blue-txt'></i>                     <span id='selected-status-label' class='label-text'>Status</span>                     <i class='fa fa-chevron-down' style='font-size: 8px; margin-left: 3px;'></i>                 </div>                 <div id='filter-dropdown-status' class='multiselect-list'></div>             </div>              <!-- Risk Filter -->             <div class='multiselect-container'>                 <div class='master-capsule filter-capsule' onclick='window.toggle_filter_dropdown(event, \"risk\")'>                     <i class='fa fa-shield purple-txt'></i>                     <span id='selected-risk-label' class='label-text'>Risk</span>                     <i class='fa fa-chevron-down' style='font-size: 8px; margin-left: 3px;'></i>                 </div>                 <div id='filter-dropdown-risk' class='multiselect-list'></div>             </div>              <!-- Clear Filter Button -->             <div id='clear-filter-btn' class='master-capsule' onclick='window.clear_filters()' style='display:none; border-color: #fecaca; background: #fee2e2; padding: 4px 10px;'>                 <i class='fa fa-times-circle red-txt' style='font-size: 12px;'></i>                 <span class='red-txt' style='font-size: 10px;'>Clear</span>             </div>              <div class='dropdown-wrapper'>                 <div class='master-capsule' onclick='window.toggle_dropdown(event)'>                     <i class='fa fa-th-list blue-txt'></i>                     <span>Actions</span>                     <i class='fa fa-chevron-down' style='font-size: 8px; margin-left: 5px;'></i>                 </div>                 <div id='actions-dropdown' class='custom-dropdown' style='display:none;'>                     <div class='dropdown-item' onclick=\"frappe.set_route('List', 'Audit Level')\">                         <i class='fa fa-sitemap blue-txt'></i> <span>Audit Levels</span>                     </div>                     <div class='dropdown-item' onclick=\"frappe.set_route('List', 'Audit Query Type')\">                         <i class='fa fa-list-ul purple-txt'></i> <span>Query Types</span>                     </div>                     <div class='dropdown-item' onclick=\"frappe.set_route('Form', 'Audit Management Settings')\">                         <i class='fa fa-cog orange-txt'></i> <span>Settings</span>                     </div>                     <div class='dropdown-item' onclick='window.show_reports_selection()'>                         <i class='fa fa-bar-chart green-txt'></i> <span>Reports</span>                     </div>                 </div>             </div>             <div id='stage-report-btn' class='master-capsule' onclick=\"frappe.set_route('query-report', 'My Audits Report')\" style='display:none; border-color: #16a34a;'>                 <i class='fa fa-bar-chart' style='color: #16a34a;'></i>                 <span style='color: #16a34a;'>Reports</span>             </div>             <div class='master-capsule create-btn-capsule' onclick=\"frappe.new_doc('My Audits')\">                 <i class='fa fa-plus-circle'></i>                 <span>Create Audit</span>             </div>         </div>     </div>      <!-- Row 1: Stats -->     <div class='grid-compact stats-grid'>         <div class='compact-stat-card' id='total-card' onclick='window.handle_total_click()'>             <i class='fa fa-database icon-stat blue-txt'></i>             <div class='stat-label-small'>Total Records</div>             <div class='stat-val-small' id='val-total'>-</div>             <div class='accent-bar blue-bg'></div>         </div>         <div class='compact-stat-card' id='draft-card' onclick='window.handle_draft_click()'>             <i class='fa fa-file-text-o icon-stat purple-txt'></i>             <div class='stat-label-small'>Draft</div>             <div class='stat-val-small' id='val-draft'>-</div>             <div class='accent-bar purple-bg'></div>         </div>         <div class='compact-stat-card' id='p-card' onclick='window.handle_pending_click()'>             <i class='fa fa-clock-o icon-stat red-txt'></i>             <div class='stat-label-small' id='lbl-pending'>Pending</div>             <div class='stat-val-small' id='val-pending'>-</div>             <div class='accent-bar red-bg'></div>         </div>         <div class='compact-stat-card' id='c-card' onclick='window.handle_closed_click()'>             <i class='fa fa-check-square-o icon-stat green-txt'></i>             <div class='stat-label-small' id='lbl-closed'>Closed</div>             <div class='stat-val-small' id='val-closed'>-</div>             <div class='accent-bar green-bg'></div>         </div>         <div class='compact-stat-card' id='resp-card' onclick='window.handle_responded_click()' style='display:none;'>             <i class='fa fa-reply icon-stat green-txt'></i>             <div class='stat-label-small'>Responded</div>             <div class='stat-val-small' id='val-resp'>-</div>             <div class='accent-bar green-bg'></div>         </div>          <div class='compact-stat-card' id='nr-card' onclick='window.handle_not_responded_click()' style='display:none;'>             <i class='fa fa-exclamation-circle icon-stat orange-txt'></i>             <div class='stat-label-small'>Not Responded</div>             <div class='stat-val-small' id='val-nr'>-</div>             <div class='accent-bar orange-bg'></div>         </div>     </div>      <!-- Row 2: Drilldown Filters (Hidden by default) -->     <div id='drilldown-section' class='drilldown-bar' style='display:none;'>         <div class='filter-group'>             <div class='filter-group-label'>Filter by Stage:</div>             <div id='stage-checkbox-list' class='checkbox-row'></div>         </div>         <div class='filter-group'>             <div class='filter-group-label'>Filter by Query Type:</div>             <div id='query-type-checkbox-list' class='checkbox-row'></div>         </div>         <div class='filter-group'>             <div class='filter-group-label'>Filter by Time:</div>             <div class='checkbox-row'>                 <label class='check-item'><input type='checkbox' class='time-checkbox' value='Today' onchange='window.handle_time_filter_change()'> Today <span id='count-today'></span></label>                 <label class='check-item'><input type='checkbox' class='time-checkbox' value='Yesterday' onchange='window.handle_time_filter_change()'> Yesterday <span id='count-yest'></span></label>                 <label class='check-item'><input type='checkbox' class='time-checkbox' value='Last Week' onchange='window.handle_time_filter_change()'> Last Week <span id='count-week'></span></label>                <label class='check-item'><input type='checkbox' class='time-checkbox' value='All Time' onchange='window.handle_time_filter_change()'> All Time <span id='count-all'></span></label>             </div>         </div>     </div>      <!-- Dynamic Activity Sections -->     <div id='stage-view' class='list-section' style='display:none;'>         <div class='list-header'>Attention Required</div>         <div class='table-light-wrap'>             <table class='mini-table'>                 <thead>                     <tr>                         <th>Sr. No.</th>                         <th>ID</th>                         <th>Branch</th>                         <th>Subject</th>                         <th>Division</th>                         <th>Status</th>                         <th>Risk</th>                         <th>Pending Days</th>                         <th>Creation Date</th><th>Ago</th>                     </tr>                 </thead>                 <tbody id='stage-items'></tbody>             </table>         </div>         <div id='pending-more-btn' style='display:none; justify-content: center; padding: 20px 10px;'>             <button class='load-more-btn' onclick='window.load_more_data(\"pending\")'>Load More</button>         </div>     </div>      <div id='manager-view' class='list-section' style='display:none;'>         <div class='list-header'>Latest Activity</div>         <div class='table-light-wrap'>             <table class='mini-table'>                 <thead>                     <tr>                         <th>Sr. No.</th>                         <th>ID</th>                         <th>Branch</th>                         <th>Subject</th>                         <th>Division</th>                         <th>Status</th>                         <th>Risk</th>                         <th>Pending Days</th>                         <th>Creation Date</th><th>Ago</th>                     </tr>                 </thead>                 <tbody id='activity-body'></tbody>             </table>         </div>         <div id='recent-more-btn' style='display:none; justify-content: center; padding: 20px 10px;'>             <button class='load-more-btn' onclick='window.load_more_data(\"recent\")'>Load More</button>         </div>     </div> </div>",
-  "modified": "2026-05-27 12:00:00.000000",
+  "modified": "2026-05-27 12:20:00.000000",
   "name": "Audit Management",
   "private": 0,
   "roles": [],
-  "script": "(function () {\n    const root = root_element || document;\n    let userRole = '';\n    let currentStatusFilter = [];\n    let currentRiskFilter = [];\n    let pendingStart = 0;\n    let recentStart = 0;\n    let currentItemStages = [];\n    let currentTimeFilter = [];\n    let currentQueryTypeFilter = [];\n\n    const upd = (id, val) => { \n        const el = root.querySelector('#' + id); \n        if (el) el.innerText = val ?? 0; \n    };\n\n    window.toggle_dropdown = (e) => {\n        e.stopPropagation();\n        const dd = root.querySelector('#actions-dropdown');\n        if (dd) dd.style.display = dd.style.display === 'none' ? 'block' : 'none';\n    };\n\n    window.toggle_filter_dropdown = (e, type) => {\n        e.stopPropagation();\n        root.querySelectorAll('.multiselect-list').forEach(d => {\n            if (d.id !== 'filter-dropdown-' + type) d.style.display = 'none';\n        });\n        const dd = root.querySelector('#filter-dropdown-' + type);\n        if (dd) dd.style.display = dd.style.display === 'none' ? 'block' : 'none';\n    };\n\n    window.addEventListener('click', () => {\n        root.querySelectorAll('.custom-dropdown, .multiselect-list').forEach(d => d.style.display = 'none');\n    });\n\n    const resetChildFilters = () => {\n        currentItemStages = [];\n        currentTimeFilter = [];\n        currentQueryTypeFilter = [];\n        root.querySelectorAll('.stage-item-checkbox, .time-checkbox, .query-type-item-checkbox').forEach(cb => cb.checked = false);\n    };\n\n    window.handle_checkbox_change = (type) => {\n        const checkboxes = root.querySelectorAll('.' + type + '-checkbox:checked');\n        const selected = Array.from(checkboxes).map(cb => cb.value);\n        if (type === 'status') currentStatusFilter = selected; else currentRiskFilter = selected;\n        \n        const label = root.querySelector('#selected-' + type + '-label');\n        const defaultLabel = type.charAt(0).toUpperCase() + type.slice(1);\n        \n        if (selected.length === 0) label.innerText = defaultLabel;\n        else if (selected.length === 1) label.innerText = selected[0];\n        else label.innerText = selected.length + ' Selected';\n\n        const clearBtn = root.querySelector('#clear-filter-btn');\n        if (clearBtn) clearBtn.style.display = (currentStatusFilter.length > 0 || currentRiskFilter.length > 0) ? 'flex' : 'none';\n        \n        resetChildFilters();\n        refresh();\n    };\n\n    window.clear_filters = () => {\n        root.querySelectorAll('input[type=checkbox]').forEach(cb => cb.checked = false);\n        currentStatusFilter = []; currentRiskFilter = []; currentItemStages = []; currentTimeFilter = []; currentQueryTypeFilter = [];\n        root.querySelector('#selected-status-label').innerText = 'Status';\n        root.querySelector('#selected-risk-label').innerText = 'Risk';\n        const clearBtn = root.querySelector('#clear-filter-btn');\n        if (clearBtn) clearBtn.style.display = 'none';\n        refresh();\n    };\n\n    const renderRows = (list) => list.map(i => `\n        <tr onclick=\"frappe.set_route('Form', 'My Audits', '${i.name}')\">\n            <td>${i.sr_no}</td>\n            <td><span class='t-id'>${i.name.split('-').pop()}</span></td>\n            <td>${i.emp_branch || '---'}</td>\n            <td>${i.audit_query_subject_box || '---'}</td>\n            <td>${i.emp_division || '---'}</td>\n            <td><span class='t-status ${i.status === 'Pending' ? 'pending' : (i.status === 'Closed' ? 'closed' : '')}'>${i.status || '---'}</span></td>\n            <td><span class='t-risk ${(i.risk || 'Normal').toLowerCase()}'>${i.risk || 'Normal'}</span></td>\n            <td>${i.aging || 0}</td>\n            <td>${frappe.datetime.str_to_user(i.creation).split(' ')[0]}</td><td>${frappe.datetime.comment_when(i.creation)}</td>\n        </tr>`).join('');\n\n    window.load_more_data = (type) => {\n        frappe.call({\n            method: 'audit_management.audit_management.dashboard.get_dashboard_stats',\n            args: {\n                pending_start: type === 'pending' ? pendingStart + 10 : pendingStart,\n                recent_start: type === 'recent' ? recentStart + 10 : recentStart,\n                status: currentStatusFilter.join(','),\n                risk: currentRiskFilter.join(','),\n                item_stages: currentItemStages.join(','),\n                time_filter: currentTimeFilter.join(','),\n                query_type: currentQueryTypeFilter.join(',')\n            },\n            callback: function (r) {\n                if (!r.message || !r.message.success) return;\n                const d = r.message;\n                if (type === 'pending') {\n                    pendingStart += 10;\n                    root.querySelector('#stage-items').insertAdjacentHTML('beforeend', renderRows(d.pending_list));\n                    const btn = root.querySelector('#pending-more-btn');\n                    if (btn) btn.style.display = d.has_more_pending ? 'flex' : 'none';\n                } else {\n                    recentStart += 10;\n                    root.querySelector('#activity-body').insertAdjacentHTML('beforeend', renderRows(d.recent_list));\n                    const btn = root.querySelector('#recent-more-btn');\n                    if (btn) btn.style.display = d.has_more_recent ? 'flex' : 'none';\n                }\n            }\n        });\n    };\n\n    function refresh() {\n        pendingStart = 0; recentStart = 0;\n        frappe.call({\n            method: 'audit_management.audit_management.dashboard.get_dashboard_stats',\n            args: { \n                pending_start: 0, recent_start: 0, \n                status: currentStatusFilter.join(','), \n                risk: currentRiskFilter.join(','),\n                item_stages: currentItemStages.join(','),\n                time_filter: currentTimeFilter.join(','),\n                query_type: currentQueryTypeFilter.join(',')\n            },\n            callback: function (r) {\n                if (!r.message || !r.message.success) return;\n                const d = r.message; userRole = d.role_type;\n                const statusDropdown = root.querySelector('#filter-dropdown-status');\n                const riskDropdown = root.querySelector('#filter-dropdown-risk');\n                \n                if (statusDropdown && !statusDropdown.hasChildNodes()) {\n                    const statusOps = userRole === 'stage_user' ? ['Pending', 'Responded', 'No Response'] : ['Draft', 'Pending', 'Closed'];\n                    statusDropdown.innerHTML = statusOps.map(opt => \"<div class='multiselect-item' onclick='event.stopPropagation()'><input type='checkbox' class='status-checkbox' value='\" + opt + \"' onchange='window.handle_checkbox_change(\\\"status\\\")'><span>\" + opt + \"</span></div>\").join('');\n                    const riskOps = ['High', 'Medium', 'Normal'];\n                    riskDropdown.innerHTML = riskOps.map(opt => \"<div class='multiselect-item' onclick='event.stopPropagation()'><input type='checkbox' class='risk-checkbox' value='\" + opt + \"' onchange='window.handle_checkbox_change(\\\"risk\\\")'><span>\" + opt + \"</span></div>\").join('');\n                }\n\n                // Sync Timeframe Checkboxes (Always run)\n                root.querySelectorAll('.time-checkbox').forEach(cb => {\n                    cb.checked = currentTimeFilter.includes(cb.value);\n                });\n\n                const stageView = root.querySelector('#stage-view');\n                const managerView = root.querySelector('#manager-view');\n                const masterCapsules = root.querySelector('.master-capsule-container');\n                const draftCard = root.querySelector('#draft-card');\n                const totalCard = root.querySelector('#total-card');\n                const nrCard = root.querySelector('#nr-card');\n                const respCard = root.querySelector('#resp-card');\n                const closedCard = root.querySelector('#c-card');\n                const sReportBtn = root.querySelector('#stage-report-btn');\n                \n                root.querySelectorAll('.compact-stat-card').forEach(c => c.classList.remove('active-card'));\n\n                if (userRole === 'stage_user') {\n                    if (stageView) stageView.style.display = 'block';\n                    if (managerView) managerView.style.display = 'none';\n                    if (masterCapsules) {\n                        masterCapsules.style.display = 'flex';\n                        root.querySelectorAll('.multiselect-container, .dropdown-wrapper, .create-btn-capsule').forEach(el => el.style.display = 'none');\n                        if (sReportBtn) sReportBtn.style.display = 'flex';\n                    }\n                    if (draftCard) draftCard.style.display = 'none';\n                    if (totalCard) totalCard.style.display = 'none';\n                    if (respCard) respCard.style.display = 'none';\n                    if (nrCard) nrCard.style.display = 'block';\n                    \n                    upd('val-pending', d.pending_for_me); upd('lbl-pending', 'Pending Me');\n                    upd('val-nr', d.not_responded_count);\n                    upd('val-closed', d.responded_by_me); upd('lbl-closed', 'Responded');\n\n                    if (currentStatusFilter.length > 0) {\n                        const activeStatus = currentStatusFilter[0];\n                        if (activeStatus === 'Pending') root.querySelector('#p-card')?.classList.add('active-card');\n                        else if (activeStatus === 'No Response') root.querySelector('#nr-card')?.classList.add('active-card');\n                        else if (activeStatus === 'Responded') root.querySelector('#c-card')?.classList.add('active-card');\n                    }\n\n                    const stageItems = root.querySelector('#stage-items');\n                    const pendingMore = root.querySelector('#pending-more-btn');\n                    if (d.pending_list && d.pending_list.length > 0) {\n                        stageItems.innerHTML = renderRows(d.pending_list);\n                        if (pendingMore) pendingMore.style.display = d.has_more_pending ? 'flex' : 'none';\n                    } else {\n                        stageItems.innerHTML = '<tr><td colspan=\"10\" style=\"text-align:center; padding: 20px; color: #64748b;\">No records found</td></tr>';\n                        if (pendingMore) pendingMore.style.display = 'none';\n                    }\n\n                } else {\n                    if (stageView) stageView.style.display = 'none';\n                    if (managerView) managerView.style.display = 'block';\n                    if (masterCapsules) masterCapsules.style.display = 'flex';\n                    if (sReportBtn) sReportBtn.style.display = 'none';\n                    if (draftCard) draftCard.style.display = 'block';\n                    if (totalCard) totalCard.style.display = 'block';\n                    if (nrCard) nrCard.style.display = 'block';\n                    if (respCard) respCard.style.display = 'block';\n                    if (closedCard) closedCard.style.display = 'block';\n                    \n                    upd('val-draft', d.draft_count);\n                    upd('val-total', (d.draft_count || 0) + (d.total_pending || 0) + (d.closed_count || 0));\n                    upd('val-pending', d.total_pending); upd('lbl-pending', 'Total Pending');\n                    upd('val-closed', d.closed_count); upd('lbl-closed', 'Closed');\n                    upd('val-nr', d.not_responded_count);\n                    upd('val-resp', d.responded_by_me);\n\n                    if (currentStatusFilter.length > 0) {\n                        const activeStatus = currentStatusFilter[0];\n                        if (activeStatus === 'Draft') root.querySelector('#draft-card')?.classList.add('active-card');\n                        else if (activeStatus === 'Pending') root.querySelector('#p-card')?.classList.add('active-card');\n                        else if (activeStatus === 'Closed') root.querySelector('#c-card')?.classList.add('active-card');\n                        else if (activeStatus === 'Responded') root.querySelector('#resp-card')?.classList.add('active-card');\n                        else if (activeStatus === 'No Response') root.querySelector('#nr-card')?.classList.add('active-card');\n                    } else if (currentRiskFilter.length === 0) {\n                        root.querySelector('#total-card')?.classList.add('active-card');\n                    }\n\n                    const drilldown = root.querySelector('#drilldown-section');\n                    if (drilldown) {\n                        const showDrill = (currentStatusFilter.includes('Responded') || currentStatusFilter.includes('No Response'));\n                        drilldown.style.display = showDrill ? 'block' : 'none';\n                        const stageList = root.querySelector('#stage-checkbox-list');\n                        const queryTypeList = root.querySelector('#query-type-checkbox-list');\n                        if (showDrill) {\n                            if (stageList) {\n                                frappe.call({\n                                    method: 'frappe.client.get_list',\n                                    args: { doctype: 'Audit Stage', fields: ['name'], order_by: 'name asc' },\n                                    callback: (r) => {\n                                        if (r.message) {\n                                            const counts = d.stage_counts || {};\n                                            const tc = d.time_counts || {}; \n                                            root.querySelector('#count-today').innerText = '(' + (tc.Today || 0) + ')'; \n                                            root.querySelector('#count-yest').innerText = '(' + (tc.Yesterday || 0) + ')'; \n                                            root.querySelector('#count-week').innerText = '(' + (tc['Last Week'] || 0) + ')'; \n                                            const upAll = root.querySelector('#count-all'); \n                                            if (upAll) upAll.innerText = '(' + (tc['All Time'] || 0) + ')'; \n                                            stageList.innerHTML = r.message.map(s => {\n                                                const count = counts[s.name] || 0;\n                                                const isChecked = currentItemStages.includes(s.name) ? 'checked' : '';\n                                                return `<label class='check-item'><input type='checkbox' class='stage-item-checkbox' value='${s.name}' ${isChecked} onchange='window.handle_item_stage_change()'> ${s.name} (${count})</label>`;\n                                            }).join('');\n                                        }\n                                    }\n                                });\n                            }\n                            if (queryTypeList) {\n                                frappe.call({\n                                    method: 'frappe.client.get_list',\n                                    args: { doctype: 'Audit Query Type', fields: ['name'], order_by: 'name asc' },\n                                    callback: (r_qt) => {\n                                        if (r_qt.message) {\n                                            queryTypeList.innerHTML = r_qt.message.map(qt => {\n                                                const isChecked = currentQueryTypeFilter.includes(qt.name) ? 'checked' : '';\n                                                return `<label class='check-item'><input type='checkbox' class='query-type-item-checkbox' value='${qt.name}' ${isChecked} onchange='window.handle_query_type_change()'> ${qt.name}</label>`;\n                                            }).join('');\n                                        }\n                                    }\n                                });\n                            }\n                        }\n                    }\n\n                    const activityBody = root.querySelector('#activity-body');\n                    const recentMore = root.querySelector('#recent-more-btn');\n                    if (d.recent_list && d.recent_list.length > 0) {\n                        activityBody.innerHTML = renderRows(d.recent_list);\n                        if (recentMore) recentMore.style.display = d.has_more_recent ? 'flex' : 'none';\n                    } else {\n                        activityBody.innerHTML = '<tr><td colspan=\"10\" style=\"text-align:center; padding: 20px; color: #64748b;\">No recent activity</td></tr>';\n                        if (recentMore) recentMore.style.display = 'none';\n                    }\n                }\n            }\n        });\n    }\n\n    window.show_reports_selection = () => {\n        const reports = ['My Audits Report', 'Pending Audit Queries Aging Report', 'Process Technical Improvement Commitment Report', 'Recurring Operational Reports'];\n        let html = `<div style=\"display: flex; flex-direction: column; gap: 10px; padding: 10px;\">\n            ${reports.map(r => `<button class=\"btn btn-default btn-sm text-left\" onclick=\"frappe.set_route('query-report', '${r}'); cur_dialog.hide();\" style=\"text-align: left; padding: 10px 15px; border: 1px solid #e2e8f0; border-radius: 8px; font-weight: 600; color: #475569; background: white;\">\n                <i class=\"fa fa-file-text-o\" style=\"margin-right: 10px; color: #16a34a;\"></i> ${r}\n            </button>`).join('')}\n        </div>`;\n        let d = new frappe.ui.Dialog({ title: 'Select Report', fields: [{ fieldtype: 'HTML', fieldname: 'reports_html', options: html }] });\n        d.show();\n    };\n\n    window.handle_total_click = () => { \n        frappe.set_route('List', 'My Audits');\n    };\n\n    window.handle_draft_click = () => {\n        frappe.set_route('List', 'My Audits', { status: 'Draft' });\n    };\n\n    window.handle_responded_click = () => {\n        currentStatusFilter = ['Responded']; currentItemStages = []; currentTimeFilter = ['Today']; currentQueryTypeFilter = [];\n        root.querySelectorAll('.time-checkbox').forEach(cb => cb.checked = (cb.value === 'Today'));\n        refresh();\n    };\n\n    window.handle_not_responded_click = () => {\n        currentStatusFilter = ['No Response']; currentItemStages = []; currentTimeFilter = ['Today']; currentQueryTypeFilter = [];\n        root.querySelectorAll('.time-checkbox').forEach(cb => cb.checked = (cb.value === 'Today'));\n        refresh();\n    };\n\n    window.handle_pending_click = () => { \n        frappe.set_route('List', 'My Audits', { status: 'Pending' });\n    };\n\n    window.handle_closed_click = () => { \n        frappe.set_route('List', 'My Audits', { status: 'Closed' });\n    };\n\n    window.handle_item_stage_change = () => {\n        currentItemStages = Array.from(root.querySelectorAll('.stage-item-checkbox:checked')).map(cb => cb.value);\n        refresh();\n    };\n\n    window.handle_query_type_change = () => {\n        currentQueryTypeFilter = Array.from(root.querySelectorAll('.query-type-item-checkbox:checked')).map(cb => cb.value);\n        refresh();\n    };\n\n    window.handle_time_filter_change = () => {\n        currentTimeFilter = Array.from(root.querySelectorAll('.time-checkbox:checked')).map(cb => cb.value);\n        refresh();\n    };\n\n    $(document).on('workspace_render', refresh); refresh();\n})();\n",
+  "script": "(function () {\n    const root = root_element || document;\n    let userRole = '';\n    let currentStatusFilter = [];\n    let currentRiskFilter = [];\n    let pendingStart = 0;\n    let recentStart = 0;\n    let currentItemStages = [];\n    let currentTimeFilter = [];\n    let currentQueryTypeFilter = [];\n\n    const upd = (id, val) => { \n        const el = root.querySelector('#' + id); \n        if (el) el.innerText = val ?? 0; \n    };\n\n    window.toggle_dropdown = (e) => {\n        e.stopPropagation();\n        const dd = root.querySelector('#actions-dropdown');\n        if (dd) dd.style.display = dd.style.display === 'none' ? 'block' : 'none';\n    };\n\n    window.toggle_filter_dropdown = (e, type) => {\n        e.stopPropagation();\n        root.querySelectorAll('.multiselect-list').forEach(d => {\n            if (d.id !== 'filter-dropdown-' + type) d.style.display = 'none';\n        });\n        const dd = root.querySelector('#filter-dropdown-' + type);\n        if (dd) dd.style.display = dd.style.display === 'none' ? 'block' : 'none';\n    };\n\n    window.addEventListener('click', () => {\n        root.querySelectorAll('.custom-dropdown, .multiselect-list').forEach(d => d.style.display = 'none');\n    });\n\n    const resetChildFilters = () => {\n        currentItemStages = [];\n        currentTimeFilter = [];\n        currentQueryTypeFilter = [];\n        root.querySelectorAll('.stage-item-checkbox, .time-checkbox, .query-type-item-checkbox').forEach(cb => cb.checked = false);\n    };\n\n    window.handle_checkbox_change = (type) => {\n        const checkboxes = root.querySelectorAll('.' + type + '-checkbox:checked');\n        const selected = Array.from(checkboxes).map(cb => cb.value);\n        if (type === 'status') currentStatusFilter = selected; else currentRiskFilter = selected;\n        \n        const label = root.querySelector('#selected-' + type + '-label');\n        const defaultLabel = type.charAt(0).toUpperCase() + type.slice(1);\n        \n        if (selected.length === 0) label.innerText = defaultLabel;\n        else if (selected.length === 1) label.innerText = selected[0];\n        else label.innerText = selected.length + ' Selected';\n\n        const clearBtn = root.querySelector('#clear-filter-btn');\n        if (clearBtn) clearBtn.style.display = (currentStatusFilter.length > 0 || currentRiskFilter.length > 0) ? 'flex' : 'none';\n        \n        resetChildFilters();\n        refresh();\n    };\n\n    window.clear_filters = () => {\n        root.querySelectorAll('input[type=checkbox]').forEach(cb => cb.checked = false);\n        currentStatusFilter = []; currentRiskFilter = []; currentItemStages = []; currentTimeFilter = []; currentQueryTypeFilter = [];\n        root.querySelector('#selected-status-label').innerText = 'Status';\n        root.querySelector('#selected-risk-label').innerText = 'Risk';\n        const clearBtn = root.querySelector('#clear-filter-btn');\n        if (clearBtn) clearBtn.style.display = 'none';\n        refresh();\n    };\n\n    const renderRows = (list) => list.map(i => `\n        <tr onclick=\"frappe.set_route('Form', 'My Audits', '${i.name}')\">\n            <td>${i.sr_no}</td>\n            <td><span class='t-id'>${i.name.split('-').pop()}</span></td>\n            <td>${i.emp_branch || '---'}</td>\n            <td>${i.audit_query_subject_box || '---'}</td>\n            <td>${i.emp_division || '---'}</td>\n            <td><span class='t-status ${i.status === 'Pending' ? 'pending' : (i.status === 'Closed' ? 'closed' : '')}'>${i.status || '---'}</span></td>\n            <td><span class='t-risk ${(i.risk || 'Normal').toLowerCase()}'>${i.risk || 'Normal'}</span></td>\n            <td>${i.aging || 0}</td>\n            <td>${frappe.datetime.str_to_user(i.creation).split(' ')[0]}</td><td>${frappe.datetime.comment_when(i.creation)}</td>\n        </tr>`).join('');\n\n    window.load_more_data = (type) => {\n        frappe.call({\n            method: 'audit_management.audit_management.dashboard.get_dashboard_stats',\n            args: {\n                pending_start: type === 'pending' ? pendingStart + 10 : pendingStart,\n                recent_start: type === 'recent' ? recentStart + 10 : recentStart,\n                status: currentStatusFilter.join(','),\n                risk: currentRiskFilter.join(','),\n                item_stages: currentItemStages.join(','),\n                time_filter: currentTimeFilter.join(','),\n                query_type: currentQueryTypeFilter.join(',')\n            },\n            callback: function (r) {\n                if (!r.message || !r.message.success) return;\n                const d = r.message;\n                if (type === 'pending') {\n                    pendingStart += 10;\n                    root.querySelector('#stage-items').insertAdjacentHTML('beforeend', renderRows(d.pending_list));\n                    const btn = root.querySelector('#pending-more-btn');\n                    if (btn) btn.style.display = d.has_more_pending ? 'flex' : 'none';\n                } else {\n                    recentStart += 10;\n                    root.querySelector('#activity-body').insertAdjacentHTML('beforeend', renderRows(d.recent_list));\n                    const btn = root.querySelector('#recent-more-btn');\n                    if (btn) btn.style.display = d.has_more_recent ? 'flex' : 'none';\n                }\n            }\n        });\n    };\n\n    function refresh() {\n        pendingStart = 0; recentStart = 0;\n        frappe.call({\n            method: 'audit_management.audit_management.dashboard.get_dashboard_stats',\n            args: { \n                pending_start: 0, recent_start: 0, \n                status: currentStatusFilter.join(','), \n                risk: currentRiskFilter.join(','),\n                item_stages: currentItemStages.join(','),\n                time_filter: currentTimeFilter.join(','),\n                query_type: currentQueryTypeFilter.join(',')\n            },\n            callback: function (r) {\n                if (!r.message || !r.message.success) return;\n                const d = r.message; userRole = d.role_type;\n                console.log('Dashboard Refresh:', { role: userRole, status: currentStatusFilter, time_counts: d.time_counts });\n\n                const statusDropdown = root.querySelector('#filter-dropdown-status');\n                const riskDropdown = root.querySelector('#filter-dropdown-risk');\n                \n                if (statusDropdown && !statusDropdown.hasChildNodes()) {\n                    const statusOps = userRole === 'stage_user' ? ['Pending', 'Responded', 'No Response'] : ['Draft', 'Pending', 'Closed'];\n                    statusDropdown.innerHTML = statusOps.map(opt => \"<div class='multiselect-item' onclick='event.stopPropagation()'><input type='checkbox' class='status-checkbox' value='\" + opt + \"' onchange='window.handle_checkbox_change(\\\"status\\\")'><span>\" + opt + \"</span></div>\").join('');\n                    const riskOps = ['High', 'Medium', 'Normal'];\n                    riskDropdown.innerHTML = riskOps.map(opt => \"<div class='multiselect-item' onclick='event.stopPropagation()'><input type='checkbox' class='risk-checkbox' value='\" + opt + \"' onchange='window.handle_checkbox_change(\\\"risk\\\")'><span>\" + opt + \"</span></div>\").join('');\n                }\n\n                // Sync Timeframe Checkboxes (Always run)\n                root.querySelectorAll('.time-checkbox').forEach(cb => {\n                    cb.checked = currentTimeFilter.includes(cb.value);\n                });\n\n                const stageView = root.querySelector('#stage-view');\n                const managerView = root.querySelector('#manager-view');\n                const masterCapsules = root.querySelector('.master-capsule-container');\n                const draftCard = root.querySelector('#draft-card');\n                const totalCard = root.querySelector('#total-card');\n                const nrCard = root.querySelector('#nr-card');\n                const respCard = root.querySelector('#resp-card');\n                const closedCard = root.querySelector('#c-card');\n                const sReportBtn = root.querySelector('#stage-report-btn');\n                \n                root.querySelectorAll('.compact-stat-card').forEach(c => c.classList.remove('active-card'));\n\n                if (userRole === 'stage_user') {\n                    if (stageView) stageView.style.display = 'block';\n                    if (managerView) managerView.style.display = 'none';\n                    if (masterCapsules) {\n                        masterCapsules.style.display = 'flex';\n                        root.querySelectorAll('.multiselect-container, .dropdown-wrapper, .create-btn-capsule').forEach(el => el.style.display = 'none');\n                        if (sReportBtn) sReportBtn.style.display = 'flex';\n                    }\n                    if (draftCard) draftCard.style.display = 'none';\n                    if (totalCard) totalCard.style.display = 'none';\n                    if (respCard) respCard.style.display = 'none';\n                    if (nrCard) nrCard.style.display = 'block';\n                    \n                    upd('val-pending', d.pending_for_me); upd('lbl-pending', 'Pending Me');\n                    upd('val-nr', d.not_responded_count);\n                    upd('val-closed', d.responded_by_me); upd('lbl-closed', 'Responded');\n\n                    if (currentStatusFilter.length > 0) {\n                        const activeStatus = currentStatusFilter[0];\n                        if (activeStatus === 'Pending') root.querySelector('#p-card')?.classList.add('active-card');\n                        else if (activeStatus === 'No Response') root.querySelector('#nr-card')?.classList.add('active-card');\n                        else if (activeStatus === 'Responded') root.querySelector('#c-card')?.classList.add('active-card');\n                    }\n\n                    const stageItems = root.querySelector('#stage-items');\n                    const pendingMore = root.querySelector('#pending-more-btn');\n                    if (d.pending_list && d.pending_list.length > 0) {\n                        stageItems.innerHTML = renderRows(d.pending_list);\n                        if (pendingMore) pendingMore.style.display = d.has_more_pending ? 'flex' : 'none';\n                    } else {\n                        stageItems.innerHTML = '<tr><td colspan=\"10\" style=\"text-align:center; padding: 20px; color: #64748b;\">No records found</td></tr>';\n                        if (pendingMore) pendingMore.style.display = 'none';\n                    }\n\n                } else {\n                    if (stageView) stageView.style.display = 'none';\n                    if (managerView) managerView.style.display = 'block';\n                    if (masterCapsules) masterCapsules.style.display = 'flex';\n                    if (sReportBtn) sReportBtn.style.display = 'none';\n                    if (draftCard) draftCard.style.display = 'block';\n                    if (totalCard) totalCard.style.display = 'block';\n                    if (nrCard) nrCard.style.display = 'block';\n                    if (respCard) respCard.style.display = 'block';\n                    if (closedCard) closedCard.style.display = 'block';\n                    \n                    upd('val-draft', d.draft_count);\n                    upd('val-total', (d.draft_count || 0) + (d.total_pending || 0) + (d.closed_count || 0));\n                    upd('val-pending', d.total_pending); upd('lbl-pending', 'Total Pending');\n                    upd('val-closed', d.closed_count); upd('lbl-closed', 'Closed');\n                    upd('val-nr', d.not_responded_count);\n                    upd('val-resp', d.responded_by_me);\n\n                    if (currentStatusFilter.length > 0) {\n                        const activeStatus = currentStatusFilter[0];\n                        if (activeStatus === 'Draft') root.querySelector('#draft-card')?.classList.add('active-card');\n                        else if (activeStatus === 'Pending') root.querySelector('#p-card')?.classList.add('active-card');\n                        else if (activeStatus === 'Closed') root.querySelector('#c-card')?.classList.add('active-card');\n                        else if (activeStatus === 'Responded') root.querySelector('#resp-card')?.classList.add('active-card');\n                        else if (activeStatus === 'No Response') root.querySelector('#nr-card')?.classList.add('active-card');\n                    } else if (currentRiskFilter.length === 0) {\n                        root.querySelector('#total-card')?.classList.add('active-card');\n                    }\n\n                    const drilldown = root.querySelector('#drilldown-section');\n                    if (drilldown) {\n                        const showDrill = (currentStatusFilter.includes('Responded') || currentStatusFilter.includes('No Response'));\n                        drilldown.style.display = showDrill ? 'block' : 'none';\n                        \n                        if (showDrill) {\n                            const tc = d.time_counts || {}; \n                            const setTC = (id, val) => { const el = root.querySelector(id); if (el) el.innerText = '(' + (val || 0) + ')'; };\n                            setTC('#count-today', tc.Today);\n                            setTC('#count-yest', tc.Yesterday);\n                            setTC('#count-week', tc['Last Week']);\n                            setTC('#count-all', tc['All Time']);\n\n                            const stageList = root.querySelector('#stage-checkbox-list');\n                            const queryTypeList = root.querySelector('#query-type-checkbox-list');\n                            \n                            if (stageList) {\n                                frappe.call({\n                                    method: 'frappe.client.get_list',\n                                    args: { doctype: 'Audit Stage', fields: ['name'], order_by: 'name asc' },\n                                    callback: (r) => {\n                                        if (r.message) {\n                                            const counts = d.stage_counts || {};\n                                            stageList.innerHTML = r.message.map(s => {\n                                                const count = counts[s.name] || 0;\n                                                const isChecked = currentItemStages.includes(s.name) ? 'checked' : '';\n                                                return `<label class='check-item'><input type='checkbox' class='stage-item-checkbox' value='${s.name}' ${isChecked} onchange='window.handle_item_stage_change()'> ${s.name} (${count})</label>`;\n                                            }).join('');\n                                        }\n                                    }\n                                });\n                            }\n                            if (queryTypeList) {\n                                frappe.call({\n                                    method: 'frappe.client.get_list',\n                                    args: { doctype: 'Audit Query Type', fields: ['name'], order_by: 'name asc' },\n                                    callback: (r_qt) => {\n                                        if (r_qt.message) {\n                                            queryTypeList.innerHTML = r_qt.message.map(qt => {\n                                                const isChecked = currentQueryTypeFilter.includes(qt.name) ? 'checked' : '';\n                                                return `<label class='check-item'><input type='checkbox' class='query-type-item-checkbox' value='${qt.name}' ${isChecked} onchange='window.handle_query_type_change()'> ${qt.name}</label>`;\n                                            }).join('');\n                                        }\n                                    }\n                                });\n                            }\n                        }\n                    }\n\n                    const activityBody = root.querySelector('#activity-body');\n                    const recentMore = root.querySelector('#recent-more-btn');\n                    if (d.recent_list && d.recent_list.length > 0) {\n                        activityBody.innerHTML = renderRows(d.recent_list);\n                        if (recentMore) recentMore.style.display = d.has_more_recent ? 'flex' : 'none';\n                    } else {\n                        activityBody.innerHTML = '<tr><td colspan=\"10\" style=\"text-align:center; padding: 20px; color: #64748b;\">No recent activity</td></tr>';\n                        if (recentMore) recentMore.style.display = 'none';\n                    }\n                }\n            }\n        });\n    }\n\n    window.show_reports_selection = () => {\n        const reports = ['My Audits Report', 'Pending Audit Queries Aging Report', 'Process Technical Improvement Commitment Report', 'Recurring Operational Reports'];\n        let html = `<div style=\"display: flex; flex-direction: column; gap: 10px; padding: 10px;\">\n            ${reports.map(r => `<button class=\"btn btn-default btn-sm text-left\" onclick=\"frappe.set_route('query-report', '${r}'); cur_dialog.hide();\" style=\"text-align: left; padding: 10px 15px; border: 1px solid #e2e8f0; border-radius: 8px; font-weight: 600; color: #475569; background: white;\">\n                <i class=\"fa fa-file-text-o\" style=\"margin-right: 10px; color: #16a34a;\"></i> ${r}\n            </button>`).join('')}\n        </div>`;\n        let d = new frappe.ui.Dialog({ title: 'Select Report', fields: [{ fieldtype: 'HTML', fieldname: 'reports_html', options: html }] });\n        d.show();\n    };\n\n    window.handle_total_click = () => { \n        frappe.set_route('List', 'My Audits');\n    };\n\n    window.handle_draft_click = () => {\n        frappe.set_route('List', 'My Audits', { status: 'Draft' });\n    };\n\n    window.handle_responded_click = () => {\n        currentStatusFilter = ['Responded']; currentItemStages = []; currentTimeFilter = ['Today']; currentQueryTypeFilter = [];\n        root.querySelectorAll('.time-checkbox').forEach(cb => cb.checked = (cb.value === 'Today'));\n        refresh();\n    };\n\n    window.handle_not_responded_click = () => {\n        currentStatusFilter = ['No Response']; currentItemStages = []; currentTimeFilter = ['Today']; currentQueryTypeFilter = [];\n        root.querySelectorAll('.time-checkbox').forEach(cb => cb.checked = (cb.value === 'Today'));\n        refresh();\n    };\n\n    window.handle_pending_click = () => { \n        frappe.set_route('List', 'My Audits', { status: 'Pending' });\n    };\n\n    window.handle_closed_click = () => { \n        frappe.set_route('List', 'My Audits', { status: 'Closed' });\n    };\n\n    window.handle_item_stage_change = () => {\n        currentItemStages = Array.from(root.querySelectorAll('.stage-item-checkbox:checked')).map(cb => cb.value);\n        refresh();\n    };\n\n    window.handle_query_type_change = () => {\n        currentQueryTypeFilter = Array.from(root.querySelectorAll('.query-type-item-checkbox:checked')).map(cb => cb.value);\n        refresh();\n    };\n\n    window.handle_time_filter_change = () => {\n        currentTimeFilter = Array.from(root.querySelectorAll('.time-checkbox:checked')).map(cb => cb.value);\n        refresh();\n    };\n\n    $(document).on('workspace_render', refresh); refresh();\n})();\n",
   "style": ".audit-dashboard-light { background: #f1f5f9; color: #1e293b; padding: 20px; border-radius: 16px; font-family: 'Inter', sans-serif; border: 1px solid #e2e8f0; }\n.db-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px; flex-wrap: nowrap; gap: 15px; }\n.title-wrap { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n.db-title { font-size: 20px; font-weight: 800; color: #0f172a; margin: 0; white-space: nowrap; }\n.live-dot { width: 8px; height: 8px; background: #22c55e; border-radius: 50%; box-shadow: 0 0 10px rgba(34, 197, 94, 0.4); }\n\n.master-capsule-container { display: flex; gap: 6px; flex-wrap: nowrap; align-items: center; justify-content: flex-end; flex-grow: 1; }\n.master-capsule { background: #ffffff; padding: 4px 10px; border-radius: 50px; border: 1px solid #e2e8f0; display: flex; align-items: center; gap: 6px; cursor: pointer; transition: 0.2s; box-shadow: 0 1px 2px rgba(0,0,0,0.05); height: 30px; box-sizing: border-box; }\n.master-capsule:hover { border-color: #3b82f6; transform: translateY(-1px); box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05); }\n.master-capsule i { font-size: 13px; flex-shrink: 0; }\n.master-capsule span { font-size: 10px; font-weight: 700; color: #475569; white-space: nowrap; }\n.label-text { min-width: 40px; text-align: center; }\n\n.create-btn-capsule { background: #2563eb !important; color: white !important; border: none !important; }\n.create-btn-capsule i, .create-btn-capsule span { color: white !important; }\n.create-btn-capsule:hover { background: #1d4ed8 !important; transform: scale(1.02); }\n\n.dropdown-wrapper { position: relative; }\n.custom-dropdown { position: absolute; top: 110%; right: 0; background: white; border: 1px solid #e2e8f0; border-radius: 12px; box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1); z-index: 1000; min-width: 180px; padding: 8px 0; }\n.dropdown-item { padding: 10px 16px; display: flex; align-items: center; gap: 12px; cursor: pointer; transition: 0.2s; font-size: 12px; font-weight: 600; color: #475569; }\n.dropdown-item:hover { background: #f1f5f9; color: #1e293b; }\n\n.grid-compact { display: grid; gap: 10px; margin-bottom: 24px; }\n.stats-grid { grid-template-columns: repeat(6, 1fr); }\n\n.blue-txt { color: #2563eb; } .purple-txt { color: #7c3aed; } .orange-txt { color: #ea580c; } .green-txt { color: #16a34a; } .red-txt { color: #dc2626; }\n\n.compact-stat-card { background: #ffffff; padding: 10px 5px; border-radius: 12px; border: 1px solid #e2e8f0; position: relative; overflow: hidden; cursor: pointer; transition: 0.2s; box-shadow: 0 1px 3px rgba(0,0,0,0.02); display: flex; flex-direction: column; align-items: center; text-align: center; gap: 4px; }\n.stat-label-small { font-size: 10px; font-weight: 700; color: #64748b; text-transform: uppercase; letter-spacing: 0.4px; }\n.stat-val-small { font-size: 18px; font-weight: 800; color: #0f172a; }\n.icon-stat { font-size: 18px; opacity: 0.9; margin-bottom: 2px; }\n.blue-bg { background: #3b82f6; } .green-bg { background: #10b981; } .purple-bg { background: #8b5cf6; } .orange-bg { background: #f59e0b; } .red-bg { background: #ef4444; }\n\n.multiselect-container { position: relative; }\n.multiselect-list { position: absolute; top: 110%; left: 0; background: white; border: 1px solid #e2e8f0; border-radius: 12px; box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1); z-index: 1000; min-width: 160px; padding: 8px 0; display: none; }\n.multiselect-item { padding: 8px 16px; display: flex; align-items: center; gap: 10px; cursor: pointer; transition: 0.2s; font-size: 12px; font-weight: 600; color: #475569; }\n.multiselect-item:hover { background: #f1f5f9; }\n.multiselect-item input[type='checkbox'] { cursor: pointer; width: 14px; height: 14px; }\n\n.mini-table { width: 100%; border-collapse: collapse; font-size: 12px; }\n.mini-table th { background: #f1f5f9; color: #475569; text-align: left; padding: 12px 12px; border-bottom: 2px solid #e2e8f0; font-weight: 700; text-transform: uppercase; font-size: 10px; }\n.mini-table td { padding: 14px 16px; color: #334155; border-bottom: 1px solid #f1f5f9; }\n.mini-table tr:hover { background: #f9fafb; cursor: pointer; }\n.t-id { font-weight: 800; color: #2563eb; }\n.t-status { background: #f1f5f9; padding: 4px 8px; border-radius: 6px; color: #475569; font-weight: 700; font-size: 10px; }\n.t-status.pending { background: #fee2e2; color: #dc2626; border: 1px solid #fecaca; }\n.t-status.closed { background: #b9f9cf; color: #001a00; border: 1px solid #bbf7d0; }\n.t-risk { font-weight: 800; text-transform: uppercase; font-size: 10px; }\n.t-risk.high { background: #dc2626; color: white; padding: 4px 8px; border-radius: 6px; } .t-risk.medium { color: #d97706; } .t-risk.normal { color: #2563eb; }\n\n.load-more-btn { background: #ffffff; color: #475569; border: 1px solid #e2e8f0; padding: 8px 24px; border-radius: 50px; cursor: pointer; font-size: 11px; font-weight: 800; transition: 0.2s; box-shadow: 0 1px 2px rgba(0,0,0,0.05); letter-spacing: 0.5px; text-transform: uppercase; }\n.load-more-btn:hover { background: #f8fafc; border-color: #cbd5e1; color: #1e293b; transform: translateY(-1px); box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05); }\n.load-more-btn:active { transform: translateY(0); box-shadow: none; background: #f1f5f9; }\n\n@media (max-width: 768px) {\n    .db-header { flex-direction: column; align-items: flex-start; }\n    .master-capsule-container { width: 100%; justify-content: flex-start; flex-wrap: wrap; }\n    .stats-grid { grid-template-columns: 1fr; }\n}\n.compact-stat-card.active-card { border-color: #2563eb; background: #eff6ff; transform: translateY(-2px); box-shadow: 0 4px 6px -1px rgba(37, 99, 235, 0.1); }\n\n.drilldown-bar { background: #ffffff; padding: 15px; border-radius: 14px; border: 1px solid #e2e8f0; margin-bottom: 20px; }\n.filter-group { margin-bottom: 12px; }\n.filter-group-label { font-size: 10px; font-weight: 800; color: #64748b; text-transform: uppercase; margin-bottom: 8px; }\n.checkbox-row { display: flex; flex-wrap: wrap; gap: 15px; }\n.check-item { display: flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 600; color: #475569; cursor: pointer; }\n"
  }
 ]
\ No newline at end of file