@burdenoff/microfe-timecampus 2026.703.4 → 2026.703.6

package/dist/timecampus/pages/time-approval/TimeApprovalPage.js

@@ -1,46 +1,64 @@
-import { formatDate as e, formatHours as t, getInitials as n } from "../../utils/helpers.js";
+import { cn as e, formatDate as t, formatHours as n, getInitials as ee } from "../../utils/helpers.js";
 import { StatCard as r } from "../../components/StatCard.js";
 import { LoadingSkeleton as i } from "../../components/LoadingSkeleton.js";
-import { useApproveRequestMutation as a, useGetApprovalStatsQuery as o, useListApprovalRequestsQuery as ee, useRejectRequestMutation as te, useRequestRevisionMutation as ne, useWithdrawRequestMutation as re } from "../../../generated/wspace-operations.js";
-import { PageLayout as s } from "../../components/PageLayout.js";
-import { EmptyState as c } from "../../components/EmptyState.js";
-import { ApprovalStatus as l } from "../../../generated/wspace-types.js";
+import { useApproveRequestMutation as a, useGetApprovalStatsQuery as o, useListApprovalRequestsQuery as s, useRejectRequestMutation as te, useRequestRevisionMutation as ne, useWithdrawRequestMutation as re } from "../../../generated/wspace-operations.js";
+import { PageLayout as c } from "../../components/PageLayout.js";
+import { StatusBadge as l } from "../../components/StatusBadge.js";
+import { EmptyState as ie } from "../../components/EmptyState.js";
+import { ChartCard as ae } from "../../components/ChartCard.js";
+import { ToastContainer as oe, useToast as se } from "../../components/Toast.js";
 import { Modal as u } from "../../components/Modal.js";
-import { StatusBadge as ie } from "../../components/StatusBadge.js";
-import { ToastContainer as ae, useToast as oe } from "../../components/Toast.js";
+import { DonutChart as ce } from "../../components/charts/DonutChart.js";
+import { ProgressMeter as le } from "../../components/charts/ProgressMeter.js";
+import "../../components/index.js";
+import { ApprovalStatus as ue } from "../../../generated/wspace-types.js";
 import { useState as d } from "react";
-import { CheckCircle as f, Clock as p, MessageSquare as se, MessagesSquare as ce, Undo2 as le, XCircle as m } from "lucide-react";
-import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { ContextConversationWidget as v } from "@burdenoff/fe-libs/shared";
-import { useRegisterPageConversationContext as y } from "@burdenoff/fe-libs/shared/providers/shell";
+import { CheckCircle as f, Clock as p, MessageSquare as de, MessagesSquare as m, Undo2 as h, X as fe, XCircle as g } from "lucide-react";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+import { GlassCard as b } from "@burdenoff/fe-libs/ui";
+import { ContextConversationWidget as x } from "@burdenoff/fe-libs/shared";
+import { useRegisterPageConversationContext as S } from "@burdenoff/fe-libs/shared/providers/shell";
 //#region src/timecampus/pages/time-approval/TimeApprovalPage.tsx
-var b = 25;
-function x({ request: e }) {
-	return y({
+var C = 25;
+function w({ request: e }) {
+	return S({
 		entityType: "TIMECAMPUS_APPROVAL_REQUEST",
 		entityId: e.id,
 		contextTitle: `Approval · ${e.period ?? e.id}`
-	}), /* @__PURE__ */ g(v, { widgetKey: "approval-review" });
+	}), /* @__PURE__ */ v(x, { widgetKey: "approval-review" });
 }
-var S = "mt-1 w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary";
-function C() {
-	let { toasts: v, addToast: y, dismissToast: C } = oe(), { data: w, loading: T, error: ue, refetch: de, fetchMore: fe } = ee({
+var T = "mt-1 w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary";
+function E() {
+	let { toasts: x, addToast: S, dismissToast: E } = se(), { data: D, loading: O, error: pe, refetch: me, fetchMore: he } = s({
 		variables: {
-			limit: b,
+			limit: C,
 			offset: 0
 		},
 		notifyOnNetworkStatusChange: !0
-	}), { data: pe, loading: me, error: E, refetch: D } = o(), [O] = a(), [k, { loading: A }] = te(), [j, { loading: M }] = ne(), [N] = re(), P = w?.approvalRequests?.items ?? [], F = w?.approvalRequests?.total ?? 0, I = w?.approvalRequests?.hasMore ?? !1, L = pe?.approvalStats, [R, z] = d(!1), [he, B] = d(null), [V, H] = d(null), [U, W] = d(""), [G, K] = d(null), [q, J] = d(""), [Y, X] = d(null), [Z, Q] = d(null), $ = async () => {
-		await Promise.all([de(), D()]);
-	}, ge = async (e) => {
+	}), { data: ge, loading: _e, error: k, refetch: A } = o(), [j] = a(), [M, { loading: N }] = te(), [P, { loading: F }] = ne(), [ve] = re(), I = D?.approvalRequests?.items ?? [], ye = D?.approvalRequests?.total ?? 0, be = D?.approvalRequests?.hasMore ?? !1, L = ge?.approvalStats, xe = [
+		{
+			name: "Pending",
+			value: L?.pendingCount ?? 0
+		},
+		{
+			name: "Approved",
+			value: L?.approvedCount ?? 0
+		},
+		{
+			name: "Rejected",
+			value: L?.rejectedCount ?? 0
+		}
+	], [R, z] = d(!1), [Se, B] = d(null), [V, H] = d(null), [U, W] = d(""), [G, K] = d(null), [q, J] = d(""), [Y, X] = d(null), [Z, Q] = d(null), $ = async () => {
+		await Promise.all([me(), A()]);
+	}, Ce = async (e) => {
 		B(e);
 		try {
-			await O({ variables: { id: e } }), y({
+			await j({ variables: { id: e } }), S({
 				title: "Timesheet approved",
 				variant: "success"
 			}), await $();
 		} catch {
-			y({
+			S({
 				title: "Failed to approve timesheet",
 				variant: "error"
 			});
@@ -48,287 +66,374 @@ function C() {
 			B(null);
 		}
 	};
-	return T && me && P.length === 0 ? /* @__PURE__ */ g(s, {
+	return O && _e && I.length === 0 ? /* @__PURE__ */ v(c, {
 		title: "Time Approval",
 		description: "Review and approve team timesheets",
-		children: /* @__PURE__ */ g(i, {
+		children: /* @__PURE__ */ v(i, {
 			variant: "list",
 			count: 4
 		})
-	}) : ue && E ? /* @__PURE__ */ g(s, {
+	}) : pe && k ? /* @__PURE__ */ v(c, {
 		title: "Time Approval",
 		description: "Review and approve team timesheets",
-		children: /* @__PURE__ */ g("div", {
+		children: /* @__PURE__ */ v("div", {
 			className: "rounded-lg border border-status-error-bg/40 bg-status-error-bg p-4 text-sm text-status-error-text",
 			children: "Failed to load approval data. Please try again later."
 		})
-	}) : /* @__PURE__ */ _(s, {
+	}) : /* @__PURE__ */ y(c, {
 		title: "Time Approval",
 		description: "Review and approve team timesheets",
 		purpose: "The reviewer's queue for signing off team timesheets before they're billed or paid — approve, reject or request changes in one place so payroll and invoices go out accurate and on time.",
 		children: [
-			/* @__PURE__ */ _("div", {
+			/* @__PURE__ */ y("div", {
 				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
 				children: [
-					/* @__PURE__ */ g(r, {
+					/* @__PURE__ */ v(r, {
 						featured: !0,
 						title: "Pending Approvals",
 						value: String(L?.pendingCount ?? 0),
-						icon: /* @__PURE__ */ g(p, { className: "h-5 w-5" }),
+						icon: /* @__PURE__ */ v(p, { className: "h-5 w-5" }),
 						iconBgColor: "bg-status-warning-bg text-status-warning-text"
 					}),
-					/* @__PURE__ */ g(r, {
+					/* @__PURE__ */ v(r, {
 						title: "Approved This Week",
 						value: String(L?.approvedCount ?? 0),
-						icon: /* @__PURE__ */ g(f, { className: "h-5 w-5" }),
+						icon: /* @__PURE__ */ v(f, { className: "h-5 w-5" }),
 						iconBgColor: "bg-status-success-bg text-status-success-text"
 					}),
-					/* @__PURE__ */ g(r, {
+					/* @__PURE__ */ v(r, {
 						title: "Rejected",
 						value: String(L?.rejectedCount ?? 0),
-						icon: /* @__PURE__ */ g(m, { className: "h-5 w-5" }),
+						icon: /* @__PURE__ */ v(g, { className: "h-5 w-5" }),
 						iconBgColor: "bg-status-error-bg text-status-error-text"
 					}),
-					/* @__PURE__ */ g(r, {
+					/* @__PURE__ */ v(r, {
 						title: "Avg. Review Time",
 						value: L?.averageReviewTime ? `${Math.round(L.averageReviewTime)}h` : "N/A",
 						description: "Target: 24h"
 					})
 				]
 			}),
-			P.length === 0 && !T ? /* @__PURE__ */ g(c, {
-				illustration: "empty-notifications",
-				title: "No approval requests found",
-				description: "You're all caught up — submitted timesheets waiting on your review will appear here."
-			}) : /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g("div", {
-				className: "rounded-xl border border-border-seam bg-gloss-card shadow-pop",
-				children: /* @__PURE__ */ g("div", {
-					className: "divide-y divide-border",
-					children: P.map((r) => {
-						let i = r.status === l.Pending, a = he === r.id;
-						return /* @__PURE__ */ _("div", {
-							className: "flex flex-col gap-3 p-4 hover:bg-bg-sunken/50 transition-colors sm:flex-row sm:items-center sm:justify-between",
-							children: [/* @__PURE__ */ _("div", {
-								className: "flex items-center gap-3",
-								children: [/* @__PURE__ */ g("div", {
-									className: "flex h-9 w-9 items-center justify-center rounded-full bg-action-primary-bg/10 text-sm font-medium text-primary",
-									children: n(r.userId)
-								}), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
+			/* @__PURE__ */ y("div", {
+				className: "grid grid-cols-1 gap-6 lg:grid-cols-3",
+				children: [/* @__PURE__ */ y("div", {
+					className: "space-y-4 lg:col-span-2",
+					children: [/* @__PURE__ */ y("div", {
+						className: "flex items-center justify-between gap-3",
+						children: [/* @__PURE__ */ v("h2", {
+							className: "text-sm font-semibold text-text-primary",
+							children: "Pending Requests"
+						}), /* @__PURE__ */ y("p", {
+							className: "text-xs text-text-secondary",
+							children: [
+								"Showing ",
+								I.length,
+								" of ",
+								ye
+							]
+						})]
+					}), I.length === 0 && !O ? /* @__PURE__ */ v(ie, {
+						illustration: "empty-notifications",
+						title: "No approval requests found",
+						description: "You're all caught up — submitted timesheets waiting on your review will appear here."
+					}) : /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("div", {
+						className: "space-y-3",
+						children: I.map((r) => {
+							let i = r.status === ue.Pending, a = Se === r.id, o = Z?.id === r.id, s = r.totalHours > 0 ? Math.round(r.billableHours / r.totalHours * 100) : 0;
+							return /* @__PURE__ */ y(b, {
+								treatment: "plain",
+								glow: o,
+								className: e("p-4", o && "border-action-primary-bg/50"),
+								children: [/* @__PURE__ */ y("div", {
+									className: "flex flex-col gap-4 lg:flex-row lg:items-center lg:justify-between",
+									children: [/* @__PURE__ */ y("div", {
+										className: "flex min-w-0 items-center gap-3",
+										children: [/* @__PURE__ */ v("div", {
+											className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-action-primary-bg/10 text-sm font-medium text-primary",
+											children: ee(r.userId)
+										}), /* @__PURE__ */ y("div", {
+											className: "min-w-0",
+											children: [/* @__PURE__ */ v("p", {
+												className: "truncate text-sm font-medium text-text-primary",
+												children: r.userId
+											}), /* @__PURE__ */ y("p", {
+												className: "truncate text-xs text-text-secondary",
+												children: [
+													r.period,
+													" · Submitted",
+													" ",
+													t(r.submittedAt)
+												]
+											})]
+										})]
+									}), /* @__PURE__ */ y("div", {
+										className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:gap-5",
+										children: [/* @__PURE__ */ y("div", {
+											className: "flex items-center gap-6",
+											children: [/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+												className: "text-[11px] font-medium uppercase tracking-wide text-text-secondary",
+												children: "Total submitted"
+											}), /* @__PURE__ */ v("p", {
+												className: "text-lg font-semibold tabular-nums text-text-primary",
+												children: n(r.totalHours)
+											})] }), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+												className: "text-[11px] font-medium uppercase tracking-wide text-text-secondary",
+												children: "Billable"
+											}), /* @__PURE__ */ v("p", {
+												className: "text-lg font-semibold tabular-nums text-text-primary",
+												children: n(r.billableHours)
+											})] })]
+										}), /* @__PURE__ */ y("div", {
+											className: "flex flex-wrap items-center gap-2",
+											children: [
+												/* @__PURE__ */ v(l, {
+													label: r.status.toLowerCase(),
+													status: r.status.toLowerCase()
+												}),
+												i && /* @__PURE__ */ y(_, { children: [
+													/* @__PURE__ */ y("button", {
+														onClick: () => Ce(r.id),
+														disabled: a,
+														className: "inline-flex items-center gap-1.5 rounded-md bg-status-success-bg px-3 py-1.5 text-sm font-medium text-status-success-text hover:bg-status-success-bg/80 disabled:opacity-50",
+														children: [/* @__PURE__ */ v(f, { className: "h-4 w-4" }), "Approve"]
+													}),
+													/* @__PURE__ */ y("button", {
+														onClick: () => {
+															H(r), W("");
+														},
+														disabled: a,
+														className: "inline-flex items-center gap-1.5 rounded-md bg-status-error-bg px-3 py-1.5 text-sm font-medium text-status-error-text hover:bg-status-error-bg/80 disabled:opacity-50",
+														children: [/* @__PURE__ */ v(g, { className: "h-4 w-4" }), "Reject"]
+													}),
+													/* @__PURE__ */ v("button", {
+														onClick: () => {
+															K(r), J("");
+														},
+														disabled: a,
+														title: "Request revision",
+														className: "rounded-md border border-border-seam bg-bg-surface p-1.5 text-status-warning-text hover:bg-status-warning-bg disabled:opacity-50",
+														children: /* @__PURE__ */ v(de, { className: "h-4 w-4" })
+													}),
+													/* @__PURE__ */ v("button", {
+														onClick: () => X(r),
+														disabled: a,
+														title: "Withdraw request",
+														className: "rounded-md border border-border-seam bg-bg-surface p-1.5 text-text-secondary hover:bg-bg-sunken disabled:opacity-50",
+														children: /* @__PURE__ */ v(h, { className: "h-4 w-4" })
+													})
+												] }),
+												/* @__PURE__ */ v("button", {
+													onClick: () => Q(o ? null : r),
+													title: "Review / Discussion",
+													className: e("rounded-md border p-1.5", o ? "border-action-primary-bg bg-action-primary-bg/10 text-primary" : "border-border-seam bg-bg-surface text-text-secondary hover:bg-bg-sunken"),
+													children: /* @__PURE__ */ v(m, { className: "h-4 w-4" })
+												})
+											]
+										})]
+									})]
+								}), r.totalHours > 0 && /* @__PURE__ */ v("div", {
+									className: "mt-4",
+									children: /* @__PURE__ */ v(le, {
+										value: s,
+										max: 100,
+										tone: "success",
+										size: "sm",
+										showValue: !1,
+										label: `Billable share · ${s}%`
+									})
+								})]
+							}, r.id);
+						})
+					}), be && /* @__PURE__ */ v("div", {
+						className: "flex justify-center",
+						children: /* @__PURE__ */ v("button", {
+							onClick: async () => {
+								z(!0);
+								try {
+									await he({
+										variables: {
+											limit: C,
+											offset: I.length
+										},
+										updateQuery: (e, { fetchMoreResult: t }) => t ? {
+											...e,
+											approvalRequests: {
+												...t.approvalRequests,
+												items: [...e.approvalRequests.items, ...t.approvalRequests.items]
+											}
+										} : e
+									});
+								} finally {
+									z(!1);
+								}
+							},
+							disabled: R,
+							className: "rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50 disabled:opacity-50",
+							children: R ? "Loading..." : "Load more"
+						})
+					})] })]
+				}), /* @__PURE__ */ v("div", {
+					className: "lg:col-span-1",
+					children: /* @__PURE__ */ y("div", {
+						className: "space-y-4 lg:sticky lg:top-4",
+						children: [/* @__PURE__ */ v(ae, {
+							title: "Approval mix",
+							description: "Requests by current status",
+							children: /* @__PURE__ */ v(ce, {
+								data: xe,
+								centerLabel: "Total",
+								centerValue: L?.totalRequests ?? 0,
+								height: 220,
+								emptyLabel: "No requests to summarise yet.",
+								ariaLabel: "Approval requests by status"
+							})
+						}), /* @__PURE__ */ y("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ y("div", {
+								className: "flex items-center justify-between px-1",
+								children: [/* @__PURE__ */ v("h3", {
 									className: "text-sm font-medium text-text-primary",
-									children: r.userId
-								}), /* @__PURE__ */ _("p", {
-									className: "text-xs text-text-secondary",
-									children: [
-										r.period,
-										" · Submitted",
-										" ",
-										e(r.submittedAt)
-									]
-								})] })]
-							}), /* @__PURE__ */ _("div", {
-								className: "flex flex-wrap items-center gap-3",
+									children: "Review discussion"
+								}), Z && /* @__PURE__ */ y("button", {
+									onClick: () => Q(null),
+									title: "Close thread",
+									className: "inline-flex items-center gap-1 rounded-md px-2 py-1 text-xs text-text-secondary hover:bg-bg-sunken",
+									children: [/* @__PURE__ */ v(fe, { className: "h-3.5 w-3.5" }), "Clear"]
+								})]
+							}), Z ? /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ y("p", {
+								className: "px-1 text-xs text-text-secondary",
 								children: [
-									/* @__PURE__ */ _("div", {
-										className: "text-right",
-										children: [/* @__PURE__ */ g("p", {
+									"Discussing ",
+									Z.userId,
+									" ·",
+									" ",
+									Z.period
+								]
+							}), /* @__PURE__ */ v(w, { request: Z })] }) : /* @__PURE__ */ v(b, {
+								treatment: "insight",
+								className: "border-border-seam p-6",
+								children: /* @__PURE__ */ y("div", {
+									className: "flex flex-col items-center justify-center gap-2 text-center",
+									children: [
+										/* @__PURE__ */ v(m, { className: "h-6 w-6 text-text-secondary" }),
+										/* @__PURE__ */ v("p", {
 											className: "text-sm font-medium text-text-primary",
-											children: t(r.totalHours)
-										}), /* @__PURE__ */ _("p", {
+											children: "No timesheet selected"
+										}),
+										/* @__PURE__ */ v("p", {
 											className: "text-xs text-text-secondary",
-											children: [t(r.billableHours), " billable"]
-										})]
-									}),
-									/* @__PURE__ */ g(ie, {
-										label: r.status.toLowerCase(),
-										status: r.status.toLowerCase()
-									}),
-									/* @__PURE__ */ g("button", {
-										onClick: () => Q(r),
-										title: "Review / Discussion",
-										className: "rounded-md p-1.5 text-text-secondary hover:bg-bg-sunken",
-										children: /* @__PURE__ */ g(ce, { className: "h-4 w-4" })
-									}),
-									i && /* @__PURE__ */ _("div", {
-										className: "flex items-center gap-1",
-										children: [
-											/* @__PURE__ */ g("button", {
-												onClick: () => ge(r.id),
-												disabled: a,
-												title: "Approve",
-												className: "rounded-md p-1.5 text-status-success-text hover:bg-status-success-bg disabled:opacity-50",
-												children: /* @__PURE__ */ g(f, { className: "h-4 w-4" })
-											}),
-											/* @__PURE__ */ g("button", {
-												onClick: () => {
-													K(r), J("");
-												},
-												disabled: a,
-												title: "Request revision",
-												className: "rounded-md p-1.5 text-status-warning-text hover:bg-status-warning-bg disabled:opacity-50",
-												children: /* @__PURE__ */ g(se, { className: "h-4 w-4" })
-											}),
-											/* @__PURE__ */ g("button", {
-												onClick: () => {
-													H(r), W("");
-												},
-												disabled: a,
-												title: "Reject",
-												className: "rounded-md p-1.5 text-status-error-text hover:bg-status-error-bg disabled:opacity-50",
-												children: /* @__PURE__ */ g(m, { className: "h-4 w-4" })
-											}),
-											/* @__PURE__ */ g("button", {
-												onClick: () => X(r),
-												disabled: a,
-												title: "Withdraw request",
-												className: "rounded-md p-1.5 text-text-secondary hover:bg-bg-sunken disabled:opacity-50",
-												children: /* @__PURE__ */ g(le, { className: "h-4 w-4" })
-											})
-										]
-									})
-								]
+											children: "Open a request's discussion icon to review it with the submitter."
+										})
+									]
+								})
 							})]
-						}, r.id);
+						})]
 					})
-				})
-			}), /* @__PURE__ */ _("div", {
-				className: "mt-4 flex items-center justify-between",
-				children: [/* @__PURE__ */ _("p", {
-					className: "text-xs text-text-secondary",
-					children: [
-						"Showing ",
-						P.length,
-						" of ",
-						F
-					]
-				}), I && /* @__PURE__ */ g("button", {
-					onClick: async () => {
-						z(!0);
-						try {
-							await fe({
-								variables: {
-									limit: b,
-									offset: P.length
-								},
-								updateQuery: (e, { fetchMoreResult: t }) => t ? {
-									...e,
-									approvalRequests: {
-										...t.approvalRequests,
-										items: [...e.approvalRequests.items, ...t.approvalRequests.items]
-									}
-								} : e
-							});
-						} finally {
-							z(!1);
-						}
-					},
-					disabled: R,
-					className: "rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50 disabled:opacity-50",
-					children: R ? "Loading..." : "Load more"
 				})]
-			})] }),
-			/* @__PURE__ */ _(u, {
+			}),
+			/* @__PURE__ */ y(u, {
 				open: V !== null,
 				onClose: () => H(null),
 				title: "Reject timesheet",
 				description: V ? `Rejecting ${V.userId}'s ${V.period} timesheet.` : void 0,
 				size: "sm",
-				footer: /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g("button", {
+				footer: /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("button", {
 					onClick: () => H(null),
 					className: "rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50",
 					children: "Cancel"
-				}), /* @__PURE__ */ g("button", {
+				}), /* @__PURE__ */ v("button", {
 					onClick: async () => {
 						if (!(!V || !U.trim())) try {
-							await k({ variables: {
+							await M({ variables: {
 								id: V.id,
 								reason: U.trim()
-							} }), y({
+							} }), S({
 								title: "Timesheet rejected",
 								variant: "success"
 							}), H(null), W(""), await $();
 						} catch {
-							y({
+							S({
 								title: "Failed to reject timesheet",
 								variant: "error"
 							});
 						}
 					},
-					disabled: A || !U.trim(),
+					disabled: N || !U.trim(),
 					className: "rounded-md bg-status-error-bg px-4 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg/80 disabled:opacity-50",
-					children: A ? "Rejecting..." : "Reject"
+					children: N ? "Rejecting..." : "Reject"
 				})] }),
-				children: [/* @__PURE__ */ g("label", {
+				children: [/* @__PURE__ */ v("label", {
 					className: "block text-sm font-medium text-text-primary",
 					children: "Rejection reason"
-				}), /* @__PURE__ */ g("textarea", {
+				}), /* @__PURE__ */ v("textarea", {
 					rows: 3,
 					placeholder: "Explain why this timesheet is being rejected",
 					value: U,
 					onChange: (e) => W(e.target.value),
-					className: S
+					className: T
 				})]
 			}),
-			/* @__PURE__ */ _(u, {
+			/* @__PURE__ */ y(u, {
 				open: G !== null,
 				onClose: () => K(null),
 				title: "Request revision",
 				description: G ? `Ask ${G.userId} to revise their ${G.period} timesheet.` : void 0,
 				size: "sm",
-				footer: /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g("button", {
+				footer: /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("button", {
 					onClick: () => K(null),
 					className: "rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50",
 					children: "Cancel"
-				}), /* @__PURE__ */ g("button", {
+				}), /* @__PURE__ */ v("button", {
 					onClick: async () => {
 						if (!(!G || !q.trim())) try {
-							await j({ variables: {
+							await P({ variables: {
 								id: G.id,
 								notes: q.trim()
-							} }), y({
+							} }), S({
 								title: "Revision requested",
 								variant: "success"
 							}), K(null), J(""), await $();
 						} catch {
-							y({
+							S({
 								title: "Failed to request revision",
 								variant: "error"
 							});
 						}
 					},
-					disabled: M || !q.trim(),
+					disabled: F || !q.trim(),
 					className: "rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 disabled:opacity-50",
-					children: M ? "Sending..." : "Request Revision"
+					children: F ? "Sending..." : "Request Revision"
 				})] }),
-				children: [/* @__PURE__ */ g("label", {
+				children: [/* @__PURE__ */ v("label", {
 					className: "block text-sm font-medium text-text-primary",
 					children: "What needs changing?"
-				}), /* @__PURE__ */ g("textarea", {
+				}), /* @__PURE__ */ v("textarea", {
 					rows: 3,
 					placeholder: "Describe the changes needed before this can be approved",
 					value: q,
 					onChange: (e) => J(e.target.value),
-					className: S
+					className: T
 				})]
 			}),
-			/* @__PURE__ */ g(u, {
+			/* @__PURE__ */ v(u, {
 				open: Y !== null,
 				onClose: () => X(null),
 				title: "Withdraw request?",
 				description: Y ? `${Y.userId}'s ${Y.period} timesheet will be pulled from the review queue.` : void 0,
 				size: "sm",
-				footer: /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g("button", {
+				footer: /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("button", {
 					onClick: () => X(null),
 					className: "rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50",
 					children: "Cancel"
-				}), /* @__PURE__ */ g("button", {
+				}), /* @__PURE__ */ v("button", {
 					onClick: async () => {
 						if (Y) try {
-							await N({ variables: { id: Y.id } }), y({
+							await ve({ variables: { id: Y.id } }), S({
 								title: "Request withdrawn",
 								variant: "success"
 							}), X(null), await $();
 						} catch {
-							y({
+							S({
 								title: "Failed to withdraw request",
 								variant: "error"
 							});
@@ -337,27 +442,19 @@ function C() {
 					className: "rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90",
 					children: "Withdraw"
 				})] }),
-				children: /* @__PURE__ */ g("p", {
+				children: /* @__PURE__ */ v("p", {
 					className: "text-sm text-text-secondary",
 					children: "Withdrawing removes the request from the approval queue. It can be resubmitted later."
 				})
 			}),
-			/* @__PURE__ */ g(u, {
-				open: Z !== null,
-				onClose: () => Q(null),
-				title: "Review / Discussion",
-				description: Z ? `Discuss ${Z.userId}'s ${Z.period} timesheet with the team.` : void 0,
-				size: "lg",
-				children: Z && /* @__PURE__ */ g(x, { request: Z })
-			}),
-			/* @__PURE__ */ g(ae, {
-				toasts: v,
-				onDismiss: C
+			/* @__PURE__ */ v(oe, {
+				toasts: x,
+				onDismiss: E
 			})
 		]
 	});
 }
 //#endregion
-export { C as TimeApprovalPage };
+export { E as TimeApprovalPage };
 
 //# sourceMappingURL=TimeApprovalPage.js.map