@burdenoff/microfe-timecampus 2026.626.2 → 2026.703.2

package/dist/timecampus/pages/projects/ProjectCreatePage.js

@@ -1,100 +1,103 @@
-import { useCreateProjectMutation as e } from "../../../generated/wspace-operations.js";
-import { PageLayout as t } from "../../components/PageLayout.js";
-import { useState as n } from "react";
-import { ArrowLeft as r } from "lucide-react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { GlassCard as o } from "@burdenoff/fe-libs/ui";
+import { useTimeCampusNavigate as e } from "../../providers/TimeCampusProvider.js";
+import { useCreateProjectMutation as t } from "../../../generated/wspace-operations.js";
+import { PageLayout as n } from "../../components/PageLayout.js";
+import { useState as r } from "react";
+import { ArrowLeft as i } from "lucide-react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { GlassCard as s } from "@burdenoff/fe-libs/ui";
 //#region src/timecampus/pages/projects/ProjectCreatePage.tsx
-function s() {
-	let [s, c] = n(""), [l, u] = n(""), [d, f] = n(""), [p, m] = n(""), [h, g] = n(""), [_, { loading: v, error: y }] = e();
-	return /* @__PURE__ */ i(t, {
+function c() {
+	let c = e(), [l, u] = r(""), [d, f] = r(""), [p, m] = r(""), [h, g] = r(""), [_, v] = r(""), [y, { loading: b, error: x }] = t();
+	return /* @__PURE__ */ a(n, {
 		title: "Create Project",
 		description: "Set up a new project for time tracking",
 		purpose: "Define a new project — its client, estimate and rate — so the time your team logs against it rolls up into accurate progress and billing from day one.",
-		actions: /* @__PURE__ */ a("button", {
+		actions: /* @__PURE__ */ o("button", {
+			onClick: () => c("/projects"),
 			className: "inline-flex items-center gap-1.5 rounded-md border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50",
-			children: [/* @__PURE__ */ i(r, { className: "h-4 w-4" }), "Back to Projects"]
+			children: [/* @__PURE__ */ a(i, { className: "h-4 w-4" }), "Back to Projects"]
 		}),
-		children: /* @__PURE__ */ a(o, {
+		children: /* @__PURE__ */ o(s, {
 			treatment: "glass",
 			glow: !0,
 			className: "mx-auto max-w-2xl p-6",
-			children: [y && /* @__PURE__ */ i("div", {
+			children: [x && /* @__PURE__ */ a("div", {
 				className: "mb-4 rounded-lg border border-status-error-bg/40 bg-status-error-bg p-3 text-sm text-status-error-text",
 				children: "Failed to create project. Please try again."
-			}), /* @__PURE__ */ a("div", {
+			}), /* @__PURE__ */ o("div", {
 				className: "space-y-4",
 				children: [
-					/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("label", {
+					/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("label", {
 						className: "block text-sm font-medium text-text-primary",
 						children: "Project Name"
-					}), /* @__PURE__ */ i("input", {
+					}), /* @__PURE__ */ a("input", {
 						type: "text",
 						placeholder: "Enter project name",
-						value: s,
-						onChange: (e) => c(e.target.value),
+						value: l,
+						onChange: (e) => u(e.target.value),
 						className: "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"
 					})] }),
-					/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("label", {
+					/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("label", {
 						className: "block text-sm font-medium text-text-primary",
 						children: "Client"
-					}), /* @__PURE__ */ i("input", {
+					}), /* @__PURE__ */ a("input", {
 						type: "text",
 						placeholder: "Client name",
-						value: l,
-						onChange: (e) => u(e.target.value),
+						value: d,
+						onChange: (e) => f(e.target.value),
 						className: "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"
 					})] }),
-					/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("label", {
+					/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("label", {
 						className: "block text-sm font-medium text-text-primary",
 						children: "Description"
-					}), /* @__PURE__ */ i("textarea", {
+					}), /* @__PURE__ */ a("textarea", {
 						placeholder: "Project description",
 						rows: 3,
-						value: d,
-						onChange: (e) => f(e.target.value),
+						value: p,
+						onChange: (e) => m(e.target.value),
 						className: "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"
 					})] }),
-					/* @__PURE__ */ a("div", {
+					/* @__PURE__ */ o("div", {
 						className: "grid grid-cols-2 gap-4",
-						children: [/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("label", {
+						children: [/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("label", {
 							className: "block text-sm font-medium text-text-primary",
 							children: "Estimated Hours"
-						}), /* @__PURE__ */ i("input", {
+						}), /* @__PURE__ */ a("input", {
 							type: "number",
 							placeholder: "0",
-							value: p,
-							onChange: (e) => m(e.target.value),
+							value: h,
+							onChange: (e) => g(e.target.value),
 							className: "mt-1 w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary"
-						})] }), /* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("label", {
+						})] }), /* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("label", {
 							className: "block text-sm font-medium text-text-primary",
 							children: "Hourly Rate"
-						}), /* @__PURE__ */ i("input", {
+						}), /* @__PURE__ */ a("input", {
 							type: "number",
 							placeholder: "0.00",
-							value: h,
-							onChange: (e) => g(e.target.value),
+							value: _,
+							onChange: (e) => v(e.target.value),
 							className: "mt-1 w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary"
 						})] })]
 					}),
-					/* @__PURE__ */ a("div", {
+					/* @__PURE__ */ o("div", {
 						className: "flex justify-end gap-2 pt-4",
-						children: [/* @__PURE__ */ i("button", {
+						children: [/* @__PURE__ */ a("button", {
+							onClick: () => c("/projects"),
 							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__ */ i("button", {
+						}), /* @__PURE__ */ a("button", {
 							onClick: async () => {
-								s.trim() && await _({ variables: { input: {
-									name: s.trim(),
-									description: d.trim() || void 0,
-									clientId: l.trim() || void 0,
-									estimatedHours: p ? Number(p) : void 0,
-									hourlyRate: h ? Number(h) : void 0
-								} } });
+								l.trim() && (await y({ variables: { input: {
+									name: l.trim(),
+									description: p.trim() || void 0,
+									clientId: d.trim() || void 0,
+									estimatedHours: h ? Number(h) : void 0,
+									hourlyRate: _ ? Number(_) : void 0
+								} } }), c("/projects"));
 							},
-							disabled: v || !s.trim(),
+							disabled: b || !l.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: v ? "Creating..." : "Create Project"
+							children: b ? "Creating..." : "Create Project"
 						})]
 					})
 				]
@@ -103,6 +106,6 @@ function s() {
 	});
 }
 //#endregion
-export { s as ProjectCreatePage };
+export { c as ProjectCreatePage };
 
 //# sourceMappingURL=ProjectCreatePage.js.map

package/dist/timecampus/pages/projects/ProjectCreatePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProjectCreatePage.js","names":[],"sources":["../../../../src/timecampus/pages/projects/ProjectCreatePage.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { ArrowLeft } from \"lucide-react\";\nimport { GlassCard } from \"@burdenoff/fe-libs/ui\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { useCreateProjectMutation } from \"@/generated/wspace-operations\";\n\nexport function ProjectCreatePage() {\n  const [name, setName] = useState(\"\");\n  const [clientId, setClientId] = useState(\"\");\n  const [description, setDescription] = useState(\"\");\n  const [estimatedHours, setEstimatedHours] = useState(\"\");\n  const [hourlyRate, setHourlyRate] = useState(\"\");\n\n  const [createProject, { loading: creating, error }] =\n    useCreateProjectMutation();\n\n  const handleSubmit = async () => {\n    if (!name.trim()) return;\n    await createProject({\n      variables: {\n        input: {\n          name: name.trim(),\n          description: description.trim() || undefined,\n          clientId: clientId.trim() || undefined,\n          estimatedHours: estimatedHours ? Number(estimatedHours) : undefined,\n          hourlyRate: hourlyRate ? Number(hourlyRate) : undefined,\n        },\n      },\n    });\n  };\n\n  return (\n    <PageLayout\n      title=\"Create Project\"\n      description=\"Set up a new project for time tracking\"\n      purpose=\"Define a new project — its client, estimate and rate — so the time your team logs against it rolls up into accurate progress and billing from day one.\"\n      actions={\n        <button className=\"inline-flex items-center gap-1.5 rounded-md border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50\">\n          <ArrowLeft className=\"h-4 w-4\" />\n          Back to Projects\n        </button>\n      }\n    >\n      <GlassCard treatment=\"glass\" glow className=\"mx-auto max-w-2xl p-6\">\n        {error && (\n          <div className=\"mb-4 rounded-lg border border-status-error-bg/40 bg-status-error-bg p-3 text-sm text-status-error-text\">\n            Failed to create project. Please try again.\n          </div>\n        )}\n        <div className=\"space-y-4\">\n          <div>\n            <label className=\"block text-sm font-medium text-text-primary\">\n              Project Name\n            </label>\n            <input\n              type=\"text\"\n              placeholder=\"Enter project name\"\n              value={name}\n              onChange={(e) => setName(e.target.value)}\n              className=\"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\"\n            />\n          </div>\n          <div>\n            <label className=\"block text-sm font-medium text-text-primary\">\n              Client\n            </label>\n            <input\n              type=\"text\"\n              placeholder=\"Client name\"\n              value={clientId}\n              onChange={(e) => setClientId(e.target.value)}\n              className=\"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\"\n            />\n          </div>\n          <div>\n            <label className=\"block text-sm font-medium text-text-primary\">\n              Description\n            </label>\n            <textarea\n              placeholder=\"Project description\"\n              rows={3}\n              value={description}\n              onChange={(e) => setDescription(e.target.value)}\n              className=\"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\"\n            />\n          </div>\n          <div className=\"grid grid-cols-2 gap-4\">\n            <div>\n              <label className=\"block text-sm font-medium text-text-primary\">\n                Estimated Hours\n              </label>\n              <input\n                type=\"number\"\n                placeholder=\"0\"\n                value={estimatedHours}\n                onChange={(e) => setEstimatedHours(e.target.value)}\n                className=\"mt-1 w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary\"\n              />\n            </div>\n            <div>\n              <label className=\"block text-sm font-medium text-text-primary\">\n                Hourly Rate\n              </label>\n              <input\n                type=\"number\"\n                placeholder=\"0.00\"\n                value={hourlyRate}\n                onChange={(e) => setHourlyRate(e.target.value)}\n                className=\"mt-1 w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary\"\n              />\n            </div>\n          </div>\n          <div className=\"flex justify-end gap-2 pt-4\">\n            <button className=\"rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50\">\n              Cancel\n            </button>\n            <button\n              onClick={handleSubmit}\n              disabled={creating || !name.trim()}\n              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\"\n            >\n              {creating ? \"Creating...\" : \"Create Project\"}\n            </button>\n          </div>\n        </div>\n      </GlassCard>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;AAMA,SAAgB,IAAoB;CAClC,IAAM,CAAC,GAAM,KAAW,EAAS,GAAG,EAC9B,CAAC,GAAU,KAAe,EAAS,GAAG,EACtC,CAAC,GAAa,KAAkB,EAAS,GAAG,EAC5C,CAAC,GAAgB,KAAqB,EAAS,GAAG,EAClD,CAAC,GAAY,KAAiB,EAAS,GAAG,EAE1C,CAAC,GAAe,EAAE,SAAS,GAAU,cACzC,GAA0B;AAiB5B,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SAAQ;EACR,SACE,kBAAC,UAAD;GAAQ,WAAU;aAAlB,CACE,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA,EAAA,mBAE1B;;YAGX,kBAAC,GAAD;GAAW,WAAU;GAAQ,MAAA;GAAK,WAAU;aAA5C,CACG,KACC,kBAAC,OAAD;IAAK,WAAU;cAAyG;IAElH,CAAA,EAER,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;MAAO,WAAU;gBAA8C;MAEvD,CAAA,EACR,kBAAC,SAAD;MACE,MAAK;MACL,aAAY;MACZ,OAAO;MACP,WAAW,MAAM,EAAQ,EAAE,OAAO,MAAM;MACxC,WAAU;MACV,CAAA,CACE,EAAA,CAAA;KACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;MAAO,WAAU;gBAA8C;MAEvD,CAAA,EACR,kBAAC,SAAD;MACE,MAAK;MACL,aAAY;MACZ,OAAO;MACP,WAAW,MAAM,EAAY,EAAE,OAAO,MAAM;MAC5C,WAAU;MACV,CAAA,CACE,EAAA,CAAA;KACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;MAAO,WAAU;gBAA8C;MAEvD,CAAA,EACR,kBAAC,YAAD;MACE,aAAY;MACZ,MAAM;MACN,OAAO;MACP,WAAW,MAAM,EAAe,EAAE,OAAO,MAAM;MAC/C,WAAU;MACV,CAAA,CACE,EAAA,CAAA;KACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;OAAO,WAAU;iBAA8C;OAEvD,CAAA,EACR,kBAAC,SAAD;OACE,MAAK;OACL,aAAY;OACZ,OAAO;OACP,WAAW,MAAM,EAAkB,EAAE,OAAO,MAAM;OAClD,WAAU;OACV,CAAA,CACE,EAAA,CAAA,EACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;OAAO,WAAU;iBAA8C;OAEvD,CAAA,EACR,kBAAC,SAAD;OACE,MAAK;OACL,aAAY;OACZ,OAAO;OACP,WAAW,MAAM,EAAc,EAAE,OAAO,MAAM;OAC9C,WAAU;OACV,CAAA,CACE,EAAA,CAAA,CACF;;KACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,UAAD;OAAQ,WAAU;iBAA+G;OAExH,CAAA,EACT,kBAAC,UAAD;OACE,SArGS,YAAY;AAC1B,UAAK,MAAM,IAChB,MAAM,EAAc,EAClB,WAAW,EACT,OAAO;SACL,MAAM,EAAK,MAAM;SACjB,aAAa,EAAY,MAAM,IAAI,KAAA;SACnC,UAAU,EAAS,MAAM,IAAI,KAAA;SAC7B,gBAAgB,IAAiB,OAAO,EAAe,GAAG,KAAA;SAC1D,YAAY,IAAa,OAAO,EAAW,GAAG,KAAA;SAC/C,EACF,EACF,CAAC;;OA0FQ,UAAU,KAAY,CAAC,EAAK,MAAM;OAClC,WAAU;iBAET,IAAW,gBAAgB;OACrB,CAAA,CACL;;KACF;MACI;;EACD,CAAA"}
+{"version":3,"file":"ProjectCreatePage.js","names":[],"sources":["../../../../src/timecampus/pages/projects/ProjectCreatePage.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { ArrowLeft } from \"lucide-react\";\nimport { GlassCard } from \"@burdenoff/fe-libs/ui\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { useTimeCampusNavigate } from \"../../providers/TimeCampusProvider\";\nimport { useCreateProjectMutation } from \"@/generated/wspace-operations\";\n\nexport function ProjectCreatePage() {\n  const navigate = useTimeCampusNavigate();\n  const [name, setName] = useState(\"\");\n  const [clientId, setClientId] = useState(\"\");\n  const [description, setDescription] = useState(\"\");\n  const [estimatedHours, setEstimatedHours] = useState(\"\");\n  const [hourlyRate, setHourlyRate] = useState(\"\");\n\n  const [createProject, { loading: creating, error }] =\n    useCreateProjectMutation();\n\n  const handleSubmit = async () => {\n    if (!name.trim()) return;\n    await createProject({\n      variables: {\n        input: {\n          name: name.trim(),\n          description: description.trim() || undefined,\n          clientId: clientId.trim() || undefined,\n          estimatedHours: estimatedHours ? Number(estimatedHours) : undefined,\n          hourlyRate: hourlyRate ? Number(hourlyRate) : undefined,\n        },\n      },\n    });\n    navigate(\"/projects\");\n  };\n\n  return (\n    <PageLayout\n      title=\"Create Project\"\n      description=\"Set up a new project for time tracking\"\n      purpose=\"Define a new project — its client, estimate and rate — so the time your team logs against it rolls up into accurate progress and billing from day one.\"\n      actions={\n        <button\n          onClick={() => navigate(\"/projects\")}\n          className=\"inline-flex items-center gap-1.5 rounded-md border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50\"\n        >\n          <ArrowLeft className=\"h-4 w-4\" />\n          Back to Projects\n        </button>\n      }\n    >\n      <GlassCard treatment=\"glass\" glow className=\"mx-auto max-w-2xl p-6\">\n        {error && (\n          <div className=\"mb-4 rounded-lg border border-status-error-bg/40 bg-status-error-bg p-3 text-sm text-status-error-text\">\n            Failed to create project. Please try again.\n          </div>\n        )}\n        <div className=\"space-y-4\">\n          <div>\n            <label className=\"block text-sm font-medium text-text-primary\">\n              Project Name\n            </label>\n            <input\n              type=\"text\"\n              placeholder=\"Enter project name\"\n              value={name}\n              onChange={(e) => setName(e.target.value)}\n              className=\"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\"\n            />\n          </div>\n          <div>\n            <label className=\"block text-sm font-medium text-text-primary\">\n              Client\n            </label>\n            <input\n              type=\"text\"\n              placeholder=\"Client name\"\n              value={clientId}\n              onChange={(e) => setClientId(e.target.value)}\n              className=\"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\"\n            />\n          </div>\n          <div>\n            <label className=\"block text-sm font-medium text-text-primary\">\n              Description\n            </label>\n            <textarea\n              placeholder=\"Project description\"\n              rows={3}\n              value={description}\n              onChange={(e) => setDescription(e.target.value)}\n              className=\"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\"\n            />\n          </div>\n          <div className=\"grid grid-cols-2 gap-4\">\n            <div>\n              <label className=\"block text-sm font-medium text-text-primary\">\n                Estimated Hours\n              </label>\n              <input\n                type=\"number\"\n                placeholder=\"0\"\n                value={estimatedHours}\n                onChange={(e) => setEstimatedHours(e.target.value)}\n                className=\"mt-1 w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary\"\n              />\n            </div>\n            <div>\n              <label className=\"block text-sm font-medium text-text-primary\">\n                Hourly Rate\n              </label>\n              <input\n                type=\"number\"\n                placeholder=\"0.00\"\n                value={hourlyRate}\n                onChange={(e) => setHourlyRate(e.target.value)}\n                className=\"mt-1 w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary\"\n              />\n            </div>\n          </div>\n          <div className=\"flex justify-end gap-2 pt-4\">\n            <button\n              onClick={() => navigate(\"/projects\")}\n              className=\"rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50\"\n            >\n              Cancel\n            </button>\n            <button\n              onClick={handleSubmit}\n              disabled={creating || !name.trim()}\n              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\"\n            >\n              {creating ? \"Creating...\" : \"Create Project\"}\n            </button>\n          </div>\n        </div>\n      </GlassCard>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;AAOA,SAAgB,IAAoB;CAClC,IAAM,IAAW,GAAuB,EAClC,CAAC,GAAM,KAAW,EAAS,GAAG,EAC9B,CAAC,GAAU,KAAe,EAAS,GAAG,EACtC,CAAC,GAAa,KAAkB,EAAS,GAAG,EAC5C,CAAC,GAAgB,KAAqB,EAAS,GAAG,EAClD,CAAC,GAAY,KAAiB,EAAS,GAAG,EAE1C,CAAC,GAAe,EAAE,SAAS,GAAU,cACzC,GAA0B;AAkB5B,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SAAQ;EACR,SACE,kBAAC,UAAD;GACE,eAAe,EAAS,YAAY;GACpC,WAAU;aAFZ,CAIE,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA,EAAA,mBAE1B;;YAGX,kBAAC,GAAD;GAAW,WAAU;GAAQ,MAAA;GAAK,WAAU;aAA5C,CACG,KACC,kBAAC,OAAD;IAAK,WAAU;cAAyG;IAElH,CAAA,EAER,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;MAAO,WAAU;gBAA8C;MAEvD,CAAA,EACR,kBAAC,SAAD;MACE,MAAK;MACL,aAAY;MACZ,OAAO;MACP,WAAW,MAAM,EAAQ,EAAE,OAAO,MAAM;MACxC,WAAU;MACV,CAAA,CACE,EAAA,CAAA;KACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;MAAO,WAAU;gBAA8C;MAEvD,CAAA,EACR,kBAAC,SAAD;MACE,MAAK;MACL,aAAY;MACZ,OAAO;MACP,WAAW,MAAM,EAAY,EAAE,OAAO,MAAM;MAC5C,WAAU;MACV,CAAA,CACE,EAAA,CAAA;KACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;MAAO,WAAU;gBAA8C;MAEvD,CAAA,EACR,kBAAC,YAAD;MACE,aAAY;MACZ,MAAM;MACN,OAAO;MACP,WAAW,MAAM,EAAe,EAAE,OAAO,MAAM;MAC/C,WAAU;MACV,CAAA,CACE,EAAA,CAAA;KACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;OAAO,WAAU;iBAA8C;OAEvD,CAAA,EACR,kBAAC,SAAD;OACE,MAAK;OACL,aAAY;OACZ,OAAO;OACP,WAAW,MAAM,EAAkB,EAAE,OAAO,MAAM;OAClD,WAAU;OACV,CAAA,CACE,EAAA,CAAA,EACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;OAAO,WAAU;iBAA8C;OAEvD,CAAA,EACR,kBAAC,SAAD;OACE,MAAK;OACL,aAAY;OACZ,OAAO;OACP,WAAW,MAAM,EAAc,EAAE,OAAO,MAAM;OAC9C,WAAU;OACV,CAAA,CACE,EAAA,CAAA,CACF;;KACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,UAAD;OACE,eAAe,EAAS,YAAY;OACpC,WAAU;iBACX;OAEQ,CAAA,EACT,kBAAC,UAAD;OACE,SA5GS,YAAY;AAC1B,UAAK,MAAM,KAChB,MAAM,EAAc,EAClB,WAAW,EACT,OAAO;SACL,MAAM,EAAK,MAAM;SACjB,aAAa,EAAY,MAAM,IAAI,KAAA;SACnC,UAAU,EAAS,MAAM,IAAI,KAAA;SAC7B,gBAAgB,IAAiB,OAAO,EAAe,GAAG,KAAA;SAC1D,YAAY,IAAa,OAAO,EAAW,GAAG,KAAA;SAC/C,EACF,EACF,CAAC,EACF,EAAS,YAAY;;OAgGX,UAAU,KAAY,CAAC,EAAK,MAAM;OAClC,WAAU;iBAET,IAAW,gBAAgB;OACrB,CAAA,CACL;;KACF;MACI;;EACD,CAAA"}

package/dist/timecampus/pages/projects/ProjectDetailPage.js

@@ -2,38 +2,99 @@ import { useTimeCampusNavigate as e } from "../../providers/TimeCampusProvider.j
 import { formatCurrency as t, formatHours as n } from "../../utils/helpers.js";
 import { StatCard as r } from "../../components/StatCard.js";
 import { LoadingSkeleton as i } from "../../components/LoadingSkeleton.js";
-import { useGetProjectQuery as a, useGetProjectStatsQuery as o } from "../../../generated/wspace-operations.js";
-import { PageLayout as s } from "../../components/PageLayout.js";
-import { Clock as c, FolderOpen as l, TrendingUp as u, Users as d } from "lucide-react";
-import { useParams as f } from "react-router-dom";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
-import { NextSteps as h } from "@burdenoff/fe-libs/ui";
+import { useArchiveProjectMutation as a, useDeleteProjectMutation as o, useGetProjectQuery as s, useGetProjectStatsQuery as c, useUpdateProjectMutation as l } from "../../../generated/wspace-operations.js";
+import { PageLayout as u } from "../../components/PageLayout.js";
+import { Modal as d } from "../../components/Modal.js";
+import { useState as f } from "react";
+import { Archive as p, Clock as m, FolderOpen as h, Pencil as g, Trash2 as _, TrendingUp as v, Users as y } from "lucide-react";
+import { useParams as b } from "react-router-dom";
+import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
+import { NextSteps as w } from "@burdenoff/fe-libs/ui";
 //#region src/timecampus/pages/projects/ProjectDetailPage.tsx
-function g() {
-	let { projectId: g } = f(), _ = e(), { data: v, loading: y, error: b } = a({
-		variables: { id: g },
-		skip: !g
-	}), { data: x, loading: S } = o({
-		variables: { id: g },
-		skip: !g
-	}), C = v?.project, w = x?.projectStats;
-	return b ? /* @__PURE__ */ p(s, {
+var T = [
+	"active",
+	"on-hold",
+	"completed",
+	"archived"
+], E = "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", D = "block text-sm font-medium text-text-primary";
+function O() {
+	let { projectId: O } = b(), k = e(), { data: A, loading: j, error: M, refetch: N } = s({
+		variables: { id: O },
+		skip: !O
+	}), { data: P, loading: F } = c({
+		variables: { id: O },
+		skip: !O
+	}), I = A?.project, L = P?.projectStats, [R, z] = f(!1), [B, V] = f(!1), [H, U] = f({
+		name: "",
+		clientId: "",
+		description: "",
+		status: "active",
+		estimatedHours: "",
+		hourlyRate: ""
+	}), [W, { loading: G, error: K }] = l(), [q, { loading: J }] = a(), [Y, { loading: X, error: Z }] = o(), Q = () => {
+		I && (U({
+			name: I.name,
+			clientId: I.clientId ?? "",
+			description: I.description ?? "",
+			status: I.status,
+			estimatedHours: I.estimatedHours == null ? "" : String(I.estimatedHours),
+			hourlyRate: I.hourlyRate == null ? "" : String(I.hourlyRate)
+		}), z(!0));
+	}, $ = async () => {
+		!O || !H.name.trim() || (await W({ variables: {
+			id: O,
+			input: {
+				name: H.name.trim(),
+				description: H.description.trim() || void 0,
+				clientId: H.clientId.trim() || void 0,
+				status: H.status,
+				estimatedHours: H.estimatedHours ? Number(H.estimatedHours) : void 0,
+				hourlyRate: H.hourlyRate ? Number(H.hourlyRate) : void 0
+			}
+		} }), z(!1), await N());
+	}, ee = async () => {
+		O && (await q({ variables: { id: O } }), await N());
+	};
+	return M ? /* @__PURE__ */ S(u, {
 		title: "Project Details",
-		description: `Project ID: ${g}`,
-		children: /* @__PURE__ */ p("div", {
+		description: `Project ID: ${O}`,
+		children: /* @__PURE__ */ S("div", {
 			className: "rounded-xl border border-status-error-bg/40 bg-status-error-bg p-6 text-sm text-status-error-text",
 			children: "Failed to load project details. Please try again later."
 		})
-	}) : y || S ? /* @__PURE__ */ p(s, {
+	}) : j || F ? /* @__PURE__ */ S(u, {
 		title: "Project Details",
-		description: `Project ID: ${g}`,
-		children: /* @__PURE__ */ p(i, { variant: "detail" })
-	}) : /* @__PURE__ */ m(s, {
-		title: C?.name ?? "Project Details",
-		description: C?.description ?? `Project ID: ${g}`,
+		description: `Project ID: ${O}`,
+		children: /* @__PURE__ */ S(i, { variant: "detail" })
+	}) : /* @__PURE__ */ C(u, {
+		title: I?.name ?? "Project Details",
+		description: I?.description ?? `Project ID: ${O}`,
 		purpose: "See everything happening on this project in one place — logged hours, task progress and budget burn — so you know whether it's on track and where the time is going before it overruns.",
+		actions: /* @__PURE__ */ C("div", {
+			className: "flex items-center gap-2",
+			children: [
+				/* @__PURE__ */ C("button", {
+					onClick: Q,
+					disabled: !I,
+					className: "inline-flex items-center gap-1.5 rounded-md border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50 disabled:opacity-50",
+					children: [/* @__PURE__ */ S(g, { className: "h-4 w-4" }), "Edit"]
+				}),
+				I?.status !== "archived" && /* @__PURE__ */ C("button", {
+					onClick: () => void ee(),
+					disabled: !I || J,
+					className: "inline-flex items-center gap-1.5 rounded-md border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50 disabled:opacity-50",
+					children: [/* @__PURE__ */ S(p, { className: "h-4 w-4" }), J ? "Archiving…" : "Archive"]
+				}),
+				/* @__PURE__ */ C("button", {
+					onClick: () => V(!0),
+					disabled: !I,
+					className: "inline-flex items-center gap-1.5 rounded-md border border-status-error-bg/40 px-3 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg disabled:opacity-50",
+					children: [/* @__PURE__ */ S(_, { className: "h-4 w-4" }), "Delete"]
+				})
+			]
+		}),
 		children: [
-			/* @__PURE__ */ p(h, {
+			/* @__PURE__ */ S(w, {
 				storageKey: "timecampus-project-detail",
 				className: "mb-6",
 				steps: [
@@ -41,82 +102,218 @@ function g() {
 						id: "log-time",
 						label: "Log time to this project",
 						description: "Start the timer or add a manual entry for this work.",
-						onClick: () => _("/time/timer")
+						onClick: () => k("/time/timer")
 					},
 					{
 						id: "view-tasks",
 						label: "Review tasks",
 						description: "Break the project into trackable tasks.",
-						onClick: () => _(`/projects/${g ?? ""}/tasks`)
+						onClick: () => k(`/projects/${O ?? ""}/tasks`)
 					},
 					{
 						id: "open-reports",
 						label: "Open reports",
 						description: "Analyse this project's time and budget over time.",
-						onClick: () => _("/reports")
+						onClick: () => k("/reports")
 					}
 				]
 			}),
-			/* @__PURE__ */ m("div", {
+			/* @__PURE__ */ C("div", {
 				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
 				children: [
-					/* @__PURE__ */ p(r, {
+					/* @__PURE__ */ S(r, {
 						featured: !0,
 						title: "Tracked Hours",
-						value: n(w?.totalHours ?? C?.trackedHours ?? 0),
-						icon: /* @__PURE__ */ p(c, { className: "h-5 w-5" })
+						value: n(L?.totalHours ?? I?.trackedHours ?? 0),
+						icon: /* @__PURE__ */ S(m, { className: "h-5 w-5" })
 					}),
-					/* @__PURE__ */ p(r, {
+					/* @__PURE__ */ S(r, {
 						title: "Tasks",
-						value: `${w?.completedTasks ?? 0} / ${w?.totalTasks ?? 0}`,
-						icon: /* @__PURE__ */ p(d, { className: "h-5 w-5" }),
+						value: `${L?.completedTasks ?? 0} / ${L?.totalTasks ?? 0}`,
+						icon: /* @__PURE__ */ S(y, { className: "h-5 w-5" }),
 						description: "completed / total"
 					}),
-					/* @__PURE__ */ p(r, {
+					/* @__PURE__ */ S(r, {
 						title: "Progress",
-						value: w?.totalTasks ? `${Math.round((w?.completedTasks ?? 0) / w.totalTasks * 100)}%` : "0%",
-						icon: /* @__PURE__ */ p(u, { className: "h-5 w-5" })
+						value: L?.totalTasks ? `${Math.round((L?.completedTasks ?? 0) / L.totalTasks * 100)}%` : "0%",
+						icon: /* @__PURE__ */ S(v, { className: "h-5 w-5" })
 					}),
-					/* @__PURE__ */ p(r, {
+					/* @__PURE__ */ S(r, {
 						title: "Budget Used",
-						value: t(w?.budgetUsed ?? 0, C?.currency ?? "USD"),
-						icon: /* @__PURE__ */ p(l, { className: "h-5 w-5" }),
-						description: w?.budgetRemaining == null ? void 0 : `${t(w.budgetRemaining, C?.currency ?? "USD")} remaining`
+						value: t(L?.budgetUsed ?? 0, I?.currency ?? "USD"),
+						icon: /* @__PURE__ */ S(h, { className: "h-5 w-5" }),
+						description: L?.budgetRemaining == null ? void 0 : `${t(L.budgetRemaining, I?.currency ?? "USD")} remaining`
 					})
 				]
 			}),
-			/* @__PURE__ */ m("div", {
+			/* @__PURE__ */ C("div", {
 				className: "grid grid-cols-1 gap-6 lg:grid-cols-2",
-				children: [/* @__PURE__ */ m("div", {
+				children: [/* @__PURE__ */ C("div", {
 					className: "rounded-xl border border-border-seam bg-gloss-card shadow-pop p-6",
-					children: [/* @__PURE__ */ p("h3", {
+					children: [/* @__PURE__ */ S("h3", {
 						className: "mb-4 text-sm font-semibold text-text-primary",
 						children: "Recent Activity"
-					}), /* @__PURE__ */ p("div", {
+					}), /* @__PURE__ */ S("div", {
 						className: "flex h-48 items-center justify-center rounded-lg border border-dashed border-border-subtle",
-						children: /* @__PURE__ */ p("p", {
+						children: /* @__PURE__ */ S("p", {
 							className: "text-sm text-text-secondary",
 							children: "Activity timeline will render here"
 						})
 					})]
-				}), /* @__PURE__ */ m("div", {
+				}), /* @__PURE__ */ C("div", {
 					className: "rounded-xl border border-border-seam bg-gloss-card shadow-pop p-6",
-					children: [/* @__PURE__ */ p("h3", {
+					children: [/* @__PURE__ */ S("h3", {
 						className: "mb-4 text-sm font-semibold text-text-primary",
 						children: "Time Distribution"
-					}), /* @__PURE__ */ p("div", {
+					}), /* @__PURE__ */ S("div", {
 						className: "flex h-48 items-center justify-center rounded-lg border border-dashed border-border-subtle",
-						children: /* @__PURE__ */ p("p", {
+						children: /* @__PURE__ */ S("p", {
 							className: "text-sm text-text-secondary",
 							children: "Chart will render here"
 						})
 					})]
 				})]
+			}),
+			/* @__PURE__ */ C(d, {
+				open: R,
+				onClose: () => z(!1),
+				title: "Edit Project",
+				size: "xl",
+				footer: /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S("button", {
+					onClick: () => z(!1),
+					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__ */ S("button", {
+					onClick: $,
+					disabled: G || !H.name.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: G ? "Saving…" : "Save Changes"
+				})] }),
+				children: [K && /* @__PURE__ */ S("div", {
+					className: "mb-4 rounded-lg border border-status-error-bg/40 bg-status-error-bg p-3 text-sm text-status-error-text",
+					children: "Failed to update project. Please try again."
+				}), /* @__PURE__ */ C("div", {
+					className: "space-y-4",
+					children: [
+						/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
+							className: D,
+							children: "Project Name"
+						}), /* @__PURE__ */ S("input", {
+							type: "text",
+							value: H.name,
+							onChange: (e) => U({
+								...H,
+								name: e.target.value
+							}),
+							className: E
+						})] }),
+						/* @__PURE__ */ C("div", {
+							className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+							children: [/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
+								className: D,
+								children: "Client"
+							}), /* @__PURE__ */ S("input", {
+								type: "text",
+								value: H.clientId,
+								onChange: (e) => U({
+									...H,
+									clientId: e.target.value
+								}),
+								className: E
+							})] }), /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
+								className: D,
+								children: "Status"
+							}), /* @__PURE__ */ S("select", {
+								value: H.status,
+								onChange: (e) => U({
+									...H,
+									status: e.target.value
+								}),
+								className: E,
+								children: T.map((e) => /* @__PURE__ */ S("option", {
+									value: e,
+									children: e
+								}, e))
+							})] })]
+						}),
+						/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
+							className: D,
+							children: "Description"
+						}), /* @__PURE__ */ S("textarea", {
+							rows: 3,
+							value: H.description,
+							onChange: (e) => U({
+								...H,
+								description: e.target.value
+							}),
+							className: E
+						})] }),
+						/* @__PURE__ */ C("div", {
+							className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+							children: [/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
+								className: D,
+								children: "Estimated Hours"
+							}), /* @__PURE__ */ S("input", {
+								type: "number",
+								value: H.estimatedHours,
+								onChange: (e) => U({
+									...H,
+									estimatedHours: e.target.value
+								}),
+								className: E
+							})] }), /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
+								className: D,
+								children: "Hourly Rate"
+							}), /* @__PURE__ */ S("input", {
+								type: "number",
+								value: H.hourlyRate,
+								onChange: (e) => U({
+									...H,
+									hourlyRate: e.target.value
+								}),
+								className: E
+							})] })]
+						})
+					]
+				})]
+			}),
+			/* @__PURE__ */ C(d, {
+				open: B,
+				onClose: () => V(!1),
+				title: "Delete Project",
+				size: "sm",
+				footer: /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S("button", {
+					onClick: () => V(!1),
+					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__ */ S("button", {
+					onClick: async () => {
+						O && (await Y({ variables: { id: O } }), V(!1), k("/projects"));
+					},
+					disabled: X,
+					className: "rounded-md bg-status-error-bg px-4 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg/90 disabled:opacity-50",
+					children: X ? "Deleting…" : "Delete"
+				})] }),
+				children: [Z && /* @__PURE__ */ S("div", {
+					className: "mb-4 rounded-lg border border-status-error-bg/40 bg-status-error-bg p-3 text-sm text-status-error-text",
+					children: "Failed to delete project. Please try again."
+				}), /* @__PURE__ */ C("p", {
+					className: "text-sm text-text-secondary",
+					children: [
+						"Are you sure you want to delete",
+						" ",
+						/* @__PURE__ */ S("span", {
+							className: "font-semibold text-text-primary",
+							children: I?.name
+						}),
+						"? This action cannot be undone."
+					]
+				})]
 			})
 		]
 	});
 }
 //#endregion
-export { g as ProjectDetailPage };
+export { O as ProjectDetailPage };
 
 //# sourceMappingURL=ProjectDetailPage.js.map