{"_id":"@aigrc/dashboard","name":"@aigrc/dashboard","dist-tags":{"latest":"0.1.1"},"versions":{"0.1.1":{"name":"@aigrc/dashboard","version":"0.1.1","description":"Enterprise dashboard for AIGRC - AI Governance, Risk, and Compliance","type":"module","main":"./dist/index.js","module":"./dist/index.mjs","types":"./dist/index.d.ts","exports":{".":{"import":"./dist/index.mjs","require":"./dist/index.js","types":"./dist/index.d.ts"},"./components/*":{"import":"./dist/components/*.mjs","require":"./dist/components/*.js"},"./hooks/*":{"import":"./dist/hooks/*.mjs","require":"./dist/hooks/*.js"},"./contexts/*":{"import":"./dist/contexts/*.mjs","require":"./dist/contexts/*.js"}},"dependencies":{"@hookform/resolvers":"^3.10.0","@radix-ui/react-accordion":"^1.2.11","@radix-ui/react-alert-dialog":"^1.1.14","@radix-ui/react-avatar":"^1.1.10","@radix-ui/react-checkbox":"^1.3.2","@radix-ui/react-collapsible":"^1.1.11","@radix-ui/react-dialog":"^1.1.14","@radix-ui/react-dropdown-menu":"^2.1.15","@radix-ui/react-label":"^2.1.7","@radix-ui/react-popover":"^1.1.14","@radix-ui/react-progress":"^1.1.7","@radix-ui/react-scroll-area":"^1.2.9","@radix-ui/react-select":"^2.2.5","@radix-ui/react-separator":"^1.1.7","@radix-ui/react-slot":"^1.2.3","@radix-ui/react-switch":"^1.2.5","@radix-ui/react-tabs":"^1.1.12","@radix-ui/react-toast":"^1.2.14","@radix-ui/react-toggle":"^1.1.9","@radix-ui/react-tooltip":"^1.2.7","@tanstack/react-query":"^5.83.0","class-variance-authority":"^0.7.1","clsx":"^2.1.1","date-fns":"^3.6.0","lucide-react":"^0.462.0","react":"^18.3.1","react-dom":"^18.3.1","react-hook-form":"^7.61.1","react-router-dom":"^6.30.1","recharts":"^2.15.4","sonner":"^1.7.4","tailwind-merge":"^2.6.0","tailwindcss-animate":"^1.0.7","zod":"^3.25.76","@aigrc/core":"3.1.0"},"devDependencies":{"@types/node":"^22.16.5","@types/react":"^18.3.23","@types/react-dom":"^18.3.7","@vitejs/plugin-react-swc":"^3.11.0","autoprefixer":"^10.4.21","postcss":"^8.5.6","tailwindcss":"^3.4.17","tsup":"^8.0.0","typescript":"^5.8.3","vite":"^5.4.19","vitest":"^1.0.0"},"peerDependencies":{"react":"^18.0.0","react-dom":"^18.0.0"},"repository":{"type":"git","url":"git+https://github.com/aigrc/aigrc.git","directory":"packages/dashboard"},"keywords":["aigrc","ai-governance","compliance","dashboard","react","enterprise"],"author":{"name":"Pango Labs"},"license":"Apache-2.0","scripts":{"dev":"vite","build":"vite build","build:lib":"tsup","preview":"vite preview","lint":"eslint . --ext ts,tsx","typecheck":"tsc --noEmit","test":"vitest --passWithNoTests","clean":"rimraf dist"},"_id":"@aigrc/dashboard@0.1.1","bugs":{"url":"https://github.com/aigrc/aigrc/issues"},"homepage":"https://github.com/aigrc/aigrc#readme","_integrity":"sha512-BDubvWValBhVF7ozsIDWAHmzvtmBL1XT5hMjXX1XTh7SAVYKvtn1F3wNhP2tTbXBkhHuoICLnoVXZdex1Ld9nw==","_resolved":"/tmp/7d0c2c277a6343a05dc79b3d099b91fb/aigrc-dashboard-0.1.1.tgz","_from":"file:aigrc-dashboard-0.1.1.tgz","_nodeVersion":"20.20.0","_npmVersion":"10.8.2","dist":{"integrity":"sha512-BDubvWValBhVF7ozsIDWAHmzvtmBL1XT5hMjXX1XTh7SAVYKvtn1F3wNhP2tTbXBkhHuoICLnoVXZdex1Ld9nw==","shasum":"924c6a4b3003af937983b0c2f57b00660434a2b5","tarball":"https://registry.npmjs.org/@aigrc/dashboard/-/dashboard-0.1.1.tgz","fileCount":49,"unpackedSize":762204,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIGeUfU9GqGW6LmeLXwPWbh0HnODAOx7xCuJaGuwVtJSFAiB6TyygXDF1mWI0Znn0LlXJf7uOlB6NjckS67Fb3uAElA=="}]},"_npmUser":{"name":"ai-grc","email":"admin@aigrc.dev"},"directories":{},"maintainers":[{"name":"ai-grc","email":"admin@aigrc.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/dashboard_0.1.1_1772279888561_0.6188304899533668"},"_hasShrinkwrap":false}},"time":{"created":"2026-02-28T11:58:08.484Z","0.1.1":"2026-02-28T11:58:08.742Z","modified":"2026-02-28T11:58:08.967Z"},"maintainers":[{"name":"ai-grc","email":"admin@aigrc.dev"}],"description":"Enterprise dashboard for AIGRC - AI Governance, Risk, and Compliance","homepage":"https://github.com/aigrc/aigrc#readme","keywords":["aigrc","ai-governance","compliance","dashboard","react","enterprise"],"repository":{"type":"git","url":"git+https://github.com/aigrc/aigrc.git","directory":"packages/dashboard"},"author":{"name":"Pango Labs"},"bugs":{"url":"https://github.com/aigrc/aigrc/issues"},"license":"Apache-2.0","readme":"# @aigrc/dashboard\n\nEnterprise dashboard for AI Governance, Risk, and Compliance (AIGRC).\n\n## Overview\n\nThis package provides a complete enterprise dashboard UI for the AIGRC platform, including components for:\n\n- **Asset Management**: Create, view, and manage AI asset cards\n- **Detection Results**: View framework detection scan results\n- **Compliance Tracking**: Monitor compliance status across multiple standards\n- **Runtime Governance**: Monitor and control AI agents via AIGOS integration\n- **Policy Management**: Create and enforce governance policies\n\n## Installation\n\n```bash\npnpm add @aigrc/dashboard\n```\n\n## Quick Start\n\n```tsx\nimport { createAigrcClient, AuthProvider } from '@aigrc/dashboard';\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query';\n\n// Initialize the API client\ncreateAigrcClient({\n baseUrl: 'https://api.aigrc.io',\n apiKey: 'your-api-key',\n});\n\nconst queryClient = new QueryClient();\n\nfunction App() {\n return (\n \n \n {/* Your app content */}\n \n \n );\n}\n```\n\n## Architecture\n\nThis package is designed to integrate with the AIGRC ecosystem:\n\n```\n┌─────────────────────────────────────────────────────────────┐\n│ @aigrc/dashboard │\n├─────────────────────────────────────────────────────────────┤\n│ │\n│ ┌────────────────┐ ┌────────────────┐ ┌──────────────┐ │\n│ │ Components │ │ Hooks │ │ Contexts │ │\n│ │ - UI │ │ - useAssets │ │ - Auth │ │\n│ │ - Layout │ │ - useRuntime │ │ - Theme │ │\n│ │ - Governance │ │ - useDashboard│ │ │ │\n│ └───────┬────────┘ └───────┬────────┘ └──────┬───────┘ │\n│ │ │ │ │\n│ └───────────────────┼───────────────────┘ │\n│ │ │\n│ ┌─────────▼─────────┐ │\n│ │ AIGRC API Client │ │\n│ └─────────┬─────────┘ │\n│ │ │\n└──────────────────────────────┼───────────────────────────────┘\n │\n ▼\n ┌────────────────────────────────┐\n │ AIGRC Backend │\n │ - @aigrc/core (detection) │\n │ - @aigos/runtime (governance) │\n │ - Policy engine │\n └────────────────────────────────┘\n```\n\n## Components\n\n### UI Components\n\nBased on shadcn/ui and Radix primitives:\n\n- `Button`, `Card`, `Badge`, `Table`\n- `Input`, `Select`, `Dialog`, `Tabs`\n- Custom governance variants (risk levels, compliance status)\n\n### Hooks\n\nReact Query-based data fetching:\n\n- `useAssets()` - Asset card CRUD operations\n- `useDetection()` - Framework detection scans\n- `useCompliance()` - Compliance assessments\n- `useRuntime()` - AIGOS agent monitoring\n- `useDashboard()` - Dashboard metrics\n\n### Contexts\n\n- `AuthProvider` - Authentication state management\n- `PermissionGate` - Permission-based rendering\n- `RoleGate` - Role-based rendering\n\n## Theming\n\nThe dashboard uses CSS variables for theming. Governance-specific colors:\n\n```css\n:root {\n --governance-minimal: 142 76% 36%; /* Green */\n --governance-limited: 48 96% 53%; /* Yellow */\n --governance-high: 25 95% 53%; /* Orange */\n --governance-unacceptable: 0 84% 60%; /* Red */\n}\n```\n\n## Development\n\n```bash\n# Install dependencies\npnpm install\n\n# Start development server\npnpm dev\n\n# Build for production\npnpm build\n\n# Run tests\npnpm test\n\n# Type check\npnpm typecheck\n```\n\n## License\n\nApache-2.0\n\n## Related Packages\n\n- [@aigrc/core](../core) - Core detection and classification engine\n- [@aigrc/cli](../cli) - Command-line interface\n- [@aigos/runtime](../../aigos/packages/runtime) - Runtime governance layer\n","readmeFilename":"README.md","_rev":"1-32ee33f4e1291c3db96f6942309c3256"}