Web Hosting Control Panel Resource Usage Badge

WHAT IT DOES This script scans hosting control panel pages (cPanel, DirectAdmin, Plesk, and others) for resource usage indicators and displays a floating badge panel with color-coded progress bars. It detects disk space, bandwidth, CPU usage, memory usage, inode count, and database usage—extracting values from text, tables, and progress bars on the page. Each resource is shown with its current usage percentage, used/total values, and a color-coded status (green 95%). The panel calculates remaining resources and provides a summary of all detected resources. Historical snapshots are saved per domain, allowing you to view usage trends over time. Export resource data as CSV for reporting or analysis. All data is stored locally in your browser. WHERE IT RUNS Works on any hosting control panel page that displays resource usage—cPanel, DirectAdmin, Plesk, Webmin, Virtualmin, ISPmanager, or custom hosting dashboards. The script scans page content for usage indicators regardless of the specific layout, making it compatible with most hosting interfaces. HOW TO USE The panel appears automatically when you visit a hosting control panel page. It detects available resources and displays them as cards with progress bars and color-coded status. Each resource card shows the resource name, usage percentage, used/total values, and a status label (Good/Elevated/High/Critical). The "Historical Trend" section shows a mini chart of disk usage over your last 10 snapshots. Click "Export CSV" to download all historical data including timestamps, resource names, used/total values, and percentages. Use "Clear History" to remove all stored snapshots for the current domain. The panel automatically saves a snapshot each time you visit the page, building a history of your resource usage over time. TECHNICAL MECHANISM: MULTI-PASS RESOURCE DETECTION WITH PATTERN MATCHING AND SIZE PARSING The script uses a comprehensive detection strategy. First, it defines six resource categories (Disk Space, Bandwidth, CPU Usage, Memory Usage, Inodes, Database Usage) with associated keywords for each. It then scans the page using a multi-pass approach: (1) It iterates through all table cells, divs, spans, list items, and paragraphs, checking each for resource keywords and extracting numeric values using regex patterns for sizes (B, KB, MB, GB, TB) and percentages. (2) It detects progress bar elements with role="progressbar", aria-valuenow, or class names containing "progress", extracting both the percentage and any size values displayed. (3) It scans the page text for common "Used: X / Y" patterns using regex, extracting used and total values and inferring the resource type from surrounding context. The script parses sizes using a unit-aware parser that handles B, KB, MB, GB, and TB, converting everything to bytes for consistent comparison. Percentages are extracted and validated to ensure they're between 0 and 100. When only a percentage or only used/total values are found, the script estimates the missing values to provide a complete picture. Each snapshot is stored with a timestamp, and historical data is capped at 30 entries per domain to prevent storage bloat. The mini chart visualizes disk usage trends, helping you identify patterns in resource consumption. THE PANEL The resource usage monitor appears in a draggable, resizable panel that remembers its position per site. The panel lists each detected resource with its progress bar, percentage, used/total values, and status color. The historical trend section shows a compact chart of disk usage over time. Drag by the header to reposition, collapse to a compact icon with a click, and resize using the bottom-right corner. The panel snaps to screen edges for tidy placement and closes with the Escape key. All settings—panel position—persist per website using GM_setValue, so your view returns exactly as you left it. PLEASE NOTE This script requires the free BotGentz extension to run. Resource detection relies on the page displaying usage data in a parsable format—some hosting panels may use non-standard layouts that prevent automatic detection. The script does not access your hosting account credentials—it only reads what is visible on the page. All data is stored locally in your browser via GM_setValue and never transmitted. The historical trend chart shows only disk usage by default; other resources are tracked but not charted in the mini view. The script saves a snapshot on each page visit; if you visit the page frequently, you'll build a detailed history of your resource usage over time.