@burdenoff/microfe-planmagnet 2026.928.3 → 2026.928.5

package/dist/planmagnet/pages/TasksTimesheetDetailPagePage.js

@@ -0,0 +1,254 @@
+import { usePlanMagnetNavigate as e } from "../providers/PlanMagnetProvider.js";
+import { PersonName as t } from "../people/People.js";
+import { useEntityId as n } from "../hooks/useEntityId.js";
+import { enumLabel as r } from "../controls/WorkItemControls.js";
+import { FROZEN_TIMESHEET_STATUSES as i, formatMinutes as a } from "../time/timeShared.js";
+import { DeleteTimeEntryButton as o, EditTimeEntryDialog as s } from "../time/TimeEntryControls.js";
+import { SubmitTimesheetButton as c, TimesheetApprovalActions as l } from "../time/TimesheetControls.js";
+import { ArrowLeft as u, Lock as d } from "lucide-react";
+import { gql as f } from "@apollo/client";
+import { useQuery as p } from "@apollo/client/react";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { Button as _, Card as v, CardContent as y, CardHeader as b, CardTitle as x } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/pages/TasksTimesheetDetailPagePage.tsx
+var S = f`
+  query TimesheetDetail($id: ID!) {
+    planmagnetTimesheet(id: $id) {
+      id
+      userId
+      periodStart
+      periodEnd
+      status
+      totalMinutes
+      billableMinutes
+      approverId
+      approvedAt
+      rejectionReason
+      createdBy
+      createdAt
+      entries {
+        id
+        workItemId
+        workItem {
+          id
+          key
+          title
+        }
+        description
+        durationMinutes
+        date
+        billingType
+        status
+      }
+    }
+  }
+`;
+function C() {
+	let f = n("timesheetId"), C = e(), { data: w, loading: T, error: E } = p(S, {
+		variables: { id: f },
+		skip: !f
+	});
+	if (!f) return /* @__PURE__ */ h("div", {
+		className: "p-6 text-sm text-muted-foreground",
+		children: "No timesheet selected. Open one from the list."
+	});
+	if (T && !w) return /* @__PURE__ */ h("div", {
+		className: "flex items-center justify-center p-12",
+		children: /* @__PURE__ */ h("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
+	});
+	if (E) return /* @__PURE__ */ g("div", {
+		className: "p-6 space-y-3",
+		children: [/* @__PURE__ */ g("p", {
+			role: "alert",
+			className: "text-sm text-destructive",
+			children: ["The timesheet could not be loaded: ", E.message]
+		}), /* @__PURE__ */ g(_, {
+			size: "sm",
+			variant: "ghost",
+			onClick: () => C("/tasks/timesheets-page"),
+			children: [/* @__PURE__ */ h(u, { className: "mr-1 h-4 w-4" }), "All timesheets"]
+		})]
+	});
+	let D = w?.planmagnetTimesheet;
+	if (!D) return /* @__PURE__ */ g("div", {
+		className: "p-6 space-y-3",
+		children: [/* @__PURE__ */ h("p", {
+			className: "text-sm text-muted-foreground",
+			children: "This timesheet does not exist in this workspace."
+		}), /* @__PURE__ */ g(_, {
+			size: "sm",
+			variant: "ghost",
+			onClick: () => C("/tasks/timesheets-page"),
+			children: [/* @__PURE__ */ h(u, { className: "mr-1 h-4 w-4" }), "All timesheets"]
+		})]
+	});
+	let O = ["TimesheetDetail", "TimesheetsList"], k = i.has(D.status), A = [...D.entries].sort((e, t) => e.date.localeCompare(t.date));
+	return /* @__PURE__ */ g("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ g(_, {
+				size: "sm",
+				variant: "ghost",
+				onClick: () => C("/tasks/timesheets-page"),
+				children: [/* @__PURE__ */ h(u, { className: "mr-1 h-4 w-4" }), "All timesheets"]
+			}),
+			/* @__PURE__ */ g("div", {
+				className: "flex flex-wrap items-start justify-between gap-4",
+				children: [/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ g("h1", {
+					className: "text-2xl font-semibold",
+					children: [
+						new Date(D.periodStart).toLocaleDateString(),
+						" –",
+						" ",
+						new Date(D.periodEnd).toLocaleDateString()
+					]
+				}), /* @__PURE__ */ g("p", {
+					className: "text-sm text-muted-foreground mt-1",
+					children: [
+						/* @__PURE__ */ h(t, { id: D.userId }),
+						" · ",
+						r(D.status)
+					]
+				})] }), /* @__PURE__ */ g("div", {
+					className: "flex flex-col items-end gap-2",
+					children: [/* @__PURE__ */ h(c, {
+						id: D.id,
+						status: D.status,
+						refetchQueries: O
+					}), /* @__PURE__ */ h(l, {
+						id: D.id,
+						status: D.status,
+						refetchQueries: O
+					})]
+				})]
+			}),
+			D.status === "REJECTED" && D.rejectionReason && /* @__PURE__ */ g("p", {
+				role: "alert",
+				className: "text-sm text-status-error-text rounded-md border border-destructive/40 p-3",
+				children: ["Rejected: ", D.rejectionReason]
+			}),
+			D.approverId && D.approvedAt && /* @__PURE__ */ g("p", {
+				className: "text-sm text-muted-foreground",
+				children: [
+					"Approved by ",
+					/* @__PURE__ */ h(t, { id: D.approverId }),
+					" on",
+					" ",
+					new Date(D.approvedAt).toLocaleDateString()
+				]
+			}),
+			/* @__PURE__ */ g("div", {
+				className: "grid grid-cols-2 md:grid-cols-4 gap-4",
+				children: [
+					/* @__PURE__ */ h(v, { children: /* @__PURE__ */ g(y, {
+						className: "pt-4",
+						children: [/* @__PURE__ */ h("p", {
+							className: "text-xs text-muted-foreground",
+							children: "Total"
+						}), /* @__PURE__ */ h("p", {
+							className: "text-xl font-bold mt-1",
+							children: a(D.totalMinutes)
+						})]
+					}) }),
+					/* @__PURE__ */ h(v, { children: /* @__PURE__ */ g(y, {
+						className: "pt-4",
+						children: [/* @__PURE__ */ h("p", {
+							className: "text-xs text-muted-foreground",
+							children: "Billable"
+						}), /* @__PURE__ */ h("p", {
+							className: "text-xl font-bold mt-1",
+							children: a(D.billableMinutes)
+						})]
+					}) }),
+					/* @__PURE__ */ h(v, { children: /* @__PURE__ */ g(y, {
+						className: "pt-4",
+						children: [/* @__PURE__ */ h("p", {
+							className: "text-xs text-muted-foreground",
+							children: "Entries"
+						}), /* @__PURE__ */ h("p", {
+							className: "text-xl font-bold mt-1",
+							children: A.length
+						})]
+					}) }),
+					/* @__PURE__ */ h(v, { children: /* @__PURE__ */ g(y, {
+						className: "pt-4",
+						children: [/* @__PURE__ */ h("p", {
+							className: "text-xs text-muted-foreground",
+							children: "Created"
+						}), /* @__PURE__ */ h("p", {
+							className: "text-sm font-medium mt-1",
+							children: new Date(D.createdAt).toLocaleDateString()
+						})]
+					}) })
+				]
+			}),
+			/* @__PURE__ */ g(v, { children: [/* @__PURE__ */ h(b, { children: /* @__PURE__ */ g(x, {
+				className: "flex items-center gap-2",
+				children: [
+					"Entries (",
+					A.length,
+					")",
+					k && /* @__PURE__ */ g("span", {
+						className: "flex items-center gap-1 text-xs font-normal text-muted-foreground",
+						children: [
+							/* @__PURE__ */ h(d, {
+								className: "h-3 w-3",
+								"aria-hidden": !0
+							}),
+							"Locked while ",
+							r(D.status).toLowerCase()
+						]
+					})
+				]
+			}) }), /* @__PURE__ */ g(y, {
+				className: "space-y-2",
+				children: [A.length === 0 && /* @__PURE__ */ h("p", {
+					className: "text-sm text-muted-foreground text-center py-4",
+					children: "No entries in this period yet."
+				}), A.map((e) => {
+					let t = e.workItem;
+					return /* @__PURE__ */ g("div", {
+						className: "flex items-start justify-between gap-3 rounded-md border p-3",
+						children: [/* @__PURE__ */ g("div", {
+							className: "min-w-0 space-y-1",
+							children: [/* @__PURE__ */ g("p", {
+								className: "text-sm font-medium",
+								children: [
+									new Date(e.date).toLocaleDateString(),
+									" ·",
+									" ",
+									a(e.durationMinutes),
+									" · ",
+									r(e.billingType)
+								]
+							}), /* @__PURE__ */ g("p", {
+								className: "text-xs text-muted-foreground truncate",
+								children: [t ? /* @__PURE__ */ g(m, { children: [
+									/* @__PURE__ */ h("span", {
+										className: "font-medium",
+										children: t.key
+									}),
+									" ",
+									t.title
+								] }) : "—", e.description ? ` · ${e.description}` : ""]
+							})]
+						}), !k && /* @__PURE__ */ g("div", {
+							className: "flex shrink-0 gap-1",
+							children: [/* @__PURE__ */ h(s, {
+								entry: e,
+								refetchQueries: O
+							}), /* @__PURE__ */ h(o, {
+								id: e.id,
+								refetchQueries: O
+							})]
+						})]
+					}, e.id);
+				})]
+			})] })
+		]
+	});
+}
+//#endregion
+export { C as TasksTimesheetDetailPagePage };
+
+//# sourceMappingURL=TasksTimesheetDetailPagePage.js.map

package/dist/planmagnet/pages/TasksTimesheetDetailPagePage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TasksTimesheetDetailPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/TasksTimesheetDetailPagePage.tsx"],"sourcesContent":["import { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { Button, Card, CardContent, CardHeader, CardTitle } from '@burdenoff/fe-libs/ui';\nimport { ArrowLeft, Lock } from 'lucide-react';\nimport { enumLabel } from '../controls/WorkItemControls';\nimport { SubmitTimesheetButton, TimesheetApprovalActions } from '../time/TimesheetControls';\nimport { EditTimeEntryDialog, DeleteTimeEntryButton } from '../time/TimeEntryControls';\nimport { FROZEN_TIMESHEET_STATUSES, formatMinutes } from '../time/timeShared';\nimport { PersonName } from '../people/People';\nimport { useEntityId } from '../hooks/useEntityId';\nimport { usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\n\n/**\n * One timesheet (BOFF-8047): its totals, its lifecycle (Submit; Approve/Reject once submitted) and the entries\n * it owns. Entries stay editable here for as long as the SERVICE allows it — DRAFT or REJECTED\n * (`FROZEN_TIMESHEET_STATUSES` mirrors `TimeTrackingService.FROZEN_STATUSES`) — because this page, unlike the\n * Time Entries list, knows its one sheet's status directly and does not need to guess.\n */\n\nconst GET_TIMESHEET = gql`\n  query TimesheetDetail($id: ID!) {\n    planmagnetTimesheet(id: $id) {\n      id\n      userId\n      periodStart\n      periodEnd\n      status\n      totalMinutes\n      billableMinutes\n      approverId\n      approvedAt\n      rejectionReason\n      createdBy\n      createdAt\n      entries {\n        id\n        workItemId\n        workItem {\n          id\n          key\n          title\n        }\n        description\n        durationMinutes\n        date\n        billingType\n        status\n      }\n    }\n  }\n`;\n\ninterface EntryNode {\n  id: string;\n  workItemId: string;\n  workItem: { id: string; key: string; title: string } | null;\n  description: string | null;\n  durationMinutes: number;\n  date: string;\n  billingType: string;\n  status: string;\n}\n\ninterface TimesheetNode {\n  id: string;\n  userId: string;\n  periodStart: string;\n  periodEnd: string;\n  status: string;\n  totalMinutes: number;\n  billableMinutes: number;\n  approverId: string | null;\n  approvedAt: string | null;\n  rejectionReason: string | null;\n  createdBy: string;\n  createdAt: string;\n  entries: EntryNode[];\n}\n\nexport function TasksTimesheetDetailPagePage() {\n  const timesheetId = useEntityId('timesheetId');\n  const navigate = usePlanMagnetNavigate();\n\n  const { data, loading, error } = useQuery<{ planmagnetTimesheet: TimesheetNode | null }>(\n    GET_TIMESHEET,\n    { variables: { id: timesheetId }, skip: !timesheetId }\n  );\n\n  if (!timesheetId) {\n    return (\n      <div className=\"p-6 text-sm text-muted-foreground\">\n        No timesheet selected. Open one from the list.\n      </div>\n    );\n  }\n  // Only before the first load: a refetch after Submit/Approve/Reject or an entry edit must not blank the page.\n  if (loading && !data) {\n    return (\n      <div className=\"flex items-center justify-center p-12\">\n        <div className=\"animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full\" />\n      </div>\n    );\n  }\n  if (error) {\n    return (\n      <div className=\"p-6 space-y-3\">\n        <p role=\"alert\" className=\"text-sm text-destructive\">\n          The timesheet could not be loaded: {error.message}\n        </p>\n        <Button size=\"sm\" variant=\"ghost\" onClick={() => navigate('/tasks/timesheets-page')}>\n          <ArrowLeft className=\"mr-1 h-4 w-4\" />\n          All timesheets\n        </Button>\n      </div>\n    );\n  }\n  const sheet = data?.planmagnetTimesheet;\n  if (!sheet) {\n    return (\n      <div className=\"p-6 space-y-3\">\n        <p className=\"text-sm text-muted-foreground\">\n          This timesheet does not exist in this workspace.\n        </p>\n        <Button size=\"sm\" variant=\"ghost\" onClick={() => navigate('/tasks/timesheets-page')}>\n          <ArrowLeft className=\"mr-1 h-4 w-4\" />\n          All timesheets\n        </Button>\n      </div>\n    );\n  }\n\n  const refetchQueries = ['TimesheetDetail', 'TimesheetsList'];\n  const frozen = FROZEN_TIMESHEET_STATUSES.has(sheet.status);\n  const entries = [...sheet.entries].sort((a, b) => a.date.localeCompare(b.date));\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <Button size=\"sm\" variant=\"ghost\" onClick={() => navigate('/tasks/timesheets-page')}>\n        <ArrowLeft className=\"mr-1 h-4 w-4\" />\n        All timesheets\n      </Button>\n\n      <div className=\"flex flex-wrap items-start justify-between gap-4\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">\n            {new Date(sheet.periodStart).toLocaleDateString()} –{' '}\n            {new Date(sheet.periodEnd).toLocaleDateString()}\n          </h1>\n          <p className=\"text-sm text-muted-foreground mt-1\">\n            <PersonName id={sheet.userId} /> · {enumLabel(sheet.status)}\n          </p>\n        </div>\n        <div className=\"flex flex-col items-end gap-2\">\n          <SubmitTimesheetButton\n            id={sheet.id}\n            status={sheet.status}\n            refetchQueries={refetchQueries}\n          />\n          <TimesheetApprovalActions\n            id={sheet.id}\n            status={sheet.status}\n            refetchQueries={refetchQueries}\n          />\n        </div>\n      </div>\n\n      {sheet.status === 'REJECTED' && sheet.rejectionReason && (\n        <p\n          role=\"alert\"\n          className=\"text-sm text-status-error-text rounded-md border border-destructive/40 p-3\"\n        >\n          Rejected: {sheet.rejectionReason}\n        </p>\n      )}\n      {sheet.approverId && sheet.approvedAt && (\n        <p className=\"text-sm text-muted-foreground\">\n          Approved by <PersonName id={sheet.approverId} /> on{' '}\n          {new Date(sheet.approvedAt).toLocaleDateString()}\n        </p>\n      )}\n\n      <div className=\"grid grid-cols-2 md:grid-cols-4 gap-4\">\n        <Card>\n          <CardContent className=\"pt-4\">\n            <p className=\"text-xs text-muted-foreground\">Total</p>\n            <p className=\"text-xl font-bold mt-1\">{formatMinutes(sheet.totalMinutes)}</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <p className=\"text-xs text-muted-foreground\">Billable</p>\n            <p className=\"text-xl font-bold mt-1\">{formatMinutes(sheet.billableMinutes)}</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <p className=\"text-xs text-muted-foreground\">Entries</p>\n            <p className=\"text-xl font-bold mt-1\">{entries.length}</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <p className=\"text-xs text-muted-foreground\">Created</p>\n            <p className=\"text-sm font-medium mt-1\">\n              {new Date(sheet.createdAt).toLocaleDateString()}\n            </p>\n          </CardContent>\n        </Card>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle className=\"flex items-center gap-2\">\n            Entries ({entries.length})\n            {frozen && (\n              <span className=\"flex items-center gap-1 text-xs font-normal text-muted-foreground\">\n                <Lock className=\"h-3 w-3\" aria-hidden={true} />\n                Locked while {enumLabel(sheet.status).toLowerCase()}\n              </span>\n            )}\n          </CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-2\">\n          {entries.length === 0 && (\n            <p className=\"text-sm text-muted-foreground text-center py-4\">\n              No entries in this period yet.\n            </p>\n          )}\n          {entries.map((entry) => {\n            const workItem = entry.workItem;\n            return (\n              <div\n                key={entry.id}\n                className=\"flex items-start justify-between gap-3 rounded-md border p-3\"\n              >\n                <div className=\"min-w-0 space-y-1\">\n                  <p className=\"text-sm font-medium\">\n                    {new Date(entry.date).toLocaleDateString()} ·{' '}\n                    {formatMinutes(entry.durationMinutes)} · {enumLabel(entry.billingType)}\n                  </p>\n                  <p className=\"text-xs text-muted-foreground truncate\">\n                    {workItem ? (\n                      <>\n                        <span className=\"font-medium\">{workItem.key}</span> {workItem.title}\n                      </>\n                    ) : (\n                      '—'\n                    )}\n                    {entry.description ? ` · ${entry.description}` : ''}\n                  </p>\n                </div>\n                {!frozen && (\n                  <div className=\"flex shrink-0 gap-1\">\n                    <EditTimeEntryDialog entry={entry} refetchQueries={refetchQueries} />\n                    <DeleteTimeEntryButton id={entry.id} refetchQueries={refetchQueries} />\n                  </div>\n                )}\n              </div>\n            );\n          })}\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/planmagnet/pages/TasksTimesheetsPagePage.d.ts

@@ -0,0 +1,2 @@
+export declare function TasksTimesheetsPagePage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TasksTimesheetsPagePage.d.ts.map

package/dist/planmagnet/pages/TasksTimesheetsPagePage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TasksTimesheetsPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/TasksTimesheetsPagePage.tsx"],"names":[],"mappings":"AA6DA,wBAAgB,uBAAuB,4CA4JtC"}

package/dist/planmagnet/pages/TasksTimesheetsPagePage.js

@@ -0,0 +1,165 @@
+import { usePlanMagnet as e, usePlanMagnetNavigate as t } from "../providers/PlanMagnetProvider.js";
+import { PersonName as n } from "../people/People.js";
+import { enumLabel as r } from "../controls/WorkItemControls.js";
+import { ROW_LINK_CLASS as i, detailPath as a, rowLinkProps as o, stopRowActivation as s } from "../utils/rowNavigation.js";
+import { TIME_ENTRY_STATUSES as c, formatMinutes as l } from "../time/timeShared.js";
+import { CreateTimesheetDialog as u, SubmitTimesheetButton as d, TimesheetApprovalActions as f } from "../time/TimesheetControls.js";
+import { useState as p } from "react";
+import { gql as m } from "@apollo/client";
+import { useQuery as h } from "@apollo/client/react";
+import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+import { useI18n as y } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+//#region src/planmagnet/pages/TasksTimesheetsPagePage.tsx
+var b = m`
+  query TimesheetsList(
+    $workspaceId: ID!
+    $filter: PlanmagnetTimesheetFilter
+    $pagination: PlanmagnetPaginationInput
+  ) {
+    planmagnetTimesheets(workspaceId: $workspaceId, filter: $filter, pagination: $pagination) {
+      items {
+        id
+        userId
+        periodStart
+        periodEnd
+        status
+        totalMinutes
+        billableMinutes
+      }
+      totalCount
+    }
+  }
+`, x = ["ALL", ...c];
+function S() {
+	let { workspaceId: c, currentUser: m } = e(), S = t(), { t: C } = y(), [w, T] = p("mine"), [E, D] = p("ALL"), O = {
+		...w === "mine" && m?.id ? { userId: m.id } : {},
+		...E === "ALL" ? {} : { status: E }
+	}, { data: k, loading: A, error: j } = h(b, {
+		variables: {
+			workspaceId: c ?? "",
+			filter: O,
+			pagination: { first: 100 }
+		},
+		skip: !c
+	}), M = k?.planmagnetTimesheets.items ?? [], N = ["TimesheetsList"];
+	return /* @__PURE__ */ v("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ v("div", {
+				className: "flex flex-wrap items-center justify-between gap-3",
+				children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("h1", {
+					className: "text-2xl font-semibold",
+					children: C("planmagnet.timesheets.title", "Timesheets")
+				}), /* @__PURE__ */ _("p", {
+					className: "text-sm text-muted-foreground",
+					children: k ? C("planmagnet.timesheets.subtitle", "{{count}} timesheet(s)", { count: k.planmagnetTimesheets.totalCount }) : C("planmagnet.timesheets.subtitleFallback", "Periods of logged time, for approval and billing")
+				})] }), /* @__PURE__ */ _(u, {
+					refetchQueries: N,
+					onCreated: (e) => S(a("/tasks/timesheet-detail-page", e))
+				})]
+			}),
+			/* @__PURE__ */ v("div", {
+				className: "flex flex-wrap items-center gap-3",
+				children: [/* @__PURE__ */ _("div", {
+					className: "flex gap-1",
+					role: "group",
+					"aria-label": C("planmagnet.timesheets.scope", "Whose timesheets"),
+					children: ["mine", "all"].map((e) => /* @__PURE__ */ _("button", {
+						type: "button",
+						"aria-pressed": w === e,
+						onClick: () => T(e),
+						className: `px-3 py-1.5 text-sm rounded-md ${w === e ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:bg-muted"}`,
+						children: e === "mine" ? C("planmagnet.timesheets.mine", "Mine") : C("planmagnet.timesheets.all", "Everyone")
+					}, e))
+				}), /* @__PURE__ */ _("div", {
+					className: "flex flex-wrap gap-1",
+					role: "group",
+					"aria-label": C("planmagnet.timesheets.statusFilter", "Filter by status"),
+					children: x.map((e) => /* @__PURE__ */ _("button", {
+						type: "button",
+						"aria-pressed": E === e,
+						onClick: () => D(e),
+						className: `px-3 py-1.5 text-sm rounded-md ${E === e ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:bg-muted"}`,
+						children: e === "ALL" ? C("planmagnet.timesheets.allStatuses", "All") : r(e)
+					}, e))
+				})]
+			}),
+			w === "all" && E === "SUBMITTED" && /* @__PURE__ */ _("p", {
+				className: "text-xs text-muted-foreground",
+				children: C("planmagnet.timesheets.approvalQueueHint", "This is the approval queue: every submitted timesheet in the workspace, waiting on Approve or Reject.")
+			}),
+			j && /* @__PURE__ */ v("p", {
+				role: "alert",
+				className: "text-sm text-destructive",
+				children: [
+					C("planmagnet.timesheets.errorLoading", "Timesheets could not be loaded"),
+					":",
+					" ",
+					j.message
+				]
+			}),
+			A && !k && /* @__PURE__ */ _("div", {
+				className: "flex items-center justify-center p-12",
+				children: /* @__PURE__ */ _("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
+			}),
+			k && M.length === 0 && !j && /* @__PURE__ */ _("p", {
+				className: "text-center text-sm text-muted-foreground py-8",
+				children: C("planmagnet.timesheets.empty", "No timesheets match these filters.")
+			}),
+			/* @__PURE__ */ _("div", {
+				className: "space-y-2",
+				children: M.map((e) => /* @__PURE__ */ v("div", {
+					...o(() => S(a("/tasks/timesheet-detail-page", e.id)), `${new Date(e.periodStart).toLocaleDateString()} – ${new Date(e.periodEnd).toLocaleDateString()}`),
+					className: `flex flex-wrap items-center justify-between gap-3 rounded-md border p-3 ${i}`,
+					children: [/* @__PURE__ */ v("div", {
+						className: "min-w-0",
+						children: [/* @__PURE__ */ v("p", {
+							className: "text-sm font-medium",
+							children: [
+								new Date(e.periodStart).toLocaleDateString(),
+								" –",
+								" ",
+								new Date(e.periodEnd).toLocaleDateString()
+							]
+						}), /* @__PURE__ */ v("p", {
+							className: "text-xs text-muted-foreground",
+							children: [
+								w === "all" ? /* @__PURE__ */ v(g, { children: [
+									/* @__PURE__ */ _(n, { id: e.userId }),
+									" ·",
+									" "
+								] }) : null,
+								l(e.totalMinutes),
+								" total · ",
+								l(e.billableMinutes),
+								" ",
+								"billable"
+							]
+						})]
+					}), /* @__PURE__ */ v("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ _("span", {
+							className: "text-xs px-2 py-0.5 rounded-full bg-muted",
+							children: r(e.status)
+						}), /* @__PURE__ */ v("div", {
+							onClick: s,
+							children: [/* @__PURE__ */ _(d, {
+								id: e.id,
+								status: e.status,
+								refetchQueries: N
+							}), /* @__PURE__ */ _(f, {
+								id: e.id,
+								status: e.status,
+								refetchQueries: N
+							})]
+						})]
+					})]
+				}, e.id))
+			})
+		]
+	});
+}
+//#endregion
+export { S as TasksTimesheetsPagePage };
+
+//# sourceMappingURL=TasksTimesheetsPagePage.js.map

package/dist/planmagnet/pages/TasksTimesheetsPagePage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TasksTimesheetsPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/TasksTimesheetsPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { enumLabel } from '../controls/WorkItemControls';\nimport {\n  CreateTimesheetDialog,\n  SubmitTimesheetButton,\n  TimesheetApprovalActions,\n} from '../time/TimesheetControls';\nimport { formatMinutes, TIME_ENTRY_STATUSES } from '../time/timeShared';\nimport { PersonName } from '../people/People';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport {\n  rowLinkProps,\n  detailPath,\n  stopRowActivation,\n  ROW_LINK_CLASS,\n} from '../utils/rowNavigation';\n\n/**\n * Timesheets (BOFF-8047): create one for a period, submit it, and — the \"approver view\" the ticket asks for —\n * approve or reject one someone else submitted. There is no separate approvals screen: switching scope to\n * \"Everyone\" and status to \"Submitted\" IS the approval queue, so an approver never has to guess where it is,\n * and the RBAC boundary is enforced where it always is in this MFE — by the gateway refusing the mutation for\n * a caller without the `approve` permission, not by hiding the button (see `TimesheetControls.tsx`).\n */\n\nconst TIMESHEETS = gql`\n  query TimesheetsList(\n    $workspaceId: ID!\n    $filter: PlanmagnetTimesheetFilter\n    $pagination: PlanmagnetPaginationInput\n  ) {\n    planmagnetTimesheets(workspaceId: $workspaceId, filter: $filter, pagination: $pagination) {\n      items {\n        id\n        userId\n        periodStart\n        periodEnd\n        status\n        totalMinutes\n        billableMinutes\n      }\n      totalCount\n    }\n  }\n`;\n\ninterface TimesheetRow {\n  id: string;\n  userId: string;\n  periodStart: string;\n  periodEnd: string;\n  status: string;\n  totalMinutes: number;\n  billableMinutes: number;\n}\n\nconst STATUS_TABS = ['ALL', ...TIME_ENTRY_STATUSES] as const;\n\nexport function TasksTimesheetsPagePage() {\n  const { workspaceId, currentUser } = usePlanMagnet();\n  const navigate = usePlanMagnetNavigate();\n  const { t } = useI18n();\n  const [scope, setScope] = useState<'mine' | 'all'>('mine');\n  const [status, setStatus] = useState<(typeof STATUS_TABS)[number]>('ALL');\n\n  const filter = {\n    ...(scope === 'mine' && currentUser?.id ? { userId: currentUser.id } : {}),\n    ...(status !== 'ALL' ? { status } : {}),\n  };\n  const { data, loading, error } = useQuery<{\n    planmagnetTimesheets: { items: TimesheetRow[]; totalCount: number };\n  }>(TIMESHEETS, {\n    variables: { workspaceId: workspaceId ?? '', filter, pagination: { first: 100 } },\n    skip: !workspaceId,\n  });\n\n  const timesheets = data?.planmagnetTimesheets.items ?? [];\n  const refetchQueries = ['TimesheetsList'];\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex flex-wrap items-center justify-between gap-3\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">\n            {t('planmagnet.timesheets.title', 'Timesheets')}\n          </h1>\n          <p className=\"text-sm text-muted-foreground\">\n            {data\n              ? t('planmagnet.timesheets.subtitle', '{{count}} timesheet(s)', {\n                  count: data.planmagnetTimesheets.totalCount,\n                })\n              : t(\n                  'planmagnet.timesheets.subtitleFallback',\n                  'Periods of logged time, for approval and billing'\n                )}\n          </p>\n        </div>\n        <CreateTimesheetDialog\n          refetchQueries={refetchQueries}\n          onCreated={(id) => navigate(detailPath('/tasks/timesheet-detail-page', id))}\n        />\n      </div>\n\n      <div className=\"flex flex-wrap items-center gap-3\">\n        <div\n          className=\"flex gap-1\"\n          role=\"group\"\n          aria-label={t('planmagnet.timesheets.scope', 'Whose timesheets')}\n        >\n          {(['mine', 'all'] as const).map((s) => (\n            <button\n              key={s}\n              type=\"button\"\n              aria-pressed={scope === s}\n              onClick={() => setScope(s)}\n              className={`px-3 py-1.5 text-sm rounded-md ${scope === s ? 'bg-primary text-primary-foreground' : 'text-muted-foreground hover:bg-muted'}`}\n            >\n              {s === 'mine'\n                ? t('planmagnet.timesheets.mine', 'Mine')\n                : t('planmagnet.timesheets.all', 'Everyone')}\n            </button>\n          ))}\n        </div>\n        <div\n          className=\"flex flex-wrap gap-1\"\n          role=\"group\"\n          aria-label={t('planmagnet.timesheets.statusFilter', 'Filter by status')}\n        >\n          {STATUS_TABS.map((s) => (\n            <button\n              key={s}\n              type=\"button\"\n              aria-pressed={status === s}\n              onClick={() => setStatus(s)}\n              className={`px-3 py-1.5 text-sm rounded-md ${status === s ? 'bg-primary text-primary-foreground' : 'text-muted-foreground hover:bg-muted'}`}\n            >\n              {s === 'ALL' ? t('planmagnet.timesheets.allStatuses', 'All') : enumLabel(s)}\n            </button>\n          ))}\n        </div>\n      </div>\n      {scope === 'all' && status === 'SUBMITTED' && (\n        <p className=\"text-xs text-muted-foreground\">\n          {t(\n            'planmagnet.timesheets.approvalQueueHint',\n            'This is the approval queue: every submitted timesheet in the workspace, waiting on Approve or Reject.'\n          )}\n        </p>\n      )}\n\n      {error && (\n        <p role=\"alert\" className=\"text-sm text-destructive\">\n          {t('planmagnet.timesheets.errorLoading', 'Timesheets could not be loaded')}:{' '}\n          {error.message}\n        </p>\n      )}\n      {loading && !data && (\n        <div className=\"flex items-center justify-center p-12\">\n          <div className=\"animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full\" />\n        </div>\n      )}\n      {data && timesheets.length === 0 && !error && (\n        <p className=\"text-center text-sm text-muted-foreground py-8\">\n          {t('planmagnet.timesheets.empty', 'No timesheets match these filters.')}\n        </p>\n      )}\n\n      <div className=\"space-y-2\">\n        {timesheets.map((sheet) => (\n          <div\n            key={sheet.id}\n            {...rowLinkProps(\n              () => navigate(detailPath('/tasks/timesheet-detail-page', sheet.id)),\n              `${new Date(sheet.periodStart).toLocaleDateString()} – ${new Date(sheet.periodEnd).toLocaleDateString()}`\n            )}\n            className={`flex flex-wrap items-center justify-between gap-3 rounded-md border p-3 ${ROW_LINK_CLASS}`}\n          >\n            <div className=\"min-w-0\">\n              <p className=\"text-sm font-medium\">\n                {new Date(sheet.periodStart).toLocaleDateString()} –{' '}\n                {new Date(sheet.periodEnd).toLocaleDateString()}\n              </p>\n              <p className=\"text-xs text-muted-foreground\">\n                {scope === 'all' ? (\n                  <>\n                    <PersonName id={sheet.userId} /> ·{' '}\n                  </>\n                ) : null}\n                {formatMinutes(sheet.totalMinutes)} total · {formatMinutes(sheet.billableMinutes)}{' '}\n                billable\n              </p>\n            </div>\n            <div className=\"flex items-center gap-2\">\n              <span className=\"text-xs px-2 py-0.5 rounded-full bg-muted\">\n                {enumLabel(sheet.status)}\n              </span>\n              <div onClick={stopRowActivation}>\n                <SubmitTimesheetButton\n                  id={sheet.id}\n                  status={sheet.status}\n                  refetchQueries={refetchQueries}\n                />\n                <TimesheetApprovalActions\n                  id={sheet.id}\n                  status={sheet.status}\n                  refetchQueries={refetchQueries}\n                />\n              </div>\n            </div>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/planmagnet/pages/TemplatesEditTemplatePagePage.d.ts

@@ -0,0 +1,2 @@
+export declare function TemplatesEditTemplatePagePage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TemplatesEditTemplatePagePage.d.ts.map

package/dist/planmagnet/pages/TemplatesEditTemplatePagePage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TemplatesEditTemplatePagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/TemplatesEditTemplatePagePage.tsx"],"names":[],"mappings":"AAoHA,wBAAgB,6BAA6B,4CAmQ5C"}