@burdenoff/microfe-proserviceworld 2026.706.2 → 2026.706.3

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 (26) hide show
  1. package/dist/proserviceworld/components/DiscussionThread.js +1 -1
  2. package/dist/proserviceworld/components/DiscussionThread.js.map +1 -1
  3. package/dist/proserviceworld/components/ui.js +18 -18
  4. package/dist/proserviceworld/components/ui.js.map +1 -1
  5. package/dist/proserviceworld/hooks/useEntityComments.js.map +1 -1
  6. package/dist/proserviceworld/pages/AnalyticsPage.js +277 -111
  7. package/dist/proserviceworld/pages/AnalyticsPage.js.map +1 -1
  8. package/dist/proserviceworld/pages/ClientDetailPage.js +219 -151
  9. package/dist/proserviceworld/pages/ClientDetailPage.js.map +1 -1
  10. package/dist/proserviceworld/pages/ClientsPage.js +148 -127
  11. package/dist/proserviceworld/pages/ClientsPage.js.map +1 -1
  12. package/dist/proserviceworld/pages/CompliancePage.js +140 -96
  13. package/dist/proserviceworld/pages/CompliancePage.js.map +1 -1
  14. package/dist/proserviceworld/pages/DashboardPage.js +221 -104
  15. package/dist/proserviceworld/pages/DashboardPage.js.map +1 -1
  16. package/dist/proserviceworld/pages/EngagementDetailPage.js +211 -181
  17. package/dist/proserviceworld/pages/EngagementDetailPage.js.map +1 -1
  18. package/dist/proserviceworld/pages/EngagementsPage.js +144 -106
  19. package/dist/proserviceworld/pages/EngagementsPage.js.map +1 -1
  20. package/dist/proserviceworld/pages/InvoicesPage.js +144 -129
  21. package/dist/proserviceworld/pages/InvoicesPage.js.map +1 -1
  22. package/dist/proserviceworld/pages/MattersPage.js +163 -122
  23. package/dist/proserviceworld/pages/MattersPage.js.map +1 -1
  24. package/dist/proserviceworld/pages/TimePage.js +112 -92
  25. package/dist/proserviceworld/pages/TimePage.js.map +1 -1
  26. package/package.json +1 -1
package/dist/proserviceworld/pages/DashboardPage.js CHANGED
@@ -1,199 +1,316 @@
1
1
  import { useDashboardStats as e } from "../hooks/useProServiceWorldApi.js";
2
2
  import { useNav as t } from "../utils/nav.js";
3
- import { ErrorState as n, LoadingBlock as r, MetricCard as i, PageHeader as a, SectionCard as o, StatusPill as s, fmtHours as c, fmtMoney as l } from "../components/ui.js";
4
- import { ArrowRight as u, Briefcase as d, Clock as f, FolderKanban as p, GitBranch as m, Receipt as h, ShieldCheck as g, Users as _ } from "lucide-react";
5
- import { jsx as v, jsxs as y } from "react/jsx-runtime";
3
+ import { cn as n } from "../utils/cn.js";
4
+ import { ErrorState as r, LoadingBlock as i, MetricCard as a, PageHeader as o, SectionCard as s, StatusPill as c, fmtHours as l, fmtMoney as u } from "../components/ui.js";
5
+ import { ArrowRight as d, BarChart3 as f, Briefcase as p, Clock as m, FileText as h, FolderKanban as g, GitBranch as _, Network as v, Receipt as y, Scale as b, ShieldCheck as x, Users as S } from "lucide-react";
6
+ import { jsx as C, jsxs as w } from "react/jsx-runtime";
6
7
  //#region src/proserviceworld/pages/DashboardPage.tsx
7
- var b = [
8
+ var T = [
8
9
  {
9
10
  label: "Clients",
10
11
  to: "clients",
11
- icon: /* @__PURE__ */ v(_, { className: "h-4 w-4" })
12
+ icon: /* @__PURE__ */ C(S, { className: "h-4 w-4" })
12
13
  },
13
14
  {
14
15
  label: "Engagements",
15
16
  to: "engagements",
16
- icon: /* @__PURE__ */ v(d, { className: "h-4 w-4" })
17
+ icon: /* @__PURE__ */ C(p, { className: "h-4 w-4" })
17
18
  },
18
19
  {
19
20
  label: "Matters",
20
21
  to: "matters",
21
- icon: /* @__PURE__ */ v(p, { className: "h-4 w-4" })
22
+ icon: /* @__PURE__ */ C(g, { className: "h-4 w-4" })
22
23
  },
23
24
  {
24
25
  label: "Time",
25
26
  to: "time",
26
- icon: /* @__PURE__ */ v(f, { className: "h-4 w-4" })
27
+ icon: /* @__PURE__ */ C(m, { className: "h-4 w-4" })
27
28
  },
28
29
  {
29
30
  label: "Invoices",
30
31
  to: "invoices",
31
- icon: /* @__PURE__ */ v(h, { className: "h-4 w-4" })
32
+ icon: /* @__PURE__ */ C(y, { className: "h-4 w-4" })
32
33
  },
33
34
  {
34
35
  label: "Compliance",
35
36
  to: "compliance",
36
- icon: /* @__PURE__ */ v(g, { className: "h-4 w-4" })
37
+ icon: /* @__PURE__ */ C(x, { className: "h-4 w-4" })
38
+ },
39
+ {
40
+ label: "Conflict checks",
41
+ to: "conflicts",
42
+ icon: /* @__PURE__ */ C(b, { className: "h-4 w-4" })
43
+ },
44
+ {
45
+ label: "Documents",
46
+ to: "documents",
47
+ icon: /* @__PURE__ */ C(h, { className: "h-4 w-4" })
48
+ },
49
+ {
50
+ label: "Practice areas",
51
+ to: "practice-areas",
52
+ icon: /* @__PURE__ */ C(v, { className: "h-4 w-4" })
53
+ },
54
+ {
55
+ label: "Analytics",
56
+ to: "analytics",
57
+ icon: /* @__PURE__ */ C(f, { className: "h-4 w-4" })
37
58
  }
38
- ], x = () => {
39
- let s = t(), { data: x, isLoading: w, error: T, refetch: E } = e();
40
- return w ? /* @__PURE__ */ v(r, { label: "Loading practice overview…" }) : T ? /* @__PURE__ */ v(n, {
41
- error: T,
42
- onRetry: () => void E()
43
- }) : x ? /* @__PURE__ */ y("div", {
59
+ ], E = () => {
60
+ let c = t(), { data: f, isLoading: h, error: v, refetch: b } = e();
61
+ return h ? /* @__PURE__ */ C(i, { label: "Loading practice overview…" }) : v ? /* @__PURE__ */ C(r, {
62
+ error: v,
63
+ onRetry: () => void b()
64
+ }) : f ? /* @__PURE__ */ w("div", {
44
65
  className: "space-y-6",
45
66
  children: [
46
- /* @__PURE__ */ v(a, {
67
+ /* @__PURE__ */ C(o, {
47
68
  title: "Practice overview",
48
69
  subtitle: "One governed view of clients, engagements, matters, time and billing across your firm."
49
70
  }),
50
- /* @__PURE__ */ y("div", {
51
- className: "grid grid-cols-2 gap-3 lg:grid-cols-4",
71
+ /* @__PURE__ */ w("div", {
72
+ className: "grid grid-cols-2 gap-3 md:grid-cols-3 lg:grid-cols-4",
52
73
  children: [
53
- /* @__PURE__ */ v(i, {
74
+ /* @__PURE__ */ C(a, {
54
75
  label: "Active clients",
55
- value: x.activeClients,
56
- hint: `${x.totalClients} total`,
57
- icon: /* @__PURE__ */ v(_, { className: "h-4 w-4" }),
76
+ value: f.activeClients,
77
+ hint: `${f.totalClients} total`,
78
+ icon: /* @__PURE__ */ C(S, { className: "h-4 w-4" }),
58
79
  tone: "success"
59
80
  }),
60
- /* @__PURE__ */ v(i, {
81
+ /* @__PURE__ */ C(a, {
61
82
  label: "Active engagements",
62
- value: x.activeEngagements,
63
- icon: /* @__PURE__ */ v(d, { className: "h-4 w-4" }),
83
+ value: f.activeEngagements,
84
+ icon: /* @__PURE__ */ C(p, { className: "h-4 w-4" }),
64
85
  tone: "accent"
65
86
  }),
66
- /* @__PURE__ */ v(i, {
87
+ /* @__PURE__ */ C(a, {
67
88
  label: "Open matters",
68
- value: x.openMatters,
69
- icon: /* @__PURE__ */ v(p, { className: "h-4 w-4" }),
89
+ value: f.openMatters,
90
+ icon: /* @__PURE__ */ C(g, { className: "h-4 w-4" }),
70
91
  tone: "info"
71
92
  }),
72
- /* @__PURE__ */ v(i, {
93
+ /* @__PURE__ */ C(a, {
73
94
  label: "Unbilled hours",
74
- value: c(x.unbilledHours),
75
- hint: `${c(x.billedHours)} billed`,
76
- icon: /* @__PURE__ */ v(f, { className: "h-4 w-4" }),
95
+ value: l(f.unbilledHours),
96
+ hint: `${l(f.billedHours)} billed`,
97
+ icon: /* @__PURE__ */ C(m, { className: "h-4 w-4" }),
77
98
  tone: "warning"
78
99
  }),
79
- /* @__PURE__ */ v(i, {
100
+ /* @__PURE__ */ C(a, {
80
101
  label: "Outstanding",
81
- value: l(x.outstandingInvoiceTotal),
102
+ value: u(f.outstandingInvoiceTotal),
82
103
  hint: "Sent + overdue",
83
- icon: /* @__PURE__ */ v(h, { className: "h-4 w-4" }),
104
+ icon: /* @__PURE__ */ C(y, { className: "h-4 w-4" }),
84
105
  tone: "warning"
85
106
  }),
86
- /* @__PURE__ */ v(i, {
107
+ /* @__PURE__ */ C(a, {
87
108
  label: "Collected",
88
- value: l(x.paidInvoiceTotal),
89
- icon: /* @__PURE__ */ v(h, { className: "h-4 w-4" }),
109
+ value: u(f.paidInvoiceTotal),
110
+ icon: /* @__PURE__ */ C(y, { className: "h-4 w-4" }),
90
111
  tone: "success"
91
112
  }),
92
- /* @__PURE__ */ v(i, {
113
+ /* @__PURE__ */ C(a, {
93
114
  label: "Compliance due",
94
- value: x.pendingComplianceChecks,
95
- icon: /* @__PURE__ */ v(g, { className: "h-4 w-4" }),
96
- tone: x.pendingComplianceChecks ? "warning" : "success"
115
+ value: f.pendingComplianceChecks,
116
+ icon: /* @__PURE__ */ C(x, { className: "h-4 w-4" }),
117
+ tone: f.pendingComplianceChecks ? "warning" : "success"
97
118
  }),
98
- /* @__PURE__ */ v(i, {
119
+ /* @__PURE__ */ C(a, {
99
120
  label: "Open conflicts",
100
- value: x.openConflictChecks,
101
- icon: /* @__PURE__ */ v(m, { className: "h-4 w-4" }),
102
- tone: x.openConflictChecks ? "danger" : "success"
121
+ value: f.openConflictChecks,
122
+ icon: /* @__PURE__ */ C(_, { className: "h-4 w-4" }),
123
+ tone: f.openConflictChecks ? "danger" : "success"
103
124
  })
104
125
  ]
105
126
  }),
106
- /* @__PURE__ */ y("div", {
127
+ /* @__PURE__ */ w("div", {
107
128
  className: "grid grid-cols-1 gap-4 lg:grid-cols-3",
108
129
  children: [
109
- /* @__PURE__ */ v(o, {
130
+ /* @__PURE__ */ C(s, {
110
131
  title: "Engagements by status",
111
- children: /* @__PURE__ */ v(S, { items: x.engagementsByStatus })
132
+ children: /* @__PURE__ */ C(D, { items: f.engagementsByStatus })
112
133
  }),
113
- /* @__PURE__ */ v(o, {
134
+ /* @__PURE__ */ C(s, {
114
135
  title: "Matters by status",
115
- children: /* @__PURE__ */ v(S, { items: x.mattersByStatus })
136
+ children: /* @__PURE__ */ C(D, { items: f.mattersByStatus })
116
137
  }),
117
- /* @__PURE__ */ v(o, {
118
- title: "Revenue (last months)",
119
- children: /* @__PURE__ */ v(C, { data: x.revenueByMonth })
138
+ /* @__PURE__ */ C(s, {
139
+ title: "Revenue",
140
+ description: "Invoiced totals, recent months.",
141
+ children: /* @__PURE__ */ C(O, { data: f.revenueByMonth })
120
142
  })
121
143
  ]
122
144
  }),
123
- /* @__PURE__ */ v(o, {
145
+ /* @__PURE__ */ C(s, {
124
146
  title: "Jump to",
125
- children: /* @__PURE__ */ v("div", {
126
- className: "grid grid-cols-2 gap-2 sm:grid-cols-3",
127
- children: b.map((e) => /* @__PURE__ */ y("button", {
147
+ children: /* @__PURE__ */ C("div", {
148
+ className: "grid grid-cols-1 gap-2.5 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5",
149
+ children: T.map((e) => /* @__PURE__ */ w("button", {
128
150
  type: "button",
129
- onClick: () => s(e.to),
130
- className: "flex items-center justify-between rounded-lg border border-border-seam bg-bg-canvas px-3 py-2.5 text-sm text-text-primary transition hover:border-accent",
131
- children: [/* @__PURE__ */ y("span", {
132
- className: "flex items-center gap-2",
133
- children: [/* @__PURE__ */ v("span", {
134
- className: "text-accent",
151
+ onClick: () => c(e.to),
152
+ className: n("group flex items-center gap-3 rounded-xl border border-border-seam bg-bg-canvas px-3.5 py-3 text-left", "transition hover:-translate-y-0.5 hover:border-accent hover:bg-bg-surface hover:shadow-sm"),
153
+ children: [
154
+ /* @__PURE__ */ C("span", {
155
+ className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-bg-sunken text-accent transition group-hover:bg-accent/15",
135
156
  children: e.icon
136
- }), e.label]
137
- }), /* @__PURE__ */ v(u, { className: "h-4 w-4 text-text-tertiary" })]
157
+ }),
158
+ /* @__PURE__ */ C("span", {
159
+ className: "flex-1 truncate text-sm font-medium text-text-primary",
160
+ children: e.label
161
+ }),
162
+ /* @__PURE__ */ C(d, { className: "h-4 w-4 shrink-0 text-text-tertiary transition group-hover:translate-x-0.5 group-hover:text-accent" })
163
+ ]
138
164
  }, e.to))
139
165
  })
140
166
  })
141
167
  ]
142
168
  }) : null;
143
- }, S = ({ items: e }) => {
144
- if (!e.length) return /* @__PURE__ */ v("p", {
169
+ }, D = ({ items: e }) => {
170
+ if (!e.length) return /* @__PURE__ */ C("p", {
145
171
  className: "text-sm text-text-tertiary",
146
172
  children: "No records yet."
147
173
  });
148
- let t = Math.max(...e.map((e) => e.count), 1);
149
- return /* @__PURE__ */ v("ul", {
150
- className: "space-y-2.5",
151
- children: e.map((e) => /* @__PURE__ */ y("li", {
152
- className: "flex items-center gap-3",
174
+ let t = Math.max(...e.map((e) => e.count), 1), r = e.reduce((e, t) => e + t.count, 0) || 1;
175
+ return /* @__PURE__ */ C("ul", {
176
+ className: "space-y-3.5",
177
+ children: e.map((e) => /* @__PURE__ */ w("li", {
178
+ className: "grid grid-cols-[7.5rem_minmax(0,1fr)_auto] items-center gap-3",
153
179
  children: [
154
- /* @__PURE__ */ v("div", {
155
- className: "w-28 shrink-0",
156
- children: /* @__PURE__ */ v(s, { status: e.status })
180
+ /* @__PURE__ */ C(c, {
181
+ status: e.status,
182
+ className: "justify-self-start"
157
183
  }),
158
- /* @__PURE__ */ v("div", {
159
- className: "h-2 flex-1 overflow-hidden rounded-full bg-bg-sunken",
160
- children: /* @__PURE__ */ v("div", {
161
- className: "h-full rounded-full bg-accent",
162
- style: { width: `${e.count / t * 100}%` }
184
+ /* @__PURE__ */ C("div", {
185
+ className: "h-2.5 overflow-hidden rounded-full bg-bg-sunken",
186
+ children: /* @__PURE__ */ C("div", {
187
+ className: n("h-full rounded-full bg-gradient-to-r transition-all duration-500", j(e.status)),
188
+ style: { width: `${Math.max(e.count / t * 100, 4)}%` }
163
189
  })
164
190
  }),
165
- /* @__PURE__ */ v("span", {
166
- className: "w-8 text-right text-sm font-medium text-text-primary",
167
- children: e.count
191
+ /* @__PURE__ */ w("span", {
192
+ className: "flex items-baseline justify-end gap-1.5 tabular-nums",
193
+ children: [/* @__PURE__ */ C("span", {
194
+ className: "text-sm font-semibold text-text-primary",
195
+ children: e.count
196
+ }), /* @__PURE__ */ w("span", {
197
+ className: "text-xs text-text-tertiary",
198
+ children: [Math.round(e.count / r * 100), "%"]
199
+ })]
168
200
  })
169
201
  ]
170
202
  }, e.status))
171
203
  });
172
- }, C = ({ data: e }) => {
173
- if (!e.length) return /* @__PURE__ */ v("p", {
204
+ }, O = ({ data: e }) => {
205
+ if (!e.length) return /* @__PURE__ */ C("p", {
174
206
  className: "text-sm text-text-tertiary",
175
207
  children: "No invoiced revenue yet."
176
208
  });
177
- let t = Math.max(...e.map((e) => e.amount), 1);
178
- return /* @__PURE__ */ v("div", {
179
- className: "flex h-40 items-end gap-1.5",
180
- children: e.map((e) => /* @__PURE__ */ y("div", {
181
- className: "flex flex-1 flex-col items-center gap-1",
182
- children: [/* @__PURE__ */ v("div", {
183
- className: "flex w-full flex-1 items-end",
184
- children: /* @__PURE__ */ v("div", {
185
- className: "w-full rounded-t bg-accent/80",
186
- style: { height: `${Math.max(e.amount / t * 100, 2)}%` },
187
- title: l(e.amount)
188
- })
189
- }), /* @__PURE__ */ v("span", {
190
- className: "text-[10px] text-text-tertiary",
191
- children: e.month.slice(5)
209
+ let t = M(Math.max(...e.map((e) => e.amount), 1)), r = [
210
+ 1,
211
+ .75,
212
+ .5,
213
+ .25,
214
+ 0
215
+ ].map((e) => t * e);
216
+ return /* @__PURE__ */ C("div", {
217
+ className: "overflow-x-auto",
218
+ children: /* @__PURE__ */ w("div", {
219
+ className: "min-w-[260px]",
220
+ children: [/* @__PURE__ */ w("div", {
221
+ className: "relative h-44",
222
+ children: [r.map((e, t) => /* @__PURE__ */ w("div", {
223
+ className: "absolute inset-x-0 flex items-center gap-2",
224
+ style: { top: `${t / (r.length - 1) * 100}%` },
225
+ children: [/* @__PURE__ */ C("span", {
226
+ className: "w-11 shrink-0 text-right text-[10px] leading-none tabular-nums text-text-tertiary",
227
+ children: N(e)
228
+ }), /* @__PURE__ */ C("span", { className: n("h-px flex-1", t === r.length - 1 ? "bg-border-seam" : "bg-border-seam/50") })]
229
+ }, e)), /* @__PURE__ */ C("div", {
230
+ className: "absolute inset-0 flex items-end gap-1.5 pl-[3.25rem]",
231
+ children: e.map((e) => /* @__PURE__ */ C("div", {
232
+ className: "group flex h-full flex-1 flex-col items-center justify-end",
233
+ children: /* @__PURE__ */ C("div", {
234
+ className: "w-full max-w-[2rem] rounded-t-md bg-gradient-to-t from-accent/55 to-accent shadow-sm transition-all duration-200 group-hover:-translate-y-0.5 group-hover:shadow",
235
+ style: { height: `${Math.max(e.amount / t * 100, 1.5)}%` },
236
+ title: u(e.amount)
237
+ })
238
+ }, e.month))
239
+ })]
240
+ }), /* @__PURE__ */ C("div", {
241
+ className: "mt-2 flex gap-1.5 pl-[3.25rem]",
242
+ children: e.map((e) => /* @__PURE__ */ C("span", {
243
+ className: "flex-1 text-center text-[10px] text-text-tertiary",
244
+ children: P(e.month)
245
+ }, e.month))
192
246
  })]
193
- }, e.month))
247
+ })
194
248
  });
249
+ }, k = {
250
+ success: "from-status-success-text/55 to-status-success-text",
251
+ warning: "from-status-warning-text/55 to-status-warning-text",
252
+ danger: "from-status-error-text/55 to-status-error-text",
253
+ info: "from-text-link/55 to-text-link",
254
+ accent: "from-accent/55 to-accent",
255
+ neutral: "from-text-tertiary/30 to-text-tertiary/70"
256
+ }, A = {
257
+ ACTIVE: "success",
258
+ DELIVERED: "success",
259
+ INVOICED: "success",
260
+ PAID: "success",
261
+ APPROVED: "success",
262
+ PASSED: "success",
263
+ CLEAR: "success",
264
+ COMPLETED: "success",
265
+ FINAL: "success",
266
+ PROSPECT: "info",
267
+ PROPOSAL: "info",
268
+ MEDIUM: "info",
269
+ INTERNAL_REVIEW: "info",
270
+ SUBMITTED: "info",
271
+ SENT: "info",
272
+ IN_REVIEW: "info",
273
+ REVIEW: "warning",
274
+ ON_HOLD: "warning",
275
+ HIGH: "warning",
276
+ CLIENT_REVIEW: "warning",
277
+ PENDING: "warning",
278
+ POTENTIAL_CONFLICT: "warning",
279
+ CANCELLED: "danger",
280
+ CRITICAL: "danger",
281
+ REJECTED: "danger",
282
+ OVERDUE: "danger",
283
+ FAILED: "danger",
284
+ CONFLICT: "danger",
285
+ ACCEPTED: "accent",
286
+ IN_PROGRESS: "accent",
287
+ OPEN: "accent",
288
+ BILLED: "accent",
289
+ INACTIVE: "neutral",
290
+ ARCHIVED: "neutral",
291
+ CLOSED: "neutral",
292
+ LOW: "neutral",
293
+ DRAFT: "neutral",
294
+ WAIVED: "neutral"
195
295
  };
296
+ function j(e) {
297
+ return k[A[e] ?? "accent"];
298
+ }
299
+ function M(e) {
300
+ if (e <= 0) return 1;
301
+ let t = 10 ** Math.floor(Math.log10(e)), n = e / t;
302
+ return (n <= 1 ? 1 : n <= 2 ? 2 : n <= 2.5 ? 2.5 : n <= 5 ? 5 : 10) * t;
303
+ }
304
+ function N(e) {
305
+ return e >= 1e6 ? `$${(e / 1e6).toFixed(e % 1e6 == 0 ? 0 : 1)}M` : e >= 1e3 ? `$${Math.round(e / 1e3)}k` : `$${Math.round(e)}`;
306
+ }
307
+ function P(e) {
308
+ let [t, n] = e.split("-").map(Number);
309
+ if (!t || !n) return e;
310
+ let r = new Date(t, n - 1, 1);
311
+ return Number.isNaN(r.getTime()) ? e : r.toLocaleDateString(void 0, { month: "short" });
312
+ }
196
313
  //#endregion
197
- export { x as DashboardPage };
314
+ export { E as DashboardPage };
198
315
 
199
316
  //# sourceMappingURL=DashboardPage.js.map
package/dist/proserviceworld/pages/DashboardPage.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"DashboardPage.js","names":[],"sources":["../../../src/proserviceworld/pages/DashboardPage.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport {\n Users,\n Briefcase,\n FolderKanban,\n Clock,\n Receipt,\n ShieldCheck,\n GitBranch,\n ArrowRight,\n} from 'lucide-react';\nimport { useDashboardStats } from '../hooks/useProServiceWorldApi';\nimport { useNav } from '../utils/nav';\nimport {\n PageHeader,\n MetricCard,\n SectionCard,\n LoadingBlock,\n ErrorState,\n StatusPill,\n fmtMoney,\n fmtHours,\n} from '../components/ui';\n\nconst QUICK = [\n { label: 'Clients', to: 'clients', icon: <Users className=\"h-4 w-4\" /> },\n { label: 'Engagements', to: 'engagements', icon: <Briefcase className=\"h-4 w-4\" /> },\n { label: 'Matters', to: 'matters', icon: <FolderKanban className=\"h-4 w-4\" /> },\n { label: 'Time', to: 'time', icon: <Clock className=\"h-4 w-4\" /> },\n { label: 'Invoices', to: 'invoices', icon: <Receipt className=\"h-4 w-4\" /> },\n { label: 'Compliance', to: 'compliance', icon: <ShieldCheck className=\"h-4 w-4\" /> },\n];\n\nexport const DashboardPage: FC = () => {\n const nav = useNav();\n const { data, isLoading, error, refetch } = useDashboardStats();\n\n if (isLoading) return <LoadingBlock label=\"Loading practice overview…\" />;\n if (error) return <ErrorState error={error} onRetry={() => void refetch()} />;\n if (!data) return null;\n\n return (\n <div className=\"space-y-6\">\n <PageHeader\n title=\"Practice overview\"\n subtitle=\"One governed view of clients, engagements, matters, time and billing across your firm.\"\n />\n\n <div className=\"grid grid-cols-2 gap-3 lg:grid-cols-4\">\n <MetricCard\n label=\"Active clients\"\n value={data.activeClients}\n hint={`${data.totalClients} total`}\n icon={<Users className=\"h-4 w-4\" />}\n tone=\"success\"\n />\n <MetricCard\n label=\"Active engagements\"\n value={data.activeEngagements}\n icon={<Briefcase className=\"h-4 w-4\" />}\n tone=\"accent\"\n />\n <MetricCard\n label=\"Open matters\"\n value={data.openMatters}\n icon={<FolderKanban className=\"h-4 w-4\" />}\n tone=\"info\"\n />\n <MetricCard\n label=\"Unbilled hours\"\n value={fmtHours(data.unbilledHours)}\n hint={`${fmtHours(data.billedHours)} billed`}\n icon={<Clock className=\"h-4 w-4\" />}\n tone=\"warning\"\n />\n <MetricCard\n label=\"Outstanding\"\n value={fmtMoney(data.outstandingInvoiceTotal)}\n hint=\"Sent + overdue\"\n icon={<Receipt className=\"h-4 w-4\" />}\n tone=\"warning\"\n />\n <MetricCard\n label=\"Collected\"\n value={fmtMoney(data.paidInvoiceTotal)}\n icon={<Receipt className=\"h-4 w-4\" />}\n tone=\"success\"\n />\n <MetricCard\n label=\"Compliance due\"\n value={data.pendingComplianceChecks}\n icon={<ShieldCheck className=\"h-4 w-4\" />}\n tone={data.pendingComplianceChecks ? 'warning' : 'success'}\n />\n <MetricCard\n label=\"Open conflicts\"\n value={data.openConflictChecks}\n icon={<GitBranch className=\"h-4 w-4\" />}\n tone={data.openConflictChecks ? 'danger' : 'success'}\n />\n </div>\n\n <div className=\"grid grid-cols-1 gap-4 lg:grid-cols-3\">\n <SectionCard title=\"Engagements by status\">\n <StatusBreakdown items={data.engagementsByStatus} />\n </SectionCard>\n <SectionCard title=\"Matters by status\">\n <StatusBreakdown items={data.mattersByStatus} />\n </SectionCard>\n <SectionCard title=\"Revenue (last months)\">\n <RevenueBars data={data.revenueByMonth} />\n </SectionCard>\n </div>\n\n <SectionCard title=\"Jump to\">\n <div className=\"grid grid-cols-2 gap-2 sm:grid-cols-3\">\n {QUICK.map((q) => (\n <button\n key={q.to}\n type=\"button\"\n onClick={() => nav(q.to)}\n className=\"flex items-center justify-between rounded-lg border border-border-seam bg-bg-canvas px-3 py-2.5 text-sm text-text-primary transition hover:border-accent\"\n >\n <span className=\"flex items-center gap-2\">\n <span className=\"text-accent\">{q.icon}</span>\n {q.label}\n </span>\n <ArrowRight className=\"h-4 w-4 text-text-tertiary\" />\n </button>\n ))}\n </div>\n </SectionCard>\n </div>\n );\n};\n\nconst StatusBreakdown: FC<{ items: { status: string; count: number }[] }> = ({ items }) => {\n if (!items.length) return <p className=\"text-sm text-text-tertiary\">No records yet.</p>;\n const max = Math.max(...items.map((i) => i.count), 1);\n return (\n <ul className=\"space-y-2.5\">\n {items.map((i) => (\n <li key={i.status} className=\"flex items-center gap-3\">\n <div className=\"w-28 shrink-0\">\n <StatusPill status={i.status} />\n </div>\n <div className=\"h-2 flex-1 overflow-hidden rounded-full bg-bg-sunken\">\n <div\n className=\"h-full rounded-full bg-accent\"\n style={{ width: `${(i.count / max) * 100}%` }}\n />\n </div>\n <span className=\"w-8 text-right text-sm font-medium text-text-primary\">{i.count}</span>\n </li>\n ))}\n </ul>\n );\n};\n\nconst RevenueBars: FC<{ data: { month: string; amount: number }[] }> = ({ data }) => {\n if (!data.length) return <p className=\"text-sm text-text-tertiary\">No invoiced revenue yet.</p>;\n const max = Math.max(...data.map((d) => d.amount), 1);\n return (\n <div className=\"flex h-40 items-end gap-1.5\">\n {data.map((d) => (\n <div key={d.month} className=\"flex flex-1 flex-col items-center gap-1\">\n <div className=\"flex w-full flex-1 items-end\">\n <div\n className=\"w-full rounded-t bg-accent/80\"\n style={{ height: `${Math.max((d.amount / max) * 100, 2)}%` }}\n title={fmtMoney(d.amount)}\n />\n </div>\n <span className=\"text-[10px] text-text-tertiary\">{d.month.slice(5)}</span>\n </div>\n ))}\n </div>\n );\n};\n"],"mappings":";;;;;;AAwBA,IAAM,IAAQ;CACZ;EAAE,OAAO;EAAW,IAAI;EAAW,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;EAAE;CACxE;EAAE,OAAO;EAAe,IAAI;EAAe,MAAM,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA;EAAE;CACpF;EAAE,OAAO;EAAW,IAAI;EAAW,MAAM,kBAAC,GAAD,EAAc,WAAU,WAAY,CAAA;EAAE;CAC/E;EAAE,OAAO;EAAQ,IAAI;EAAQ,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;EAAE;CAClE;EAAE,OAAO;EAAY,IAAI;EAAY,MAAM,kBAAC,GAAD,EAAS,WAAU,WAAY,CAAA;EAAE;CAC5E;EAAE,OAAO;EAAc,IAAI;EAAc,MAAM,kBAAC,GAAD,EAAa,WAAU,WAAY,CAAA;EAAE;CACrF,EAEY,UAA0B;CACrC,IAAM,IAAM,GAAQ,EACd,EAAE,SAAM,cAAW,UAAO,eAAY,GAAmB;AAM/D,QAJI,IAAkB,kBAAC,GAAD,EAAc,OAAM,8BAA+B,CAAA,GACrE,IAAc,kBAAC,GAAD;EAAmB;EAAO,eAAe,KAAK,GAAS;EAAI,CAAA,GACxE,IAGH,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,GAAD;IACE,OAAM;IACN,UAAS;IACT,CAAA;GAEF,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD;MACE,OAAM;MACN,OAAO,EAAK;MACZ,MAAM,GAAG,EAAK,aAAa;MAC3B,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;MACnC,MAAK;MACL,CAAA;KACF,kBAAC,GAAD;MACE,OAAM;MACN,OAAO,EAAK;MACZ,MAAM,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA;MACvC,MAAK;MACL,CAAA;KACF,kBAAC,GAAD;MACE,OAAM;MACN,OAAO,EAAK;MACZ,MAAM,kBAAC,GAAD,EAAc,WAAU,WAAY,CAAA;MAC1C,MAAK;MACL,CAAA;KACF,kBAAC,GAAD;MACE,OAAM;MACN,OAAO,EAAS,EAAK,cAAc;MACnC,MAAM,GAAG,EAAS,EAAK,YAAY,CAAC;MACpC,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;MACnC,MAAK;MACL,CAAA;KACF,kBAAC,GAAD;MACE,OAAM;MACN,OAAO,EAAS,EAAK,wBAAwB;MAC7C,MAAK;MACL,MAAM,kBAAC,GAAD,EAAS,WAAU,WAAY,CAAA;MACrC,MAAK;MACL,CAAA;KACF,kBAAC,GAAD;MACE,OAAM;MACN,OAAO,EAAS,EAAK,iBAAiB;MACtC,MAAM,kBAAC,GAAD,EAAS,WAAU,WAAY,CAAA;MACrC,MAAK;MACL,CAAA;KACF,kBAAC,GAAD;MACE,OAAM;MACN,OAAO,EAAK;MACZ,MAAM,kBAAC,GAAD,EAAa,WAAU,WAAY,CAAA;MACzC,MAAM,EAAK,0BAA0B,YAAY;MACjD,CAAA;KACF,kBAAC,GAAD;MACE,OAAM;MACN,OAAO,EAAK;MACZ,MAAM,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA;MACvC,MAAM,EAAK,qBAAqB,WAAW;MAC3C,CAAA;KACE;;GAEN,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD;MAAa,OAAM;gBACjB,kBAAC,GAAD,EAAiB,OAAO,EAAK,qBAAuB,CAAA;MACxC,CAAA;KACd,kBAAC,GAAD;MAAa,OAAM;gBACjB,kBAAC,GAAD,EAAiB,OAAO,EAAK,iBAAmB,CAAA;MACpC,CAAA;KACd,kBAAC,GAAD;MAAa,OAAM;gBACjB,kBAAC,GAAD,EAAa,MAAM,EAAK,gBAAkB,CAAA;MAC9B,CAAA;KACV;;GAEN,kBAAC,GAAD;IAAa,OAAM;cACjB,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAM,KAAK,MACV,kBAAC,UAAD;MAEE,MAAK;MACL,eAAe,EAAI,EAAE,GAAG;MACxB,WAAU;gBAJZ,CAME,kBAAC,QAAD;OAAM,WAAU;iBAAhB,CACE,kBAAC,QAAD;QAAM,WAAU;kBAAe,EAAE;QAAY,CAAA,EAC5C,EAAE,MACE;UACP,kBAAC,GAAD,EAAY,WAAU,8BAA+B,CAAA,CAC9C;QAVF,EAAE,GAUA,CACT;KACE,CAAA;IACM,CAAA;GACV;MA7FU;GAiGd,KAAuE,EAAE,eAAY;AACzF,KAAI,CAAC,EAAM,OAAQ,QAAO,kBAAC,KAAD;EAAG,WAAU;YAA6B;EAAmB,CAAA;CACvF,IAAM,IAAM,KAAK,IAAI,GAAG,EAAM,KAAK,MAAM,EAAE,MAAM,EAAE,EAAE;AACrD,QACE,kBAAC,MAAD;EAAI,WAAU;YACX,EAAM,KAAK,MACV,kBAAC,MAAD;GAAmB,WAAU;aAA7B;IACE,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,GAAD,EAAY,QAAQ,EAAE,QAAU,CAAA;KAC5B,CAAA;IACN,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,OAAD;MACE,WAAU;MACV,OAAO,EAAE,OAAO,GAAI,EAAE,QAAQ,IAAO,IAAI,IAAI;MAC7C,CAAA;KACE,CAAA;IACN,kBAAC,QAAD;KAAM,WAAU;eAAwD,EAAE;KAAa,CAAA;IACpF;KAXI,EAAE,OAWN,CACL;EACC,CAAA;GAIH,KAAkE,EAAE,cAAW;AACnF,KAAI,CAAC,EAAK,OAAQ,QAAO,kBAAC,KAAD;EAAG,WAAU;YAA6B;EAA4B,CAAA;CAC/F,IAAM,IAAM,KAAK,IAAI,GAAG,EAAK,KAAK,MAAM,EAAE,OAAO,EAAE,EAAE;AACrD,QACE,kBAAC,OAAD;EAAK,WAAU;YACZ,EAAK,KAAK,MACT,kBAAC,OAAD;GAAmB,WAAU;aAA7B,CACE,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,OAAD;KACE,WAAU;KACV,OAAO,EAAE,QAAQ,GAAG,KAAK,IAAK,EAAE,SAAS,IAAO,KAAK,EAAE,CAAC,IAAI;KAC5D,OAAO,EAAS,EAAE,OAAO;KACzB,CAAA;IACE,CAAA,EACN,kBAAC,QAAD;IAAM,WAAU;cAAkC,EAAE,MAAM,MAAM,EAAE;IAAQ,CAAA,CACtE;KATI,EAAE,MASN,CACN;EACE,CAAA"}
1
+ {"version":3,"file":"DashboardPage.js","names":[],"sources":["../../../src/proserviceworld/pages/DashboardPage.tsx"],"sourcesContent":["import type { FC, ReactNode } from 'react';\nimport {\n Users,\n Briefcase,\n FolderKanban,\n Clock,\n Receipt,\n ShieldCheck,\n GitBranch,\n ArrowRight,\n Scale,\n FileText,\n Network,\n BarChart3,\n} from 'lucide-react';\nimport { useDashboardStats } from '../hooks/useProServiceWorldApi';\nimport { useNav } from '../utils/nav';\nimport { cn } from '../utils/cn';\nimport {\n PageHeader,\n MetricCard,\n SectionCard,\n LoadingBlock,\n ErrorState,\n StatusPill,\n fmtMoney,\n fmtHours,\n} from '../components/ui';\n\nconst QUICK: { label: string; to: string; icon: ReactNode }[] = [\n { label: 'Clients', to: 'clients', icon: <Users className=\"h-4 w-4\" /> },\n { label: 'Engagements', to: 'engagements', icon: <Briefcase className=\"h-4 w-4\" /> },\n { label: 'Matters', to: 'matters', icon: <FolderKanban className=\"h-4 w-4\" /> },\n { label: 'Time', to: 'time', icon: <Clock className=\"h-4 w-4\" /> },\n { label: 'Invoices', to: 'invoices', icon: <Receipt className=\"h-4 w-4\" /> },\n { label: 'Compliance', to: 'compliance', icon: <ShieldCheck className=\"h-4 w-4\" /> },\n { label: 'Conflict checks', to: 'conflicts', icon: <Scale className=\"h-4 w-4\" /> },\n { label: 'Documents', to: 'documents', icon: <FileText className=\"h-4 w-4\" /> },\n { label: 'Practice areas', to: 'practice-areas', icon: <Network className=\"h-4 w-4\" /> },\n { label: 'Analytics', to: 'analytics', icon: <BarChart3 className=\"h-4 w-4\" /> },\n];\n\nexport const DashboardPage: FC = () => {\n const nav = useNav();\n const { data, isLoading, error, refetch } = useDashboardStats();\n\n if (isLoading) return <LoadingBlock label=\"Loading practice overview…\" />;\n if (error) return <ErrorState error={error} onRetry={() => void refetch()} />;\n if (!data) return null;\n\n return (\n <div className=\"space-y-6\">\n <PageHeader\n title=\"Practice overview\"\n subtitle=\"One governed view of clients, engagements, matters, time and billing across your firm.\"\n />\n\n <div className=\"grid grid-cols-2 gap-3 md:grid-cols-3 lg:grid-cols-4\">\n <MetricCard\n label=\"Active clients\"\n value={data.activeClients}\n hint={`${data.totalClients} total`}\n icon={<Users className=\"h-4 w-4\" />}\n tone=\"success\"\n />\n <MetricCard\n label=\"Active engagements\"\n value={data.activeEngagements}\n icon={<Briefcase className=\"h-4 w-4\" />}\n tone=\"accent\"\n />\n <MetricCard\n label=\"Open matters\"\n value={data.openMatters}\n icon={<FolderKanban className=\"h-4 w-4\" />}\n tone=\"info\"\n />\n <MetricCard\n label=\"Unbilled hours\"\n value={fmtHours(data.unbilledHours)}\n hint={`${fmtHours(data.billedHours)} billed`}\n icon={<Clock className=\"h-4 w-4\" />}\n tone=\"warning\"\n />\n <MetricCard\n label=\"Outstanding\"\n value={fmtMoney(data.outstandingInvoiceTotal)}\n hint=\"Sent + overdue\"\n icon={<Receipt className=\"h-4 w-4\" />}\n tone=\"warning\"\n />\n <MetricCard\n label=\"Collected\"\n value={fmtMoney(data.paidInvoiceTotal)}\n icon={<Receipt className=\"h-4 w-4\" />}\n tone=\"success\"\n />\n <MetricCard\n label=\"Compliance due\"\n value={data.pendingComplianceChecks}\n icon={<ShieldCheck className=\"h-4 w-4\" />}\n tone={data.pendingComplianceChecks ? 'warning' : 'success'}\n />\n <MetricCard\n label=\"Open conflicts\"\n value={data.openConflictChecks}\n icon={<GitBranch className=\"h-4 w-4\" />}\n tone={data.openConflictChecks ? 'danger' : 'success'}\n />\n </div>\n\n <div className=\"grid grid-cols-1 gap-4 lg:grid-cols-3\">\n <SectionCard title=\"Engagements by status\">\n <StatusBreakdown items={data.engagementsByStatus} />\n </SectionCard>\n <SectionCard title=\"Matters by status\">\n <StatusBreakdown items={data.mattersByStatus} />\n </SectionCard>\n <SectionCard title=\"Revenue\" description=\"Invoiced totals, recent months.\">\n <RevenueBars data={data.revenueByMonth} />\n </SectionCard>\n </div>\n\n <SectionCard title=\"Jump to\">\n <div className=\"grid grid-cols-1 gap-2.5 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5\">\n {QUICK.map((q) => (\n <button\n key={q.to}\n type=\"button\"\n onClick={() => nav(q.to)}\n className={cn(\n 'group flex items-center gap-3 rounded-xl border border-border-seam bg-bg-canvas px-3.5 py-3 text-left',\n 'transition hover:-translate-y-0.5 hover:border-accent hover:bg-bg-surface hover:shadow-sm'\n )}\n >\n <span className=\"flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-bg-sunken text-accent transition group-hover:bg-accent/15\">\n {q.icon}\n </span>\n <span className=\"flex-1 truncate text-sm font-medium text-text-primary\">\n {q.label}\n </span>\n <ArrowRight className=\"h-4 w-4 shrink-0 text-text-tertiary transition group-hover:translate-x-0.5 group-hover:text-accent\" />\n </button>\n ))}\n </div>\n </SectionCard>\n </div>\n );\n};\n\n// ---------------------------------------------------------------------------\n// Status breakdown — tone-colored, gradient horizontal bars with count + share\n// ---------------------------------------------------------------------------\nconst StatusBreakdown: FC<{ items: { status: string; count: number }[] }> = ({ items }) => {\n if (!items.length) return <p className=\"text-sm text-text-tertiary\">No records yet.</p>;\n const max = Math.max(...items.map((i) => i.count), 1);\n const total = items.reduce((s, i) => s + i.count, 0) || 1;\n return (\n <ul className=\"space-y-3.5\">\n {items.map((i) => (\n <li\n key={i.status}\n className=\"grid grid-cols-[7.5rem_minmax(0,1fr)_auto] items-center gap-3\"\n >\n <StatusPill status={i.status} className=\"justify-self-start\" />\n <div className=\"h-2.5 overflow-hidden rounded-full bg-bg-sunken\">\n <div\n className={cn(\n 'h-full rounded-full bg-gradient-to-r transition-all duration-500',\n barGradientFor(i.status)\n )}\n style={{ width: `${Math.max((i.count / max) * 100, 4)}%` }}\n />\n </div>\n <span className=\"flex items-baseline justify-end gap-1.5 tabular-nums\">\n <span className=\"text-sm font-semibold text-text-primary\">{i.count}</span>\n <span className=\"text-xs text-text-tertiary\">\n {Math.round((i.count / total) * 100)}%\n </span>\n </span>\n </li>\n ))}\n </ul>\n );\n};\n\n// ---------------------------------------------------------------------------\n// Revenue column chart — y-axis scale + gridlines, gradient columns, hover\n// ---------------------------------------------------------------------------\nconst RevenueBars: FC<{ data: { month: string; amount: number }[] }> = ({ data }) => {\n if (!data.length) return <p className=\"text-sm text-text-tertiary\">No invoiced revenue yet.</p>;\n const peak = Math.max(...data.map((d) => d.amount), 1);\n const axisMax = niceCeil(peak);\n const ticks = [1, 0.75, 0.5, 0.25, 0].map((f) => axisMax * f);\n return (\n <div className=\"overflow-x-auto\">\n <div className=\"min-w-[260px]\">\n <div className=\"relative h-44\">\n {ticks.map((t, idx) => (\n <div\n key={t}\n className=\"absolute inset-x-0 flex items-center gap-2\"\n style={{ top: `${(idx / (ticks.length - 1)) * 100}%` }}\n >\n <span className=\"w-11 shrink-0 text-right text-[10px] leading-none tabular-nums text-text-tertiary\">\n {fmtCompactMoney(t)}\n </span>\n <span\n className={cn(\n 'h-px flex-1',\n idx === ticks.length - 1 ? 'bg-border-seam' : 'bg-border-seam/50'\n )}\n />\n </div>\n ))}\n <div className=\"absolute inset-0 flex items-end gap-1.5 pl-[3.25rem]\">\n {data.map((d) => (\n <div\n key={d.month}\n className=\"group flex h-full flex-1 flex-col items-center justify-end\"\n >\n <div\n className=\"w-full max-w-[2rem] rounded-t-md bg-gradient-to-t from-accent/55 to-accent shadow-sm transition-all duration-200 group-hover:-translate-y-0.5 group-hover:shadow\"\n style={{ height: `${Math.max((d.amount / axisMax) * 100, 1.5)}%` }}\n title={fmtMoney(d.amount)}\n />\n </div>\n ))}\n </div>\n </div>\n <div className=\"mt-2 flex gap-1.5 pl-[3.25rem]\">\n {data.map((d) => (\n <span key={d.month} className=\"flex-1 text-center text-[10px] text-text-tertiary\">\n {monthShort(d.month)}\n </span>\n ))}\n </div>\n </div>\n </div>\n );\n};\n\n// ---------------------------------------------------------------------------\n// Chart helpers (token-driven; self-contained to this page)\n// ---------------------------------------------------------------------------\ntype BarTone = 'success' | 'warning' | 'danger' | 'info' | 'accent' | 'neutral';\n\nconst BAR_GRADIENT: Record<BarTone, string> = {\n success: 'from-status-success-text/55 to-status-success-text',\n warning: 'from-status-warning-text/55 to-status-warning-text',\n danger: 'from-status-error-text/55 to-status-error-text',\n info: 'from-text-link/55 to-text-link',\n accent: 'from-accent/55 to-accent',\n neutral: 'from-text-tertiary/30 to-text-tertiary/70',\n};\n\n/** Mirror of the shared StatusPill tone mapping, used to tint chart bars. */\nconst STATUS_BAR_TONE: Record<string, BarTone> = {\n ACTIVE: 'success',\n DELIVERED: 'success',\n INVOICED: 'success',\n PAID: 'success',\n APPROVED: 'success',\n PASSED: 'success',\n CLEAR: 'success',\n COMPLETED: 'success',\n FINAL: 'success',\n PROSPECT: 'info',\n PROPOSAL: 'info',\n MEDIUM: 'info',\n INTERNAL_REVIEW: 'info',\n SUBMITTED: 'info',\n SENT: 'info',\n IN_REVIEW: 'info',\n REVIEW: 'warning',\n ON_HOLD: 'warning',\n HIGH: 'warning',\n CLIENT_REVIEW: 'warning',\n PENDING: 'warning',\n POTENTIAL_CONFLICT: 'warning',\n CANCELLED: 'danger',\n CRITICAL: 'danger',\n REJECTED: 'danger',\n OVERDUE: 'danger',\n FAILED: 'danger',\n CONFLICT: 'danger',\n ACCEPTED: 'accent',\n IN_PROGRESS: 'accent',\n OPEN: 'accent',\n BILLED: 'accent',\n INACTIVE: 'neutral',\n ARCHIVED: 'neutral',\n CLOSED: 'neutral',\n LOW: 'neutral',\n DRAFT: 'neutral',\n WAIVED: 'neutral',\n};\n\nfunction barGradientFor(status: string): string {\n return BAR_GRADIENT[STATUS_BAR_TONE[status] ?? 'accent'];\n}\n\n/** Round a peak value up to a clean axis maximum (1/2/2.5/5/10 × 10ⁿ). */\nfunction niceCeil(v: number): number {\n if (v <= 0) return 1;\n const pow = 10 ** Math.floor(Math.log10(v));\n const n = v / pow;\n const step = n <= 1 ? 1 : n <= 2 ? 2 : n <= 2.5 ? 2.5 : n <= 5 ? 5 : 10;\n return step * pow;\n}\n\nfunction fmtCompactMoney(n: number): string {\n if (n >= 1_000_000) return `$${(n / 1_000_000).toFixed(n % 1_000_000 === 0 ? 0 : 1)}M`;\n if (n >= 1_000) return `$${Math.round(n / 1_000)}k`;\n return `$${Math.round(n)}`;\n}\n\n/** \"2026-07\" → \"Jul\" (falls back to the raw value if unparseable). */\nfunction monthShort(m: string): string {\n const [y, mo] = m.split('-').map(Number);\n if (!y || !mo) return m;\n const d = new Date(y, mo - 1, 1);\n return Number.isNaN(d.getTime()) ? m : d.toLocaleDateString(undefined, { month: 'short' });\n}\n"],"mappings":";;;;;;;AA6BA,IAAM,IAA0D;CAC9D;EAAE,OAAO;EAAW,IAAI;EAAW,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;EAAE;CACxE;EAAE,OAAO;EAAe,IAAI;EAAe,MAAM,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA;EAAE;CACpF;EAAE,OAAO;EAAW,IAAI;EAAW,MAAM,kBAAC,GAAD,EAAc,WAAU,WAAY,CAAA;EAAE;CAC/E;EAAE,OAAO;EAAQ,IAAI;EAAQ,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;EAAE;CAClE;EAAE,OAAO;EAAY,IAAI;EAAY,MAAM,kBAAC,GAAD,EAAS,WAAU,WAAY,CAAA;EAAE;CAC5E;EAAE,OAAO;EAAc,IAAI;EAAc,MAAM,kBAAC,GAAD,EAAa,WAAU,WAAY,CAAA;EAAE;CACpF;EAAE,OAAO;EAAmB,IAAI;EAAa,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;EAAE;CAClF;EAAE,OAAO;EAAa,IAAI;EAAa,MAAM,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA;EAAE;CAC/E;EAAE,OAAO;EAAkB,IAAI;EAAkB,MAAM,kBAAC,GAAD,EAAS,WAAU,WAAY,CAAA;EAAE;CACxF;EAAE,OAAO;EAAa,IAAI;EAAa,MAAM,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA;EAAE;CACjF,EAEY,UAA0B;CACrC,IAAM,IAAM,GAAQ,EACd,EAAE,SAAM,cAAW,UAAO,eAAY,GAAmB;AAM/D,QAJI,IAAkB,kBAAC,GAAD,EAAc,OAAM,8BAA+B,CAAA,GACrE,IAAc,kBAAC,GAAD;EAAmB;EAAO,eAAe,KAAK,GAAS;EAAI,CAAA,GACxE,IAGH,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,GAAD;IACE,OAAM;IACN,UAAS;IACT,CAAA;GAEF,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD;MACE,OAAM;MACN,OAAO,EAAK;MACZ,MAAM,GAAG,EAAK,aAAa;MAC3B,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;MACnC,MAAK;MACL,CAAA;KACF,kBAAC,GAAD;MACE,OAAM;MACN,OAAO,EAAK;MACZ,MAAM,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA;MACvC,MAAK;MACL,CAAA;KACF,kBAAC,GAAD;MACE,OAAM;MACN,OAAO,EAAK;MACZ,MAAM,kBAAC,GAAD,EAAc,WAAU,WAAY,CAAA;MAC1C,MAAK;MACL,CAAA;KACF,kBAAC,GAAD;MACE,OAAM;MACN,OAAO,EAAS,EAAK,cAAc;MACnC,MAAM,GAAG,EAAS,EAAK,YAAY,CAAC;MACpC,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;MACnC,MAAK;MACL,CAAA;KACF,kBAAC,GAAD;MACE,OAAM;MACN,OAAO,EAAS,EAAK,wBAAwB;MAC7C,MAAK;MACL,MAAM,kBAAC,GAAD,EAAS,WAAU,WAAY,CAAA;MACrC,MAAK;MACL,CAAA;KACF,kBAAC,GAAD;MACE,OAAM;MACN,OAAO,EAAS,EAAK,iBAAiB;MACtC,MAAM,kBAAC,GAAD,EAAS,WAAU,WAAY,CAAA;MACrC,MAAK;MACL,CAAA;KACF,kBAAC,GAAD;MACE,OAAM;MACN,OAAO,EAAK;MACZ,MAAM,kBAAC,GAAD,EAAa,WAAU,WAAY,CAAA;MACzC,MAAM,EAAK,0BAA0B,YAAY;MACjD,CAAA;KACF,kBAAC,GAAD;MACE,OAAM;MACN,OAAO,EAAK;MACZ,MAAM,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA;MACvC,MAAM,EAAK,qBAAqB,WAAW;MAC3C,CAAA;KACE;;GAEN,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD;MAAa,OAAM;gBACjB,kBAAC,GAAD,EAAiB,OAAO,EAAK,qBAAuB,CAAA;MACxC,CAAA;KACd,kBAAC,GAAD;MAAa,OAAM;gBACjB,kBAAC,GAAD,EAAiB,OAAO,EAAK,iBAAmB,CAAA;MACpC,CAAA;KACd,kBAAC,GAAD;MAAa,OAAM;MAAU,aAAY;gBACvC,kBAAC,GAAD,EAAa,MAAM,EAAK,gBAAkB,CAAA;MAC9B,CAAA;KACV;;GAEN,kBAAC,GAAD;IAAa,OAAM;cACjB,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAM,KAAK,MACV,kBAAC,UAAD;MAEE,MAAK;MACL,eAAe,EAAI,EAAE,GAAG;MACxB,WAAW,EACT,yGACA,4FACD;gBAPH;OASE,kBAAC,QAAD;QAAM,WAAU;kBACb,EAAE;QACE,CAAA;OACP,kBAAC,QAAD;QAAM,WAAU;kBACb,EAAE;QACE,CAAA;OACP,kBAAC,GAAD,EAAY,WAAU,sGAAuG,CAAA;OACtH;QAfF,EAAE,GAeA,CACT;KACE,CAAA;IACM,CAAA;GACV;MAlGU;GAyGd,KAAuE,EAAE,eAAY;AACzF,KAAI,CAAC,EAAM,OAAQ,QAAO,kBAAC,KAAD;EAAG,WAAU;YAA6B;EAAmB,CAAA;CACvF,IAAM,IAAM,KAAK,IAAI,GAAG,EAAM,KAAK,MAAM,EAAE,MAAM,EAAE,EAAE,EAC/C,IAAQ,EAAM,QAAQ,GAAG,MAAM,IAAI,EAAE,OAAO,EAAE,IAAI;AACxD,QACE,kBAAC,MAAD;EAAI,WAAU;YACX,EAAM,KAAK,MACV,kBAAC,MAAD;GAEE,WAAU;aAFZ;IAIE,kBAAC,GAAD;KAAY,QAAQ,EAAE;KAAQ,WAAU;KAAuB,CAAA;IAC/D,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,OAAD;MACE,WAAW,EACT,oEACA,EAAe,EAAE,OAAO,CACzB;MACD,OAAO,EAAE,OAAO,GAAG,KAAK,IAAK,EAAE,QAAQ,IAAO,KAAK,EAAE,CAAC,IAAI;MAC1D,CAAA;KACE,CAAA;IACN,kBAAC,QAAD;KAAM,WAAU;eAAhB,CACE,kBAAC,QAAD;MAAM,WAAU;gBAA2C,EAAE;MAAa,CAAA,EAC1E,kBAAC,QAAD;MAAM,WAAU;gBAAhB,CACG,KAAK,MAAO,EAAE,QAAQ,IAAS,IAAI,EAAC,IAChC;QACF;;IACJ;KAnBE,EAAE,OAmBJ,CACL;EACC,CAAA;GAOH,KAAkE,EAAE,cAAW;AACnF,KAAI,CAAC,EAAK,OAAQ,QAAO,kBAAC,KAAD;EAAG,WAAU;YAA6B;EAA4B,CAAA;CAE/F,IAAM,IAAU,EADH,KAAK,IAAI,GAAG,EAAK,KAAK,MAAM,EAAE,OAAO,EAAE,EAAE,CACxB,EACxB,IAAQ;EAAC;EAAG;EAAM;EAAK;EAAM;EAAE,CAAC,KAAK,MAAM,IAAU,EAAE;AAC7D,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACG,EAAM,KAAK,GAAG,MACb,kBAAC,OAAD;KAEE,WAAU;KACV,OAAO,EAAE,KAAK,GAAI,KAAO,EAAM,SAAS,KAAM,IAAI,IAAI;eAHxD,CAKE,kBAAC,QAAD;MAAM,WAAU;gBACb,EAAgB,EAAE;MACd,CAAA,EACP,kBAAC,QAAD,EACE,WAAW,EACT,eACA,MAAQ,EAAM,SAAS,IAAI,mBAAmB,oBAC/C,EACD,CAAA,CACE;OAbC,EAaD,CACN,EACF,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAK,KAAK,MACT,kBAAC,OAAD;MAEE,WAAU;gBAEV,kBAAC,OAAD;OACE,WAAU;OACV,OAAO,EAAE,QAAQ,GAAG,KAAK,IAAK,EAAE,SAAS,IAAW,KAAK,IAAI,CAAC,IAAI;OAClE,OAAO,EAAS,EAAE,OAAO;OACzB,CAAA;MACE,EARC,EAAE,MAQH,CACN;KACE,CAAA,CACF;OACN,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAK,KAAK,MACT,kBAAC,QAAD;KAAoB,WAAU;eAC3B,EAAW,EAAE,MAAM;KACf,EAFI,EAAE,MAEN,CACP;IACE,CAAA,CACF;;EACF,CAAA;GASJ,IAAwC;CAC5C,SAAS;CACT,SAAS;CACT,QAAQ;CACR,MAAM;CACN,QAAQ;CACR,SAAS;CACV,EAGK,IAA2C;CAC/C,QAAQ;CACR,WAAW;CACX,UAAU;CACV,MAAM;CACN,UAAU;CACV,QAAQ;CACR,OAAO;CACP,WAAW;CACX,OAAO;CACP,UAAU;CACV,UAAU;CACV,QAAQ;CACR,iBAAiB;CACjB,WAAW;CACX,MAAM;CACN,WAAW;CACX,QAAQ;CACR,SAAS;CACT,MAAM;CACN,eAAe;CACf,SAAS;CACT,oBAAoB;CACpB,WAAW;CACX,UAAU;CACV,UAAU;CACV,SAAS;CACT,QAAQ;CACR,UAAU;CACV,UAAU;CACV,aAAa;CACb,MAAM;CACN,QAAQ;CACR,UAAU;CACV,UAAU;CACV,QAAQ;CACR,KAAK;CACL,OAAO;CACP,QAAQ;CACT;AAED,SAAS,EAAe,GAAwB;AAC9C,QAAO,EAAa,EAAgB,MAAW;;AAIjD,SAAS,EAAS,GAAmB;AACnC,KAAI,KAAK,EAAG,QAAO;CACnB,IAAM,IAAM,MAAM,KAAK,MAAM,KAAK,MAAM,EAAE,CAAC,EACrC,IAAI,IAAI;AAEd,SADa,KAAK,IAAI,IAAI,KAAK,IAAI,IAAI,KAAK,MAAM,MAAM,KAAK,IAAI,IAAI,MACvD;;AAGhB,SAAS,EAAgB,GAAmB;AAG1C,QAFI,KAAK,MAAkB,KAAK,IAAI,KAAW,QAAQ,IAAI,OAAc,IAAI,IAAI,EAAE,CAAC,KAChF,KAAK,MAAc,IAAI,KAAK,MAAM,IAAI,IAAM,CAAC,KAC1C,IAAI,KAAK,MAAM,EAAE;;AAI1B,SAAS,EAAW,GAAmB;CACrC,IAAM,CAAC,GAAG,KAAM,EAAE,MAAM,IAAI,CAAC,IAAI,OAAO;AACxC,KAAI,CAAC,KAAK,CAAC,EAAI,QAAO;CACtB,IAAM,IAAI,IAAI,KAAK,GAAG,IAAK,GAAG,EAAE;AAChC,QAAO,OAAO,MAAM,EAAE,SAAS,CAAC,GAAG,IAAI,EAAE,mBAAmB,KAAA,GAAW,EAAE,OAAO,SAAS,CAAC"}