@burdenoff/microfe-timecampus 2026.529.2 → 2026.624.1

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

@@ -55,9 +55,9 @@ function d() {
 			className: "mx-auto max-w-2xl space-y-6",
 			children: [
 				/* @__PURE__ */ u("div", {
-					className: "rounded-xl border border-border bg-card p-6",
+					className: "rounded-xl border border-border-subtle bg-bg-surface p-6",
 					children: [/* @__PURE__ */ u("h3", {
-						className: "mb-4 flex items-center gap-2 text-sm font-semibold text-foreground",
+						className: "mb-4 flex items-center gap-2 text-sm font-semibold text-text-primary",
 						children: [/* @__PURE__ */ l(c, { className: "h-4 w-4" }), "Timer Durations"]
 					}), /* @__PURE__ */ u("div", {
 						className: "space-y-4",
@@ -65,55 +65,55 @@ function d() {
 							/* @__PURE__ */ u("div", {
 								className: "flex items-center justify-between",
 								children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("p", {
-									className: "text-sm font-medium text-foreground",
+									className: "text-sm font-medium text-text-primary",
 									children: "Focus Duration"
 								}), /* @__PURE__ */ l("p", {
-									className: "text-xs text-muted-foreground",
+									className: "text-xs text-text-secondary",
 									children: "Length of each focus session"
 								})] }), /* @__PURE__ */ l("input", {
 									type: "number",
 									value: v,
 									onChange: (e) => y(Number(e.target.value)),
-									className: "w-20 rounded-md border border-border bg-background px-3 py-1.5 text-sm text-foreground text-right"
+									className: "w-20 rounded-md border border-border-subtle bg-bg-surface px-3 py-1.5 text-sm text-text-primary text-right"
 								})]
 							}),
 							/* @__PURE__ */ u("div", {
 								className: "flex items-center justify-between",
 								children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("p", {
-									className: "text-sm font-medium text-foreground",
+									className: "text-sm font-medium text-text-primary",
 									children: "Short Break"
 								}), /* @__PURE__ */ l("p", {
-									className: "text-xs text-muted-foreground",
+									className: "text-xs text-text-secondary",
 									children: "Break between focus sessions"
 								})] }), /* @__PURE__ */ l("input", {
 									type: "number",
 									value: b,
 									onChange: (e) => x(Number(e.target.value)),
-									className: "w-20 rounded-md border border-border bg-background px-3 py-1.5 text-sm text-foreground text-right"
+									className: "w-20 rounded-md border border-border-subtle bg-bg-surface px-3 py-1.5 text-sm text-text-primary text-right"
 								})]
 							}),
 							/* @__PURE__ */ u("div", {
 								className: "flex items-center justify-between",
 								children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("p", {
-									className: "text-sm font-medium text-foreground",
+									className: "text-sm font-medium text-text-primary",
 									children: "Long Break"
 								}), /* @__PURE__ */ l("p", {
-									className: "text-xs text-muted-foreground",
+									className: "text-xs text-text-secondary",
 									children: "After every 4 focus sessions"
 								})] }), /* @__PURE__ */ l("input", {
 									type: "number",
 									value: S,
 									onChange: (e) => C(Number(e.target.value)),
-									className: "w-20 rounded-md border border-border bg-background px-3 py-1.5 text-sm text-foreground text-right"
+									className: "w-20 rounded-md border border-border-subtle bg-bg-surface px-3 py-1.5 text-sm text-text-primary text-right"
 								})]
 							})
 						]
 					})]
 				}),
 				/* @__PURE__ */ u("div", {
-					className: "rounded-xl border border-border bg-card p-6",
+					className: "rounded-xl border border-border-subtle bg-bg-surface p-6",
 					children: [/* @__PURE__ */ l("h3", {
-						className: "mb-4 text-sm font-semibold text-foreground",
+						className: "mb-4 text-sm font-semibold text-text-primary",
 						children: "Notifications"
 					}), /* @__PURE__ */ u("div", {
 						className: "space-y-3",
@@ -121,37 +121,37 @@ function d() {
 							/* @__PURE__ */ u("label", {
 								className: "flex items-center justify-between",
 								children: [/* @__PURE__ */ l("span", {
-									className: "text-sm text-foreground",
+									className: "text-sm text-text-primary",
 									children: "Sound alerts"
 								}), /* @__PURE__ */ l("input", {
 									type: "checkbox",
 									checked: w,
 									onChange: (e) => T(e.target.checked),
-									className: "h-4 w-4 rounded border-border"
+									className: "h-4 w-4 rounded border-border-subtle"
 								})]
 							}),
 							/* @__PURE__ */ u("label", {
 								className: "flex items-center justify-between",
 								children: [/* @__PURE__ */ l("span", {
-									className: "text-sm text-foreground",
+									className: "text-sm text-text-primary",
 									children: "Desktop notifications"
 								}), /* @__PURE__ */ l("input", {
 									type: "checkbox",
 									checked: E,
 									onChange: (e) => D(e.target.checked),
-									className: "h-4 w-4 rounded border-border"
+									className: "h-4 w-4 rounded border-border-subtle"
 								})]
 							}),
 							/* @__PURE__ */ u("label", {
 								className: "flex items-center justify-between",
 								children: [/* @__PURE__ */ l("span", {
-									className: "text-sm text-foreground",
+									className: "text-sm text-text-primary",
 									children: "Auto-start breaks"
 								}), /* @__PURE__ */ l("input", {
 									type: "checkbox",
 									checked: O,
 									onChange: (e) => k(e.target.checked),
-									className: "h-4 w-4 rounded border-border"
+									className: "h-4 w-4 rounded border-border-subtle"
 								})]
 							})
 						]
@@ -162,7 +162,7 @@ function d() {
 					children: /* @__PURE__ */ l("button", {
 						onClick: A,
 						disabled: g,
-						className: "rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50",
+						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 Settings"
 					})
 				})

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

@@ -1 +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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"}
+{"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-subtle bg-bg-surface p-6\">\n          <h3 className=\"mb-4 flex items-center gap-2 text-sm font-semibold text-text-primary\">\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-text-primary\">\n                  Focus Duration\n                </p>\n                <p className=\"text-xs text-text-secondary\">\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-subtle bg-bg-surface px-3 py-1.5 text-sm text-text-primary text-right\"\n              />\n            </div>\n            <div className=\"flex items-center justify-between\">\n              <div>\n                <p className=\"text-sm font-medium text-text-primary\">\n                  Short Break\n                </p>\n                <p className=\"text-xs text-text-secondary\">\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-subtle bg-bg-surface px-3 py-1.5 text-sm text-text-primary text-right\"\n              />\n            </div>\n            <div className=\"flex items-center justify-between\">\n              <div>\n                <p className=\"text-sm font-medium text-text-primary\">\n                  Long Break\n                </p>\n                <p className=\"text-xs text-text-secondary\">\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-subtle bg-bg-surface px-3 py-1.5 text-sm text-text-primary text-right\"\n              />\n            </div>\n          </div>\n        </div>\n\n        <div className=\"rounded-xl border border-border-subtle bg-bg-surface p-6\">\n          <h3 className=\"mb-4 text-sm font-semibold text-text-primary\">\n            Notifications\n          </h3>\n          <div className=\"space-y-3\">\n            <label className=\"flex items-center justify-between\">\n              <span className=\"text-sm text-text-primary\">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-subtle\"\n              />\n            </label>\n            <label className=\"flex items-center justify-between\">\n              <span className=\"text-sm text-text-primary\">\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-subtle\"\n              />\n            </label>\n            <label className=\"flex items-center justify-between\">\n              <span className=\"text-sm text-text-primary\">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-subtle\"\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-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            {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.js

@@ -10,11 +10,11 @@ function o() {
 		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",
+			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("div", {
-			className: "mx-auto max-w-2xl rounded-xl border border-border bg-card p-6",
+			className: "mx-auto max-w-2xl rounded-xl border border-border-subtle bg-bg-surface 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."
@@ -22,61 +22,61 @@ function o() {
 				className: "space-y-4",
 				children: [
 					/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("label", {
-						className: "block text-sm font-medium text-foreground",
+						className: "block text-sm font-medium text-text-primary",
 						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"
+						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", {
-						className: "block text-sm font-medium text-foreground",
+						className: "block text-sm font-medium text-text-primary",
 						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"
+						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", {
-						className: "block text-sm font-medium text-foreground",
+						className: "block text-sm font-medium text-text-primary",
 						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"
+						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", {
 						className: "grid grid-cols-2 gap-4",
 						children: [/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("label", {
-							className: "block text-sm font-medium text-foreground",
+							className: "block text-sm font-medium text-text-primary",
 							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"
+							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", {
-							className: "block text-sm font-medium text-foreground",
+							className: "block text-sm font-medium text-text-primary",
 							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"
+							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", {
 						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",
+							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", {
 							onClick: async () => {
@@ -89,7 +89,7 @@ function o() {
 								} } });
 							},
 							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",
+							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: _ ? "Creating..." : "Create Project"
 						})]
 					})

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 { 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"}
+{"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-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      <div className=\"mx-auto max-w-2xl rounded-xl border border-border-subtle bg-bg-surface 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-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      </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;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,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.js

@@ -58,26 +58,26 @@ function m() {
 		}), /* @__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",
+				className: "rounded-xl border border-border-subtle bg-bg-surface p-6",
 				children: [/* @__PURE__ */ f("h3", {
-					className: "mb-4 text-sm font-semibold text-foreground",
+					className: "mb-4 text-sm font-semibold text-text-primary",
 					children: "Recent Activity"
 				}), /* @__PURE__ */ f("div", {
-					className: "flex h-48 items-center justify-center rounded-lg border border-dashed border-border",
+					className: "flex h-48 items-center justify-center rounded-lg border border-dashed border-border-subtle",
 					children: /* @__PURE__ */ f("p", {
-						className: "text-sm text-muted-foreground",
+						className: "text-sm text-text-secondary",
 						children: "Activity timeline will render here"
 					})
 				})]
 			}), /* @__PURE__ */ p("div", {
-				className: "rounded-xl border border-border bg-card p-6",
+				className: "rounded-xl border border-border-subtle bg-bg-surface p-6",
 				children: [/* @__PURE__ */ f("h3", {
-					className: "mb-4 text-sm font-semibold text-foreground",
+					className: "mb-4 text-sm font-semibold text-text-primary",
 					children: "Time Distribution"
 				}), /* @__PURE__ */ f("div", {
-					className: "flex h-48 items-center justify-center rounded-lg border border-dashed border-border",
+					className: "flex h-48 items-center justify-center rounded-lg border border-dashed border-border-subtle",
 					children: /* @__PURE__ */ f("p", {
-						className: "text-sm text-muted-foreground",
+						className: "text-sm text-text-secondary",
 						children: "Chart will render here"
 					})
 				})]

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

@@ -1 +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"}
+{"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-subtle bg-bg-surface p-6\">\n          <h3 className=\"mb-4 text-sm font-semibold text-text-primary\">\n            Recent Activity\n          </h3>\n          <div className=\"flex h-48 items-center justify-center rounded-lg border border-dashed border-border-subtle\">\n            <p className=\"text-sm text-text-secondary\">\n              Activity timeline will render here\n            </p>\n          </div>\n        </div>\n        <div className=\"rounded-xl border border-border-subtle bg-bg-surface p-6\">\n          <h3 className=\"mb-4 text-sm font-semibold text-text-primary\">\n            Time Distribution\n          </h3>\n          <div className=\"flex h-48 items-center justify-center rounded-lg border border-dashed border-border-subtle\">\n            <p className=\"text-sm text-text-secondary\">\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;eAA+C;KAExD,CAAA,EACL,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,KAAD;MAAG,WAAU;gBAA8B;MAEvC,CAAA;KACA,CAAA,CACF;OACN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,MAAD;KAAI,WAAU;eAA+C;KAExD,CAAA,EACL,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,KAAD;MAAG,WAAU;gBAA8B;MAEvC,CAAA;KACA,CAAA,CACF;MACF;KACK"}

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

@@ -22,22 +22,22 @@ function u() {
 		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",
+			className: "inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/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",
+			className: "rounded-xl border border-dashed border-border-subtle bg-bg-surface p-12 text-center",
+			children: [/* @__PURE__ */ s(a, { className: "mx-auto h-10 w-10 text-text-secondary" }), /* @__PURE__ */ s("p", {
+				className: "mt-4 text-sm text-text-secondary",
 				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",
+				className: "rounded-xl border border-border-subtle bg-bg-surface p-5 transition-colors hover:bg-bg-sunken/50 cursor-pointer",
 				children: [
 					/* @__PURE__ */ c("div", {
 						className: "flex items-start justify-between",
@@ -47,10 +47,10 @@ function u() {
 								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",
+								className: "text-sm font-semibold text-text-primary",
 								children: n.name
 							}), /* @__PURE__ */ s("p", {
-								className: "text-xs text-muted-foreground",
+								className: "text-xs text-text-secondary",
 								children: n.clientId ?? d("timecampus.projects.card.noClient", "No client")
 							})] })]
 						}), /* @__PURE__ */ s("span", {
@@ -61,18 +61,18 @@ function u() {
 					/* @__PURE__ */ c("div", {
 						className: "mt-4",
 						children: [/* @__PURE__ */ c("div", {
-							className: "flex items-center justify-between text-xs text-muted-foreground",
+							className: "flex items-center justify-between text-xs text-text-secondary",
 							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",
+							className: "mt-1 h-2 rounded-full bg-bg-sunken",
 							children: /* @__PURE__ */ s("div", {
-								className: "h-2 rounded-full bg-primary",
+								className: "h-2 rounded-full bg-action-primary-bg",
 								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",
+						className: "mt-3 flex items-center justify-between text-xs text-text-secondary",
 						children: [/* @__PURE__ */ c("span", { children: [
 							e(n.trackedHours),
 							" /",

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

@@ -1 +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"}
+{"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-action-primary-bg px-3 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/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-subtle bg-bg-surface p-12 text-center\">\n          <FolderOpen className=\"mx-auto h-10 w-10 text-text-secondary\" />\n          <p className=\"mt-4 text-sm text-text-secondary\">\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-subtle bg-bg-surface p-5 transition-colors hover:bg-bg-sunken/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-text-primary\">\n                      {project.name}\n                    </p>\n                    <p className=\"text-xs text-text-secondary\">\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-text-secondary\">\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-bg-sunken\">\n                  <div\n                    className=\"h-2 rounded-full bg-action-primary-bg\"\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-text-secondary\">\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,yCAA0C,CAAA,EAChE,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.js

@@ -22,25 +22,25 @@ function u() {
 		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",
+			className: "inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/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",
+			className: "rounded-xl border border-border-subtle bg-bg-surface",
 			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",
+					className: "flex items-center justify-between p-4 hover:bg-bg-sunken/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: [/* @__PURE__ */ c(a, { className: `h-5 w-5 ${n.status === "done" ? "text-emerald-500" : "text-text-secondary"}` }), /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("p", {
+							className: `text-sm font-medium ${n.status === "done" ? "text-text-secondary line-through" : "text-text-primary"}`,
 							children: n.title
 						}), /* @__PURE__ */ l("p", {
-							className: "text-xs text-muted-foreground",
+							className: "text-xs text-text-secondary",
 							children: [
 								n.assigneeId ?? "Unassigned",
 								" ·",
@@ -60,7 +60,7 @@ function u() {
 						})]
 					})]
 				}, n.id)), m.length === 0 && /* @__PURE__ */ c("div", {
-					className: "p-8 text-center text-sm text-muted-foreground",
+					className: "p-8 text-center text-sm text-text-secondary",
 					children: "No tasks yet. Add a task to get started."
 				})]
 			})

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

@@ -1 +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"}
+{"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-action-primary-bg px-3 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/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-subtle bg-bg-surface\">\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-bg-sunken/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-text-secondary\"}`}\n                  />\n                  <div>\n                    <p\n                      className={`text-sm font-medium ${task.status === \"done\" ? \"text-text-secondary line-through\" : \"text-text-primary\"}`}\n                    >\n                      {task.title}\n                    </p>\n                    <p className=\"text-xs text-text-secondary\">\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-text-secondary\">\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,yBACpE,CAAA,EACF,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;OACE,WAAW,uBAAuB,EAAK,WAAW,SAAS,qCAAqC;iBAE/F,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;eAA8C;KAEvD,CAAA,CAEJ;;GACF,CAAA;EAEG,CAAA"}