@burdenoff/microfe-timecampus 2026.703.3 → 2026.703.5

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 { useState } from \"react\";\nimport { useParams } from \"react-router-dom\";\nimport {\n  FolderOpen,\n  Clock,\n  Users,\n  TrendingUp,\n  Pencil,\n  Archive,\n  Trash2,\n} from \"lucide-react\";\nimport { NextSteps } from \"@burdenoff/fe-libs/ui\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { StatCard } from \"../../components/StatCard\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { Modal } from \"../../components/Modal\";\nimport { useTimeCampusNavigate } from \"../../providers/TimeCampusProvider\";\nimport { formatHours, formatCurrency } from \"../../utils/helpers\";\nimport {\n  useGetProjectQuery,\n  useGetProjectStatsQuery,\n  useUpdateProjectMutation,\n  useArchiveProjectMutation,\n  useDeleteProjectMutation,\n} from \"@/generated/wspace-operations\";\n\nconst PROJECT_STATUSES = [\n  \"active\",\n  \"on-hold\",\n  \"completed\",\n  \"archived\",\n] as const;\n\nconst inputClass =\n  \"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\";\nconst labelClass = \"block text-sm font-medium text-text-primary\";\n\nexport function ProjectDetailPage() {\n  const { projectId } = useParams<{ projectId: string }>();\n  const navigate = useTimeCampusNavigate();\n\n  const {\n    data: projectData,\n    loading: projectLoading,\n    error: projectError,\n    refetch,\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  const [editOpen, setEditOpen] = useState(false);\n  const [deleteOpen, setDeleteOpen] = useState(false);\n  const [form, setForm] = useState({\n    name: \"\",\n    clientId: \"\",\n    description: \"\",\n    status: \"active\",\n    estimatedHours: \"\",\n    hourlyRate: \"\",\n  });\n\n  const [updateProject, { loading: updating, error: updateError }] =\n    useUpdateProjectMutation();\n  const [archiveProject, { loading: archiving }] = useArchiveProjectMutation();\n  const [deleteProject, { loading: deleting, error: deleteError }] =\n    useDeleteProjectMutation();\n\n  const openEdit = () => {\n    if (!project) return;\n    setForm({\n      name: project.name,\n      clientId: project.clientId ?? \"\",\n      description: project.description ?? \"\",\n      status: project.status,\n      estimatedHours:\n        project.estimatedHours != null ? String(project.estimatedHours) : \"\",\n      hourlyRate: project.hourlyRate != null ? String(project.hourlyRate) : \"\",\n    });\n    setEditOpen(true);\n  };\n\n  const handleUpdate = async () => {\n    if (!projectId || !form.name.trim()) return;\n    await updateProject({\n      variables: {\n        id: projectId,\n        input: {\n          name: form.name.trim(),\n          description: form.description.trim() || undefined,\n          clientId: form.clientId.trim() || undefined,\n          status: form.status,\n          estimatedHours: form.estimatedHours\n            ? Number(form.estimatedHours)\n            : undefined,\n          hourlyRate: form.hourlyRate ? Number(form.hourlyRate) : undefined,\n        },\n      },\n    });\n    setEditOpen(false);\n    await refetch();\n  };\n\n  const handleArchive = async () => {\n    if (!projectId) return;\n    await archiveProject({ variables: { id: projectId } });\n    await refetch();\n  };\n\n  const handleDelete = async () => {\n    if (!projectId) return;\n    await deleteProject({ variables: { id: projectId } });\n    setDeleteOpen(false);\n    navigate(\"/projects\");\n  };\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-status-error-bg/40 bg-status-error-bg p-6 text-sm text-status-error-text\">\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      purpose=\"See everything happening on this project in one place — logged hours, task progress and budget burn — so you know whether it's on track and where the time is going before it overruns.\"\n      actions={\n        <div className=\"flex items-center gap-2\">\n          <button\n            onClick={openEdit}\n            disabled={!project}\n            className=\"inline-flex items-center gap-1.5 rounded-md border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50 disabled:opacity-50\"\n          >\n            <Pencil className=\"h-4 w-4\" />\n            Edit\n          </button>\n          {project?.status !== \"archived\" && (\n            <button\n              onClick={() => void handleArchive()}\n              disabled={!project || archiving}\n              className=\"inline-flex items-center gap-1.5 rounded-md border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50 disabled:opacity-50\"\n            >\n              <Archive className=\"h-4 w-4\" />\n              {archiving ? \"Archiving…\" : \"Archive\"}\n            </button>\n          )}\n          <button\n            onClick={() => setDeleteOpen(true)}\n            disabled={!project}\n            className=\"inline-flex items-center gap-1.5 rounded-md border border-status-error-bg/40 px-3 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg disabled:opacity-50\"\n          >\n            <Trash2 className=\"h-4 w-4\" />\n            Delete\n          </button>\n        </div>\n      }\n    >\n      <NextSteps\n        storageKey=\"timecampus-project-detail\"\n        className=\"mb-6\"\n        steps={[\n          {\n            id: \"log-time\",\n            label: \"Log time to this project\",\n            description: \"Start the timer or add a manual entry for this work.\",\n            onClick: () => navigate(\"/time/timer\"),\n          },\n          {\n            id: \"view-tasks\",\n            label: \"Review tasks\",\n            description: \"Break the project into trackable tasks.\",\n            onClick: () => navigate(`/projects/${projectId ?? \"\"}/tasks`),\n          },\n          {\n            id: \"open-reports\",\n            label: \"Open reports\",\n            description: \"Analyse this project's time and budget over time.\",\n            onClick: () => navigate(\"/reports\"),\n          },\n        ]}\n      />\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n        <StatCard\n          featured\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-seam bg-gloss-card shadow-pop 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-seam bg-gloss-card shadow-pop 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\n      {/* Edit modal */}\n      <Modal\n        open={editOpen}\n        onClose={() => setEditOpen(false)}\n        title=\"Edit Project\"\n        size=\"xl\"\n        footer={\n          <>\n            <button\n              onClick={() => setEditOpen(false)}\n              className=\"rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50\"\n            >\n              Cancel\n            </button>\n            <button\n              onClick={handleUpdate}\n              disabled={updating || !form.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              {updating ? \"Saving…\" : \"Save Changes\"}\n            </button>\n          </>\n        }\n      >\n        {updateError && (\n          <div className=\"mb-4 rounded-lg border border-status-error-bg/40 bg-status-error-bg p-3 text-sm text-status-error-text\">\n            Failed to update project. Please try again.\n          </div>\n        )}\n        <div className=\"space-y-4\">\n          <div>\n            <label className={labelClass}>Project Name</label>\n            <input\n              type=\"text\"\n              value={form.name}\n              onChange={(e) => setForm({ ...form, name: e.target.value })}\n              className={inputClass}\n            />\n          </div>\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n            <div>\n              <label className={labelClass}>Client</label>\n              <input\n                type=\"text\"\n                value={form.clientId}\n                onChange={(e) => setForm({ ...form, clientId: e.target.value })}\n                className={inputClass}\n              />\n            </div>\n            <div>\n              <label className={labelClass}>Status</label>\n              <select\n                value={form.status}\n                onChange={(e) => setForm({ ...form, status: e.target.value })}\n                className={inputClass}\n              >\n                {PROJECT_STATUSES.map((s) => (\n                  <option key={s} value={s}>\n                    {s}\n                  </option>\n                ))}\n              </select>\n            </div>\n          </div>\n          <div>\n            <label className={labelClass}>Description</label>\n            <textarea\n              rows={3}\n              value={form.description}\n              onChange={(e) =>\n                setForm({ ...form, description: e.target.value })\n              }\n              className={inputClass}\n            />\n          </div>\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n            <div>\n              <label className={labelClass}>Estimated Hours</label>\n              <input\n                type=\"number\"\n                value={form.estimatedHours}\n                onChange={(e) =>\n                  setForm({ ...form, estimatedHours: e.target.value })\n                }\n                className={inputClass}\n              />\n            </div>\n            <div>\n              <label className={labelClass}>Hourly Rate</label>\n              <input\n                type=\"number\"\n                value={form.hourlyRate}\n                onChange={(e) =>\n                  setForm({ ...form, hourlyRate: e.target.value })\n                }\n                className={inputClass}\n              />\n            </div>\n          </div>\n        </div>\n      </Modal>\n\n      {/* Delete confirm modal */}\n      <Modal\n        open={deleteOpen}\n        onClose={() => setDeleteOpen(false)}\n        title=\"Delete Project\"\n        size=\"sm\"\n        footer={\n          <>\n            <button\n              onClick={() => setDeleteOpen(false)}\n              className=\"rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50\"\n            >\n              Cancel\n            </button>\n            <button\n              onClick={handleDelete}\n              disabled={deleting}\n              className=\"rounded-md bg-status-error-bg px-4 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg/90 disabled:opacity-50\"\n            >\n              {deleting ? \"Deleting…\" : \"Delete\"}\n            </button>\n          </>\n        }\n      >\n        {deleteError && (\n          <div className=\"mb-4 rounded-lg border border-status-error-bg/40 bg-status-error-bg p-3 text-sm text-status-error-text\">\n            Failed to delete project. Please try again.\n          </div>\n        )}\n        <p className=\"text-sm text-text-secondary\">\n          Are you sure you want to delete{\" \"}\n          <span className=\"font-semibold text-text-primary\">\n            {project?.name}\n          </span>\n          ? This action cannot be undone.\n        </p>\n      </Modal>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ProjectDetailPage.js","names":[],"sources":["../../../../src/timecampus/pages/projects/ProjectDetailPage.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { useParams } from \"react-router-dom\";\nimport {\n  FolderOpen,\n  Clock,\n  Users,\n  TrendingUp,\n  Pencil,\n  Archive,\n  Trash2,\n  ArrowRight,\n} from \"lucide-react\";\nimport { NextSteps } from \"@burdenoff/fe-libs/ui\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { StatCard } from \"../../components/StatCard\";\nimport {\n  ChartCard,\n  BarsChart,\n  ProgressMeter,\n  StatusBadge,\n  type ChartDatum,\n} from \"../../components\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { Modal } from \"../../components/Modal\";\nimport { useTimeCampusNavigate } from \"../../providers/TimeCampusProvider\";\nimport { formatHours, formatCurrency, formatDate } from \"../../utils/helpers\";\nimport {\n  useGetProjectQuery,\n  useGetProjectStatsQuery,\n  useUpdateProjectMutation,\n  useArchiveProjectMutation,\n  useDeleteProjectMutation,\n  type TaskFieldsFragment,\n} from \"@/generated/wspace-operations\";\n\nconst PROJECT_STATUSES = [\n  \"active\",\n  \"on-hold\",\n  \"completed\",\n  \"archived\",\n] as const;\n\nconst inputClass =\n  \"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\";\nconst labelClass = \"block text-sm font-medium text-text-primary\";\n\nexport function ProjectDetailPage() {\n  const { projectId } = useParams<{ projectId: string }>();\n  const navigate = useTimeCampusNavigate();\n\n  const {\n    data: projectData,\n    loading: projectLoading,\n    error: projectError,\n    refetch,\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  const [editOpen, setEditOpen] = useState(false);\n  const [deleteOpen, setDeleteOpen] = useState(false);\n  const [form, setForm] = useState({\n    name: \"\",\n    clientId: \"\",\n    description: \"\",\n    status: \"active\",\n    estimatedHours: \"\",\n    hourlyRate: \"\",\n  });\n\n  const [updateProject, { loading: updating, error: updateError }] =\n    useUpdateProjectMutation();\n  const [archiveProject, { loading: archiving }] = useArchiveProjectMutation();\n  const [deleteProject, { loading: deleting, error: deleteError }] =\n    useDeleteProjectMutation();\n\n  const openEdit = () => {\n    if (!project) return;\n    setForm({\n      name: project.name,\n      clientId: project.clientId ?? \"\",\n      description: project.description ?? \"\",\n      status: project.status,\n      estimatedHours:\n        project.estimatedHours != null ? String(project.estimatedHours) : \"\",\n      hourlyRate: project.hourlyRate != null ? String(project.hourlyRate) : \"\",\n    });\n    setEditOpen(true);\n  };\n\n  const handleUpdate = async () => {\n    if (!projectId || !form.name.trim()) return;\n    await updateProject({\n      variables: {\n        id: projectId,\n        input: {\n          name: form.name.trim(),\n          description: form.description.trim() || undefined,\n          clientId: form.clientId.trim() || undefined,\n          status: form.status,\n          estimatedHours: form.estimatedHours\n            ? Number(form.estimatedHours)\n            : undefined,\n          hourlyRate: form.hourlyRate ? Number(form.hourlyRate) : undefined,\n        },\n      },\n    });\n    setEditOpen(false);\n    await refetch();\n  };\n\n  const handleArchive = async () => {\n    if (!projectId) return;\n    await archiveProject({ variables: { id: projectId } });\n    await refetch();\n  };\n\n  const handleDelete = async () => {\n    if (!projectId) return;\n    await deleteProject({ variables: { id: projectId } });\n    setDeleteOpen(false);\n    navigate(\"/projects\");\n  };\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-status-error-bg/40 bg-status-error-bg p-6 text-sm text-status-error-text\">\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  const currency = project?.currency ?? \"USD\";\n  const tasks = project?.tasks ?? [];\n  const budgetUsed = stats?.budgetUsed ?? 0;\n  const budgetTotal =\n    project?.budget ?? (stats?.budgetUsed ?? 0) + (stats?.budgetRemaining ?? 0);\n  const estimatedHours = project?.estimatedHours ?? 0;\n  const trackedHours = stats?.totalHours ?? project?.trackedHours ?? 0;\n  const completedTasks = stats?.completedTasks ?? 0;\n  const totalTasks = stats?.totalTasks ?? tasks.length;\n\n  const hoursFmt = (v: number) => `${Math.round(v)}h`;\n\n  // Tracked vs estimated hours for the tasks that carry any time — real\n  // per-task figures from the project's `tasks` connection, no fabrication.\n  const taskHoursData: ChartDatum[] = tasks\n    .filter(\n      (task: TaskFieldsFragment) =>\n        task.trackedHours > 0 || (task.estimatedHours ?? 0) > 0,\n    )\n    .sort(\n      (a: TaskFieldsFragment, b: TaskFieldsFragment) =>\n        b.trackedHours - a.trackedHours,\n    )\n    .slice(0, 8)\n    .map((task: TaskFieldsFragment) => ({\n      task: task.title,\n      tracked: task.trackedHours,\n      estimated: task.estimatedHours ?? 0,\n    }));\n\n  const orderedTasks = [...tasks]\n    .sort((a: TaskFieldsFragment, b: TaskFieldsFragment) => a.order - b.order)\n    .slice(0, 8);\n\n  return (\n    <PageLayout\n      title={project?.name ?? \"Project Details\"}\n      description={project?.description ?? `Project ID: ${projectId}`}\n      purpose=\"See everything happening on this project in one place — logged hours, task progress and budget burn — so you know whether it's on track and where the time is going before it overruns.\"\n      actions={\n        <div className=\"flex items-center gap-2\">\n          <button\n            onClick={openEdit}\n            disabled={!project}\n            className=\"inline-flex items-center gap-1.5 rounded-md border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50 disabled:opacity-50\"\n          >\n            <Pencil className=\"h-4 w-4\" />\n            Edit\n          </button>\n          {project?.status !== \"archived\" && (\n            <button\n              onClick={() => void handleArchive()}\n              disabled={!project || archiving}\n              className=\"inline-flex items-center gap-1.5 rounded-md border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50 disabled:opacity-50\"\n            >\n              <Archive className=\"h-4 w-4\" />\n              {archiving ? \"Archiving…\" : \"Archive\"}\n            </button>\n          )}\n          <button\n            onClick={() => setDeleteOpen(true)}\n            disabled={!project}\n            className=\"inline-flex items-center gap-1.5 rounded-md border border-status-error-bg/40 px-3 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg disabled:opacity-50\"\n          >\n            <Trash2 className=\"h-4 w-4\" />\n            Delete\n          </button>\n        </div>\n      }\n    >\n      <NextSteps\n        storageKey=\"timecampus-project-detail\"\n        className=\"mb-6\"\n        steps={[\n          {\n            id: \"log-time\",\n            label: \"Log time to this project\",\n            description: \"Start the timer or add a manual entry for this work.\",\n            onClick: () => navigate(\"/time/timer\"),\n          },\n          {\n            id: \"view-tasks\",\n            label: \"Review tasks\",\n            description: \"Break the project into trackable tasks.\",\n            onClick: () => navigate(`/projects/${projectId ?? \"\"}/tasks`),\n          },\n          {\n            id: \"open-reports\",\n            label: \"Open reports\",\n            description: \"Analyse this project's time and budget over time.\",\n            onClick: () => navigate(\"/reports\"),\n          },\n        ]}\n      />\n      <div className=\"space-y-6\">\n        <div className=\"flex flex-wrap items-center gap-2\">\n          {project?.status && (\n            <StatusBadge label={project.status} status={project.status} dot />\n          )}\n          {project?.clientId && (\n            <span className=\"inline-flex items-center gap-1.5 rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs font-medium text-text-secondary\">\n              <Users className=\"h-3.5 w-3.5\" />\n              {project.clientId}\n            </span>\n          )}\n          {project?.createdAt && (\n            <span className=\"inline-flex items-center gap-1.5 rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs font-medium text-text-secondary\">\n              Started {formatDate(project.createdAt)}\n            </span>\n          )}\n        </div>\n\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n          <StatCard\n            featured\n            title=\"Tracked Hours\"\n            value={formatHours(trackedHours)}\n            icon={<Clock className=\"h-5 w-5\" />}\n          />\n          <StatCard\n            title=\"Tasks\"\n            value={`${completedTasks} / ${totalTasks}`}\n            icon={<Users className=\"h-5 w-5\" />}\n            description=\"completed / total\"\n          />\n          <StatCard\n            title=\"Progress\"\n            value={\n              totalTasks\n                ? `${Math.round((completedTasks / totalTasks) * 100)}%`\n                : \"0%\"\n            }\n            icon={<TrendingUp className=\"h-5 w-5\" />}\n          />\n          <StatCard\n            title=\"Budget Used\"\n            value={formatCurrency(budgetUsed, currency)}\n            icon={<FolderOpen className=\"h-5 w-5\" />}\n            description={\n              stats?.budgetRemaining != null\n                ? `${formatCurrency(stats.budgetRemaining, currency)} remaining`\n                : undefined\n            }\n          />\n        </div>\n\n        <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-2\">\n          <ChartCard\n            title=\"Budget & effort\"\n            description=\"Spend and hours against the plan\"\n          >\n            <div className=\"space-y-5\">\n              <ProgressMeter\n                label=\"Budget spent\"\n                value={budgetUsed}\n                max={budgetTotal > 0 ? budgetTotal : Math.max(budgetUsed, 1)}\n                format={(v) => formatCurrency(v, currency)}\n              />\n              <ProgressMeter\n                label=\"Hours tracked\"\n                value={trackedHours}\n                max={\n                  estimatedHours > 0\n                    ? estimatedHours\n                    : Math.max(trackedHours, 1)\n                }\n                format={(v) => formatHours(v)}\n              />\n              <ProgressMeter\n                label=\"Tasks completed\"\n                higherIsWorse={false}\n                value={completedTasks}\n                max={totalTasks > 0 ? totalTasks : 1}\n                format={(v) => String(Math.round(v))}\n              />\n            </div>\n          </ChartCard>\n\n          <ChartCard\n            title=\"Time distribution\"\n            description=\"Tracked vs estimated hours by task\"\n          >\n            <BarsChart\n              data={taskHoursData}\n              xKey=\"task\"\n              orientation=\"horizontal\"\n              height={280}\n              categoryWidth={120}\n              valueFormat={hoursFmt}\n              series={[\n                { key: \"tracked\", label: \"Tracked\" },\n                { key: \"estimated\", label: \"Estimated\" },\n              ]}\n              emptyLabel=\"No task hours logged yet\"\n            />\n          </ChartCard>\n        </div>\n\n        <ChartCard\n          title=\"Tasks\"\n          description={`${completedTasks} of ${totalTasks} complete`}\n          actions={\n            <button\n              onClick={() => navigate(`/projects/${projectId ?? \"\"}/tasks`)}\n              className=\"inline-flex items-center gap-1 rounded-md border border-border-subtle px-2.5 py-1.5 text-xs font-medium text-text-primary hover:bg-bg-sunken/50\"\n            >\n              View all\n              <ArrowRight className=\"h-3.5 w-3.5\" />\n            </button>\n          }\n        >\n          {orderedTasks.length === 0 ? (\n            <p className=\"text-sm text-text-secondary\">\n              No tasks yet. Break this project into trackable tasks to see\n              progress here.\n            </p>\n          ) : (\n            <ul className=\"divide-y divide-border-seam\">\n              {orderedTasks.map((task: TaskFieldsFragment) => (\n                <li\n                  key={task.id}\n                  className=\"flex flex-col gap-2 py-3 first:pt-0 last:pb-0 sm:flex-row sm:items-center sm:justify-between\"\n                >\n                  <div className=\"min-w-0\">\n                    <p className=\"truncate text-sm font-medium text-text-primary\">\n                      {task.title}\n                    </p>\n                    <p className=\"mt-0.5 text-xs text-text-secondary\">\n                      {formatHours(task.trackedHours)} tracked\n                      {task.estimatedHours\n                        ? ` / ${formatHours(task.estimatedHours)} est`\n                        : \"\"}\n                      {task.dueDate ? ` · due ${formatDate(task.dueDate)}` : \"\"}\n                    </p>\n                  </div>\n                  <div className=\"flex flex-wrap items-center gap-2\">\n                    <StatusBadge\n                      label={task.priority}\n                      priority={task.priority}\n                    />\n                    <StatusBadge label={task.status} status={task.status} />\n                  </div>\n                </li>\n              ))}\n            </ul>\n          )}\n        </ChartCard>\n      </div>\n\n      {/* Edit modal */}\n      <Modal\n        open={editOpen}\n        onClose={() => setEditOpen(false)}\n        title=\"Edit Project\"\n        size=\"xl\"\n        footer={\n          <>\n            <button\n              onClick={() => setEditOpen(false)}\n              className=\"rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50\"\n            >\n              Cancel\n            </button>\n            <button\n              onClick={handleUpdate}\n              disabled={updating || !form.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              {updating ? \"Saving…\" : \"Save Changes\"}\n            </button>\n          </>\n        }\n      >\n        {updateError && (\n          <div className=\"mb-4 rounded-lg border border-status-error-bg/40 bg-status-error-bg p-3 text-sm text-status-error-text\">\n            Failed to update project. Please try again.\n          </div>\n        )}\n        <div className=\"space-y-4\">\n          <div>\n            <label className={labelClass}>Project Name</label>\n            <input\n              type=\"text\"\n              value={form.name}\n              onChange={(e) => setForm({ ...form, name: e.target.value })}\n              className={inputClass}\n            />\n          </div>\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n            <div>\n              <label className={labelClass}>Client</label>\n              <input\n                type=\"text\"\n                value={form.clientId}\n                onChange={(e) => setForm({ ...form, clientId: e.target.value })}\n                className={inputClass}\n              />\n            </div>\n            <div>\n              <label className={labelClass}>Status</label>\n              <select\n                value={form.status}\n                onChange={(e) => setForm({ ...form, status: e.target.value })}\n                className={inputClass}\n              >\n                {PROJECT_STATUSES.map((s) => (\n                  <option key={s} value={s}>\n                    {s}\n                  </option>\n                ))}\n              </select>\n            </div>\n          </div>\n          <div>\n            <label className={labelClass}>Description</label>\n            <textarea\n              rows={3}\n              value={form.description}\n              onChange={(e) =>\n                setForm({ ...form, description: e.target.value })\n              }\n              className={inputClass}\n            />\n          </div>\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n            <div>\n              <label className={labelClass}>Estimated Hours</label>\n              <input\n                type=\"number\"\n                value={form.estimatedHours}\n                onChange={(e) =>\n                  setForm({ ...form, estimatedHours: e.target.value })\n                }\n                className={inputClass}\n              />\n            </div>\n            <div>\n              <label className={labelClass}>Hourly Rate</label>\n              <input\n                type=\"number\"\n                value={form.hourlyRate}\n                onChange={(e) =>\n                  setForm({ ...form, hourlyRate: e.target.value })\n                }\n                className={inputClass}\n              />\n            </div>\n          </div>\n        </div>\n      </Modal>\n\n      {/* Delete confirm modal */}\n      <Modal\n        open={deleteOpen}\n        onClose={() => setDeleteOpen(false)}\n        title=\"Delete Project\"\n        size=\"sm\"\n        footer={\n          <>\n            <button\n              onClick={() => setDeleteOpen(false)}\n              className=\"rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50\"\n            >\n              Cancel\n            </button>\n            <button\n              onClick={handleDelete}\n              disabled={deleting}\n              className=\"rounded-md bg-status-error-bg px-4 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg/90 disabled:opacity-50\"\n            >\n              {deleting ? \"Deleting…\" : \"Delete\"}\n            </button>\n          </>\n        }\n      >\n        {deleteError && (\n          <div className=\"mb-4 rounded-lg border border-status-error-bg/40 bg-status-error-bg p-3 text-sm text-status-error-text\">\n            Failed to delete project. Please try again.\n          </div>\n        )}\n        <p className=\"text-sm text-text-secondary\">\n          Are you sure you want to delete{\" \"}\n          <span className=\"font-semibold text-text-primary\">\n            {project?.name}\n          </span>\n          ? This action cannot be undone.\n        </p>\n      </Modal>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}