@burdenoff/microfe-timecampus 2026.510.104

package/dist/timecampus/pages/pomodoro/PomodoroSettingsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PomodoroSettingsPage.js","names":[],"sources":["../../../../src/timecampus/pages/pomodoro/PomodoroSettingsPage.tsx"],"sourcesContent":["import { useState, useEffect, useCallback } from \"react\";\nimport { Settings } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n  useGetPomodoroSettingsQuery,\n  useUpdatePomodoroSettingsMutation,\n} from \"@/generated/wspace-operations\";\n\nexport function PomodoroSettingsPage() {\n  const { workspaceId = \"\" } = useTimeCampus();\n\n  const { data, loading, error } = useGetPomodoroSettingsQuery({\n    variables: { workspaceId },\n    skip: !workspaceId,\n  });\n\n  const [updateSettings, { loading: saving }] =\n    useUpdatePomodoroSettingsMutation();\n\n  const settings = data?.pomodoroSettings;\n\n  const [focusDuration, setFocusDuration] = useState(25);\n  const [shortBreak, setShortBreak] = useState(5);\n  const [longBreak, setLongBreak] = useState(15);\n  const [soundEnabled, setSoundEnabled] = useState(true);\n  const [notificationsEnabled, setNotificationsEnabled] = useState(true);\n  const [autoStartBreaks, setAutoStartBreaks] = useState(false);\n\n  useEffect(() => {\n    if (settings) {\n      setFocusDuration(settings.focusDuration);\n      setShortBreak(settings.shortBreakDuration);\n      setLongBreak(settings.longBreakDuration);\n      setSoundEnabled(settings.soundEnabled);\n      setNotificationsEnabled(settings.notificationsEnabled);\n      setAutoStartBreaks(settings.autoStartBreaks);\n    }\n  }, [settings]);\n\n  const handleSave = useCallback(async () => {\n    if (!workspaceId) return;\n    await updateSettings({\n      variables: {\n        input: {\n          workspaceId,\n          focusDuration,\n          shortBreakDuration: shortBreak,\n          longBreakDuration: longBreak,\n          soundEnabled,\n          notificationsEnabled,\n          autoStartBreaks,\n        },\n      },\n      refetchQueries: [\"GetPomodoroSettings\"],\n    });\n  }, [\n    workspaceId,\n    focusDuration,\n    shortBreak,\n    longBreak,\n    soundEnabled,\n    notificationsEnabled,\n    autoStartBreaks,\n    updateSettings,\n  ]);\n\n  if (loading) {\n    return (\n      <PageLayout\n        title=\"Pomodoro Settings\"\n        description=\"Configure your Pomodoro timer preferences\"\n      >\n        <LoadingSkeleton variant=\"detail\" />\n      </PageLayout>\n    );\n  }\n\n  if (error) {\n    return (\n      <PageLayout\n        title=\"Pomodoro Settings\"\n        description=\"Configure your Pomodoro timer preferences\"\n      >\n        <div className=\"rounded-lg border border-red-200 bg-red-50 p-4 text-sm text-red-600 dark:border-red-800 dark:bg-red-900/20 dark:text-red-400\">\n          Failed to load settings. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Pomodoro Settings\"\n      description=\"Configure your Pomodoro timer preferences\"\n    >\n      <div className=\"mx-auto max-w-2xl space-y-6\">\n        <div className=\"rounded-xl border border-border bg-card p-6\">\n          <h3 className=\"mb-4 flex items-center gap-2 text-sm font-semibold text-foreground\">\n            <Settings className=\"h-4 w-4\" />\n            Timer Durations\n          </h3>\n          <div className=\"space-y-4\">\n            <div className=\"flex items-center justify-between\">\n              <div>\n                <p className=\"text-sm font-medium text-foreground\">\n                  Focus Duration\n                </p>\n                <p className=\"text-xs text-muted-foreground\">\n                  Length of each focus session\n                </p>\n              </div>\n              <input\n                type=\"number\"\n                value={focusDuration}\n                onChange={(e) => setFocusDuration(Number(e.target.value))}\n                className=\"w-20 rounded-md border border-border bg-background px-3 py-1.5 text-sm text-foreground text-right\"\n              />\n            </div>\n            <div className=\"flex items-center justify-between\">\n              <div>\n                <p className=\"text-sm font-medium text-foreground\">\n                  Short Break\n                </p>\n                <p className=\"text-xs text-muted-foreground\">\n                  Break between focus sessions\n                </p>\n              </div>\n              <input\n                type=\"number\"\n                value={shortBreak}\n                onChange={(e) => setShortBreak(Number(e.target.value))}\n                className=\"w-20 rounded-md border border-border bg-background px-3 py-1.5 text-sm text-foreground text-right\"\n              />\n            </div>\n            <div className=\"flex items-center justify-between\">\n              <div>\n                <p className=\"text-sm font-medium text-foreground\">\n                  Long Break\n                </p>\n                <p className=\"text-xs text-muted-foreground\">\n                  After every 4 focus sessions\n                </p>\n              </div>\n              <input\n                type=\"number\"\n                value={longBreak}\n                onChange={(e) => setLongBreak(Number(e.target.value))}\n                className=\"w-20 rounded-md border border-border bg-background px-3 py-1.5 text-sm text-foreground text-right\"\n              />\n            </div>\n          </div>\n        </div>\n\n        <div className=\"rounded-xl border border-border bg-card p-6\">\n          <h3 className=\"mb-4 text-sm font-semibold text-foreground\">\n            Notifications\n          </h3>\n          <div className=\"space-y-3\">\n            <label className=\"flex items-center justify-between\">\n              <span className=\"text-sm text-foreground\">Sound alerts</span>\n              <input\n                type=\"checkbox\"\n                checked={soundEnabled}\n                onChange={(e) => setSoundEnabled(e.target.checked)}\n                className=\"h-4 w-4 rounded border-border\"\n              />\n            </label>\n            <label className=\"flex items-center justify-between\">\n              <span className=\"text-sm text-foreground\">\n                Desktop notifications\n              </span>\n              <input\n                type=\"checkbox\"\n                checked={notificationsEnabled}\n                onChange={(e) => setNotificationsEnabled(e.target.checked)}\n                className=\"h-4 w-4 rounded border-border\"\n              />\n            </label>\n            <label className=\"flex items-center justify-between\">\n              <span className=\"text-sm text-foreground\">Auto-start breaks</span>\n              <input\n                type=\"checkbox\"\n                checked={autoStartBreaks}\n                onChange={(e) => setAutoStartBreaks(e.target.checked)}\n                className=\"h-4 w-4 rounded border-border\"\n              />\n            </label>\n          </div>\n        </div>\n\n        <div className=\"flex justify-end\">\n          <button\n            onClick={handleSave}\n            disabled={saving}\n            className=\"rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50\"\n          >\n            {saving ? \"Saving...\" : \"Save Settings\"}\n          </button>\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/timecampus/pages/projects/ProjectCreatePage.d.ts

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

package/dist/timecampus/pages/projects/ProjectCreatePage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectCreatePage.d.ts","sourceRoot":"","sources":["../../../../src/timecampus/pages/projects/ProjectCreatePage.tsx"],"names":[],"mappings":"AAKA,wBAAgB,iBAAiB,4CAyHhC"}

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

@@ -0,0 +1,104 @@
+import { PageLayout as e } from "../../components/PageLayout.js";
+import { useCreateProjectMutation as t } from "../../../generated/wspace-operations.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";
+//#region src/timecampus/pages/projects/ProjectCreatePage.tsx
+function o() {
+	let [o, s] = n(""), [c, l] = n(""), [u, d] = n(""), [f, p] = n(""), [m, h] = n(""), [g, { loading: _, error: v }] = t();
+	return /* @__PURE__ */ i(e, {
+		title: "Create Project",
+		description: "Set up a new project for time tracking",
+		actions: /* @__PURE__ */ a("button", {
+			className: "inline-flex items-center gap-1.5 rounded-md border border-border px-3 py-2 text-sm font-medium text-foreground hover:bg-muted/50",
+			children: [/* @__PURE__ */ i(r, { className: "h-4 w-4" }), "Back to Projects"]
+		}),
+		children: /* @__PURE__ */ a("div", {
+			className: "mx-auto max-w-2xl rounded-xl border border-border bg-card p-6",
+			children: [v && /* @__PURE__ */ i("div", {
+				className: "mb-4 rounded-lg border border-red-200 bg-red-50 p-3 text-sm text-red-700 dark:border-red-900 dark:bg-red-950/50 dark:text-red-400",
+				children: "Failed to create project. Please try again."
+			}), /* @__PURE__ */ a("div", {
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("label", {
+						className: "block text-sm font-medium text-foreground",
+						children: "Project Name"
+					}), /* @__PURE__ */ i("input", {
+						type: "text",
+						placeholder: "Enter project name",
+						value: o,
+						onChange: (e) => s(e.target.value),
+						className: "mt-1 w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground"
+					})] }),
+					/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("label", {
+						className: "block text-sm font-medium text-foreground",
+						children: "Client"
+					}), /* @__PURE__ */ i("input", {
+						type: "text",
+						placeholder: "Client name",
+						value: c,
+						onChange: (e) => l(e.target.value),
+						className: "mt-1 w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground"
+					})] }),
+					/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("label", {
+						className: "block text-sm font-medium text-foreground",
+						children: "Description"
+					}), /* @__PURE__ */ i("textarea", {
+						placeholder: "Project description",
+						rows: 3,
+						value: u,
+						onChange: (e) => d(e.target.value),
+						className: "mt-1 w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground"
+					})] }),
+					/* @__PURE__ */ a("div", {
+						className: "grid grid-cols-2 gap-4",
+						children: [/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("label", {
+							className: "block text-sm font-medium text-foreground",
+							children: "Estimated Hours"
+						}), /* @__PURE__ */ i("input", {
+							type: "number",
+							placeholder: "0",
+							value: f,
+							onChange: (e) => p(e.target.value),
+							className: "mt-1 w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground"
+						})] }), /* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("label", {
+							className: "block text-sm font-medium text-foreground",
+							children: "Hourly Rate"
+						}), /* @__PURE__ */ i("input", {
+							type: "number",
+							placeholder: "0.00",
+							value: m,
+							onChange: (e) => h(e.target.value),
+							className: "mt-1 w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground"
+						})] })]
+					}),
+					/* @__PURE__ */ a("div", {
+						className: "flex justify-end gap-2 pt-4",
+						children: [/* @__PURE__ */ i("button", {
+							className: "rounded-md border border-border px-4 py-2 text-sm font-medium text-foreground hover:bg-muted/50",
+							children: "Cancel"
+						}), /* @__PURE__ */ i("button", {
+							onClick: async () => {
+								o.trim() && await g({ variables: { input: {
+									name: o.trim(),
+									description: u.trim() || void 0,
+									clientId: c.trim() || void 0,
+									estimatedHours: f ? Number(f) : void 0,
+									hourlyRate: m ? Number(m) : void 0
+								} } });
+							},
+							disabled: _ || !o.trim(),
+							className: "rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50",
+							children: _ ? "Creating..." : "Create Project"
+						})]
+					})
+				]
+			})]
+		})
+	});
+}
+//#endregion
+export { o as ProjectCreatePage };
+
+//# sourceMappingURL=ProjectCreatePage.js.map

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

@@ -0,0 +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 { 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      actions={\n        <button className=\"inline-flex items-center gap-1.5 rounded-md border border-border px-3 py-2 text-sm font-medium text-foreground hover:bg-muted/50\">\n          <ArrowLeft className=\"h-4 w-4\" />\n          Back to Projects\n        </button>\n      }\n    >\n      <div className=\"mx-auto max-w-2xl rounded-xl border border-border bg-card p-6\">\n        {error && (\n          <div className=\"mb-4 rounded-lg border border-red-200 bg-red-50 p-3 text-sm text-red-700 dark:border-red-900 dark:bg-red-950/50 dark:text-red-400\">\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-foreground\">\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 bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground\"\n            />\n          </div>\n          <div>\n            <label className=\"block text-sm font-medium text-foreground\">\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 bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground\"\n            />\n          </div>\n          <div>\n            <label className=\"block text-sm font-medium text-foreground\">\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 bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground\"\n            />\n          </div>\n          <div className=\"grid grid-cols-2 gap-4\">\n            <div>\n              <label className=\"block text-sm font-medium text-foreground\">\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 bg-background px-3 py-2 text-sm text-foreground\"\n              />\n            </div>\n            <div>\n              <label className=\"block text-sm font-medium text-foreground\">\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 bg-background px-3 py-2 text-sm text-foreground\"\n              />\n            </div>\n          </div>\n          <div className=\"flex justify-end gap-2 pt-4\">\n            <button className=\"rounded-md border border-border px-4 py-2 text-sm font-medium text-foreground hover:bg-muted/50\">\n              Cancel\n            </button>\n            <button\n              onClick={handleSubmit}\n              disabled={creating || !name.trim()}\n              className=\"rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50\"\n            >\n              {creating ? \"Creating...\" : \"Create Project\"}\n            </button>\n          </div>\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;AAKA,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,SACE,kBAAC,UAAD;GAAQ,WAAU;aAAlB,CACE,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA,EAAA,mBAE1B;;YAGX,kBAAC,OAAD;GAAK,WAAU;aAAf,CACG,KACC,kBAAC,OAAD;IAAK,WAAU;cAAoI;IAE7I,CAAA,EAER,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;MAAO,WAAU;gBAA4C;MAErD,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;gBAA4C;MAErD,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;gBAA4C;MAErD,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;iBAA4C;OAErD,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;iBAA4C;OAErD,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;iBAAkG;OAE3G,CAAA,EACT,kBAAC,UAAD;OACE,SApGS,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;;OAyFQ,UAAU,KAAY,CAAC,EAAK,MAAM;OAClC,WAAU;iBAET,IAAW,gBAAgB;OACrB,CAAA,CACL;;KACF;MACF;;EACK,CAAA"}

package/dist/timecampus/pages/projects/ProjectDetailPage.d.ts

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

package/dist/timecampus/pages/projects/ProjectDetailPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectDetailPage.d.ts","sourceRoot":"","sources":["../../../../src/timecampus/pages/projects/ProjectDetailPage.tsx"],"names":[],"mappings":"AAWA,wBAAgB,iBAAiB,4CA6GhC"}

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

@@ -0,0 +1,91 @@
+import { formatCurrency as e, formatHours as t } from "../../utils/helpers.js";
+import { PageLayout as n } from "../../components/PageLayout.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 { Clock as s, FolderOpen as c, TrendingUp as l, Users as u } from "lucide-react";
+import { useParams as d } from "react-router-dom";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+//#region src/timecampus/pages/projects/ProjectDetailPage.tsx
+function m() {
+	let { projectId: m } = d(), { data: h, loading: g, error: _ } = a({
+		variables: { id: m },
+		skip: !m
+	}), { data: v, loading: y } = o({
+		variables: { id: m },
+		skip: !m
+	}), b = h?.project, x = v?.projectStats;
+	return _ ? /* @__PURE__ */ f(n, {
+		title: "Project Details",
+		description: `Project ID: ${m}`,
+		children: /* @__PURE__ */ f("div", {
+			className: "rounded-xl border border-red-200 bg-red-50 p-6 text-sm text-red-700 dark:border-red-900 dark:bg-red-950/50 dark:text-red-400",
+			children: "Failed to load project details. Please try again later."
+		})
+	}) : g || y ? /* @__PURE__ */ f(n, {
+		title: "Project Details",
+		description: `Project ID: ${m}`,
+		children: /* @__PURE__ */ f(i, { variant: "detail" })
+	}) : /* @__PURE__ */ p(n, {
+		title: b?.name ?? "Project Details",
+		description: b?.description ?? `Project ID: ${m}`,
+		children: [/* @__PURE__ */ p("div", {
+			className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
+			children: [
+				/* @__PURE__ */ f(r, {
+					title: "Tracked Hours",
+					value: t(x?.totalHours ?? b?.trackedHours ?? 0),
+					icon: /* @__PURE__ */ f(s, { className: "h-5 w-5" })
+				}),
+				/* @__PURE__ */ f(r, {
+					title: "Tasks",
+					value: `${x?.completedTasks ?? 0} / ${x?.totalTasks ?? 0}`,
+					icon: /* @__PURE__ */ f(u, { className: "h-5 w-5" }),
+					description: "completed / total"
+				}),
+				/* @__PURE__ */ f(r, {
+					title: "Progress",
+					value: x?.totalTasks ? `${Math.round((x?.completedTasks ?? 0) / x.totalTasks * 100)}%` : "0%",
+					icon: /* @__PURE__ */ f(l, { className: "h-5 w-5" })
+				}),
+				/* @__PURE__ */ f(r, {
+					title: "Budget Used",
+					value: e(x?.budgetUsed ?? 0, b?.currency ?? "USD"),
+					icon: /* @__PURE__ */ f(c, { className: "h-5 w-5" }),
+					description: x?.budgetRemaining == null ? void 0 : `${e(x.budgetRemaining, b?.currency ?? "USD")} remaining`
+				})
+			]
+		}), /* @__PURE__ */ p("div", {
+			className: "grid grid-cols-1 gap-6 lg:grid-cols-2",
+			children: [/* @__PURE__ */ p("div", {
+				className: "rounded-xl border border-border bg-card p-6",
+				children: [/* @__PURE__ */ f("h3", {
+					className: "mb-4 text-sm font-semibold text-foreground",
+					children: "Recent Activity"
+				}), /* @__PURE__ */ f("div", {
+					className: "flex h-48 items-center justify-center rounded-lg border border-dashed border-border",
+					children: /* @__PURE__ */ f("p", {
+						className: "text-sm text-muted-foreground",
+						children: "Activity timeline will render here"
+					})
+				})]
+			}), /* @__PURE__ */ p("div", {
+				className: "rounded-xl border border-border bg-card p-6",
+				children: [/* @__PURE__ */ f("h3", {
+					className: "mb-4 text-sm font-semibold text-foreground",
+					children: "Time Distribution"
+				}), /* @__PURE__ */ f("div", {
+					className: "flex h-48 items-center justify-center rounded-lg border border-dashed border-border",
+					children: /* @__PURE__ */ f("p", {
+						className: "text-sm text-muted-foreground",
+						children: "Chart will render here"
+					})
+				})]
+			})]
+		})]
+	});
+}
+//#endregion
+export { m as ProjectDetailPage };
+
+//# sourceMappingURL=ProjectDetailPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectDetailPage.js","names":[],"sources":["../../../../src/timecampus/pages/projects/ProjectDetailPage.tsx"],"sourcesContent":["import { useParams } from \"react-router-dom\";\nimport { FolderOpen, Clock, Users, TrendingUp } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { StatCard } from \"../../components/StatCard\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { formatHours, formatCurrency } from \"../../utils/helpers\";\nimport {\n  useGetProjectQuery,\n  useGetProjectStatsQuery,\n} from \"@/generated/wspace-operations\";\n\nexport function ProjectDetailPage() {\n  const { projectId } = useParams<{ projectId: string }>();\n\n  const {\n    data: projectData,\n    loading: projectLoading,\n    error: projectError,\n  } = useGetProjectQuery({\n    variables: { id: projectId! },\n    skip: !projectId,\n  });\n\n  const { data: statsData, loading: statsLoading } = useGetProjectStatsQuery({\n    variables: { id: projectId! },\n    skip: !projectId,\n  });\n\n  const project = projectData?.project;\n  const stats = statsData?.projectStats;\n\n  if (projectError) {\n    return (\n      <PageLayout\n        title=\"Project Details\"\n        description={`Project ID: ${projectId}`}\n      >\n        <div className=\"rounded-xl border border-red-200 bg-red-50 p-6 text-sm text-red-700 dark:border-red-900 dark:bg-red-950/50 dark:text-red-400\">\n          Failed to load project details. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  if (projectLoading || statsLoading) {\n    return (\n      <PageLayout\n        title=\"Project Details\"\n        description={`Project ID: ${projectId}`}\n      >\n        <LoadingSkeleton variant=\"detail\" />\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title={project?.name ?? \"Project Details\"}\n      description={project?.description ?? `Project ID: ${projectId}`}\n    >\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n        <StatCard\n          title=\"Tracked Hours\"\n          value={formatHours(stats?.totalHours ?? project?.trackedHours ?? 0)}\n          icon={<Clock className=\"h-5 w-5\" />}\n        />\n        <StatCard\n          title=\"Tasks\"\n          value={`${stats?.completedTasks ?? 0} / ${stats?.totalTasks ?? 0}`}\n          icon={<Users className=\"h-5 w-5\" />}\n          description=\"completed / total\"\n        />\n        <StatCard\n          title=\"Progress\"\n          value={\n            stats?.totalTasks\n              ? `${Math.round(((stats?.completedTasks ?? 0) / stats.totalTasks) * 100)}%`\n              : \"0%\"\n          }\n          icon={<TrendingUp className=\"h-5 w-5\" />}\n        />\n        <StatCard\n          title=\"Budget Used\"\n          value={formatCurrency(\n            stats?.budgetUsed ?? 0,\n            project?.currency ?? \"USD\",\n          )}\n          icon={<FolderOpen className=\"h-5 w-5\" />}\n          description={\n            stats?.budgetRemaining != null\n              ? `${formatCurrency(stats.budgetRemaining, project?.currency ?? \"USD\")} remaining`\n              : undefined\n          }\n        />\n      </div>\n\n      <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-2\">\n        <div className=\"rounded-xl border border-border bg-card p-6\">\n          <h3 className=\"mb-4 text-sm font-semibold text-foreground\">\n            Recent Activity\n          </h3>\n          <div className=\"flex h-48 items-center justify-center rounded-lg border border-dashed border-border\">\n            <p className=\"text-sm text-muted-foreground\">\n              Activity timeline will render here\n            </p>\n          </div>\n        </div>\n        <div className=\"rounded-xl border border-border bg-card p-6\">\n          <h3 className=\"mb-4 text-sm font-semibold text-foreground\">\n            Time Distribution\n          </h3>\n          <div className=\"flex h-48 items-center justify-center rounded-lg border border-dashed border-border\">\n            <p className=\"text-sm text-muted-foreground\">\n              Chart will render here\n            </p>\n          </div>\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;AAWA,SAAgB,IAAoB;CAClC,IAAM,EAAE,iBAAc,GAAkC,EAElD,EACJ,MAAM,GACN,SAAS,GACT,OAAO,MACL,EAAmB;EACrB,WAAW,EAAE,IAAI,GAAY;EAC7B,MAAM,CAAC;EACR,CAAC,EAEI,EAAE,MAAM,GAAW,SAAS,MAAiB,EAAwB;EACzE,WAAW,EAAE,IAAI,GAAY;EAC7B,MAAM,CAAC;EACR,CAAC,EAEI,IAAU,GAAa,SACvB,IAAQ,GAAW;AA0BzB,QAxBI,IAEA,kBAAC,GAAD;EACE,OAAM;EACN,aAAa,eAAe;YAE5B,kBAAC,OAAD;GAAK,WAAU;aAA+H;GAExI,CAAA;EACK,CAAA,GAIb,KAAkB,IAElB,kBAAC,GAAD;EACE,OAAM;EACN,aAAa,eAAe;YAE5B,kBAAC,GAAD,EAAiB,SAAQ,UAAW,CAAA;EACzB,CAAA,GAKf,kBAAC,GAAD;EACE,OAAO,GAAS,QAAQ;EACxB,aAAa,GAAS,eAAe,eAAe;YAFtD,CAIE,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,EAAY,GAAO,cAAc,GAAS,gBAAgB,EAAE;KACnE,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;KACnC,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,GAAG,GAAO,kBAAkB,EAAE,KAAK,GAAO,cAAc;KAC/D,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;KACnC,aAAY;KACZ,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OACE,GAAO,aACH,GAAG,KAAK,OAAQ,GAAO,kBAAkB,KAAK,EAAM,aAAc,IAAI,CAAC,KACvE;KAEN,MAAM,kBAAC,GAAD,EAAY,WAAU,WAAY,CAAA;KACxC,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,EACL,GAAO,cAAc,GACrB,GAAS,YAAY,MACtB;KACD,MAAM,kBAAC,GAAD,EAAY,WAAU,WAAY,CAAA;KACxC,aACE,GAAO,mBAAmB,OAEtB,KAAA,IADA,GAAG,EAAe,EAAM,iBAAiB,GAAS,YAAY,MAAM,CAAC;KAG3E,CAAA;IACE;MAEN,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,MAAD;KAAI,WAAU;eAA6C;KAEtD,CAAA,EACL,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,KAAD;MAAG,WAAU;gBAAgC;MAEzC,CAAA;KACA,CAAA,CACF;OACN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,MAAD;KAAI,WAAU;eAA6C;KAEtD,CAAA,EACL,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,KAAD;MAAG,WAAU;gBAAgC;MAEzC,CAAA;KACA,CAAA,CACF;MACF;KACK"}

package/dist/timecampus/pages/projects/ProjectsPage.d.ts

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

package/dist/timecampus/pages/projects/ProjectsPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectsPage.d.ts","sourceRoot":"","sources":["../../../../src/timecampus/pages/projects/ProjectsPage.tsx"],"names":[],"mappings":"AAYA,wBAAgB,YAAY,4CA6H3B"}

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

@@ -0,0 +1,95 @@
+import { formatHours as e, getStatusColor as t } from "../../utils/helpers.js";
+import { PageLayout as n } from "../../components/PageLayout.js";
+import { LoadingSkeleton as r } from "../../components/LoadingSkeleton.js";
+import { useListProjectsQuery as i } from "../../../generated/wspace-operations.js";
+import { FolderOpen as a, Plus as o } from "lucide-react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { useI18n as l } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+//#region src/timecampus/pages/projects/ProjectsPage.tsx
+function u() {
+	let { t: u } = l(), d = (e, t) => {
+		let n = u(e);
+		return n === e ? t : n;
+	}, { data: f, loading: p, error: m } = i({ variables: { limit: 50 } }), h = f?.projects?.items ?? [];
+	return m ? /* @__PURE__ */ s(n, {
+		title: d("timecampus.projects.title", "Projects"),
+		description: d("timecampus.projects.description", "Manage and track project time"),
+		children: /* @__PURE__ */ s("div", {
+			className: "rounded-xl border border-red-200 bg-red-50 p-6 text-sm text-red-700 dark:border-red-900 dark:bg-red-950/50 dark:text-red-400",
+			children: d("timecampus.projects.error.loadFailed", "Failed to load projects. Please try again later.")
+		})
+	}) : /* @__PURE__ */ s(n, {
+		title: d("timecampus.projects.title", "Projects"),
+		description: d("timecampus.projects.description", "Manage and track project time"),
+		actions: /* @__PURE__ */ c("button", {
+			className: "inline-flex items-center gap-1.5 rounded-md bg-primary px-3 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90",
+			children: [/* @__PURE__ */ s(o, { className: "h-4 w-4" }), d("timecampus.projects.actions.newProject", "New Project")]
+		}),
+		children: p ? /* @__PURE__ */ s(r, {
+			variant: "card",
+			count: 4
+		}) : h.length === 0 ? /* @__PURE__ */ c("div", {
+			className: "rounded-xl border border-dashed border-border bg-card p-12 text-center",
+			children: [/* @__PURE__ */ s(a, { className: "mx-auto h-10 w-10 text-muted-foreground" }), /* @__PURE__ */ s("p", {
+				className: "mt-4 text-sm text-muted-foreground",
+				children: d("timecampus.projects.empty", "No projects yet. Create your first project to get started.")
+			})]
+		}) : /* @__PURE__ */ s("div", {
+			className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
+			children: h.map((n) => /* @__PURE__ */ c("div", {
+				className: "rounded-xl border border-border bg-card p-5 transition-colors hover:bg-muted/50 cursor-pointer",
+				children: [
+					/* @__PURE__ */ c("div", {
+						className: "flex items-start justify-between",
+						children: [/* @__PURE__ */ c("div", {
+							className: "flex items-center gap-3",
+							children: [/* @__PURE__ */ s("div", {
+								className: "h-3 w-3 rounded-full",
+								style: { backgroundColor: n.color ?? "#3b82f6" }
+							}), /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("p", {
+								className: "text-sm font-semibold text-foreground",
+								children: n.name
+							}), /* @__PURE__ */ s("p", {
+								className: "text-xs text-muted-foreground",
+								children: n.clientId ?? d("timecampus.projects.card.noClient", "No client")
+							})] })]
+						}), /* @__PURE__ */ s("span", {
+							className: `inline-flex rounded-full px-2 py-0.5 text-xs font-medium ${t(n.status)}`,
+							children: n.status
+						})]
+					}),
+					/* @__PURE__ */ c("div", {
+						className: "mt-4",
+						children: [/* @__PURE__ */ c("div", {
+							className: "flex items-center justify-between text-xs text-muted-foreground",
+							children: [/* @__PURE__ */ s("span", { children: d("timecampus.projects.card.progress", "Progress") }), /* @__PURE__ */ c("span", { children: [n.estimatedHours ? Math.round(n.trackedHours / n.estimatedHours * 100) : 0, "%"] })]
+						}), /* @__PURE__ */ s("div", {
+							className: "mt-1 h-2 rounded-full bg-muted",
+							children: /* @__PURE__ */ s("div", {
+								className: "h-2 rounded-full bg-primary",
+								style: { width: `${n.estimatedHours ? Math.min(Math.round(n.trackedHours / n.estimatedHours * 100), 100) : 0}%` }
+							})
+						})]
+					}),
+					/* @__PURE__ */ c("div", {
+						className: "mt-3 flex items-center justify-between text-xs text-muted-foreground",
+						children: [/* @__PURE__ */ c("span", { children: [
+							e(n.trackedHours),
+							" /",
+							" ",
+							e(n.estimatedHours ?? 0)
+						] }), /* @__PURE__ */ c("span", { children: [
+							n.tasks?.length ?? 0,
+							" ",
+							d("timecampus.projects.card.tasks", "tasks")
+						] })]
+					})
+				]
+			}, n.id))
+		})
+	});
+}
+//#endregion
+export { u as ProjectsPage };
+
+//# sourceMappingURL=ProjectsPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectsPage.js","names":[],"sources":["../../../../src/timecampus/pages/projects/ProjectsPage.tsx"],"sourcesContent":["import { FolderOpen, Plus } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { getStatusColor, formatHours } from \"../../utils/helpers\";\nimport {\n  useListProjectsQuery,\n  type ListProjectsQuery,\n} from \"@/generated/wspace-operations\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\n\ntype ProjectItem = NonNullable<ListProjectsQuery[\"projects\"]>[\"items\"][number];\n\nexport function ProjectsPage() {\n  const { t: translate } = useI18n();\n  const t = (key: string, fallback: string): string => {\n    const value = translate(key);\n    return value === key ? fallback : value;\n  };\n  const { data, loading, error } = useListProjectsQuery({\n    variables: { limit: 50 },\n  });\n\n  const projects = data?.projects?.items ?? [];\n\n  if (error) {\n    return (\n      <PageLayout\n        title={t(\"timecampus.projects.title\", \"Projects\")}\n        description={t(\n          \"timecampus.projects.description\",\n          \"Manage and track project time\",\n        )}\n      >\n        <div className=\"rounded-xl border border-red-200 bg-red-50 p-6 text-sm text-red-700 dark:border-red-900 dark:bg-red-950/50 dark:text-red-400\">\n          {t(\n            \"timecampus.projects.error.loadFailed\",\n            \"Failed to load projects. Please try again later.\",\n          )}\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title={t(\"timecampus.projects.title\", \"Projects\")}\n      description={t(\n        \"timecampus.projects.description\",\n        \"Manage and track project time\",\n      )}\n      actions={\n        <button className=\"inline-flex items-center gap-1.5 rounded-md bg-primary px-3 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90\">\n          <Plus className=\"h-4 w-4\" />\n          {t(\"timecampus.projects.actions.newProject\", \"New Project\")}\n        </button>\n      }\n    >\n      {loading ? (\n        <LoadingSkeleton variant=\"card\" count={4} />\n      ) : projects.length === 0 ? (\n        <div className=\"rounded-xl border border-dashed border-border bg-card p-12 text-center\">\n          <FolderOpen className=\"mx-auto h-10 w-10 text-muted-foreground\" />\n          <p className=\"mt-4 text-sm text-muted-foreground\">\n            {t(\n              \"timecampus.projects.empty\",\n              \"No projects yet. Create your first project to get started.\",\n            )}\n          </p>\n        </div>\n      ) : (\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n          {projects.map((project: ProjectItem) => (\n            <div\n              key={project.id}\n              className=\"rounded-xl border border-border bg-card p-5 transition-colors hover:bg-muted/50 cursor-pointer\"\n            >\n              <div className=\"flex items-start justify-between\">\n                <div className=\"flex items-center gap-3\">\n                  <div\n                    className=\"h-3 w-3 rounded-full\"\n                    style={{ backgroundColor: project.color ?? \"#3b82f6\" }}\n                  />\n                  <div>\n                    <p className=\"text-sm font-semibold text-foreground\">\n                      {project.name}\n                    </p>\n                    <p className=\"text-xs text-muted-foreground\">\n                      {project.clientId ??\n                        t(\"timecampus.projects.card.noClient\", \"No client\")}\n                    </p>\n                  </div>\n                </div>\n                <span\n                  className={`inline-flex rounded-full px-2 py-0.5 text-xs font-medium ${getStatusColor(project.status)}`}\n                >\n                  {project.status}\n                </span>\n              </div>\n              <div className=\"mt-4\">\n                <div className=\"flex items-center justify-between text-xs text-muted-foreground\">\n                  <span>\n                    {t(\"timecampus.projects.card.progress\", \"Progress\")}\n                  </span>\n                  <span>\n                    {project.estimatedHours\n                      ? Math.round(\n                          (project.trackedHours / project.estimatedHours) * 100,\n                        )\n                      : 0}\n                    %\n                  </span>\n                </div>\n                <div className=\"mt-1 h-2 rounded-full bg-muted\">\n                  <div\n                    className=\"h-2 rounded-full bg-primary\"\n                    style={{\n                      width: `${project.estimatedHours ? Math.min(Math.round((project.trackedHours / project.estimatedHours) * 100), 100) : 0}%`,\n                    }}\n                  />\n                </div>\n              </div>\n              <div className=\"mt-3 flex items-center justify-between text-xs text-muted-foreground\">\n                <span>\n                  {formatHours(project.trackedHours)} /{\" \"}\n                  {formatHours(project.estimatedHours ?? 0)}\n                </span>\n                <span>\n                  {project.tasks?.length ?? 0}{\" \"}\n                  {t(\"timecampus.projects.card.tasks\", \"tasks\")}\n                </span>\n              </div>\n            </div>\n          ))}\n        </div>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;AAYA,SAAgB,IAAe;CAC7B,IAAM,EAAE,GAAG,MAAc,GAAS,EAC5B,KAAK,GAAa,MAA6B;EACnD,IAAM,IAAQ,EAAU,EAAI;AAC5B,SAAO,MAAU,IAAM,IAAW;IAE9B,EAAE,SAAM,YAAS,aAAU,EAAqB,EACpD,WAAW,EAAE,OAAO,IAAI,EACzB,CAAC,EAEI,IAAW,GAAM,UAAU,SAAS,EAAE;AAqB5C,QAnBI,IAEA,kBAAC,GAAD;EACE,OAAO,EAAE,6BAA6B,WAAW;EACjD,aAAa,EACX,mCACA,gCACD;YAED,kBAAC,OAAD;GAAK,WAAU;aACZ,EACC,wCACA,mDACD;GACG,CAAA;EACK,CAAA,GAKf,kBAAC,GAAD;EACE,OAAO,EAAE,6BAA6B,WAAW;EACjD,aAAa,EACX,mCACA,gCACD;EACD,SACE,kBAAC,UAAD;GAAQ,WAAU;aAAlB,CACE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAC3B,EAAE,0CAA0C,cAAc,CACpD;;YAGV,IACC,kBAAC,GAAD;GAAiB,SAAQ;GAAO,OAAO;GAAK,CAAA,GAC1C,EAAS,WAAW,IACtB,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD,EAAY,WAAU,2CAA4C,CAAA,EAClE,kBAAC,KAAD;IAAG,WAAU;cACV,EACC,6BACA,6DACD;IACC,CAAA,CACA;OAEN,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAS,KAAK,MACb,kBAAC,OAAD;IAEE,WAAU;cAFZ;KAIE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,OAAD;QACE,WAAU;QACV,OAAO,EAAE,iBAAiB,EAAQ,SAAS,WAAW;QACtD,CAAA,EACF,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;QAAG,WAAU;kBACV,EAAQ;QACP,CAAA,EACJ,kBAAC,KAAD;QAAG,WAAU;kBACV,EAAQ,YACP,EAAE,qCAAqC,YAAY;QACnD,CAAA,CACA,EAAA,CAAA,CACF;UACN,kBAAC,QAAD;OACE,WAAW,4DAA4D,EAAe,EAAQ,OAAO;iBAEpG,EAAQ;OACJ,CAAA,CACH;;KACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,QAAD,EAAA,UACG,EAAE,qCAAqC,WAAW,EAC9C,CAAA,EACP,kBAAC,QAAD,EAAA,UAAA,CACG,EAAQ,iBACL,KAAK,MACF,EAAQ,eAAe,EAAQ,iBAAkB,IACnD,GACD,GAAE,IAED,EAAA,CAAA,CACH;UACN,kBAAC,OAAD;OAAK,WAAU;iBACb,kBAAC,OAAD;QACE,WAAU;QACV,OAAO,EACL,OAAO,GAAG,EAAQ,iBAAiB,KAAK,IAAI,KAAK,MAAO,EAAQ,eAAe,EAAQ,iBAAkB,IAAI,EAAE,IAAI,GAAG,EAAE,IACzH;QACD,CAAA;OACE,CAAA,CACF;;KACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,QAAD,EAAA,UAAA;OACG,EAAY,EAAQ,aAAa;OAAC;OAAG;OACrC,EAAY,EAAQ,kBAAkB,EAAE;OACpC,EAAA,CAAA,EACP,kBAAC,QAAD,EAAA,UAAA;OACG,EAAQ,OAAO,UAAU;OAAG;OAC5B,EAAE,kCAAkC,QAAQ;OACxC,EAAA,CAAA,CACH;;KACF;MA1DC,EAAQ,GA0DT,CACN;GACE,CAAA;EAEG,CAAA"}

package/dist/timecampus/pages/projects/TasksPage.d.ts

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

package/dist/timecampus/pages/projects/TasksPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TasksPage.d.ts","sourceRoot":"","sources":["../../../../src/timecampus/pages/projects/TasksPage.tsx"],"names":[],"mappings":"AAUA,wBAAgB,SAAS,4CAiFxB"}

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

@@ -0,0 +1,73 @@
+import { getPriorityColor as e, getStatusColor as t } from "../../utils/helpers.js";
+import { PageLayout as n } from "../../components/PageLayout.js";
+import { LoadingSkeleton as r } from "../../components/LoadingSkeleton.js";
+import { useListTasksQuery as i } from "../../../generated/wspace-operations.js";
+import { CheckSquare as a, Plus as o } from "lucide-react";
+import { useParams as s } from "react-router-dom";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/timecampus/pages/projects/TasksPage.tsx
+function u() {
+	let { projectId: u } = s(), { data: d, loading: f, error: p } = i({
+		variables: { projectId: u },
+		skip: !u
+	}), m = d?.tasks?.items ?? [];
+	return p ? /* @__PURE__ */ c(n, {
+		title: "Tasks",
+		description: `Tasks for project ${u}`,
+		children: /* @__PURE__ */ c("div", {
+			className: "rounded-xl border border-red-200 bg-red-50 p-6 text-sm text-red-700 dark:border-red-900 dark:bg-red-950/50 dark:text-red-400",
+			children: "Failed to load tasks. Please try again later."
+		})
+	}) : /* @__PURE__ */ c(n, {
+		title: "Tasks",
+		description: `Tasks for project ${u}`,
+		actions: /* @__PURE__ */ l("button", {
+			className: "inline-flex items-center gap-1.5 rounded-md bg-primary px-3 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90",
+			children: [/* @__PURE__ */ c(o, { className: "h-4 w-4" }), "Add Task"]
+		}),
+		children: f ? /* @__PURE__ */ c(r, {
+			variant: "list",
+			count: 5
+		}) : /* @__PURE__ */ c("div", {
+			className: "rounded-xl border border-border bg-card",
+			children: /* @__PURE__ */ l("div", {
+				className: "divide-y divide-border",
+				children: [m.map((n) => /* @__PURE__ */ l("div", {
+					className: "flex items-center justify-between p-4 hover:bg-muted/50 transition-colors",
+					children: [/* @__PURE__ */ l("div", {
+						className: "flex items-center gap-3",
+						children: [/* @__PURE__ */ c(a, { className: `h-5 w-5 ${n.status === "done" ? "text-emerald-500" : "text-muted-foreground"}` }), /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("p", {
+							className: `text-sm font-medium ${n.status === "done" ? "text-muted-foreground line-through" : "text-foreground"}`,
+							children: n.title
+						}), /* @__PURE__ */ l("p", {
+							className: "text-xs text-muted-foreground",
+							children: [
+								n.assigneeId ?? "Unassigned",
+								" ·",
+								" ",
+								n.trackedHours,
+								"h tracked"
+							]
+						})] })]
+					}), /* @__PURE__ */ l("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ c("span", {
+							className: `inline-flex rounded-full px-2 py-0.5 text-xs font-medium ${e(n.priority)}`,
+							children: n.priority
+						}), /* @__PURE__ */ c("span", {
+							className: `inline-flex rounded-full px-2 py-0.5 text-xs font-medium ${t(n.status)}`,
+							children: n.status
+						})]
+					})]
+				}, n.id)), m.length === 0 && /* @__PURE__ */ c("div", {
+					className: "p-8 text-center text-sm text-muted-foreground",
+					children: "No tasks yet. Add a task to get started."
+				})]
+			})
+		})
+	});
+}
+//#endregion
+export { u as TasksPage };
+
+//# sourceMappingURL=TasksPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TasksPage.js","names":[],"sources":["../../../../src/timecampus/pages/projects/TasksPage.tsx"],"sourcesContent":["import { useParams } from \"react-router-dom\";\nimport { Plus, CheckSquare } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { getStatusColor, getPriorityColor } from \"../../utils/helpers\";\nimport {\n  useListTasksQuery,\n  type TaskFieldsFragment,\n} from \"@/generated/wspace-operations\";\n\nexport function TasksPage() {\n  const { projectId } = useParams<{ projectId: string }>();\n\n  const { data, loading, error } = useListTasksQuery({\n    variables: { projectId: projectId! },\n    skip: !projectId,\n  });\n\n  const tasks = data?.tasks?.items ?? [];\n\n  if (error) {\n    return (\n      <PageLayout title=\"Tasks\" description={`Tasks for project ${projectId}`}>\n        <div className=\"rounded-xl border border-red-200 bg-red-50 p-6 text-sm text-red-700 dark:border-red-900 dark:bg-red-950/50 dark:text-red-400\">\n          Failed to load tasks. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Tasks\"\n      description={`Tasks for project ${projectId}`}\n      actions={\n        <button className=\"inline-flex items-center gap-1.5 rounded-md bg-primary px-3 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90\">\n          <Plus className=\"h-4 w-4\" />\n          Add Task\n        </button>\n      }\n    >\n      {loading ? (\n        <LoadingSkeleton variant=\"list\" count={5} />\n      ) : (\n        <div className=\"rounded-xl border border-border bg-card\">\n          <div className=\"divide-y divide-border\">\n            {tasks.map((task: TaskFieldsFragment) => (\n              <div\n                key={task.id}\n                className=\"flex items-center justify-between p-4 hover:bg-muted/50 transition-colors\"\n              >\n                <div className=\"flex items-center gap-3\">\n                  <CheckSquare\n                    className={`h-5 w-5 ${task.status === \"done\" ? \"text-emerald-500\" : \"text-muted-foreground\"}`}\n                  />\n                  <div>\n                    <p\n                      className={`text-sm font-medium ${task.status === \"done\" ? \"text-muted-foreground line-through\" : \"text-foreground\"}`}\n                    >\n                      {task.title}\n                    </p>\n                    <p className=\"text-xs text-muted-foreground\">\n                      {task.assigneeId ?? \"Unassigned\"} &middot;{\" \"}\n                      {task.trackedHours}h tracked\n                    </p>\n                  </div>\n                </div>\n                <div className=\"flex items-center gap-2\">\n                  <span\n                    className={`inline-flex rounded-full px-2 py-0.5 text-xs font-medium ${getPriorityColor(task.priority)}`}\n                  >\n                    {task.priority}\n                  </span>\n                  <span\n                    className={`inline-flex rounded-full px-2 py-0.5 text-xs font-medium ${getStatusColor(task.status)}`}\n                  >\n                    {task.status}\n                  </span>\n                </div>\n              </div>\n            ))}\n            {tasks.length === 0 && (\n              <div className=\"p-8 text-center text-sm text-muted-foreground\">\n                No tasks yet. Add a task to get started.\n              </div>\n            )}\n          </div>\n        </div>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;AAUA,SAAgB,IAAY;CAC1B,IAAM,EAAE,iBAAc,GAAkC,EAElD,EAAE,SAAM,YAAS,aAAU,EAAkB;EACjD,WAAW,EAAa,cAAY;EACpC,MAAM,CAAC;EACR,CAAC,EAEI,IAAQ,GAAM,OAAO,SAAS,EAAE;AAYtC,QAVI,IAEA,kBAAC,GAAD;EAAY,OAAM;EAAQ,aAAa,qBAAqB;YAC1D,kBAAC,OAAD;GAAK,WAAU;aAA+H;GAExI,CAAA;EACK,CAAA,GAKf,kBAAC,GAAD;EACE,OAAM;EACN,aAAa,qBAAqB;EAClC,SACE,kBAAC,UAAD;GAAQ,WAAU;aAAlB,CACE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAAA,WAErB;;YAGV,IACC,kBAAC,GAAD;GAAiB,SAAQ;GAAO,OAAO;GAAK,CAAA,GAE5C,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,OAAD;IAAK,WAAU;cAAf,CACG,EAAM,KAAK,MACV,kBAAC,OAAD;KAEE,WAAU;eAFZ,CAIE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD,EACE,WAAW,WAAW,EAAK,WAAW,SAAS,qBAAqB,2BACpE,CAAA,EACF,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;OACE,WAAW,uBAAuB,EAAK,WAAW,SAAS,uCAAuC;iBAEjG,EAAK;OACJ,CAAA,EACJ,kBAAC,KAAD;OAAG,WAAU;iBAAb;QACG,EAAK,cAAc;QAAa;QAAU;QAC1C,EAAK;QAAa;QACjB;SACA,EAAA,CAAA,CACF;SACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,QAAD;OACE,WAAW,4DAA4D,EAAiB,EAAK,SAAS;iBAErG,EAAK;OACD,CAAA,EACP,kBAAC,QAAD;OACE,WAAW,4DAA4D,EAAe,EAAK,OAAO;iBAEjG,EAAK;OACD,CAAA,CACH;QACF;OA/BC,EAAK,GA+BN,CACN,EACD,EAAM,WAAW,KAChB,kBAAC,OAAD;KAAK,WAAU;eAAgD;KAEzD,CAAA,CAEJ;;GACF,CAAA;EAEG,CAAA"}

package/dist/timecampus/pages/resource-planning/ResourcePlanningPage.d.ts

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

package/dist/timecampus/pages/resource-planning/ResourcePlanningPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourcePlanningPage.d.ts","sourceRoot":"","sources":["../../../../src/timecampus/pages/resource-planning/ResourcePlanningPage.tsx"],"names":[],"mappings":"AAaA,wBAAgB,oBAAoB,4CAmKnC"}

package/dist/timecampus/pages/resource-planning/ResourcePlanningPage.js

@@ -0,0 +1,129 @@
+import { useTimeCampus as e } from "../../providers/TimeCampusProvider.js";
+import { getInitials as t } from "../../utils/helpers.js";
+import { PageLayout as n } from "../../components/PageLayout.js";
+import { StatCard as r } from "../../components/StatCard.js";
+import { LoadingSkeleton as i } from "../../components/LoadingSkeleton.js";
+import { useGetCapacityOverviewQuery as a, useListResourcePlansQuery as o } from "../../../generated/wspace-operations.js";
+import { CalendarRange as s, TrendingUp as c, Users as l } from "lucide-react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/timecampus/pages/resource-planning/ResourcePlanningPage.tsx
+function f() {
+	let { workspaceId: f = "" } = e(), p = /* @__PURE__ */ new Date(), m = new Date(p.getFullYear(), p.getMonth(), p.getDate()).toISOString(), h = new Date(p.getFullYear(), p.getMonth(), p.getDate() + 7).toISOString(), { data: g, loading: _, error: v } = o(), { data: y } = a({ variables: {
+		startDate: m,
+		endDate: h
+	} }), b = g?.resourcePlans?.items ?? [], x = y?.capacityOverview, S = b.flatMap((e) => e.allocations.map((t) => ({
+		...t,
+		planName: e.name
+	})));
+	if (_) return /* @__PURE__ */ u(n, {
+		title: "Resource Planning",
+		description: "Plan and optimize team resource allocation",
+		children: /* @__PURE__ */ u(i, {
+			variant: "list",
+			count: 5
+		})
+	});
+	if (v) return /* @__PURE__ */ u(n, {
+		title: "Resource Planning",
+		description: "Plan and optimize team resource allocation",
+		children: /* @__PURE__ */ u("div", {
+			className: "rounded-lg border border-red-200 bg-red-50 p-4 text-sm text-red-700 dark:border-red-800 dark:bg-red-900/20 dark:text-red-400",
+			children: "Failed to load resource planning data. Please try again later."
+		})
+	});
+	let C = x?.utilizationRate ?? 0, w = x?.overallocatedUsers?.length ?? 0, T = x?.availableCapacity ?? 0;
+	return /* @__PURE__ */ d(n, {
+		title: "Resource Planning",
+		description: "Plan and optimize team resource allocation",
+		children: [/* @__PURE__ */ d("div", {
+			className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
+			children: [
+				/* @__PURE__ */ u(r, {
+					title: "Team Utilization",
+					value: `${Math.round(C)}%`,
+					icon: /* @__PURE__ */ u(c, { className: "h-5 w-5" })
+				}),
+				/* @__PURE__ */ u(r, {
+					title: "Over-allocated",
+					value: String(w),
+					icon: /* @__PURE__ */ u(l, { className: "h-5 w-5" }),
+					iconBgColor: "bg-red-100 text-red-600 dark:bg-red-900/30 dark:text-red-400"
+				}),
+				/* @__PURE__ */ u(r, {
+					title: "Active Plans",
+					value: String(b.length),
+					icon: /* @__PURE__ */ u(l, { className: "h-5 w-5" })
+				}),
+				/* @__PURE__ */ u(r, {
+					title: "Available Capacity",
+					value: `${Math.round(T)}h`,
+					icon: /* @__PURE__ */ u(s, { className: "h-5 w-5" }),
+					description: "This week"
+				})
+			]
+		}), /* @__PURE__ */ u("div", {
+			className: "rounded-xl border border-border bg-card",
+			children: /* @__PURE__ */ u("div", {
+				className: "divide-y divide-border",
+				children: S.length === 0 ? /* @__PURE__ */ u("div", {
+					className: "p-8 text-center text-sm text-muted-foreground",
+					children: "No resource allocations found. Create a resource plan to start allocating team members."
+				}) : S.map((e) => {
+					let n = e.utilizationRate ?? (e.allocatedHours > 0 ? Math.round(e.actualHours / e.allocatedHours * 100) : 0);
+					return /* @__PURE__ */ d("div", {
+						className: "flex items-center justify-between p-4 hover:bg-muted/50 transition-colors",
+						children: [/* @__PURE__ */ d("div", {
+							className: "flex items-center gap-3",
+							children: [/* @__PURE__ */ u("div", {
+								className: "flex h-9 w-9 items-center justify-center rounded-full bg-primary/10 text-sm font-medium text-primary",
+								children: t(e.userId)
+							}), /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("p", {
+								className: "text-sm font-medium text-foreground",
+								children: e.userId
+							}), /* @__PURE__ */ d("p", {
+								className: "text-xs text-muted-foreground",
+								children: [
+									e.planName,
+									" ·",
+									" ",
+									e.startDate.slice(0, 10),
+									" to",
+									" ",
+									e.endDate.slice(0, 10)
+								]
+							})] })]
+						}), /* @__PURE__ */ d("div", {
+							className: "flex items-center gap-4",
+							children: [/* @__PURE__ */ u("div", {
+								className: "text-right",
+								children: /* @__PURE__ */ d("p", {
+									className: "text-sm font-medium text-foreground",
+									children: [e.allocatedHours, "h allocated"]
+								})
+							}), /* @__PURE__ */ d("div", {
+								className: "w-24",
+								children: [/* @__PURE__ */ u("div", {
+									className: "flex items-center justify-between text-xs mb-0.5",
+									children: /* @__PURE__ */ d("span", {
+										className: `font-medium ${n > 100 ? "text-red-500" : n < 70 ? "text-amber-500" : "text-emerald-500"}`,
+										children: [n, "%"]
+									})
+								}), /* @__PURE__ */ u("div", {
+									className: "h-2 rounded-full bg-muted",
+									children: /* @__PURE__ */ u("div", {
+										className: `h-2 rounded-full ${n > 100 ? "bg-red-500" : n < 70 ? "bg-amber-500" : "bg-emerald-500"}`,
+										style: { width: `${Math.min(n, 100)}%` }
+									})
+								})]
+							})]
+						})]
+					}, e.id);
+				})
+			})
+		})]
+	});
+}
+//#endregion
+export { f as ResourcePlanningPage };
+
+//# sourceMappingURL=ResourcePlanningPage.js.map