@burdenoff/microfe-timecampus 2026.703.4 → 2026.703.6

package/dist/timecampus/pages/time/TimeEntriesPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimeEntriesPage.js","names":[],"sources":["../../../../src/timecampus/pages/time/TimeEntriesPage.tsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\nimport { Plus, Filter, Download, Pencil, Copy, Trash2 } from \"lucide-react\";\nimport { GlassCard } from \"@burdenoff/fe-libs/ui\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { Modal } from \"../../components/Modal\";\nimport { EmptyState } from \"../../components/EmptyState\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { formatHours, formatDate, getStatusColor } from \"../../utils/helpers\";\nimport {\n  useListTimeEntriesQuery,\n  useCreateTimeEntryMutation,\n  useUpdateTimeEntryMutation,\n  useDeleteTimeEntryMutation,\n  useDuplicateTimeEntryMutation,\n  useListProjectsQuery,\n  type TimeEntryFieldsFragment,\n  type ListProjectsQuery,\n} from \"@/generated/wspace-operations\";\nimport type { TimeEntryFilterInput } from \"@/generated/wspace-types\";\n\ntype ProjectOption = ListProjectsQuery[\"projects\"][\"items\"][number];\n\nconst PAGE_SIZE = 50;\n\n/** Convert an ISO datetime to a value usable by <input type=\"datetime-local\">. */\nfunction toLocalInput(iso?: string | null): string {\n  if (!iso) return \"\";\n  const d = new Date(iso);\n  if (Number.isNaN(d.getTime())) return \"\";\n  const local = new Date(d.getTime() - d.getTimezoneOffset() * 60000);\n  return local.toISOString().slice(0, 16);\n}\n\n/** Convert a datetime-local value to an ISO string, or undefined if empty. */\nfunction toISO(local: string): string | undefined {\n  if (!local) return undefined;\n  const d = new Date(local);\n  if (Number.isNaN(d.getTime())) return undefined;\n  return d.toISOString();\n}\n\ninterface EntryFormState {\n  description: string;\n  projectId: string;\n  startTime: string;\n  endTime: string;\n  billable: boolean;\n}\n\nfunction emptyForm(): EntryFormState {\n  const now = new Date();\n  const local = new Date(now.getTime() - now.getTimezoneOffset() * 60000);\n  return {\n    description: \"\",\n    projectId: \"\",\n    startTime: local.toISOString().slice(0, 16),\n    endTime: \"\",\n    billable: false,\n  };\n}\n\ninterface EntryFormFieldsProps {\n  form: EntryFormState;\n  onChange: (patch: Partial<EntryFormState>) => void;\n  projects: ProjectOption[];\n}\n\nfunction EntryFormFields({ form, onChange, projects }: EntryFormFieldsProps) {\n  return (\n    <div className=\"space-y-4\">\n      <div>\n        <label className=\"block text-sm font-medium text-text-primary\">\n          Description\n        </label>\n        <input\n          type=\"text\"\n          placeholder=\"What did you work on?\"\n          value={form.description}\n          onChange={(e) => onChange({ description: 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          Project\n        </label>\n        <select\n          value={form.projectId}\n          onChange={(e) => onChange({ projectId: 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          <option value=\"\">No Project</option>\n          {projects.map((project) => (\n            <option key={project.id} value={project.id}>\n              {project.name}\n            </option>\n          ))}\n        </select>\n      </div>\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n        <div>\n          <label className=\"block text-sm font-medium text-text-primary\">\n            Start\n          </label>\n          <input\n            type=\"datetime-local\"\n            value={form.startTime}\n            onChange={(e) => onChange({ startTime: 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            End\n          </label>\n          <input\n            type=\"datetime-local\"\n            value={form.endTime}\n            onChange={(e) => onChange({ endTime: 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=\"flex items-center gap-2 text-sm text-text-primary\">\n        <input\n          type=\"checkbox\"\n          checked={form.billable}\n          onChange={(e) => onChange({ billable: e.target.checked })}\n          className=\"h-4 w-4 rounded border-border-subtle\"\n        />\n        Billable\n      </label>\n    </div>\n  );\n}\n\nexport function TimeEntriesPage() {\n  // Filters\n  const [filter, setFilter] = useState<TimeEntryFilterInput>({});\n  const [filterOpen, setFilterOpen] = useState(false);\n  const [draftBillable, setDraftBillable] = useState<\"all\" | \"yes\" | \"no\">(\n    \"all\",\n  );\n  const [draftProjectId, setDraftProjectId] = useState(\"\");\n  const [draftSearch, setDraftSearch] = useState(\"\");\n\n  // Create / edit / delete modal state\n  const [createOpen, setCreateOpen] = useState(false);\n  const [createForm, setCreateForm] = useState<EntryFormState>(emptyForm);\n  const [editEntry, setEditEntry] = useState<TimeEntryFieldsFragment | null>(\n    null,\n  );\n  const [editForm, setEditForm] = useState<EntryFormState>(emptyForm);\n  const [deleteEntry, setDeleteEntry] =\n    useState<TimeEntryFieldsFragment | null>(null);\n\n  const hasFilter = Object.keys(filter).length > 0;\n\n  const { data, loading, error, fetchMore, refetch } = useListTimeEntriesQuery({\n    variables: {\n      limit: PAGE_SIZE,\n      offset: 0,\n      filter: hasFilter ? filter : undefined,\n    },\n    notifyOnNetworkStatusChange: true,\n  });\n\n  const { data: projectsData } = useListProjectsQuery({\n    variables: { limit: 100 },\n  });\n  const projects: ProjectOption[] = projectsData?.projects?.items ?? [];\n\n  const entries: TimeEntryFieldsFragment[] = useMemo(\n    () => data?.timeEntries?.items ?? [],\n    [data?.timeEntries?.items],\n  );\n  const hasMore = data?.timeEntries?.hasMore ?? false;\n  const total = data?.timeEntries?.total ?? 0;\n\n  const [createEntry, { loading: creating, error: createError }] =\n    useCreateTimeEntryMutation();\n  const [updateEntry, { loading: updating, error: updateError }] =\n    useUpdateTimeEntryMutation();\n  const [removeEntry, { loading: deleting }] = useDeleteTimeEntryMutation();\n  const [duplicateEntry, { loading: duplicating }] =\n    useDuplicateTimeEntryMutation();\n\n  const [loadingMore, setLoadingMore] = useState(false);\n\n  const handleLoadMore = async () => {\n    setLoadingMore(true);\n    try {\n      await fetchMore({\n        variables: { offset: entries.length },\n        updateQuery: (prev, { fetchMoreResult }) => {\n          if (!fetchMoreResult) return prev;\n          return {\n            ...fetchMoreResult,\n            timeEntries: {\n              ...fetchMoreResult.timeEntries,\n              items: [\n                ...prev.timeEntries.items,\n                ...fetchMoreResult.timeEntries.items,\n              ],\n            },\n          };\n        },\n      });\n    } finally {\n      setLoadingMore(false);\n    }\n  };\n\n  const openCreate = () => {\n    setCreateForm(emptyForm());\n    setCreateOpen(true);\n  };\n\n  const handleCreate = async () => {\n    const startTime = toISO(createForm.startTime);\n    if (!startTime) return;\n    await createEntry({\n      variables: {\n        input: {\n          description: createForm.description.trim() || undefined,\n          projectId: createForm.projectId || undefined,\n          startTime,\n          endTime: toISO(createForm.endTime),\n          billable: createForm.billable,\n          source: \"manual\",\n        },\n      },\n    });\n    setCreateOpen(false);\n    await refetch();\n  };\n\n  const openEdit = (entry: TimeEntryFieldsFragment) => {\n    setEditEntry(entry);\n    setEditForm({\n      description: entry.description ?? \"\",\n      projectId: entry.projectId ?? \"\",\n      startTime: toLocalInput(entry.startTime),\n      endTime: toLocalInput(entry.endTime),\n      billable: entry.billable,\n    });\n  };\n\n  const handleUpdate = async () => {\n    if (!editEntry) return;\n    const startTime = toISO(editForm.startTime);\n    if (!startTime) return;\n    await updateEntry({\n      variables: {\n        id: editEntry.id,\n        input: {\n          description: editForm.description.trim() || undefined,\n          projectId: editForm.projectId || undefined,\n          startTime,\n          endTime: toISO(editForm.endTime),\n          billable: editForm.billable,\n        },\n      },\n    });\n    setEditEntry(null);\n    await refetch();\n  };\n\n  const handleDuplicate = async (entry: TimeEntryFieldsFragment) => {\n    await duplicateEntry({ variables: { id: entry.id } });\n    await refetch();\n  };\n\n  const handleDelete = async () => {\n    if (!deleteEntry) return;\n    await removeEntry({ variables: { id: deleteEntry.id } });\n    setDeleteEntry(null);\n    await refetch();\n  };\n\n  const applyFilter = () => {\n    const next: TimeEntryFilterInput = {};\n    if (draftBillable !== \"all\") next.billable = draftBillable === \"yes\";\n    if (draftProjectId) next.projectId = draftProjectId;\n    if (draftSearch.trim()) next.search = draftSearch.trim();\n    setFilter(next);\n    setFilterOpen(false);\n  };\n\n  const clearFilter = () => {\n    setDraftBillable(\"all\");\n    setDraftProjectId(\"\");\n    setDraftSearch(\"\");\n    setFilter({});\n    setFilterOpen(false);\n  };\n\n  // Client-side CSV export of the currently loaded rows. There is no backend\n  // export operation, so this exports what has been fetched into the table.\n  const handleExport = () => {\n    const header = [\n      \"Date\",\n      \"Project\",\n      \"Task/Description\",\n      \"Duration (hours)\",\n      \"Billable\",\n      \"Status\",\n    ];\n    const rows = entries.map((entry) => [\n      formatDate(entry.startTime),\n      entry.project?.name ?? \"No Project\",\n      entry.task?.title ?? entry.description ?? \"\",\n      ((entry.duration ?? 0) / 3600).toFixed(2),\n      entry.billable ? \"Yes\" : \"No\",\n      entry.isRunning ? \"running\" : \"completed\",\n    ]);\n    const escape = (value: string) => `\"${value.replace(/\"/g, '\"\"')}\"`;\n    const csv = [header, ...rows]\n      .map((row) => row.map((cell: string) => escape(String(cell))).join(\",\"))\n      .join(\"\\n\");\n    const blob = new Blob([csv], { type: \"text/csv;charset=utf-8;\" });\n    const url = URL.createObjectURL(blob);\n    const link = document.createElement(\"a\");\n    link.href = url;\n    link.download = `time-entries-${new Date().toISOString().slice(0, 10)}.csv`;\n    document.body.appendChild(link);\n    link.click();\n    document.body.removeChild(link);\n    URL.revokeObjectURL(url);\n  };\n\n  if (error) {\n    return (\n      <PageLayout\n        title=\"Time Entries\"\n        description=\"View and manage all time entries\"\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 time entries. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Time Entries\"\n      description=\"View and manage all time entries\"\n      purpose=\"Every tracked block of work in one auditable list — filter, correct and confirm entries here before they roll into timesheets, approvals and client invoices.\"\n      actions={\n        <div className=\"flex items-center gap-2\">\n          <button\n            onClick={() => {\n              setDraftBillable(\n                filter.billable === undefined\n                  ? \"all\"\n                  : filter.billable\n                    ? \"yes\"\n                    : \"no\",\n              );\n              setDraftProjectId(filter.projectId ?? \"\");\n              setDraftSearch(filter.search ?? \"\");\n              setFilterOpen(true);\n            }}\n            className={`inline-flex items-center gap-1.5 rounded-md border px-3 py-2 text-sm font-medium hover:bg-bg-sunken/50 ${hasFilter ? \"border-action-primary-border text-primary\" : \"border-border-subtle text-text-primary\"}`}\n          >\n            <Filter className=\"h-4 w-4\" />\n            Filter{hasFilter ? ` (${Object.keys(filter).length})` : \"\"}\n          </button>\n          <button\n            onClick={handleExport}\n            disabled={entries.length === 0}\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            <Download className=\"h-4 w-4\" />\n            Export\n          </button>\n          <button\n            onClick={openCreate}\n            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          >\n            <Plus className=\"h-4 w-4\" />\n            New Entry\n          </button>\n        </div>\n      }\n    >\n      {loading && entries.length === 0 ? (\n        <LoadingSkeleton variant=\"table\" count={5} />\n      ) : entries.length === 0 ? (\n        <EmptyState\n          illustration=\"empty-data\"\n          title=\"No time entries found\"\n          description=\"Track time with a timer or add a manual entry — your entries will appear here.\"\n          action={\n            <button\n              onClick={openCreate}\n              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            >\n              <Plus className=\"h-4 w-4\" />\n              New Entry\n            </button>\n          }\n        />\n      ) : (\n        <>\n          <GlassCard treatment=\"glass\" glow className=\"overflow-hidden\">\n            <div className=\"overflow-x-auto\">\n              <table className=\"w-full\">\n                <thead>\n                  <tr className=\"border-b border-border-subtle\">\n                    <th className=\"px-4 py-3 text-left text-xs font-medium text-text-secondary\">\n                      Date\n                    </th>\n                    <th className=\"px-4 py-3 text-left text-xs font-medium text-text-secondary\">\n                      Project\n                    </th>\n                    <th className=\"px-4 py-3 text-left text-xs font-medium text-text-secondary\">\n                      Task\n                    </th>\n                    <th className=\"px-4 py-3 text-left text-xs font-medium text-text-secondary\">\n                      Duration\n                    </th>\n                    <th className=\"px-4 py-3 text-left text-xs font-medium text-text-secondary\">\n                      Billable\n                    </th>\n                    <th className=\"px-4 py-3 text-left text-xs font-medium text-text-secondary\">\n                      Status\n                    </th>\n                    <th className=\"px-4 py-3 text-right text-xs font-medium text-text-secondary\">\n                      Actions\n                    </th>\n                  </tr>\n                </thead>\n                <tbody className=\"divide-y divide-border\">\n                  {entries.map((entry: TimeEntryFieldsFragment) => (\n                    <tr\n                      key={entry.id}\n                      className=\"hover:bg-bg-sunken/50 transition-colors\"\n                    >\n                      <td className=\"px-4 py-3 text-sm text-text-secondary\">\n                        {formatDate(entry.startTime)}\n                      </td>\n                      <td className=\"px-4 py-3 text-sm font-medium text-text-primary\">\n                        {entry.project?.name ?? \"No Project\"}\n                      </td>\n                      <td className=\"px-4 py-3 text-sm text-text-secondary\">\n                        {entry.task?.title ??\n                          entry.description ??\n                          \"No description\"}\n                      </td>\n                      <td className=\"px-4 py-3 text-sm font-mono text-text-primary\">\n                        {formatHours((entry.duration ?? 0) / 3600)}\n                      </td>\n                      <td className=\"px-4 py-3\">\n                        <span\n                          className={`inline-flex rounded-full px-2 py-0.5 text-xs font-medium ${entry.billable ? \"bg-status-success-bg text-status-success-text\" : \"bg-bg-sunken text-text-secondary\"}`}\n                        >\n                          {entry.billable ? \"Yes\" : \"No\"}\n                        </span>\n                      </td>\n                      <td className=\"px-4 py-3\">\n                        <span\n                          className={`inline-flex rounded-full px-2 py-0.5 text-xs font-medium ${getStatusColor(entry.isRunning ? \"running\" : \"completed\")}`}\n                        >\n                          {entry.isRunning ? \"running\" : \"completed\"}\n                        </span>\n                      </td>\n                      <td className=\"px-4 py-3\">\n                        <div className=\"flex items-center justify-end gap-1\">\n                          <button\n                            onClick={() => openEdit(entry)}\n                            title=\"Edit entry\"\n                            aria-label=\"Edit entry\"\n                            className=\"rounded-md p-1.5 text-text-secondary hover:bg-bg-sunken hover:text-text-primary\"\n                          >\n                            <Pencil className=\"h-4 w-4\" />\n                          </button>\n                          <button\n                            onClick={() => handleDuplicate(entry)}\n                            disabled={duplicating}\n                            title=\"Duplicate entry\"\n                            aria-label=\"Duplicate entry\"\n                            className=\"rounded-md p-1.5 text-text-secondary hover:bg-bg-sunken hover:text-text-primary disabled:opacity-50\"\n                          >\n                            <Copy className=\"h-4 w-4\" />\n                          </button>\n                          <button\n                            onClick={() => setDeleteEntry(entry)}\n                            title=\"Delete entry\"\n                            aria-label=\"Delete entry\"\n                            className=\"rounded-md p-1.5 text-status-error-text hover:bg-status-error-bg\"\n                          >\n                            <Trash2 className=\"h-4 w-4\" />\n                          </button>\n                        </div>\n                      </td>\n                    </tr>\n                  ))}\n                </tbody>\n              </table>\n            </div>\n          </GlassCard>\n\n          <div className=\"mt-4 flex items-center justify-between\">\n            <p className=\"text-xs text-text-secondary\">\n              Showing {entries.length} of {total}\n            </p>\n            {hasMore && (\n              <button\n                onClick={handleLoadMore}\n                disabled={loadingMore}\n                className=\"inline-flex items-center gap-1.5 rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50 disabled:opacity-50\"\n              >\n                {loadingMore ? \"Loading...\" : \"Load more\"}\n              </button>\n            )}\n          </div>\n        </>\n      )}\n\n      {/* Create modal */}\n      <Modal\n        open={createOpen}\n        onClose={() => setCreateOpen(false)}\n        title=\"New Time Entry\"\n        description=\"Manually log a block of work.\"\n        size=\"lg\"\n        footer={\n          <>\n            <button\n              onClick={() => setCreateOpen(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={handleCreate}\n              disabled={creating || !createForm.startTime}\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 ? \"Saving...\" : \"Create Entry\"}\n            </button>\n          </>\n        }\n      >\n        {createError && (\n          <div className=\"mb-4 rounded-lg border border-status-error-bg/40 bg-status-error-bg p-3 text-sm text-status-error-text\">\n            Failed to create entry. Please try again.\n          </div>\n        )}\n        <EntryFormFields\n          form={createForm}\n          onChange={(patch) => setCreateForm((f) => ({ ...f, ...patch }))}\n          projects={projects}\n        />\n      </Modal>\n\n      {/* Edit modal */}\n      <Modal\n        open={Boolean(editEntry)}\n        onClose={() => setEditEntry(null)}\n        title=\"Edit Time Entry\"\n        description=\"Correct the details of this logged block.\"\n        size=\"lg\"\n        footer={\n          <>\n            <button\n              onClick={() => setEditEntry(null)}\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 || !editForm.startTime}\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 entry. Please try again.\n          </div>\n        )}\n        <EntryFormFields\n          form={editForm}\n          onChange={(patch) => setEditForm((f) => ({ ...f, ...patch }))}\n          projects={projects}\n        />\n      </Modal>\n\n      {/* Delete confirm modal */}\n      <Modal\n        open={Boolean(deleteEntry)}\n        onClose={() => setDeleteEntry(null)}\n        title=\"Delete time entry?\"\n        description=\"This permanently removes the entry. It cannot be undone.\"\n        footer={\n          <>\n            <button\n              onClick={() => setDeleteEntry(null)}\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-action-danger-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-danger-bg/90 disabled:opacity-50\"\n            >\n              {deleting ? \"Deleting...\" : \"Delete\"}\n            </button>\n          </>\n        }\n      >\n        <p className=\"text-sm text-text-secondary\">\n          Delete the entry for{\" \"}\n          <span className=\"font-medium text-text-primary\">\n            {deleteEntry?.project?.name ??\n              deleteEntry?.description ??\n              \"this block of work\"}\n          </span>\n          ?\n        </p>\n      </Modal>\n\n      {/* Filter modal */}\n      <Modal\n        open={filterOpen}\n        onClose={() => setFilterOpen(false)}\n        title=\"Filter entries\"\n        description=\"Narrow the list to what you need.\"\n        footer={\n          <>\n            <button\n              onClick={clearFilter}\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              Clear\n            </button>\n            <button\n              onClick={applyFilter}\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\"\n            >\n              Apply\n            </button>\n          </>\n        }\n      >\n        <div className=\"space-y-4\">\n          <div>\n            <label className=\"block text-sm font-medium text-text-primary\">\n              Search\n            </label>\n            <input\n              type=\"text\"\n              placeholder=\"Description contains...\"\n              value={draftSearch}\n              onChange={(e) => setDraftSearch(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              Project\n            </label>\n            <select\n              value={draftProjectId}\n              onChange={(e) => setDraftProjectId(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              <option value=\"\">All Projects</option>\n              {projects.map((project) => (\n                <option key={project.id} value={project.id}>\n                  {project.name}\n                </option>\n              ))}\n            </select>\n          </div>\n          <div>\n            <label className=\"block text-sm font-medium text-text-primary\">\n              Billable\n            </label>\n            <select\n              value={draftBillable}\n              onChange={(e) =>\n                setDraftBillable(e.target.value as \"all\" | \"yes\" | \"no\")\n              }\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              <option value=\"all\">All</option>\n              <option value=\"yes\">Billable only</option>\n              <option value=\"no\">Non-billable only</option>\n            </select>\n          </div>\n        </div>\n      </Modal>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAsBA,IAAM,KAAY;AAGlB,SAAS,EAAa,GAA6B;AACjD,KAAI,CAAC,EAAK,QAAO;CACjB,IAAM,IAAI,IAAI,KAAK,EAAI;AAGvB,QAFI,OAAO,MAAM,EAAE,SAAS,CAAC,GAAS,sBACxB,IAAI,KAAK,EAAE,SAAS,GAAG,EAAE,mBAAmB,GAAG,IAAM,EACtD,aAAa,CAAC,MAAM,GAAG,GAAG;;AAIzC,SAAS,EAAM,GAAmC;AAChD,KAAI,CAAC,EAAO;CACZ,IAAM,IAAI,IAAI,KAAK,EAAM;AACrB,aAAO,MAAM,EAAE,SAAS,CAAC,CAC7B,QAAO,EAAE,aAAa;;AAWxB,SAAS,IAA4B;CACnC,IAAM,oBAAM,IAAI,MAAM;AAEtB,QAAO;EACL,aAAa;EACb,WAAW;EACX,4BAJY,IAAI,KAAK,EAAI,SAAS,GAAG,EAAI,mBAAmB,GAAG,IAAM,EAIpD,aAAa,CAAC,MAAM,GAAG,GAAG;EAC3C,SAAS;EACT,UAAU;EACX;;AASH,SAAS,EAAgB,EAAE,SAAM,aAAU,eAAkC;AAC3E,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;IAAO,WAAU;cAA8C;IAEvD,CAAA,EACR,kBAAC,SAAD;IACE,MAAK;IACL,aAAY;IACZ,OAAO,EAAK;IACZ,WAAW,MAAM,EAAS,EAAE,aAAa,EAAE,OAAO,OAAO,CAAC;IAC1D,WAAU;IACV,CAAA,CACE,EAAA,CAAA;GACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;IAAO,WAAU;cAA8C;IAEvD,CAAA,EACR,kBAAC,UAAD;IACE,OAAO,EAAK;IACZ,WAAW,MAAM,EAAS,EAAE,WAAW,EAAE,OAAO,OAAO,CAAC;IACxD,WAAU;cAHZ,CAKE,kBAAC,UAAD;KAAQ,OAAM;eAAG;KAAmB,CAAA,EACnC,EAAS,KAAK,MACb,kBAAC,UAAD;KAAyB,OAAO,EAAQ;eACrC,EAAQ;KACF,EAFI,EAAQ,GAEZ,CACT,CACK;MACL,EAAA,CAAA;GACN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;KAAO,WAAU;eAA8C;KAEvD,CAAA,EACR,kBAAC,SAAD;KACE,MAAK;KACL,OAAO,EAAK;KACZ,WAAW,MAAM,EAAS,EAAE,WAAW,EAAE,OAAO,OAAO,CAAC;KACxD,WAAU;KACV,CAAA,CACE,EAAA,CAAA,EACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;KAAO,WAAU;eAA8C;KAEvD,CAAA,EACR,kBAAC,SAAD;KACE,MAAK;KACL,OAAO,EAAK;KACZ,WAAW,MAAM,EAAS,EAAE,SAAS,EAAE,OAAO,OAAO,CAAC;KACtD,WAAU;KACV,CAAA,CACE,EAAA,CAAA,CACF;;GACN,kBAAC,SAAD;IAAO,WAAU;cAAjB,CACE,kBAAC,SAAD;KACE,MAAK;KACL,SAAS,EAAK;KACd,WAAW,MAAM,EAAS,EAAE,UAAU,EAAE,OAAO,SAAS,CAAC;KACzD,WAAU;KACV,CAAA,EAAA,WAEI;;GACJ;;;AAIV,SAAgB,IAAkB;CAEhC,IAAM,CAAC,GAAQ,KAAa,EAA+B,EAAE,CAAC,EACxD,CAAC,IAAY,KAAiB,EAAS,GAAM,EAC7C,CAAC,GAAe,KAAoB,EACxC,MACD,EACK,CAAC,GAAgB,KAAqB,EAAS,GAAG,EAClD,CAAC,GAAa,KAAkB,EAAS,GAAG,EAG5C,CAAC,IAAY,KAAiB,EAAS,GAAM,EAC7C,CAAC,GAAY,KAAiB,EAAyB,EAAU,EACjE,CAAC,GAAW,KAAgB,EAChC,KACD,EACK,CAAC,GAAU,KAAe,EAAyB,EAAU,EAC7D,CAAC,GAAa,KAClB,EAAyC,KAAK,EAE1C,IAAY,OAAO,KAAK,EAAO,CAAC,SAAS,GAEzC,EAAE,SAAM,YAAS,UAAO,cAAW,eAAY,EAAwB;EAC3E,WAAW;GACT,OAAO;GACP,QAAQ;GACR,QAAQ,IAAY,IAAS,KAAA;GAC9B;EACD,6BAA6B;EAC9B,CAAC,EAEI,EAAE,MAAM,OAAiB,EAAqB,EAClD,WAAW,EAAE,OAAO,KAAK,EAC1B,CAAC,EACI,IAA4B,IAAc,UAAU,SAAS,EAAE,EAE/D,IAAqC,QACnC,GAAM,aAAa,SAAS,EAAE,EACpC,CAAC,GAAM,aAAa,MAAM,CAC3B,EACK,KAAU,GAAM,aAAa,WAAW,IACxC,KAAQ,GAAM,aAAa,SAAS,GAEpC,CAAC,IAAa,EAAE,SAAS,GAAU,OAAO,QAC9C,GAA4B,EACxB,CAAC,IAAa,EAAE,SAAS,GAAU,OAAO,QAC9C,IAA4B,EACxB,CAAC,IAAa,EAAE,SAAS,OAAc,GAA4B,EACnE,CAAC,IAAgB,EAAE,SAAS,QAChC,GAA+B,EAE3B,CAAC,GAAa,KAAkB,EAAS,GAAM,EAE/C,KAAiB,YAAY;AACjC,IAAe,GAAK;AACpB,MAAI;AACF,SAAM,EAAU;IACd,WAAW,EAAE,QAAQ,EAAQ,QAAQ;IACrC,cAAc,GAAM,EAAE,yBACf,IACE;KACL,GAAG;KACH,aAAa;MACX,GAAG,EAAgB;MACnB,OAAO,CACL,GAAG,EAAK,YAAY,OACpB,GAAG,EAAgB,YAAY,MAChC;MACF;KACF,GAV4B;IAYhC,CAAC;YACM;AACR,KAAe,GAAM;;IAInB,UAAmB;AAEvB,EADA,EAAc,GAAW,CAAC,EAC1B,EAAc,GAAK;IAGf,KAAe,YAAY;EAC/B,IAAM,IAAY,EAAM,EAAW,UAAU;AACxC,QACL,MAAM,GAAY,EAChB,WAAW,EACT,OAAO;GACL,aAAa,EAAW,YAAY,MAAM,IAAI,KAAA;GAC9C,WAAW,EAAW,aAAa,KAAA;GACnC;GACA,SAAS,EAAM,EAAW,QAAQ;GAClC,UAAU,EAAW;GACrB,QAAQ;GACT,EACF,EACF,CAAC,EACF,EAAc,GAAM,EACpB,MAAM,GAAS;IAGX,MAAY,MAAmC;AAEnD,EADA,EAAa,EAAM,EACnB,EAAY;GACV,aAAa,EAAM,eAAe;GAClC,WAAW,EAAM,aAAa;GAC9B,WAAW,EAAa,EAAM,UAAU;GACxC,SAAS,EAAa,EAAM,QAAQ;GACpC,UAAU,EAAM;GACjB,CAAC;IAGE,KAAe,YAAY;AAC/B,MAAI,CAAC,EAAW;EAChB,IAAM,IAAY,EAAM,EAAS,UAAU;AACtC,QACL,MAAM,GAAY,EAChB,WAAW;GACT,IAAI,EAAU;GACd,OAAO;IACL,aAAa,EAAS,YAAY,MAAM,IAAI,KAAA;IAC5C,WAAW,EAAS,aAAa,KAAA;IACjC;IACA,SAAS,EAAM,EAAS,QAAQ;IAChC,UAAU,EAAS;IACpB;GACF,EACF,CAAC,EACF,EAAa,KAAK,EAClB,MAAM,GAAS;IAGX,KAAkB,OAAO,MAAmC;AAEhE,EADA,MAAM,GAAe,EAAE,WAAW,EAAE,IAAI,EAAM,IAAI,EAAE,CAAC,EACrD,MAAM,GAAS;;AA0EjB,QAbI,IAEA,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,OAAD;GAAK,WAAU;aAAoG;GAE7G,CAAA;EACK,CAAA,GAKf,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SAAQ;EACR,SACE,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,UAAD;KACE,eAAe;AAUb,MATA,EACE,EAAO,aAAa,KAAA,IAChB,QACA,EAAO,WACL,QACA,KACP,EACD,EAAkB,EAAO,aAAa,GAAG,EACzC,EAAe,EAAO,UAAU,GAAG,EACnC,EAAc,GAAK;;KAErB,WAAW,0GAA0G,IAAY,8CAA8C;eAbjL;MAeE,kBAAC,IAAD,EAAQ,WAAU,WAAY,CAAA;;MACvB,IAAY,KAAK,OAAO,KAAK,EAAO,CAAC,OAAO,KAAK;MACjD;;IACT,kBAAC,UAAD;KACE,eAvEiB;MACzB,IAAM,IAAS;OACb;OACA;OACA;OACA;OACA;OACA;OACD,EACK,IAAO,EAAQ,KAAK,MAAU;OAClC,EAAW,EAAM,UAAU;OAC3B,EAAM,SAAS,QAAQ;OACvB,EAAM,MAAM,SAAS,EAAM,eAAe;SACxC,EAAM,YAAY,KAAK,MAAM,QAAQ,EAAE;OACzC,EAAM,WAAW,QAAQ;OACzB,EAAM,YAAY,YAAY;OAC/B,CAAC,EACI,KAAU,MAAkB,IAAI,EAAM,QAAQ,MAAM,OAAK,CAAC,IAC1D,IAAM,CAAC,GAAQ,GAAG,EAAK,CAC1B,KAAK,MAAQ,EAAI,KAAK,MAAiB,EAAO,OAAO,EAAK,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,CACvE,KAAK,KAAK,EACP,IAAO,IAAI,KAAK,CAAC,EAAI,EAAE,EAAE,MAAM,2BAA2B,CAAC,EAC3D,IAAM,IAAI,gBAAgB,EAAK,EAC/B,IAAO,SAAS,cAAc,IAAI;AAMxC,MALA,EAAK,OAAO,GACZ,EAAK,WAAW,iCAAgB,IAAI,MAAM,EAAC,aAAa,CAAC,MAAM,GAAG,GAAG,CAAC,OACtE,SAAS,KAAK,YAAY,EAAK,EAC/B,EAAK,OAAO,EACZ,SAAS,KAAK,YAAY,EAAK,EAC/B,IAAI,gBAAgB,EAAI;;KA2ChB,UAAU,EAAQ,WAAW;KAC7B,WAAU;eAHZ,CAKE,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA,EAAA,SAEzB;;IACT,kBAAC,UAAD;KACE,SAAS;KACT,WAAU;eAFZ,CAIE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAAA,YAErB;;IACL;;YAvCV;GA0CG,KAAW,EAAQ,WAAW,IAC7B,kBAAC,GAAD;IAAiB,SAAQ;IAAQ,OAAO;IAAK,CAAA,GAC3C,EAAQ,WAAW,IACrB,kBAAC,IAAD;IACE,cAAa;IACb,OAAM;IACN,aAAY;IACZ,QACE,kBAAC,UAAD;KACE,SAAS;KACT,WAAU;eAFZ,CAIE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAAA,YAErB;;IAEX,CAAA,GAEF,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,IAAD;IAAW,WAAU;IAAQ,MAAA;IAAK,WAAU;cAC1C,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,SAAD;MAAO,WAAU;gBAAjB,CACE,kBAAC,SAAD,EAAA,UACE,kBAAC,MAAD;OAAI,WAAU;iBAAd;QACE,kBAAC,MAAD;SAAI,WAAU;mBAA8D;SAEvE,CAAA;QACL,kBAAC,MAAD;SAAI,WAAU;mBAA8D;SAEvE,CAAA;QACL,kBAAC,MAAD;SAAI,WAAU;mBAA8D;SAEvE,CAAA;QACL,kBAAC,MAAD;SAAI,WAAU;mBAA8D;SAEvE,CAAA;QACL,kBAAC,MAAD;SAAI,WAAU;mBAA8D;SAEvE,CAAA;QACL,kBAAC,MAAD;SAAI,WAAU;mBAA8D;SAEvE,CAAA;QACL,kBAAC,MAAD;SAAI,WAAU;mBAA+D;SAExE,CAAA;QACF;UACC,CAAA,EACR,kBAAC,SAAD;OAAO,WAAU;iBACd,EAAQ,KAAK,MACZ,kBAAC,MAAD;QAEE,WAAU;kBAFZ;SAIE,kBAAC,MAAD;UAAI,WAAU;oBACX,EAAW,EAAM,UAAU;UACzB,CAAA;SACL,kBAAC,MAAD;UAAI,WAAU;oBACX,EAAM,SAAS,QAAQ;UACrB,CAAA;SACL,kBAAC,MAAD;UAAI,WAAU;oBACX,EAAM,MAAM,SACX,EAAM,eACN;UACC,CAAA;SACL,kBAAC,MAAD;UAAI,WAAU;oBACX,GAAa,EAAM,YAAY,KAAK,KAAK;UACvC,CAAA;SACL,kBAAC,MAAD;UAAI,WAAU;oBACZ,kBAAC,QAAD;WACE,WAAW,4DAA4D,EAAM,WAAW,kDAAkD;qBAEzI,EAAM,WAAW,QAAQ;WACrB,CAAA;UACJ,CAAA;SACL,kBAAC,MAAD;UAAI,WAAU;oBACZ,kBAAC,QAAD;WACE,WAAW,4DAA4D,EAAe,EAAM,YAAY,YAAY,YAAY;qBAE/H,EAAM,YAAY,YAAY;WAC1B,CAAA;UACJ,CAAA;SACL,kBAAC,MAAD;UAAI,WAAU;oBACZ,kBAAC,OAAD;WAAK,WAAU;qBAAf;YACE,kBAAC,UAAD;aACE,eAAe,GAAS,EAAM;aAC9B,OAAM;aACN,cAAW;aACX,WAAU;uBAEV,kBAAC,IAAD,EAAQ,WAAU,WAAY,CAAA;aACvB,CAAA;YACT,kBAAC,UAAD;aACE,eAAe,GAAgB,EAAM;aACrC,UAAU;aACV,OAAM;aACN,cAAW;aACX,WAAU;uBAEV,kBAAC,IAAD,EAAM,WAAU,WAAY,CAAA;aACrB,CAAA;YACT,kBAAC,UAAD;aACE,eAAe,EAAe,EAAM;aACpC,OAAM;aACN,cAAW;aACX,WAAU;uBAEV,kBAAC,IAAD,EAAQ,WAAU,WAAY,CAAA;aACvB,CAAA;YACL;;UACH,CAAA;SACF;UA5DE,EAAM,GA4DR,CACL;OACI,CAAA,CACF;;KACJ,CAAA;IACI,CAAA,EAEZ,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,KAAD;KAAG,WAAU;eAAb;MAA2C;MAChC,EAAQ;MAAO;MAAK;MAC3B;QACH,MACC,kBAAC,UAAD;KACE,SAAS;KACT,UAAU;KACV,WAAU;eAET,IAAc,eAAe;KACvB,CAAA,CAEP;MACL,EAAA,CAAA;GAIL,kBAAC,GAAD;IACE,MAAM;IACN,eAAe,EAAc,GAAM;IACnC,OAAM;IACN,aAAY;IACZ,MAAK;IACL,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,UAAD;KACE,eAAe,EAAc,GAAM;KACnC,WAAU;eACX;KAEQ,CAAA,EACT,kBAAC,UAAD;KACE,SAAS;KACT,UAAU,KAAY,CAAC,EAAW;KAClC,WAAU;eAET,IAAW,cAAc;KACnB,CAAA,CACR,EAAA,CAAA;cArBP,CAwBG,MACC,kBAAC,OAAD;KAAK,WAAU;eAAyG;KAElH,CAAA,EAER,kBAAC,GAAD;KACE,MAAM;KACN,WAAW,MAAU,GAAe,OAAO;MAAE,GAAG;MAAG,GAAG;MAAO,EAAE;KACrD;KACV,CAAA,CACI;;GAGR,kBAAC,GAAD;IACE,MAAM,EAAQ;IACd,eAAe,EAAa,KAAK;IACjC,OAAM;IACN,aAAY;IACZ,MAAK;IACL,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,UAAD;KACE,eAAe,EAAa,KAAK;KACjC,WAAU;eACX;KAEQ,CAAA,EACT,kBAAC,UAAD;KACE,SAAS;KACT,UAAU,KAAY,CAAC,EAAS;KAChC,WAAU;eAET,IAAW,cAAc;KACnB,CAAA,CACR,EAAA,CAAA;cArBP,CAwBG,MACC,kBAAC,OAAD;KAAK,WAAU;eAAyG;KAElH,CAAA,EAER,kBAAC,GAAD;KACE,MAAM;KACN,WAAW,MAAU,GAAa,OAAO;MAAE,GAAG;MAAG,GAAG;MAAO,EAAE;KACnD;KACV,CAAA,CACI;;GAGR,kBAAC,GAAD;IACE,MAAM,EAAQ;IACd,eAAe,EAAe,KAAK;IACnC,OAAM;IACN,aAAY;IACZ,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,UAAD;KACE,eAAe,EAAe,KAAK;KACnC,WAAU;eACX;KAEQ,CAAA,EACT,kBAAC,UAAD;KACE,SAjVS,YAAY;AAC1B,YACL,MAAM,GAAY,EAAE,WAAW,EAAE,IAAI,EAAY,IAAI,EAAE,CAAC,EACxD,EAAe,KAAK,EACpB,MAAM,GAAS;;KA8UL,UAAU;KACV,WAAU;eAET,IAAW,gBAAgB;KACrB,CAAA,CACR,EAAA,CAAA;cAGL,kBAAC,KAAD;KAAG,WAAU;eAAb;MAA2C;MACpB;MACrB,kBAAC,QAAD;OAAM,WAAU;iBACb,GAAa,SAAS,QACrB,GAAa,eACb;OACG,CAAA;;MAEL;;IACE,CAAA;GAGR,kBAAC,GAAD;IACE,MAAM;IACN,eAAe,EAAc,GAAM;IACnC,OAAM;IACN,aAAY;IACZ,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,UAAD;KACE,eA9Vc;AAKxB,MAJA,EAAiB,MAAM,EACvB,EAAkB,GAAG,EACrB,EAAe,GAAG,EAClB,EAAU,EAAE,CAAC,EACb,EAAc,GAAM;;KA0VV,WAAU;eACX;KAEQ,CAAA,EACT,kBAAC,UAAD;KACE,eA7Wc;MACxB,IAAM,IAA6B,EAAE;AAKrC,MAJI,MAAkB,UAAO,EAAK,WAAW,MAAkB,QAC3D,MAAgB,EAAK,YAAY,IACjC,EAAY,MAAM,KAAE,EAAK,SAAS,EAAY,MAAM,GACxD,EAAU,EAAK,EACf,EAAc,GAAM;;KAwWV,WAAU;eACX;KAEQ,CAAA,CACR,EAAA,CAAA;cAGL,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;OAAO,WAAU;iBAA8C;OAEvD,CAAA,EACR,kBAAC,SAAD;OACE,MAAK;OACL,aAAY;OACZ,OAAO;OACP,WAAW,MAAM,EAAe,EAAE,OAAO,MAAM;OAC/C,WAAU;OACV,CAAA,CACE,EAAA,CAAA;MACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;OAAO,WAAU;iBAA8C;OAEvD,CAAA,EACR,kBAAC,UAAD;OACE,OAAO;OACP,WAAW,MAAM,EAAkB,EAAE,OAAO,MAAM;OAClD,WAAU;iBAHZ,CAKE,kBAAC,UAAD;QAAQ,OAAM;kBAAG;QAAqB,CAAA,EACrC,EAAS,KAAK,MACb,kBAAC,UAAD;QAAyB,OAAO,EAAQ;kBACrC,EAAQ;QACF,EAFI,EAAQ,GAEZ,CACT,CACK;SACL,EAAA,CAAA;MACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;OAAO,WAAU;iBAA8C;OAEvD,CAAA,EACR,kBAAC,UAAD;OACE,OAAO;OACP,WAAW,MACT,EAAiB,EAAE,OAAO,MAA8B;OAE1D,WAAU;iBALZ;QAOE,kBAAC,UAAD;SAAQ,OAAM;mBAAM;SAAY,CAAA;QAChC,kBAAC,UAAD;SAAQ,OAAM;mBAAM;SAAsB,CAAA;QAC1C,kBAAC,UAAD;SAAQ,OAAM;mBAAK;SAA0B,CAAA;QACtC;SACL,EAAA,CAAA;MACF;;IACA,CAAA;GACG"}
+{"version":3,"file":"TimeEntriesPage.js","names":[],"sources":["../../../../src/timecampus/pages/time/TimeEntriesPage.tsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\nimport { Plus, Filter, Download, Pencil, Copy, Trash2 } from \"lucide-react\";\nimport { GlassCard } from \"@burdenoff/fe-libs/ui\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { Modal } from \"../../components/Modal\";\nimport { EmptyState } from \"../../components/EmptyState\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { StatusBadge } from \"../../components/StatusBadge\";\nimport { formatHours, formatDate, getInitials } from \"../../utils/helpers\";\nimport {\n  useListTimeEntriesQuery,\n  useCreateTimeEntryMutation,\n  useUpdateTimeEntryMutation,\n  useDeleteTimeEntryMutation,\n  useDuplicateTimeEntryMutation,\n  useListProjectsQuery,\n  type TimeEntryFieldsFragment,\n  type ListProjectsQuery,\n} from \"@/generated/wspace-operations\";\nimport type { TimeEntryFilterInput } from \"@/generated/wspace-types\";\n\ntype ProjectOption = ListProjectsQuery[\"projects\"][\"items\"][number];\n\nconst PAGE_SIZE = 50;\n\n/** Convert an ISO datetime to a value usable by <input type=\"datetime-local\">. */\nfunction toLocalInput(iso?: string | null): string {\n  if (!iso) return \"\";\n  const d = new Date(iso);\n  if (Number.isNaN(d.getTime())) return \"\";\n  const local = new Date(d.getTime() - d.getTimezoneOffset() * 60000);\n  return local.toISOString().slice(0, 16);\n}\n\n/** Convert a datetime-local value to an ISO string, or undefined if empty. */\nfunction toISO(local: string): string | undefined {\n  if (!local) return undefined;\n  const d = new Date(local);\n  if (Number.isNaN(d.getTime())) return undefined;\n  return d.toISOString();\n}\n\ninterface EntryFormState {\n  description: string;\n  projectId: string;\n  startTime: string;\n  endTime: string;\n  billable: boolean;\n}\n\nfunction emptyForm(): EntryFormState {\n  const now = new Date();\n  const local = new Date(now.getTime() - now.getTimezoneOffset() * 60000);\n  return {\n    description: \"\",\n    projectId: \"\",\n    startTime: local.toISOString().slice(0, 16),\n    endTime: \"\",\n    billable: false,\n  };\n}\n\ninterface EntryFormFieldsProps {\n  form: EntryFormState;\n  onChange: (patch: Partial<EntryFormState>) => void;\n  projects: ProjectOption[];\n}\n\nfunction EntryFormFields({ form, onChange, projects }: EntryFormFieldsProps) {\n  return (\n    <div className=\"space-y-4\">\n      <div>\n        <label className=\"block text-sm font-medium text-text-primary\">\n          Description\n        </label>\n        <input\n          type=\"text\"\n          placeholder=\"What did you work on?\"\n          value={form.description}\n          onChange={(e) => onChange({ description: 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          Project\n        </label>\n        <select\n          value={form.projectId}\n          onChange={(e) => onChange({ projectId: 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          <option value=\"\">No Project</option>\n          {projects.map((project) => (\n            <option key={project.id} value={project.id}>\n              {project.name}\n            </option>\n          ))}\n        </select>\n      </div>\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n        <div>\n          <label className=\"block text-sm font-medium text-text-primary\">\n            Start\n          </label>\n          <input\n            type=\"datetime-local\"\n            value={form.startTime}\n            onChange={(e) => onChange({ startTime: 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            End\n          </label>\n          <input\n            type=\"datetime-local\"\n            value={form.endTime}\n            onChange={(e) => onChange({ endTime: 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=\"flex items-center gap-2 text-sm text-text-primary\">\n        <input\n          type=\"checkbox\"\n          checked={form.billable}\n          onChange={(e) => onChange({ billable: e.target.checked })}\n          className=\"h-4 w-4 rounded border-border-subtle\"\n        />\n        Billable\n      </label>\n    </div>\n  );\n}\n\nexport function TimeEntriesPage() {\n  // Filters\n  const [filter, setFilter] = useState<TimeEntryFilterInput>({});\n  const [filterOpen, setFilterOpen] = useState(false);\n  const [draftBillable, setDraftBillable] = useState<\"all\" | \"yes\" | \"no\">(\n    \"all\",\n  );\n  const [draftProjectId, setDraftProjectId] = useState(\"\");\n  const [draftSearch, setDraftSearch] = useState(\"\");\n\n  // Create / edit / delete modal state\n  const [createOpen, setCreateOpen] = useState(false);\n  const [createForm, setCreateForm] = useState<EntryFormState>(emptyForm);\n  const [editEntry, setEditEntry] = useState<TimeEntryFieldsFragment | null>(\n    null,\n  );\n  const [editForm, setEditForm] = useState<EntryFormState>(emptyForm);\n  const [deleteEntry, setDeleteEntry] =\n    useState<TimeEntryFieldsFragment | null>(null);\n\n  const hasFilter = Object.keys(filter).length > 0;\n\n  const { data, loading, error, fetchMore, refetch } = useListTimeEntriesQuery({\n    variables: {\n      limit: PAGE_SIZE,\n      offset: 0,\n      filter: hasFilter ? filter : undefined,\n    },\n    notifyOnNetworkStatusChange: true,\n  });\n\n  const { data: projectsData } = useListProjectsQuery({\n    variables: { limit: 100 },\n  });\n  const projects: ProjectOption[] = projectsData?.projects?.items ?? [];\n\n  const entries: TimeEntryFieldsFragment[] = useMemo(\n    () => data?.timeEntries?.items ?? [],\n    [data?.timeEntries?.items],\n  );\n  const hasMore = data?.timeEntries?.hasMore ?? false;\n  const total = data?.timeEntries?.total ?? 0;\n\n  const [createEntry, { loading: creating, error: createError }] =\n    useCreateTimeEntryMutation();\n  const [updateEntry, { loading: updating, error: updateError }] =\n    useUpdateTimeEntryMutation();\n  const [removeEntry, { loading: deleting }] = useDeleteTimeEntryMutation();\n  const [duplicateEntry, { loading: duplicating }] =\n    useDuplicateTimeEntryMutation();\n\n  const [loadingMore, setLoadingMore] = useState(false);\n\n  const handleLoadMore = async () => {\n    setLoadingMore(true);\n    try {\n      await fetchMore({\n        variables: { offset: entries.length },\n        updateQuery: (prev, { fetchMoreResult }) => {\n          if (!fetchMoreResult) return prev;\n          return {\n            ...fetchMoreResult,\n            timeEntries: {\n              ...fetchMoreResult.timeEntries,\n              items: [\n                ...prev.timeEntries.items,\n                ...fetchMoreResult.timeEntries.items,\n              ],\n            },\n          };\n        },\n      });\n    } finally {\n      setLoadingMore(false);\n    }\n  };\n\n  const openCreate = () => {\n    setCreateForm(emptyForm());\n    setCreateOpen(true);\n  };\n\n  const handleCreate = async () => {\n    const startTime = toISO(createForm.startTime);\n    if (!startTime) return;\n    await createEntry({\n      variables: {\n        input: {\n          description: createForm.description.trim() || undefined,\n          projectId: createForm.projectId || undefined,\n          startTime,\n          endTime: toISO(createForm.endTime),\n          billable: createForm.billable,\n          source: \"manual\",\n        },\n      },\n    });\n    setCreateOpen(false);\n    await refetch();\n  };\n\n  const openEdit = (entry: TimeEntryFieldsFragment) => {\n    setEditEntry(entry);\n    setEditForm({\n      description: entry.description ?? \"\",\n      projectId: entry.projectId ?? \"\",\n      startTime: toLocalInput(entry.startTime),\n      endTime: toLocalInput(entry.endTime),\n      billable: entry.billable,\n    });\n  };\n\n  const handleUpdate = async () => {\n    if (!editEntry) return;\n    const startTime = toISO(editForm.startTime);\n    if (!startTime) return;\n    await updateEntry({\n      variables: {\n        id: editEntry.id,\n        input: {\n          description: editForm.description.trim() || undefined,\n          projectId: editForm.projectId || undefined,\n          startTime,\n          endTime: toISO(editForm.endTime),\n          billable: editForm.billable,\n        },\n      },\n    });\n    setEditEntry(null);\n    await refetch();\n  };\n\n  const handleDuplicate = async (entry: TimeEntryFieldsFragment) => {\n    await duplicateEntry({ variables: { id: entry.id } });\n    await refetch();\n  };\n\n  const handleDelete = async () => {\n    if (!deleteEntry) return;\n    await removeEntry({ variables: { id: deleteEntry.id } });\n    setDeleteEntry(null);\n    await refetch();\n  };\n\n  const applyFilter = () => {\n    const next: TimeEntryFilterInput = {};\n    if (draftBillable !== \"all\") next.billable = draftBillable === \"yes\";\n    if (draftProjectId) next.projectId = draftProjectId;\n    if (draftSearch.trim()) next.search = draftSearch.trim();\n    setFilter(next);\n    setFilterOpen(false);\n  };\n\n  const clearFilter = () => {\n    setDraftBillable(\"all\");\n    setDraftProjectId(\"\");\n    setDraftSearch(\"\");\n    setFilter({});\n    setFilterOpen(false);\n  };\n\n  // Client-side CSV export of the currently loaded rows. There is no backend\n  // export operation, so this exports what has been fetched into the table.\n  const handleExport = () => {\n    const header = [\n      \"Date\",\n      \"Project\",\n      \"Task/Description\",\n      \"Duration (hours)\",\n      \"Billable\",\n      \"Status\",\n    ];\n    const rows = entries.map((entry) => [\n      formatDate(entry.startTime),\n      entry.project?.name ?? \"No Project\",\n      entry.task?.title ?? entry.description ?? \"\",\n      ((entry.duration ?? 0) / 3600).toFixed(2),\n      entry.billable ? \"Yes\" : \"No\",\n      entry.isRunning ? \"running\" : \"completed\",\n    ]);\n    const escape = (value: string) => `\"${value.replace(/\"/g, '\"\"')}\"`;\n    const csv = [header, ...rows]\n      .map((row) => row.map((cell: string) => escape(String(cell))).join(\",\"))\n      .join(\"\\n\");\n    const blob = new Blob([csv], { type: \"text/csv;charset=utf-8;\" });\n    const url = URL.createObjectURL(blob);\n    const link = document.createElement(\"a\");\n    link.href = url;\n    link.download = `time-entries-${new Date().toISOString().slice(0, 10)}.csv`;\n    document.body.appendChild(link);\n    link.click();\n    document.body.removeChild(link);\n    URL.revokeObjectURL(url);\n  };\n\n  if (error) {\n    return (\n      <PageLayout\n        title=\"Time Entries\"\n        description=\"View and manage all time entries\"\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 time entries. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Time Entries\"\n      description=\"View and manage all time entries\"\n      purpose=\"Every tracked block of work in one auditable list — filter, correct and confirm entries here before they roll into timesheets, approvals and client invoices.\"\n      actions={\n        <div className=\"flex items-center gap-2\">\n          <button\n            onClick={() => {\n              setDraftBillable(\n                filter.billable === undefined\n                  ? \"all\"\n                  : filter.billable\n                    ? \"yes\"\n                    : \"no\",\n              );\n              setDraftProjectId(filter.projectId ?? \"\");\n              setDraftSearch(filter.search ?? \"\");\n              setFilterOpen(true);\n            }}\n            className={`inline-flex items-center gap-1.5 rounded-md border px-3 py-2 text-sm font-medium hover:bg-bg-sunken/50 ${hasFilter ? \"border-action-primary-border text-primary\" : \"border-border-subtle text-text-primary\"}`}\n          >\n            <Filter className=\"h-4 w-4\" />\n            Filter{hasFilter ? ` (${Object.keys(filter).length})` : \"\"}\n          </button>\n          <button\n            onClick={handleExport}\n            disabled={entries.length === 0}\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            <Download className=\"h-4 w-4\" />\n            Export\n          </button>\n          <button\n            onClick={openCreate}\n            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          >\n            <Plus className=\"h-4 w-4\" />\n            New Entry\n          </button>\n        </div>\n      }\n    >\n      {loading && entries.length === 0 ? (\n        <LoadingSkeleton variant=\"table\" count={5} />\n      ) : entries.length === 0 ? (\n        <EmptyState\n          illustration=\"empty-data\"\n          title=\"No time entries found\"\n          description=\"Track time with a timer or add a manual entry — your entries will appear here.\"\n          action={\n            <button\n              onClick={openCreate}\n              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            >\n              <Plus className=\"h-4 w-4\" />\n              New Entry\n            </button>\n          }\n        />\n      ) : (\n        <>\n          <GlassCard treatment=\"glass\" glow className=\"overflow-hidden\">\n            <div className=\"overflow-x-auto\">\n              <table className=\"w-full\">\n                <thead>\n                  <tr className=\"border-b border-border-subtle\">\n                    <th className=\"px-4 py-3 text-left text-xs font-medium text-text-secondary\">\n                      Entry\n                    </th>\n                    <th className=\"px-4 py-3 text-left text-xs font-medium text-text-secondary\">\n                      Project\n                    </th>\n                    <th className=\"px-4 py-3 text-left text-xs font-medium text-text-secondary\">\n                      Duration\n                    </th>\n                    <th className=\"px-4 py-3 text-left text-xs font-medium text-text-secondary\">\n                      Billable\n                    </th>\n                    <th className=\"px-4 py-3 text-left text-xs font-medium text-text-secondary\">\n                      Status\n                    </th>\n                    <th className=\"px-4 py-3 text-right text-xs font-medium text-text-secondary\">\n                      Actions\n                    </th>\n                  </tr>\n                </thead>\n                <tbody className=\"divide-y divide-border\">\n                  {entries.map((entry: TimeEntryFieldsFragment) => (\n                    <tr\n                      key={entry.id}\n                      className=\"hover:bg-bg-sunken/50 transition-colors\"\n                    >\n                      <td className=\"px-4 py-3\">\n                        <p className=\"text-sm font-medium text-text-primary\">\n                          {entry.task?.title ??\n                            entry.description ??\n                            \"No description\"}\n                        </p>\n                        <p className=\"text-xs text-text-secondary\">\n                          {formatDate(entry.startTime)}\n                        </p>\n                      </td>\n                      <td className=\"px-4 py-3\">\n                        <div className=\"flex items-center gap-2\">\n                          <span className=\"flex h-7 w-7 shrink-0 items-center justify-center rounded-md bg-action-primary-bg/10 text-xs font-semibold text-primary\">\n                            {getInitials(entry.project?.name ?? \"No Project\")}\n                          </span>\n                          <span className=\"text-sm font-medium text-text-primary\">\n                            {entry.project?.name ?? \"No Project\"}\n                          </span>\n                        </div>\n                      </td>\n                      <td className=\"px-4 py-3 text-sm font-mono text-text-primary\">\n                        {formatHours((entry.duration ?? 0) / 3600)}\n                      </td>\n                      <td className=\"px-4 py-3\">\n                        <StatusBadge\n                          label={entry.billable ? \"Billable\" : \"Non-billable\"}\n                          variant={entry.billable ? \"success\" : \"muted\"}\n                        />\n                      </td>\n                      <td className=\"px-4 py-3\">\n                        <StatusBadge\n                          status={entry.isRunning ? \"running\" : \"completed\"}\n                          dot={entry.isRunning}\n                          label={entry.isRunning ? \"running\" : \"completed\"}\n                        />\n                      </td>\n                      <td className=\"px-4 py-3\">\n                        <div className=\"flex items-center justify-end gap-1\">\n                          <button\n                            onClick={() => openEdit(entry)}\n                            title=\"Edit entry\"\n                            aria-label=\"Edit entry\"\n                            className=\"rounded-md p-1.5 text-text-secondary hover:bg-bg-sunken hover:text-text-primary\"\n                          >\n                            <Pencil className=\"h-4 w-4\" />\n                          </button>\n                          <button\n                            onClick={() => handleDuplicate(entry)}\n                            disabled={duplicating}\n                            title=\"Duplicate entry\"\n                            aria-label=\"Duplicate entry\"\n                            className=\"rounded-md p-1.5 text-text-secondary hover:bg-bg-sunken hover:text-text-primary disabled:opacity-50\"\n                          >\n                            <Copy className=\"h-4 w-4\" />\n                          </button>\n                          <button\n                            onClick={() => setDeleteEntry(entry)}\n                            title=\"Delete entry\"\n                            aria-label=\"Delete entry\"\n                            className=\"rounded-md p-1.5 text-status-error-text hover:bg-status-error-bg\"\n                          >\n                            <Trash2 className=\"h-4 w-4\" />\n                          </button>\n                        </div>\n                      </td>\n                    </tr>\n                  ))}\n                </tbody>\n              </table>\n            </div>\n          </GlassCard>\n\n          <div className=\"mt-4 flex items-center justify-between\">\n            <p className=\"text-xs text-text-secondary\">\n              Showing {entries.length} of {total}\n            </p>\n            {hasMore && (\n              <button\n                onClick={handleLoadMore}\n                disabled={loadingMore}\n                className=\"inline-flex items-center gap-1.5 rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50 disabled:opacity-50\"\n              >\n                {loadingMore ? \"Loading...\" : \"Load more\"}\n              </button>\n            )}\n          </div>\n        </>\n      )}\n\n      {/* Create modal */}\n      <Modal\n        open={createOpen}\n        onClose={() => setCreateOpen(false)}\n        title=\"New Time Entry\"\n        description=\"Manually log a block of work.\"\n        size=\"lg\"\n        footer={\n          <>\n            <button\n              onClick={() => setCreateOpen(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={handleCreate}\n              disabled={creating || !createForm.startTime}\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 ? \"Saving...\" : \"Create Entry\"}\n            </button>\n          </>\n        }\n      >\n        {createError && (\n          <div className=\"mb-4 rounded-lg border border-status-error-bg/40 bg-status-error-bg p-3 text-sm text-status-error-text\">\n            Failed to create entry. Please try again.\n          </div>\n        )}\n        <EntryFormFields\n          form={createForm}\n          onChange={(patch) => setCreateForm((f) => ({ ...f, ...patch }))}\n          projects={projects}\n        />\n      </Modal>\n\n      {/* Edit modal */}\n      <Modal\n        open={Boolean(editEntry)}\n        onClose={() => setEditEntry(null)}\n        title=\"Edit Time Entry\"\n        description=\"Correct the details of this logged block.\"\n        size=\"lg\"\n        footer={\n          <>\n            <button\n              onClick={() => setEditEntry(null)}\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 || !editForm.startTime}\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 entry. Please try again.\n          </div>\n        )}\n        <EntryFormFields\n          form={editForm}\n          onChange={(patch) => setEditForm((f) => ({ ...f, ...patch }))}\n          projects={projects}\n        />\n      </Modal>\n\n      {/* Delete confirm modal */}\n      <Modal\n        open={Boolean(deleteEntry)}\n        onClose={() => setDeleteEntry(null)}\n        title=\"Delete time entry?\"\n        description=\"This permanently removes the entry. It cannot be undone.\"\n        footer={\n          <>\n            <button\n              onClick={() => setDeleteEntry(null)}\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-action-danger-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-danger-bg/90 disabled:opacity-50\"\n            >\n              {deleting ? \"Deleting...\" : \"Delete\"}\n            </button>\n          </>\n        }\n      >\n        <p className=\"text-sm text-text-secondary\">\n          Delete the entry for{\" \"}\n          <span className=\"font-medium text-text-primary\">\n            {deleteEntry?.project?.name ??\n              deleteEntry?.description ??\n              \"this block of work\"}\n          </span>\n          ?\n        </p>\n      </Modal>\n\n      {/* Filter modal */}\n      <Modal\n        open={filterOpen}\n        onClose={() => setFilterOpen(false)}\n        title=\"Filter entries\"\n        description=\"Narrow the list to what you need.\"\n        footer={\n          <>\n            <button\n              onClick={clearFilter}\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              Clear\n            </button>\n            <button\n              onClick={applyFilter}\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\"\n            >\n              Apply\n            </button>\n          </>\n        }\n      >\n        <div className=\"space-y-4\">\n          <div>\n            <label className=\"block text-sm font-medium text-text-primary\">\n              Search\n            </label>\n            <input\n              type=\"text\"\n              placeholder=\"Description contains...\"\n              value={draftSearch}\n              onChange={(e) => setDraftSearch(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              Project\n            </label>\n            <select\n              value={draftProjectId}\n              onChange={(e) => setDraftProjectId(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              <option value=\"\">All Projects</option>\n              {projects.map((project) => (\n                <option key={project.id} value={project.id}>\n                  {project.name}\n                </option>\n              ))}\n            </select>\n          </div>\n          <div>\n            <label className=\"block text-sm font-medium text-text-primary\">\n              Billable\n            </label>\n            <select\n              value={draftBillable}\n              onChange={(e) =>\n                setDraftBillable(e.target.value as \"all\" | \"yes\" | \"no\")\n              }\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              <option value=\"all\">All</option>\n              <option value=\"yes\">Billable only</option>\n              <option value=\"no\">Non-billable only</option>\n            </select>\n          </div>\n        </div>\n      </Modal>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}