{"_id":"@aios-medical/bullmq-dashboard-ui","_rev":"5-f3696289ebfe6e9224f2a92456da6aba","name":"@aios-medical/bullmq-dashboard-ui","dist-tags":{"latest":"1.0.4"},"versions":{"1.0.0":{"name":"@aios-medical/bullmq-dashboard-ui","version":"1.0.0","license":"MIT","_id":"@aios-medical/bullmq-dashboard-ui@1.0.0","maintainers":[{"name":"gentritabazi01","email":"gentritabazi01@gmail.com"}],"homepage":"https://github.com/fellahealth/aios-bullmq-dashboard#readme","bugs":{"url":"https://github.com/fellahealth/aios-bullmq-dashboard/issues"},"dist":{"shasum":"603cdd196b03b961ab65d9a92db888fcb5d88022","tarball":"https://registry.npmjs.org/@aios-medical/bullmq-dashboard-ui/-/bullmq-dashboard-ui-1.0.0.tgz","fileCount":4,"integrity":"sha512-yUFAb6pIlf2+kMKwpUZejkYAHPcVgxembA6dv0tFHq2KfPyvDhgd/U9dNDdWmfbDNZXI0CrlCt27e7Je7AWVUw==","signatures":[{"sig":"MEYCIQDq54sYsmykc/HII/Pc/IQxqRVyUaOh0aWNOsy5BvIbdwIhAMF466mKS5E/gPLhVWe+AfVJqJfZ+OUm472nL2YpB+6c","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":512688},"gitHead":"8c19569a50e5698d5d0f540f1e7dea6baa9f69ae","scripts":{"dev":"vite","build":"tsc -b && vite build && node scripts/postbuild.mjs","clean":"rm -rf dist","preview":"vite preview","typecheck":"tsc --noEmit"},"_npmUser":{"name":"gentritabazi01","email":"gentritabazi01@gmail.com"},"repository":{"url":"git+https://github.com/fellahealth/aios-bullmq-dashboard.git","type":"git","directory":"packages/ui"},"_npmVersion":"10.9.7","description":"Modern React UI for the aios bullmq dashboard.","directories":{},"_nodeVersion":"22.22.2","dependencies":{"@aios-medical/bullmq-dashboard-api":"^1.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"clsx":"^2.1.1","vite":"^6.0.7","axios":"^1.7.9","react":"^19.0.0","date-fns":"^4.1.0","recharts":"^2.15.0","react-dom":"^19.0.0","typescript":"^5.7.2","tailwindcss":"^4.0.0","@types/react":"^19.0.2","lucide-react":"^0.469.0","tailwind-merge":"^2.6.0","@types/react-dom":"^19.0.2","react-router-dom":"^7.1.1","@tailwindcss/vite":"^4.0.0","@radix-ui/react-tabs":"^1.1.2","@vitejs/plugin-react":"^4.3.4","@tanstack/react-query":"^5.62.11","@radix-ui/react-dialog":"^1.1.4","@radix-ui/react-tooltip":"^1.1.6","@radix-ui/react-dropdown-menu":"^2.1.4"},"_npmOperationalInternal":{"tmp":"tmp/bullmq-dashboard-ui_1.0.0_1779913673651_0.07402193607187058","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@aios-medical/bullmq-dashboard-ui","version":"1.0.1","license":"MIT","_id":"@aios-medical/bullmq-dashboard-ui@1.0.1","maintainers":[{"name":"gentritabazi01","email":"gentritabazi01@gmail.com"}],"homepage":"https://github.com/fellahealth/aios-bullmq-dashboard#readme","bugs":{"url":"https://github.com/fellahealth/aios-bullmq-dashboard/issues"},"dist":{"shasum":"4922757e3f376e9abff487e5c2d4194a5156f040","tarball":"https://registry.npmjs.org/@aios-medical/bullmq-dashboard-ui/-/bullmq-dashboard-ui-1.0.1.tgz","fileCount":4,"integrity":"sha512-9I6fpj3L1lJEijAlCGblZo7e0T9nznBiVX1UAFOX8ZW0x8/pldBwS6ThNtFkNhK/WnCeXeSPU7MOtLZWbntjVA==","signatures":[{"sig":"MEYCIQCLHHdPSTdeI5HLPm0b9P0E48haNhuPo+QN/wY0jEZzfAIhAM/VWLWNqFGaJMGsH5oYBkgEBWVHJKgyD6BzJrl4dtzf","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":517929},"gitHead":"1e29693c119a55744e50c8b0924e852101d92087","scripts":{"dev":"vite","build":"tsc -b && vite build && node scripts/postbuild.mjs","clean":"rm -rf dist","preview":"vite preview","typecheck":"tsc --noEmit"},"_npmUser":{"name":"gentritabazi01","email":"gentritabazi01@gmail.com"},"repository":{"url":"git+https://github.com/fellahealth/aios-bullmq-dashboard.git","type":"git","directory":"packages/ui"},"_npmVersion":"10.9.7","description":"Modern React UI for the aios bullmq dashboard.","directories":{},"_nodeVersion":"22.22.2","dependencies":{"@aios-medical/bullmq-dashboard-api":"^1.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"clsx":"^2.1.1","vite":"^6.0.7","axios":"^1.7.9","react":"^19.0.0","date-fns":"^4.1.0","recharts":"^2.15.0","react-dom":"^19.0.0","typescript":"^5.7.2","tailwindcss":"^4.0.0","@types/react":"^19.0.2","lucide-react":"^0.469.0","tailwind-merge":"^2.6.0","@types/react-dom":"^19.0.2","react-router-dom":"^7.1.1","@tailwindcss/vite":"^4.0.0","@radix-ui/react-tabs":"^1.1.2","@vitejs/plugin-react":"^4.3.4","@tanstack/react-query":"^5.62.11","@radix-ui/react-dialog":"^1.1.4","@radix-ui/react-tooltip":"^1.1.6","@radix-ui/react-dropdown-menu":"^2.1.4"},"_npmOperationalInternal":{"tmp":"tmp/bullmq-dashboard-ui_1.0.1_1779953010447_0.11928610748128277","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@aios-medical/bullmq-dashboard-ui","version":"1.0.2","license":"MIT","_id":"@aios-medical/bullmq-dashboard-ui@1.0.2","maintainers":[{"name":"gentritabazi01","email":"gentritabazi01@gmail.com"}],"homepage":"https://github.com/fellahealth/aios-bullmq-dashboard#readme","bugs":{"url":"https://github.com/fellahealth/aios-bullmq-dashboard/issues"},"dist":{"shasum":"94dd142fdcb1050a1fbc57e96e4eb28b65a74a87","tarball":"https://registry.npmjs.org/@aios-medical/bullmq-dashboard-ui/-/bullmq-dashboard-ui-1.0.2.tgz","fileCount":4,"integrity":"sha512-i+i4ReIceGT3179YwztkOvCUpvSS4fRj3ktuO1FKMzOTCN6R7vLfZd349rJRIIksQhgGONopVEnEYSU1cu82Eg==","signatures":[{"sig":"MEUCIQDcktBczUe7g0i/doWxM86+5mKh1VcH6vlNOzPmJgka1AIgIt2NQrG5LaKZo2Hx8A3A8aDqr498DMnE1ArR5X7nzEM=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":519911},"gitHead":"ef554d2e1307e8aac1e3c36999fc74ddce1a2076","scripts":{"dev":"vite","build":"tsc -b && vite build && node scripts/postbuild.mjs","clean":"rm -rf dist","preview":"vite preview","typecheck":"tsc --noEmit"},"_npmUser":{"name":"gentritabazi01","email":"gentritabazi01@gmail.com"},"repository":{"url":"git+https://github.com/fellahealth/aios-bullmq-dashboard.git","type":"git","directory":"packages/ui"},"_npmVersion":"10.9.7","description":"Modern React UI for the aios bullmq dashboard.","directories":{},"_nodeVersion":"22.22.2","dependencies":{"@aios-medical/bullmq-dashboard-api":"^1.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"clsx":"^2.1.1","vite":"^6.0.7","axios":"^1.7.9","react":"^19.0.0","date-fns":"^4.1.0","recharts":"^2.15.0","react-dom":"^19.0.0","typescript":"^5.7.2","tailwindcss":"^4.0.0","@types/react":"^19.0.2","lucide-react":"^0.469.0","tailwind-merge":"^2.6.0","@types/react-dom":"^19.0.2","react-router-dom":"^7.1.1","@tailwindcss/vite":"^4.0.0","@radix-ui/react-tabs":"^1.1.2","@vitejs/plugin-react":"^4.3.4","@tanstack/react-query":"^5.62.11","@radix-ui/react-dialog":"^1.1.4","@radix-ui/react-tooltip":"^1.1.6","@radix-ui/react-dropdown-menu":"^2.1.4"},"_npmOperationalInternal":{"tmp":"tmp/bullmq-dashboard-ui_1.0.2_1779971297039_0.21006763847676213","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"name":"@aios-medical/bullmq-dashboard-ui","version":"1.0.3","license":"MIT","_id":"@aios-medical/bullmq-dashboard-ui@1.0.3","maintainers":[{"name":"gentritabazi01","email":"gentritabazi01@gmail.com"}],"homepage":"https://github.com/fellahealth/aios-bullmq-dashboard#readme","bugs":{"url":"https://github.com/fellahealth/aios-bullmq-dashboard/issues"},"dist":{"shasum":"9d4490f9b041e812f09d78173dd4dee6f9b71eb6","tarball":"https://registry.npmjs.org/@aios-medical/bullmq-dashboard-ui/-/bullmq-dashboard-ui-1.0.3.tgz","fileCount":5,"integrity":"sha512-gEJkQFHU7I0CVcUM5iBghRuCNNzckCbsyY26ruArMlFa06qUfzOVROTtGr5ekx0YAzfyDTnmM2YnM6Eapj8inw==","signatures":[{"sig":"MEYCIQC2T3xjGNJYjxdq/0fJgpkQLe3mGaGF7XP7eGJC2sDhSgIhALtJuqNwKMzcNoFCla6WfYKqV5Dy9J1xjwssyyl4I5Hv","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":525576},"gitHead":"c9fb8a7a89d35446b4af1138642fbf9372b31384","scripts":{"dev":"vite","build":"tsc -b && vite build && node scripts/postbuild.mjs","clean":"rm -rf dist","preview":"vite preview","typecheck":"tsc --noEmit"},"_npmUser":{"name":"gentritabazi01","email":"gentritabazi01@gmail.com"},"repository":{"url":"git+https://github.com/fellahealth/aios-bullmq-dashboard.git","type":"git","directory":"packages/ui"},"_npmVersion":"10.9.7","description":"Modern React UI for the aios bullmq dashboard.","directories":{},"_nodeVersion":"22.22.2","dependencies":{"@aios-medical/bullmq-dashboard-api":"^1.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"clsx":"^2.1.1","vite":"^6.0.7","axios":"^1.7.9","react":"^19.0.0","date-fns":"^4.1.0","recharts":"^2.15.0","react-dom":"^19.0.0","typescript":"^5.7.2","tailwindcss":"^4.0.0","@types/react":"^19.0.2","lucide-react":"^0.469.0","tailwind-merge":"^2.6.0","@types/react-dom":"^19.0.2","react-router-dom":"^7.1.1","@tailwindcss/vite":"^4.0.0","@radix-ui/react-tabs":"^1.1.2","@vitejs/plugin-react":"^4.3.4","@tanstack/react-query":"^5.62.11","@radix-ui/react-dialog":"^1.1.4","@radix-ui/react-tooltip":"^1.1.6","@radix-ui/react-dropdown-menu":"^2.1.4"},"_npmOperationalInternal":{"tmp":"tmp/bullmq-dashboard-ui_1.0.3_1780680513493_0.7886315202281344","host":"s3://npm-registry-packages-npm-production"}},"1.0.4":{"name":"@aios-medical/bullmq-dashboard-ui","version":"1.0.4","description":"Modern React dashboard UI for monitoring BullMQ and Bull queues.","license":"MIT","repository":{"type":"git","url":"git+https://github.com/fellahealth/aios-bullmq-dashboard.git","directory":"packages/ui"},"keywords":["bull","bullmq","redis","queue","monitoring","dashboard","ui","react","aios"],"homepage":"https://github.com/fellahealth/aios-bullmq-dashboard#readme","bugs":{"url":"https://github.com/fellahealth/aios-bullmq-dashboard/issues"},"scripts":{"dev":"vite","build":"tsc -b && vite build && node scripts/postbuild.mjs","preview":"vite preview","clean":"rm -rf dist","typecheck":"tsc --noEmit"},"dependencies":{"@aios-medical/bullmq-dashboard-api":"^1.0.0"},"devDependencies":{"@radix-ui/react-dialog":"^1.1.4","@radix-ui/react-dropdown-menu":"^2.1.4","@radix-ui/react-tabs":"^1.1.2","@radix-ui/react-tooltip":"^1.1.6","@tailwindcss/vite":"^4.0.0","@tanstack/react-query":"^5.62.11","@types/react":"^19.0.2","@types/react-dom":"^19.0.2","@vitejs/plugin-react":"^4.3.4","axios":"^1.7.9","clsx":"^2.1.1","date-fns":"^4.1.0","lucide-react":"^0.469.0","react":"^19.0.0","react-dom":"^19.0.0","react-router-dom":"^7.1.1","recharts":"^2.15.0","tailwind-merge":"^2.6.0","tailwindcss":"^4.0.0","typescript":"^5.7.2","vite":"^6.0.7"},"publishConfig":{"access":"public"},"_id":"@aios-medical/bullmq-dashboard-ui@1.0.4","gitHead":"40a63d98ac4b1e37941704ea49e76fcd575be83a","_nodeVersion":"22.22.2","_npmVersion":"10.9.7","dist":{"integrity":"sha512-k5p0vVBPxmwQiZWFJVGtBwHBGXh5qOeTitzOaMWAOikqnlDon/z8zmCHkE6SV4JHlGhtht8CEiCz9Z/PTnz54w==","shasum":"91aeab06345dc7e3cc2c03d110e4d326f1c1d2d9","tarball":"https://registry.npmjs.org/@aios-medical/bullmq-dashboard-ui/-/bullmq-dashboard-ui-1.0.4.tgz","fileCount":5,"unpackedSize":526551,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIFJ0paffYwJ17kJ4revD2zuF3f52xZkyLqCa5qm8za1rAiAAiDqKnOpzL3+01I7DZL9y7LDxHhwAyvWmpG4qZL/bhw=="}]},"_npmUser":{"name":"gentritabazi01","email":"gentritabazi01@gmail.com"},"directories":{},"maintainers":[{"name":"gentritabazi01","email":"gentritabazi01@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/bullmq-dashboard-ui_1.0.4_1780681069840_0.12531347533432835"},"_hasShrinkwrap":false}},"time":{"created":"2026-05-27T20:27:53.540Z","modified":"2026-06-05T17:37:50.331Z","1.0.0":"2026-05-27T20:27:53.876Z","1.0.1":"2026-05-28T07:23:30.622Z","1.0.2":"2026-05-28T12:28:17.228Z","1.0.3":"2026-06-05T17:28:33.780Z","1.0.4":"2026-06-05T17:37:50.043Z"},"bugs":{"url":"https://github.com/fellahealth/aios-bullmq-dashboard/issues"},"license":"MIT","homepage":"https://github.com/fellahealth/aios-bullmq-dashboard#readme","repository":{"type":"git","url":"git+https://github.com/fellahealth/aios-bullmq-dashboard.git","directory":"packages/ui"},"description":"Modern React dashboard UI for monitoring BullMQ and Bull queues.","maintainers":[{"name":"gentritabazi01","email":"gentritabazi01@gmail.com"}],"readme":"# @aios-medical/bullmq-dashboard-ui\n\nModern React UI for the AIOS BullMQ Dashboard. Built with React 19, Tailwind CSS v4, TanStack Query, and React Router 7.\n\n![\"Overview:](\"https://raw.githubusercontent.com/fellahealth/aios-bullmq-dashboard/main/screenshots/overview.png\")
\n\n## Installation\n\n```bash\nnpm install @aios-medical/bullmq-dashboard-ui\n# or\nyarn add @aios-medical/bullmq-dashboard-ui\n# or\npnpm add @aios-medical/bullmq-dashboard-ui\n```\n\n## Overview\n\nThis package provides a modern, professional user interface for monitoring Bull and BullMQ queues. It's distributed as a pre-built static bundle that gets served by the server adapters (Express or NestJS).\n\n**Note:** This package is not intended to be used as a React component library. It's a pre-built UI that's automatically integrated when you use the server adapters.\n\n## Features\n\n- **Modern Design**: Dark-first palette with light/dark/system theme support\n- **Real-time Monitoring**: Live queue statistics and job status updates\n- **Interactive Charts**: Visual representation of queue performance\n- **Job Management**: View, retry, promote, and clean jobs\n- **Queue Controls**: Pause, resume, and manage queue settings\n- **Responsive Layout**: Works on desktop and mobile devices\n- **Settings Panel**: Customize polling interval, theme, and preferences\n- **Status Filtering**: Filter jobs by status (active, waiting, completed, failed, etc.)\n- **Search**: Search jobs by ID or data\n\n## Screenshots\n\n### Queue detail\n\n![\"Queue](\"https://raw.githubusercontent.com/fellahealth/aios-bullmq-dashboard/main/screenshots/queue-detail.png\")
\n\n### Job detail\n\n![\"Job](\"https://raw.githubusercontent.com/fellahealth/aios-bullmq-dashboard/main/screenshots/job-detail.png\")
\n\n### Job actions\n\n![\"Promote](\"https://raw.githubusercontent.com/fellahealth/aios-bullmq-dashboard/main/screenshots/promote-job.png\")
\n\n### Settings\n\n![\"Settings](\"https://raw.githubusercontent.com/fellahealth/aios-bullmq-dashboard/main/screenshots/settings.png\")
\n\n## Integration\n\nThe UI is automatically integrated when you use the server adapters. You don't need to directly import or configure this package.\n\n### With Express\n\n```typescript\nimport { createDashboard } from '@aios-medical/bullmq-dashboard-api';\nimport { BullMQAdapter } from '@aios-medical/bullmq-dashboard-api/bullMQAdapter';\nimport { ExpressAdapter } from '@aios-medical/bullmq-dashboard-express';\nimport { Queue } from 'bullmq';\n\nconst queue = new Queue('my-queue', { connection: { host: 'localhost', port: 6379 } });\n\nconst serverAdapter = new ExpressAdapter();\nserverAdapter.setBasePath('/admin/queues');\n\ncreateDashboard({\n queues: [new BullMQAdapter(queue)],\n serverAdapter,\n options: {\n uiConfig: {\n title: 'My Queue Dashboard',\n subtitle: 'Production',\n },\n },\n});\n\napp.use('/admin/queues', serverAdapter.getRouter());\n```\n\n### With NestJS\n\n```typescript\nimport { Module } from '@nestjs/common';\nimport { AIOSBullMQDashboardModule } from '@aios-medical/bullmq-dashboard-nestjs';\nimport { BullAdapter } from '@aios-medical/bullmq-dashboard-api/bullAdapter';\nimport { ExpressAdapter } from '@aios-medical/bullmq-dashboard-express';\n\n@Module({\n imports: [\n AIOSBullMQDashboardModule.forRoot({\n route: '/queues',\n adapter: ExpressAdapter,\n dashboardOptions: {\n uiConfig: {\n title: 'My Queues',\n subtitle: 'production',\n environment: { label: 'Production', color: '#ef4444' },\n },\n },\n }),\n AIOSBullMQDashboardModule.forFeature(\n { name: 'emails', adapter: BullAdapter, options: { displayName: 'Emails' } },\n ),\n ],\n})\nexport class AppModule {}\n```\n\n## Configuration\n\nThe UI can be configured through the `uiConfig` option when creating the dashboard:\n\n```typescript\ncreateDashboard({\n queues: [new BullMQAdapter(queue)],\n serverAdapter,\n options: {\n uiConfig: {\n title: 'My Dashboard', // Dashboard title\n subtitle: 'Production', // Optional subtitle\n favIcon: { // Custom favicon\n default: 'custom-icon.svg',\n alternative: 'custom-favicon.png',\n },\n environment: { // Environment badge\n label: 'Production',\n color: '#ef4444',\n textColor: '#ffffff',\n },\n pollingInterval: {\n forceInterval: 5000, // Force specific polling interval (ms)\n showSetting: true, // Allow users to change polling interval\n },\n miscLinks: [ // Additional links in header\n { text: 'Documentation', url: 'https://docs.example.com' },\n { text: 'Support', url: 'https://support.example.com' },\n ],\n hideRedisDetails: false, // Hide Redis connection information\n },\n },\n});\n```\n\n## UI Structure\n\nThe dashboard consists of several main views:\n\n- **Overview Page**: Shows all queues with their status, job counts, and health metrics\n- **Queue Detail Page**: Detailed view of a specific queue with jobs list\n- **Job Detail Page**: Individual job inspection with logs, data, and actions\n- **Settings Page**: User preferences for theme, polling interval, and other settings\n\n## Tech Stack\n\n- **React 19**: Latest React with concurrent features\n- **Vite 6**: Fast build tool and dev server\n- **Tailwind CSS v4**: Utility-first CSS framework\n- **TanStack Query v5**: Data fetching and caching\n- **React Router 7**: Client-side routing\n- **Radix UI**: Accessible UI primitives\n- **Recharts**: Charting library\n- **Lucide React**: Icon library\n\n## Development\n\nIf you want to contribute to the UI or run it locally for development:\n\n```bash\ncd packages/ui\nyarn install\nyarn dev\n```\n\nThe dev server runs on `http://localhost:9000` and proxies `/api` requests to a backend running on port 3000.\n\n## Browser Support\n\n- Chrome/Edge (latest)\n- Firefox (latest)\n- Safari (latest)\n\n## License\n\nMIT\n\n## Related Packages\n\n- [@aios-medical/bullmq-dashboard-api](https://www.npmjs.com/package/@aios-medical/bullmq-dashboard-api) - Core API package\n- [@aios-medical/bullmq-dashboard-express](https://www.npmjs.com/package/@aios-medical/bullmq-dashboard-express) - Express.js adapter\n- [@aios-medical/bullmq-dashboard-nestjs](https://www.npmjs.com/package/@aios-medical/bullmq-dashboard-nestjs) - NestJS module","readmeFilename":"README.md","keywords":["bull","bullmq","redis","queue","monitoring","dashboard","ui","react","aios"]}