@aiready/visualizer 0.4.13 → 0.4.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,53 +0,0 @@
1
- import { ThemeColors } from '../types';
2
-
3
- interface ErrorDisplayProps {
4
- colors: ThemeColors;
5
- error: string;
6
- }
7
-
8
- export function ErrorDisplay({ colors, error }: ErrorDisplayProps) {
9
- return (
10
- <div
11
- className="flex h-screen items-center justify-center"
12
- style={{ backgroundColor: colors.bg, color: colors.text }}
13
- >
14
- <div className="text-center max-w-md p-6">
15
- <svg
16
- className="w-16 h-16 mx-auto text-amber-500 mb-4"
17
- fill="none"
18
- viewBox="0 0 24 24"
19
- stroke="currentColor"
20
- >
21
- <path
22
- strokeLinecap="round"
23
- strokeLinejoin="round"
24
- strokeWidth={2}
25
- d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
26
- />
27
- </svg>
28
- <h2 className="text-xl font-semibold mb-2 text-amber-400">
29
- No Scan Data Found
30
- </h2>
31
- <p className="mb-4" style={{ color: colors.textMuted }}>
32
- {error}
33
- </p>
34
- <div
35
- className="text-left p-4 rounded-lg text-sm font-mono"
36
- style={{ backgroundColor: colors.cardBg }}
37
- >
38
- <p className="text-cyan-400"># Step 1: Run aiready scan</p>
39
- <p className="mb-2" style={{ color: colors.textMuted }}>
40
- aiready scan . --output json
41
- </p>
42
- <p className="text-cyan-400">
43
- # Step 2: Copy latest report to visualizer
44
- </p>
45
- <p style={{ color: colors.textMuted }}>
46
- cp .aiready/aiready-report-*.json
47
- packages/visualizer/web/public/report-data.json
48
- </p>
49
- </div>
50
- </div>
51
- </div>
52
- );
53
- }
@@ -1,22 +0,0 @@
1
- import { ThemeColors } from '../types';
2
-
3
- interface LoadingSpinnerProps {
4
- colors: ThemeColors;
5
- }
6
-
7
- export function LoadingSpinner({ colors }: LoadingSpinnerProps) {
8
- return (
9
- <div
10
- className="flex h-screen items-center justify-center"
11
- style={{ backgroundColor: colors.bg, color: colors.text }}
12
- >
13
- <div className="text-center">
14
- <div
15
- className="animate-spin rounded-full h-12 w-12 border-b-2 mx-auto mb-4"
16
- style={{ borderColor: colors.text }}
17
- />
18
- <p>Loading visualization...</p>
19
- </div>
20
- </div>
21
- );
22
- }