@frogbotai/plugin-usage-reports 0.28.0 → 0.29.0

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.
Files changed (2) hide show
  1. package/dist/client/styles.css +125 -123
  2. package/package.json +4 -4
package/dist/client/styles.css CHANGED
@@ -1,148 +1,150 @@
1
- .usage-reports {
2
- display: grid;
3
- gap: 24px;
4
- padding: 40px;
5
- }
6
-
7
- .usage-reports__header {
8
- align-items: flex-start;
9
- display: flex;
10
- gap: 24px;
11
- justify-content: space-between;
12
- }
1
+ @layer frogbot {
2
+ .usage-reports {
3
+ display: grid;
4
+ gap: 24px;
5
+ padding: 40px;
6
+ }
13
7
 
14
- .usage-reports__header h1,
15
- .usage-reports__header p {
16
- margin: 0;
17
- }
8
+ .usage-reports__header {
9
+ align-items: flex-start;
10
+ display: flex;
11
+ gap: 24px;
12
+ justify-content: space-between;
13
+ }
18
14
 
19
- .usage-reports__header p {
20
- color: var(--theme-elevation-500);
21
- margin-top: 6px;
22
- }
15
+ .usage-reports__header h1,
16
+ .usage-reports__header p {
17
+ margin: 0;
18
+ }
23
19
 
24
- .usage-reports__ranges,
25
- .usage-reports__tabs,
26
- .usage-reports__custom {
27
- display: flex;
28
- flex-wrap: wrap;
29
- gap: 8px;
30
- }
20
+ .usage-reports__header p {
21
+ color: var(--theme-elevation-500);
22
+ margin-top: 6px;
23
+ }
31
24
 
32
- .usage-reports button,
33
- .usage-reports-nav-link {
34
- background: var(--theme-elevation-100);
35
- border: 1px solid var(--theme-elevation-200);
36
- border-radius: var(--style-radius-s);
37
- color: var(--theme-text);
38
- cursor: pointer;
39
- padding: 9px 14px;
40
- }
25
+ .usage-reports__ranges,
26
+ .usage-reports__tabs,
27
+ .usage-reports__custom {
28
+ display: flex;
29
+ flex-wrap: wrap;
30
+ gap: 8px;
31
+ }
41
32
 
42
- .usage-reports-nav-link {
43
- display: block;
44
- margin: 4px 8px;
45
- text-decoration: none;
46
- }
33
+ .usage-reports button,
34
+ .usage-reports-nav-link {
35
+ background: var(--theme-elevation-100);
36
+ border: 1px solid var(--theme-elevation-200);
37
+ border-radius: var(--style-radius-s);
38
+ color: var(--theme-text);
39
+ cursor: pointer;
40
+ padding: 9px 14px;
41
+ }
47
42
 
48
- .usage-reports__tabs button.active {
49
- background: var(--theme-elevation-800);
50
- color: var(--theme-elevation-0);
51
- }
43
+ .usage-reports-nav-link {
44
+ display: block;
45
+ margin: 4px 8px;
46
+ text-decoration: none;
47
+ }
52
48
 
53
- .usage-reports__custom {
54
- align-items: end;
55
- background: var(--theme-elevation-50);
56
- border: 1px solid var(--theme-elevation-150);
57
- border-radius: var(--style-radius-m);
58
- padding: 16px;
59
- }
49
+ .usage-reports__tabs button.active {
50
+ background: var(--theme-elevation-800);
51
+ color: var(--theme-elevation-0);
52
+ }
60
53
 
61
- .usage-reports__custom label {
62
- display: grid;
63
- gap: 6px;
64
- }
54
+ .usage-reports__custom {
55
+ align-items: end;
56
+ background: var(--theme-elevation-50);
57
+ border: 1px solid var(--theme-elevation-150);
58
+ border-radius: var(--style-radius-m);
59
+ padding: 16px;
60
+ }
65
61
 
66
- .usage-reports__custom input {
67
- background: var(--theme-input-bg);
68
- border: 1px solid var(--theme-elevation-200);
69
- border-radius: var(--style-radius-s);
70
- color: var(--theme-text);
71
- padding: 9px;
72
- }
62
+ .usage-reports__custom label {
63
+ display: grid;
64
+ gap: 6px;
65
+ }
73
66
 
74
- .usage-reports__card {
75
- background: var(--theme-elevation-50);
76
- border: 1px solid var(--theme-elevation-150);
77
- border-radius: var(--style-radius-m);
78
- overflow: hidden;
79
- }
67
+ .usage-reports__custom input {
68
+ background: var(--theme-input-bg);
69
+ border: 1px solid var(--theme-elevation-200);
70
+ border-radius: var(--style-radius-s);
71
+ color: var(--theme-text);
72
+ padding: 9px;
73
+ }
80
74
 
81
- .usage-reports__totals {
82
- display: flex;
83
- flex-wrap: wrap;
84
- gap: 32px;
85
- padding: 20px;
86
- }
75
+ .usage-reports__card {
76
+ background: var(--theme-elevation-50);
77
+ border: 1px solid var(--theme-elevation-150);
78
+ border-radius: var(--style-radius-m);
79
+ overflow: hidden;
80
+ }
87
81
 
88
- .usage-reports__totals span {
89
- color: var(--theme-elevation-500);
90
- display: grid;
91
- gap: 4px;
92
- }
82
+ .usage-reports__totals {
83
+ display: flex;
84
+ flex-wrap: wrap;
85
+ gap: 32px;
86
+ padding: 20px;
87
+ }
93
88
 
94
- .usage-reports__totals strong {
95
- color: var(--theme-text);
96
- font-size: 22px;
97
- }
89
+ .usage-reports__totals span {
90
+ color: var(--theme-elevation-500);
91
+ display: grid;
92
+ gap: 4px;
93
+ }
98
94
 
99
- .usage-reports__table-wrap {
100
- overflow-x: auto;
101
- }
95
+ .usage-reports__totals strong {
96
+ color: var(--theme-text);
97
+ font-size: 22px;
98
+ }
102
99
 
103
- .usage-reports table {
104
- border-collapse: collapse;
105
- min-width: 900px;
106
- width: 100%;
107
- }
100
+ .usage-reports__table-wrap {
101
+ overflow-x: auto;
102
+ }
108
103
 
109
- .usage-reports th,
110
- .usage-reports td {
111
- border-top: 1px solid var(--theme-elevation-150);
112
- padding: 13px 16px;
113
- text-align: right;
114
- white-space: nowrap;
115
- }
104
+ .usage-reports table {
105
+ border-collapse: collapse;
106
+ min-width: 900px;
107
+ width: 100%;
108
+ }
116
109
 
117
- .usage-reports th:first-child,
118
- .usage-reports td:first-child {
119
- font-weight: 600;
120
- text-align: left;
121
- }
110
+ .usage-reports th,
111
+ .usage-reports td {
112
+ border-top: 1px solid var(--theme-elevation-150);
113
+ padding: 13px 16px;
114
+ text-align: right;
115
+ white-space: nowrap;
116
+ }
122
117
 
123
- .usage-reports th button {
124
- background: none;
125
- border: 0;
126
- font-weight: 600;
127
- padding: 0;
128
- }
118
+ .usage-reports th:first-child,
119
+ .usage-reports td:first-child {
120
+ font-weight: 600;
121
+ text-align: left;
122
+ }
129
123
 
130
- .usage-reports__state {
131
- color: var(--theme-elevation-500);
132
- padding: 32px;
133
- text-align: center;
134
- }
124
+ .usage-reports th button {
125
+ background: none;
126
+ border: 0;
127
+ font-weight: 600;
128
+ padding: 0;
129
+ }
135
130
 
136
- .usage-reports__error {
137
- color: var(--theme-error-500);
138
- }
131
+ .usage-reports__state {
132
+ color: var(--theme-elevation-500);
133
+ padding: 32px;
134
+ text-align: center;
135
+ }
139
136
 
140
- @media (max-width: 768px) {
141
- .usage-reports {
142
- padding: 20px;
137
+ .usage-reports__error {
138
+ color: var(--theme-error-500);
143
139
  }
144
140
 
145
- .usage-reports__header {
146
- flex-direction: column;
141
+ @media (max-width: 768px) {
142
+ .usage-reports {
143
+ padding: 20px;
144
+ }
145
+
146
+ .usage-reports__header {
147
+ flex-direction: column;
148
+ }
147
149
  }
148
150
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@frogbotai/plugin-usage-reports",
3
- "version": "0.28.0",
3
+ "version": "0.29.0",
4
4
  "description": "Usage analytics reports for FrogBot.",
5
5
  "license": "MIT",
6
6
  "author": "Colby Gilbert",
@@ -38,7 +38,7 @@
38
38
  "@payloadcms/ui": "3.90.1",
39
39
  "react": "^19.0.1 || ^19.1.2 || ^19.2.1",
40
40
  "react-dom": "^19.0.1 || ^19.1.2 || ^19.2.1",
41
- "frogbot": "0.28.0"
41
+ "frogbot": "0.29.0"
42
42
  },
43
43
  "devDependencies": {
44
44
  "@payloadcms/ui": "3.90.1",
@@ -47,8 +47,8 @@
47
47
  "react": "19.2.6",
48
48
  "react-dom": "19.2.6",
49
49
  "typescript": "5.6.2",
50
- "frogbot": "0.28.0",
51
- "@frogbotai/plugin-import-export": "0.28.0"
50
+ "@frogbotai/plugin-import-export": "0.29.0",
51
+ "frogbot": "0.29.0"
52
52
  },
53
53
  "publishConfig": {
54
54
  "access": "public"