npm - @burdenoff/microfe-timecampus - Versions diffs - 2026.719.2 → 2026.719.3 - Mend

@burdenoff/microfe-timecampus 2026.719.2 → 2026.719.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (61) hide show

package/dist/timecampus/pages/email-tracking/EmailTrackingPage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EmailTrackingPage.js","names":[],"sources":["../../../../src/timecampus/pages/email-tracking/EmailTrackingPage.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { Mail, Filter, Plus, Pencil, Trash2 } from \"lucide-react\";\nimport { GlassCard } from \"@burdenoff/fe-libs/ui\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { EmptyState } from \"../../components/EmptyState\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { Modal } from \"../../components/Modal\";\nimport {\n getStatusColor,\n getPriorityColor,\n formatRelativeTime,\n getInitials,\n type BadgeVariant,\n} from \"../../utils/helpers\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n useListEmailTimeEntriesQuery,\n useCreateEmailTimeEntryMutation,\n useUpdateEmailTimeEntryMutation,\n useDeleteEmailTimeEntryMutation,\n type EmailTimeEntryFieldsFragment,\n} from \"@/generated/wspace-operations\";\n\nconst PAGE_SIZE = 25;\n\nconst BADGE_CLASSES: Record<BadgeVariant, string> = {\n success: \"bg-status-success-bg text-status-success-text\",\n warning: \"bg-status-warning-bg text-status-warning-text\",\n error: \"bg-status-error-bg text-status-error-text\",\n info: \"bg-status-info-bg text-status-info-text\",\n default: \"bg-bg-sunken text-text-secondary\",\n muted: \"bg-bg-sunken text-text-secondary\",\n};\n\ninterface EmailFormState {\n subject: string;\n sender: string;\n recipients: string;\n category: string;\n date: string;\n duration: string;\n responseTime: string;\n isImportant: boolean;\n threadId: string;\n}\n\nconst inputClasses =\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 labelClasses = \"block text-sm font-medium text-text-primary\";\n\nfunction toDatetimeLocal(iso: string): string {\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\nfunction nowDatetimeLocal(): string {\n const d = new Date();\n const local = new Date(d.getTime() - d.getTimezoneOffset() * 60000);\n return local.toISOString().slice(0, 16);\n}\n\nfunction toState(entry?: EmailTimeEntryFieldsFragment): EmailFormState {\n return {\n subject: entry?.subject ?? \"\",\n sender: entry?.sender ?? \"\",\n recipients: entry?.recipients ?? \"\",\n category: entry?.category ?? \"\",\n date: entry?.date ? toDatetimeLocal(entry.date) : nowDatetimeLocal(),\n duration: entry?.duration != null ? String(entry.duration) : \"\",\n responseTime: entry?.responseTime != null ? String(entry.responseTime) : \"\",\n isImportant: entry?.isImportant ?? false,\n threadId: entry?.threadId ?? \"\",\n };\n}\n\ninterface EmailEntryFormProps {\n value: EmailFormState;\n onChange: (next: EmailFormState) => void;\n}\n\nfunction EmailEntryForm({ value, onChange }: EmailEntryFormProps) {\n const set = <K extends keyof EmailFormState>(key: K, v: EmailFormState[K]) =>\n onChange({ ...value, [key]: v });\n\n return (\n <div className=\"space-y-4\">\n <div>\n <label className={labelClasses}>Subject</label>\n <input\n type=\"text\"\n placeholder=\"Email subject\"\n value={value.subject}\n onChange={(e) => set(\"subject\", e.target.value)}\n className={inputClasses}\n />\n </div>\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n <div>\n <label className={labelClasses}>Sender</label>\n <input\n type=\"text\"\n placeholder=\"sender@example.com\"\n value={value.sender}\n onChange={(e) => set(\"sender\", e.target.value)}\n className={inputClasses}\n />\n </div>\n <div>\n <label className={labelClasses}>Recipients</label>\n <input\n type=\"text\"\n placeholder=\"recipient@example.com\"\n value={value.recipients}\n onChange={(e) => set(\"recipients\", e.target.value)}\n className={inputClasses}\n />\n </div>\n </div>\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n <div>\n <label className={labelClasses}>Category</label>\n <input\n type=\"text\"\n placeholder=\"e.g. work, newsletter\"\n value={value.category}\n onChange={(e) => set(\"category\", e.target.value)}\n className={inputClasses}\n />\n </div>\n <div>\n <label className={labelClasses}>Date & Time</label>\n <input\n type=\"datetime-local\"\n value={value.date}\n onChange={(e) => set(\"date\", e.target.value)}\n className={inputClasses}\n />\n </div>\n </div>\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n <div>\n <label className={labelClasses}>Duration (minutes)</label>\n <input\n type=\"number\"\n min=\"0\"\n placeholder=\"0\"\n value={value.duration}\n onChange={(e) => set(\"duration\", e.target.value)}\n className={inputClasses}\n />\n </div>\n <div>\n <label className={labelClasses}>Response Time (minutes)</label>\n <input\n type=\"number\"\n min=\"0\"\n placeholder=\"0\"\n value={value.responseTime}\n onChange={(e) => set(\"responseTime\", e.target.value)}\n className={inputClasses}\n />\n </div>\n </div>\n <div>\n <label className={labelClasses}>Thread ID</label>\n <input\n type=\"text\"\n placeholder=\"Optional thread identifier\"\n value={value.threadId}\n onChange={(e) => set(\"threadId\", e.target.value)}\n className={inputClasses}\n />\n </div>\n <label className=\"flex items-center gap-2\">\n <input\n type=\"checkbox\"\n checked={value.isImportant}\n onChange={(e) => set(\"isImportant\", e.target.checked)}\n className=\"h-4 w-4 rounded border-border-subtle\"\n />\n <span className=\"text-sm font-medium text-text-primary\">\n Mark as important\n </span>\n </label>\n </div>\n );\n}\n\nexport function EmailTrackingPage() {\n const { workspaceId = \"\" } = useTimeCampus();\n const [importantOnly, setImportantOnly] = useState(false);\n const [loadingMore, setLoadingMore] = useState(false);\n\n const { data, loading, error, fetchMore, refetch } =\n useListEmailTimeEntriesQuery({\n variables: {\n limit: PAGE_SIZE,\n offset: 0,\n filter: importantOnly ? { isImportant: true } : undefined,\n },\n skip: !workspaceId,\n notifyOnNetworkStatusChange: true,\n });\n\n const emails = data?.emailTimeEntries ?? [];\n const hasMore = emails.length > 0 && emails.length % PAGE_SIZE === 0;\n\n // Modal state\n const [createOpen, setCreateOpen] = useState(false);\n const [editEntry, setEditEntry] =\n useState<EmailTimeEntryFieldsFragment \| null>(null);\n const [deleteEntry, setDeleteEntry] =\n useState<EmailTimeEntryFieldsFragment \| null>(null);\n\n const [createForm, setCreateForm] = useState<EmailFormState>(toState());\n const [editForm, setEditForm] = useState<EmailFormState>(toState());\n\n const [createEntry, { loading: creating, error: createError }] =\n useCreateEmailTimeEntryMutation();\n const [updateEntry, { loading: updating, error: updateError }] =\n useUpdateEmailTimeEntryMutation();\n const [removeEntry, { loading: deleting, error: deleteError }] =\n useDeleteEmailTimeEntryMutation();\n\n const buildInput = (form: EmailFormState) => ({\n subject: form.subject.trim() \|\| undefined,\n sender: form.sender.trim() \|\| undefined,\n recipients: form.recipients.trim() \|\| undefined,\n category: form.category.trim() \|\| undefined,\n date: new Date(form.date).toISOString(),\n duration: form.duration ? Number(form.duration) : undefined,\n responseTime: form.responseTime ? Number(form.responseTime) : undefined,\n isImportant: form.isImportant,\n threadId: form.threadId.trim() \|\| undefined,\n });\n\n const openCreate = () => {\n setCreateForm(toState());\n setCreateOpen(true);\n };\n\n const handleCreate = async () => {\n await createEntry({\n variables: { input: buildInput(createForm) },\n });\n setCreateOpen(false);\n await refetch();\n };\n\n const openEdit = (entry: EmailTimeEntryFieldsFragment) => {\n setEditForm(toState(entry));\n setEditEntry(entry);\n };\n\n const handleUpdate = async () => {\n if (!editEntry) return;\n await updateEntry({\n variables: { id: editEntry.id, input: buildInput(editForm) },\n });\n setEditEntry(null);\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 handleLoadMore = async () => {\n setLoadingMore(true);\n try {\n await fetchMore({\n variables: { offset: emails.length },\n updateQuery: (prev, { fetchMoreResult }) => {\n if (!fetchMoreResult) return prev;\n return {\n ...prev,\n emailTimeEntries: [\n ...prev.emailTimeEntries,\n ...fetchMoreResult.emailTimeEntries,\n ],\n };\n },\n });\n } finally {\n setLoadingMore(false);\n }\n };\n\n return (\n <PageLayout\n title=\"Email Tracking\"\n description=\"Track time spent on emails\"\n purpose=\"Surface the hidden hours email steals from your day — every message linked to the time it took and the project it belonged to — so inbox work finally shows up in your timesheets and reports.\"\n actions={\n <div className=\"flex items-center gap-2\">\n <button\n onClick={() => setImportantOnly((v) => !v)}\n className={`inline-flex items-center gap-1.5 rounded-md border px-3 py-2 text-sm font-medium ${\n importantOnly\n ? \"border-action-primary-bg bg-action-primary-bg/10 text-action-primary-bg\"\n : \"border-border-subtle text-text-primary hover:bg-bg-sunken/50\"\n }`}\n >\n <Filter className=\"h-4 w-4\" />\n {importantOnly ? \"Important only\" : \"Filter\"}\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 Add Entry\n </button>\n </div>\n }\n >\n {loading && emails.length === 0 ? (\n <LoadingSkeleton variant=\"list\" count={4} />\n ) : error ? (\n <div className=\"rounded-xl border border-status-error-border/50 bg-status-error-bg/10 p-4 text-sm text-status-error-text\">\n Failed to load email entries. Please try again later.\n </div>\n ) : emails.length === 0 ? (\n <EmptyState\n illustration=\"empty-notifications\"\n title=\"No email entries found\"\n description=\"Log the time you spend in your inbox — or connect email tracking — and 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 Add Entry\n </button>\n }\n />\n ) : (\n <>\n <GlassCard treatment=\"glass\" glow className=\"overflow-hidden\">\n <div className=\"divide-y divide-border\">\n {emails.map((email: EmailTimeEntryFieldsFragment) => (\n <div\n key={email.id}\n className=\"flex items-center justify-between gap-3 p-4 transition-colors hover:bg-bg-sunken/50\"\n >\n <div className=\"flex min-w-0 items-center gap-3\">\n <div\n className={`relative flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-action-primary-bg/10 text-xs font-semibold text-primary ${\n email.isImportant\n ? \"ring-2 ring-action-primary-bg/40\"\n : \"\"\n }`}\n >\n {email.sender ? (\n getInitials(email.sender)\n ) : (\n <Mail className=\"h-4 w-4\" />\n )}\n </div>\n <div className=\"min-w-0\">\n <p\n className={`truncate text-sm text-text-primary ${email.isImportant ? \"font-semibold\" : \"font-medium\"}`}\n >\n {email.subject ?? \"(No subject)\"}\n </p>\n <p className=\"truncate text-xs text-text-secondary\">\n {email.sender ?? \"Unknown\"} ·{\" \"}\n {formatRelativeTime(email.date)}\n </p>\n </div>\n </div>\n <div className=\"flex shrink-0 items-center gap-2\">\n <span className=\"hidden rounded-full bg-bg-sunken px-2 py-0.5 font-mono text-xs tabular-nums text-text-secondary md:inline-flex\">\n ~{email.duration ?? 0}min\n </span>\n <span\n className={`hidden rounded-full px-2 py-0.5 text-xs font-medium sm:inline-flex ${BADGE_CLASSES[getPriorityColor(email.isImportant ? \"high\" : \"low\")]}`}\n >\n {email.isImportant ? \"high\" : \"normal\"}\n </span>\n <span\n className={`hidden rounded-full px-2 py-0.5 text-xs font-medium sm:inline-flex ${BADGE_CLASSES[getStatusColor(email.category ?? \"active\")]}`}\n >\n {email.category ?? \"uncategorized\"}\n </span>\n <button\n onClick={() => openEdit(email)}\n className=\"rounded-md p-1.5 text-text-secondary hover:bg-bg-sunken hover:text-text-primary\"\n aria-label=\"Edit entry\"\n >\n <Pencil className=\"h-4 w-4\" />\n </button>\n <button\n onClick={() => setDeleteEntry(email)}\n className=\"rounded-md p-1.5 text-text-secondary hover:bg-status-error-bg hover:text-status-error-text\"\n aria-label=\"Delete entry\"\n >\n <Trash2 className=\"h-4 w-4\" />\n </button>\n </div>\n </div>\n ))}\n </div>\n </GlassCard>\n {hasMore && (\n <div className=\"mt-4 flex justify-center\">\n <button\n onClick={handleLoadMore}\n disabled={loadingMore}\n className=\"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 </div>\n )}\n </>\n )}\n\n {/* Create modal /}\n <Modal\n open={createOpen}\n onClose={() => setCreateOpen(false)}\n title=\"Add Email Entry\"\n description=\"Log time spent on an email\"\n size=\"xl\"\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.date}\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...\" : \"Add 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 add entry. Please try again.\n </div>\n )}\n <EmailEntryForm value={createForm} onChange={setCreateForm} />\n </Modal>\n\n {/ Edit modal /}\n <Modal\n open={editEntry !== null}\n onClose={() => setEditEntry(null)}\n title=\"Edit Email Entry\"\n description=\"Update this email time entry\"\n size=\"xl\"\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.date}\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 <EmailEntryForm value={editForm} onChange={setEditForm} />\n </Modal>\n\n {/ Delete confirm modal */}\n <Modal\n open={deleteEntry !== null}\n onClose={() => setDeleteEntry(null)}\n title=\"Delete Email Entry\"\n size=\"sm\"\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-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 entry. Please try again.\n </div>\n )}\n <p className=\"text-sm text-text-secondary\">\n Are you sure you want to delete the entry{\" \"}\n <span className=\"font-medium text-text-primary\">\n “{deleteEntry?.subject ?? \"(No subject)\"}”\n </span>\n ? This action cannot be undone.\n </p>\n </Modal>\n </PageLayout>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"EmailTrackingPage.js","names":[],"sources":["../../../../src/timecampus/pages/email-tracking/EmailTrackingPage.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { Mail, Filter, Plus, Pencil, Trash2 } from \"lucide-react\";\nimport { GlassCard } from \"@burdenoff/fe-libs/ui\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { EmptyState } from \"../../components/EmptyState\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { Modal } from \"../../components/Modal\";\nimport {\n getStatusColor,\n getPriorityColor,\n formatRelativeTime,\n getInitials,\n type BadgeVariant,\n} from \"../../utils/helpers\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n useListEmailTimeEntriesQuery,\n useCreateEmailTimeEntryMutation,\n useUpdateEmailTimeEntryMutation,\n useDeleteEmailTimeEntryMutation,\n type EmailTimeEntryFieldsFragment,\n} from \"@/generated/wspace-operations\";\n\nconst PAGE_SIZE = 25;\n\nconst BADGE_CLASSES: Record<BadgeVariant, string> = {\n success: \"bg-status-success-bg text-status-success-text\",\n warning: \"bg-status-warning-bg text-status-warning-text\",\n error: \"bg-status-error-bg text-status-error-text\",\n info: \"bg-status-info-bg text-status-info-text\",\n default: \"bg-bg-sunken text-text-secondary\",\n muted: \"bg-bg-sunken text-text-secondary\",\n};\n\ninterface EmailFormState {\n subject: string;\n sender: string;\n recipients: string;\n category: string;\n date: string;\n duration: string;\n responseTime: string;\n isImportant: boolean;\n threadId: string;\n}\n\nconst inputClasses =\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 labelClasses = \"block text-sm font-medium text-text-primary\";\n\nfunction toDatetimeLocal(iso: string): string {\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\nfunction nowDatetimeLocal(): string {\n const d = new Date();\n const local = new Date(d.getTime() - d.getTimezoneOffset() * 60000);\n return local.toISOString().slice(0, 16);\n}\n\nfunction toState(entry?: EmailTimeEntryFieldsFragment): EmailFormState {\n return {\n subject: entry?.subject ?? \"\",\n sender: entry?.sender ?? \"\",\n recipients: entry?.recipients ?? \"\",\n category: entry?.category ?? \"\",\n date: entry?.date ? toDatetimeLocal(entry.date) : nowDatetimeLocal(),\n duration: entry?.duration != null ? String(entry.duration) : \"\",\n responseTime: entry?.responseTime != null ? String(entry.responseTime) : \"\",\n isImportant: entry?.isImportant ?? false,\n threadId: entry?.threadId ?? \"\",\n };\n}\n\ninterface EmailEntryFormProps {\n value: EmailFormState;\n onChange: (next: EmailFormState) => void;\n}\n\nfunction EmailEntryForm({ value, onChange }: EmailEntryFormProps) {\n const set = <K extends keyof EmailFormState>(key: K, v: EmailFormState[K]) =>\n onChange({ ...value, [key]: v });\n\n return (\n <div className=\"space-y-4\">\n <div>\n <label className={labelClasses}>Subject</label>\n <input\n type=\"text\"\n placeholder=\"Email subject\"\n value={value.subject}\n onChange={(e) => set(\"subject\", e.target.value)}\n className={inputClasses}\n />\n </div>\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n <div>\n <label className={labelClasses}>Sender</label>\n <input\n type=\"text\"\n placeholder=\"sender@example.com\"\n value={value.sender}\n onChange={(e) => set(\"sender\", e.target.value)}\n className={inputClasses}\n />\n </div>\n <div>\n <label className={labelClasses}>Recipients</label>\n <input\n type=\"text\"\n placeholder=\"recipient@example.com\"\n value={value.recipients}\n onChange={(e) => set(\"recipients\", e.target.value)}\n className={inputClasses}\n />\n </div>\n </div>\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n <div>\n <label className={labelClasses}>Category</label>\n <input\n type=\"text\"\n placeholder=\"e.g. work, newsletter\"\n value={value.category}\n onChange={(e) => set(\"category\", e.target.value)}\n className={inputClasses}\n />\n </div>\n <div>\n <label className={labelClasses}>Date & Time</label>\n <input\n type=\"datetime-local\"\n value={value.date}\n onChange={(e) => set(\"date\", e.target.value)}\n className={inputClasses}\n />\n </div>\n </div>\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n <div>\n <label className={labelClasses}>Duration (minutes)</label>\n <input\n type=\"number\"\n min=\"0\"\n placeholder=\"0\"\n value={value.duration}\n onChange={(e) => set(\"duration\", e.target.value)}\n className={inputClasses}\n />\n </div>\n <div>\n <label className={labelClasses}>Response Time (minutes)</label>\n <input\n type=\"number\"\n min=\"0\"\n placeholder=\"0\"\n value={value.responseTime}\n onChange={(e) => set(\"responseTime\", e.target.value)}\n className={inputClasses}\n />\n </div>\n </div>\n <div>\n <label className={labelClasses}>Thread ID</label>\n <input\n type=\"text\"\n placeholder=\"Optional thread identifier\"\n value={value.threadId}\n onChange={(e) => set(\"threadId\", e.target.value)}\n className={inputClasses}\n />\n </div>\n <label className=\"flex items-center gap-2\">\n <input\n type=\"checkbox\"\n checked={value.isImportant}\n onChange={(e) => set(\"isImportant\", e.target.checked)}\n className=\"h-4 w-4 rounded border-border-subtle\"\n />\n <span className=\"text-sm font-medium text-text-primary\">\n Mark as important\n </span>\n </label>\n </div>\n );\n}\n\nexport function EmailTrackingPage() {\n const { workspaceId = \"\" } = useTimeCampus();\n const [importantOnly, setImportantOnly] = useState(false);\n const [loadingMore, setLoadingMore] = useState(false);\n\n const { data, loading, error, fetchMore, refetch } =\n useListEmailTimeEntriesQuery({\n variables: {\n pagination: { limit: PAGE_SIZE, offset: 0 },\n filter: importantOnly ? { isImportant: true } : undefined,\n },\n skip: !workspaceId,\n notifyOnNetworkStatusChange: true,\n });\n\n const emails = data?.emailTimeEntries ?? [];\n const hasMore = emails.length > 0 && emails.length % PAGE_SIZE === 0;\n\n // Modal state\n const [createOpen, setCreateOpen] = useState(false);\n const [editEntry, setEditEntry] =\n useState<EmailTimeEntryFieldsFragment \| null>(null);\n const [deleteEntry, setDeleteEntry] =\n useState<EmailTimeEntryFieldsFragment \| null>(null);\n\n const [createForm, setCreateForm] = useState<EmailFormState>(toState());\n const [editForm, setEditForm] = useState<EmailFormState>(toState());\n\n const [createEntry, { loading: creating, error: createError }] =\n useCreateEmailTimeEntryMutation();\n const [updateEntry, { loading: updating, error: updateError }] =\n useUpdateEmailTimeEntryMutation();\n const [removeEntry, { loading: deleting, error: deleteError }] =\n useDeleteEmailTimeEntryMutation();\n\n const buildInput = (form: EmailFormState) => ({\n subject: form.subject.trim() \|\| undefined,\n sender: form.sender.trim() \|\| undefined,\n recipients: form.recipients.trim() \|\| undefined,\n category: form.category.trim() \|\| undefined,\n date: new Date(form.date).toISOString(),\n duration: form.duration ? Number(form.duration) : undefined,\n responseTime: form.responseTime ? Number(form.responseTime) : undefined,\n isImportant: form.isImportant,\n threadId: form.threadId.trim() \|\| undefined,\n });\n\n const openCreate = () => {\n setCreateForm(toState());\n setCreateOpen(true);\n };\n\n const handleCreate = async () => {\n await createEntry({\n variables: { input: buildInput(createForm) },\n });\n setCreateOpen(false);\n await refetch();\n };\n\n const openEdit = (entry: EmailTimeEntryFieldsFragment) => {\n setEditForm(toState(entry));\n setEditEntry(entry);\n };\n\n const handleUpdate = async () => {\n if (!editEntry) return;\n await updateEntry({\n variables: { id: editEntry.id, input: buildInput(editForm) },\n });\n setEditEntry(null);\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 handleLoadMore = async () => {\n setLoadingMore(true);\n try {\n await fetchMore({\n variables: { pagination: { limit: PAGE_SIZE, offset: emails.length } },\n updateQuery: (prev, { fetchMoreResult }) => {\n if (!fetchMoreResult) return prev;\n return {\n ...prev,\n emailTimeEntries: [\n ...prev.emailTimeEntries,\n ...fetchMoreResult.emailTimeEntries,\n ],\n };\n },\n });\n } finally {\n setLoadingMore(false);\n }\n };\n\n return (\n <PageLayout\n title=\"Email Tracking\"\n description=\"Track time spent on emails\"\n purpose=\"Surface the hidden hours email steals from your day — every message linked to the time it took and the project it belonged to — so inbox work finally shows up in your timesheets and reports.\"\n actions={\n <div className=\"flex items-center gap-2\">\n <button\n onClick={() => setImportantOnly((v) => !v)}\n className={`inline-flex items-center gap-1.5 rounded-md border px-3 py-2 text-sm font-medium ${\n importantOnly\n ? \"border-action-primary-bg bg-action-primary-bg/10 text-action-primary-bg\"\n : \"border-border-subtle text-text-primary hover:bg-bg-sunken/50\"\n }`}\n >\n <Filter className=\"h-4 w-4\" />\n {importantOnly ? \"Important only\" : \"Filter\"}\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 Add Entry\n </button>\n </div>\n }\n >\n {loading && emails.length === 0 ? (\n <LoadingSkeleton variant=\"list\" count={4} />\n ) : error ? (\n <div className=\"rounded-xl border border-status-error-border/50 bg-status-error-bg/10 p-4 text-sm text-status-error-text\">\n Failed to load email entries. Please try again later.\n </div>\n ) : emails.length === 0 ? (\n <EmptyState\n illustration=\"empty-notifications\"\n title=\"No email entries found\"\n description=\"Log the time you spend in your inbox — or connect email tracking — and 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 Add Entry\n </button>\n }\n />\n ) : (\n <>\n <GlassCard treatment=\"glass\" glow className=\"overflow-hidden\">\n <div className=\"divide-y divide-border\">\n {emails.map((email: EmailTimeEntryFieldsFragment) => (\n <div\n key={email.id}\n className=\"flex items-center justify-between gap-3 p-4 transition-colors hover:bg-bg-sunken/50\"\n >\n <div className=\"flex min-w-0 items-center gap-3\">\n <div\n className={`relative flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-action-primary-bg/10 text-xs font-semibold text-primary ${\n email.isImportant\n ? \"ring-2 ring-action-primary-bg/40\"\n : \"\"\n }`}\n >\n {email.sender ? (\n getInitials(email.sender)\n ) : (\n <Mail className=\"h-4 w-4\" />\n )}\n </div>\n <div className=\"min-w-0\">\n <p\n className={`truncate text-sm text-text-primary ${email.isImportant ? \"font-semibold\" : \"font-medium\"}`}\n >\n {email.subject ?? \"(No subject)\"}\n </p>\n <p className=\"truncate text-xs text-text-secondary\">\n {email.sender ?? \"Unknown\"} ·{\" \"}\n {formatRelativeTime(email.date)}\n </p>\n </div>\n </div>\n <div className=\"flex shrink-0 items-center gap-2\">\n <span className=\"hidden rounded-full bg-bg-sunken px-2 py-0.5 font-mono text-xs tabular-nums text-text-secondary md:inline-flex\">\n ~{email.duration ?? 0}min\n </span>\n <span\n className={`hidden rounded-full px-2 py-0.5 text-xs font-medium sm:inline-flex ${BADGE_CLASSES[getPriorityColor(email.isImportant ? \"high\" : \"low\")]}`}\n >\n {email.isImportant ? \"high\" : \"normal\"}\n </span>\n <span\n className={`hidden rounded-full px-2 py-0.5 text-xs font-medium sm:inline-flex ${BADGE_CLASSES[getStatusColor(email.category ?? \"active\")]}`}\n >\n {email.category ?? \"uncategorized\"}\n </span>\n <button\n onClick={() => openEdit(email)}\n className=\"rounded-md p-1.5 text-text-secondary hover:bg-bg-sunken hover:text-text-primary\"\n aria-label=\"Edit entry\"\n >\n <Pencil className=\"h-4 w-4\" />\n </button>\n <button\n onClick={() => setDeleteEntry(email)}\n className=\"rounded-md p-1.5 text-text-secondary hover:bg-status-error-bg hover:text-status-error-text\"\n aria-label=\"Delete entry\"\n >\n <Trash2 className=\"h-4 w-4\" />\n </button>\n </div>\n </div>\n ))}\n </div>\n </GlassCard>\n {hasMore && (\n <div className=\"mt-4 flex justify-center\">\n <button\n onClick={handleLoadMore}\n disabled={loadingMore}\n className=\"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 </div>\n )}\n </>\n )}\n\n {/* Create modal /}\n <Modal\n open={createOpen}\n onClose={() => setCreateOpen(false)}\n title=\"Add Email Entry\"\n description=\"Log time spent on an email\"\n size=\"xl\"\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.date}\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...\" : \"Add 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 add entry. Please try again.\n </div>\n )}\n <EmailEntryForm value={createForm} onChange={setCreateForm} />\n </Modal>\n\n {/ Edit modal /}\n <Modal\n open={editEntry !== null}\n onClose={() => setEditEntry(null)}\n title=\"Edit Email Entry\"\n description=\"Update this email time entry\"\n size=\"xl\"\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.date}\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 <EmailEntryForm value={editForm} onChange={setEditForm} />\n </Modal>\n\n {/ Delete confirm modal */}\n <Modal\n open={deleteEntry !== null}\n onClose={() => setDeleteEntry(null)}\n title=\"Delete Email Entry\"\n size=\"sm\"\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-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 entry. Please try again.\n </div>\n )}\n <p className=\"text-sm text-text-secondary\">\n Are you sure you want to delete the entry{\" \"}\n <span className=\"font-medium text-text-primary\">\n “{deleteEntry?.subject ?? \"(No subject)\"}”\n </span>\n ? This action cannot be undone.\n </p>\n </Modal>\n </PageLayout>\n );\n}\n"],"mappings":"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"}

package/dist/timecampus/pages/expense-tracking/ExpenseTrackingPage.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ExpenseTrackingPage.d.ts","sourceRoot":"","sources":["../../../../src/timecampus/pages/expense-tracking/ExpenseTrackingPage.tsx"],"names":[],"mappings":"AAgIA,wBAAgB,mBAAmB,~~gCAwtBlC~~"}
1	+ {"version":3,"file":"ExpenseTrackingPage.d.ts","sourceRoot":"","sources":["../../../../src/timecampus/pages/expense-tracking/ExpenseTrackingPage.tsx"],"names":[],"mappings":"AAgIA,wBAAgB,mBAAmB,gCA2tBlC"}

package/dist/timecampus/pages/expense-tracking/ExpenseTrackingPage.js CHANGED Viewed

@@ -63,8 +63,10 @@ function C() {
 	let { workspaceId: f = "" } = e(), { toasts: g, addToast: _, dismissToast: C } = ue(), w = Ce(), { data: ke, loading: T, error: Ae, refetch: je, fetchMore: Me } = re({
 		variables: {
 			workspaceId: f,
-			limit: v,
-			offset: 0
+			pagination: {
+				limit: v,
+				offset: 0
+			}
 		},
 		notifyOnNetworkStatusChange: !0
 	}), { data: Ne, loading: Pe, error: Fe, refetch: Ie } = ne({ variables: { workspaceId: f } }), [Le, { loading: E }] = ee(), [Re, { loading: D }] = oe(), [ze, { loading: O }] = te(), [Be] = ae(), [Ve] = a(), [He, { loading: k }] = ie(), A = ke?.expenses ?? [], j = Ne?.expenseStats, Ue = A[0]?.currency ?? "USD", We = j?.byCategory ? Object.entries(j.byCategory).map(([e, t]) => ({
@@ -236,8 +238,10 @@ function C() {
 			((await Me({
 				variables: {
 					workspaceId: f,
-					limit: v,
-					offset: A.length
+					pagination: {
+						limit: v,
+						offset: A.length
+					}
 				},
 				updateQuery: (e, { fetchMoreResult: t }) => t ? {
 					...e,

package/dist/timecampus/pages/expense-tracking/ExpenseTrackingPage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ExpenseTrackingPage.js","names":[],"sources":["../../../../src/timecampus/pages/expense-tracking/ExpenseTrackingPage.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport {\n Receipt,\n Plus,\n DollarSign,\n Pencil,\n Trash2,\n Send,\n Check,\n X,\n Upload,\n ExternalLink,\n MessageSquare,\n} from \"lucide-react\";\nimport { gql } from \"@apollo/client\";\nimport { useApolloClient } from \"@apollo/client/react\";\nimport { uploadBlobToFiles } from \"@burdenoff/fe-libs/storage\";\nimport { ContextConversationWidget } from \"@burdenoff/fe-libs/shared\";\nimport { useRegisterPageConversationContext } from \"@burdenoff/fe-libs/shared/providers/shell\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { StatCard } from \"../../components/StatCard\";\nimport { EmptyState } from \"../../components/EmptyState\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { StatusBadge } from \"../../components/StatusBadge\";\nimport { Modal } from \"../../components/Modal\";\nimport { ToastContainer, useToast } from \"../../components/Toast\";\nimport {\n ChartCard,\n DonutChart,\n RadialGauge,\n type DonutSlice,\n} from \"../../components\";\nimport { formatCurrency, formatDate } from \"../../utils/helpers\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n useListExpensesQuery,\n useGetExpenseStatsQuery,\n useCreateExpenseMutation,\n useUpdateExpenseMutation,\n useDeleteExpenseMutation,\n useSubmitExpenseForApprovalMutation,\n useApproveExpenseMutation,\n useRejectExpenseMutation,\n type ExpenseFieldsFragment,\n} from \"@/generated/wspace-operations\";\nimport { ExpenseStatus } from \"@/generated/wspace-types\";\n\nconst PAGE_SIZE = 25;\n\nconst CATEGORY_OPTIONS = [\n \"Travel\",\n \"Meals\",\n \"Software\",\n \"Hardware\",\n \"Office\",\n \"Training\",\n \"Other\",\n];\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\";\n\n/*\n Resolves a presigned download URL for an uploaded receipt.\n \n KNOWN LIMITATION: `getFileDownloadUrl` returns a presigned URL that expires\n * after `expiresIn` seconds (capped at 604800 = 7 days by wspace-files-svc).\n * We persist that URL in the expense's `receiptUrl` scalar, so a stored link\n * stops resolving after 7 days. Re-uploading the receipt (or resolving a fresh\n * URL on read) would be needed for longer-lived access.\n /\nconst GET_FILE_DOWNLOAD_URL = gql`\n query TimeCampusExpense_GetFileDownloadUrl($id: ID!, $expiresIn: Int) {\n getFileDownloadUrl(id: $id, expiresIn: $expiresIn)\n }\n`;\n\n// wspace-files requires a real folder id (File.folderId FK); resolve/create a\n// TimeCampus folder rather than passing an empty string.\nconst ENSURE_FOLDER = gql`\n mutation TimeCampusExpense_EnsureFolder($path: String!) {\n ensureFolderByPath(path: $path) {\n id\n }\n }\n`;\n\nconst RECEIPT_URL_EXPIRES_IN = 604800; // 7 days — the max wspace-files allows.\n\ninterface ExpenseFormState {\n amount: string;\n category: string;\n description: string;\n projectId: string;\n date: string;\n receiptUrl: string;\n}\n\n/\n Child component that mounts the per-expense review conversation thread.\n * Kept as a separate component so `useRegisterPageConversationContext` runs\n * (registering + tearing down the entity context) exactly while the review\n * modal is mounted. The widget self-scopes the thread to this entity and\n * self-guards its own errors, so the existing scalar notes/reason flow is\n * left completely untouched.\n /\nfunction ExpenseReviewThread({ expense }: { expense: ExpenseFieldsFragment }) {\n useRegisterPageConversationContext({\n entityType: \"TIMECAMPUS_EXPENSE\",\n entityId: expense.id,\n contextTitle: `Expense · ${expense.description ?? expense.id}`,\n });\n return <ContextConversationWidget widgetKey=\"expense-review\" />;\n}\n\nfunction todayIso(): string {\n return new Date().toISOString().slice(0, 10);\n}\n\nconst emptyForm: ExpenseFormState = {\n amount: \"\",\n category: CATEGORY_OPTIONS[0],\n description: \"\",\n projectId: \"\",\n date: todayIso(),\n receiptUrl: \"\",\n};\n\nexport function ExpenseTrackingPage() {\n const { workspaceId = \"\" } = useTimeCampus();\n const { toasts, addToast, dismissToast } = useToast();\n const apollo = useApolloClient();\n\n const {\n data: expensesData,\n loading: expensesLoading,\n error: expensesError,\n refetch,\n fetchMore,\n } = useListExpensesQuery({\n variables: { workspaceId, limit: PAGE_SIZE, offset: 0 },\n notifyOnNetworkStatusChange: true,\n });\n const {\n data: statsData,\n loading: statsLoading,\n error: statsError,\n refetch: refetchStats,\n } = useGetExpenseStatsQuery({\n variables: { workspaceId },\n });\n\n const [createExpense, { loading: creating }] = useCreateExpenseMutation();\n const [updateExpense, { loading: updating }] = useUpdateExpenseMutation();\n const [deleteExpense, { loading: deleting }] = useDeleteExpenseMutation();\n const [submitExpense] = useSubmitExpenseForApprovalMutation();\n const [approveExpense] = useApproveExpenseMutation();\n const [rejectExpense, { loading: rejecting }] = useRejectExpenseMutation();\n\n const expenses = expensesData?.expenses ?? [];\n const stats = statsData?.expenseStats;\n\n // Chart data derived only from data the page already fetches.\n const displayCurrency = expenses[0]?.currency ?? \"USD\";\n\n const categorySpend: DonutSlice[] = stats?.byCategory\n ? Object.entries(stats.byCategory)\n .map(([name, raw]) => ({\n name,\n value: typeof raw === \"number\" ? raw : Number(raw),\n }))\n .filter((slice) => Number.isFinite(slice.value) && slice.value > 0)\n : [];\n\n const decidedCount = (stats?.approvedCount ?? 0) + (stats?.pendingCount ?? 0);\n\n const [loadingMore, setLoadingMore] = useState(false);\n const [canLoadMore, setCanLoadMore] = useState(true);\n\n // Create / edit modal\n const [formOpen, setFormOpen] = useState(false);\n const [editing, setEditing] = useState<ExpenseFieldsFragment \| null>(null);\n const [form, setForm] = useState<ExpenseFormState>(emptyForm);\n const [uploadingReceipt, setUploadingReceipt] = useState(false);\n\n // Per-expense review conversation thread\n const [reviewTarget, setReviewTarget] =\n useState<ExpenseFieldsFragment \| null>(null);\n\n // Delete confirm\n const [deleteTarget, setDeleteTarget] =\n useState<ExpenseFieldsFragment \| null>(null);\n\n // Reject reason\n const [rejectTarget, setRejectTarget] =\n useState<ExpenseFieldsFragment \| null>(null);\n const [rejectReason, setRejectReason] = useState(\"\");\n\n // Per-row busy state for status transitions\n const [busyId, setBusyId] = useState<string \| null>(null);\n\n const refreshAll = async () => {\n await Promise.all([refetch(), refetchStats()]);\n };\n\n const openCreate = () => {\n setEditing(null);\n setForm({ ...emptyForm, date: todayIso() });\n setFormOpen(true);\n };\n\n const openEdit = (expense: ExpenseFieldsFragment) => {\n setEditing(expense);\n setForm({\n amount: String(expense.amount),\n category: expense.category,\n description: expense.description ?? \"\",\n projectId: expense.projectId ?? \"\",\n date: expense.date ? expense.date.slice(0, 10) : todayIso(),\n receiptUrl: expense.receiptUrl ?? \"\",\n });\n setFormOpen(true);\n };\n\n const handleReceiptUpload = async (file: File) => {\n setUploadingReceipt(true);\n try {\n const { data: folderData } = await apollo.mutate({\n mutation: ENSURE_FOLDER,\n variables: { path: \"/TimeCampus/Receipts\" },\n });\n const folderId = (\n folderData as { ensureFolderByPath?: { id: string } } \| null\n )?.ensureFolderByPath?.id;\n if (!folderId) throw new Error(\"Could not resolve upload folder\");\n const uploaded = await uploadBlobToFiles({\n client: apollo,\n blob: file,\n filename: file.name,\n mimeType: file.type \|\| \"application/octet-stream\",\n folderId,\n });\n const { data } = await apollo.query({\n query: GET_FILE_DOWNLOAD_URL,\n variables: { id: uploaded.id, expiresIn: RECEIPT_URL_EXPIRES_IN },\n fetchPolicy: \"no-cache\",\n });\n const url = (data as { getFileDownloadUrl?: string } \| null \| undefined)\n ?.getFileDownloadUrl;\n if (!url) throw new Error(\"No download URL returned\");\n setForm((f) => ({ ...f, receiptUrl: url }));\n addToast({ title: \"Receipt attached\", variant: \"success\" });\n } catch {\n // Upload is best-effort: never block the modal, just surface the failure.\n addToast({ title: \"Failed to upload receipt\", variant: \"error\" });\n } finally {\n setUploadingReceipt(false);\n }\n };\n\n const closeForm = () => {\n setFormOpen(false);\n setEditing(null);\n };\n\n const handleSubmit = async () => {\n const amount = Number(form.amount);\n if (!form.amount \|\| Number.isNaN(amount) \|\| !form.category.trim()) return;\n const isoDate = new Date(form.date).toISOString();\n try {\n if (editing) {\n await updateExpense({\n variables: {\n id: editing.id,\n workspaceId,\n input: {\n amount,\n category: form.category.trim(),\n description: form.description.trim() \|\| undefined,\n projectId: form.projectId.trim() \|\| undefined,\n date: isoDate,\n receiptUrl: form.receiptUrl \|\| undefined,\n },\n },\n });\n addToast({ title: \"Expense updated\", variant: \"success\" });\n } else {\n await createExpense({\n variables: {\n input: {\n workspaceId,\n amount,\n category: form.category.trim(),\n description: form.description.trim() \|\| undefined,\n projectId: form.projectId.trim() \|\| undefined,\n date: isoDate,\n receiptUrl: form.receiptUrl \|\| undefined,\n },\n },\n });\n addToast({ title: \"Expense added\", variant: \"success\" });\n }\n closeForm();\n await refreshAll();\n } catch {\n addToast({\n title: editing ? \"Failed to update expense\" : \"Failed to add expense\",\n variant: \"error\",\n });\n }\n };\n\n const handleDelete = async () => {\n if (!deleteTarget) return;\n try {\n await deleteExpense({\n variables: { id: deleteTarget.id, workspaceId },\n });\n addToast({ title: \"Expense deleted\", variant: \"success\" });\n setDeleteTarget(null);\n await refreshAll();\n } catch {\n addToast({ title: \"Failed to delete expense\", variant: \"error\" });\n }\n };\n\n const handleSubmitForApproval = async (expense: ExpenseFieldsFragment) => {\n setBusyId(expense.id);\n try {\n await submitExpense({ variables: { id: expense.id, workspaceId } });\n addToast({ title: \"Submitted for approval\", variant: \"success\" });\n await refreshAll();\n } catch {\n addToast({ title: \"Failed to submit expense\", variant: \"error\" });\n } finally {\n setBusyId(null);\n }\n };\n\n const handleApprove = async (expense: ExpenseFieldsFragment) => {\n setBusyId(expense.id);\n try {\n await approveExpense({ variables: { id: expense.id, workspaceId } });\n addToast({ title: \"Expense approved\", variant: \"success\" });\n await refreshAll();\n } catch {\n addToast({ title: \"Failed to approve expense\", variant: \"error\" });\n } finally {\n setBusyId(null);\n }\n };\n\n const handleReject = async () => {\n if (!rejectTarget) return;\n try {\n await rejectExpense({\n variables: {\n id: rejectTarget.id,\n workspaceId,\n reason: rejectReason.trim() \|\| undefined,\n },\n });\n addToast({ title: \"Expense rejected\", variant: \"success\" });\n setRejectTarget(null);\n setRejectReason(\"\");\n await refreshAll();\n } catch {\n addToast({ title: \"Failed to reject expense\", variant: \"error\" });\n }\n };\n\n const handleLoadMore = async () => {\n setLoadingMore(true);\n try {\n const res = await fetchMore({\n variables: { workspaceId, limit: PAGE_SIZE, offset: expenses.length },\n updateQuery: (prev, { fetchMoreResult }) => {\n if (!fetchMoreResult) return prev;\n return {\n ...prev,\n expenses: [...prev.expenses, ...fetchMoreResult.expenses],\n };\n },\n });\n if ((res.data?.expenses?.length ?? 0) < PAGE_SIZE) {\n setCanLoadMore(false);\n }\n } finally {\n setLoadingMore(false);\n }\n };\n\n if (expensesLoading && statsLoading && expenses.length === 0) {\n return (\n <PageLayout\n title=\"Expense Tracking\"\n description=\"Track and manage work expenses\"\n >\n <LoadingSkeleton variant=\"list\" count={4} />\n </PageLayout>\n );\n }\n\n if (expensesError && statsError) {\n return (\n <PageLayout\n title=\"Expense Tracking\"\n description=\"Track and manage work expenses\"\n >\n <div className=\"rounded-lg border border-status-error-bg/40 bg-status-error-bg p-4 text-sm text-status-error-text\">\n Failed to load expense data. Please try again later.\n </div>\n </PageLayout>\n );\n }\n\n const addButton = (\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 Add Expense\n </button>\n );\n\n return (\n <PageLayout\n title=\"Expense Tracking\"\n description=\"Track and manage work expenses\"\n purpose=\"Capture project-related costs alongside the hours you log — receipts, categories and approvals in one place — so the bill you send a client reflects the full cost of the work, not just time.\"\n actions={addButton}\n >\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n <StatCard\n featured\n title=\"Total This Month\"\n value={formatCurrency(stats?.totalAmount ?? 0)}\n icon={<DollarSign className=\"h-5 w-5\" />}\n />\n <StatCard\n title=\"Pending\"\n value={String(stats?.pendingCount ?? 0)}\n description=\"expenses awaiting approval\"\n />\n <StatCard\n title=\"Approved\"\n value={String(stats?.approvedCount ?? 0)}\n description=\"expenses approved\"\n />\n <StatCard\n title=\"Average\"\n value={formatCurrency(stats?.averageAmount ?? 0)}\n icon={<Receipt className=\"h-5 w-5\" />}\n description=\"per expense\"\n />\n </div>\n\n {expenses.length === 0 && !expensesLoading ? (\n <EmptyState\n illustration=\"empty-data\"\n title=\"No expenses recorded yet\"\n description=\"Add your first expense to track project costs and route them for approval.\"\n action={addButton}\n />\n ) : (\n <>\n <div className=\"grid grid-cols-1 gap-4 lg:grid-cols-3\">\n <ChartCard\n title=\"Spend by category\"\n description=\"Total tracked spend grouped by category\"\n className=\"lg:col-span-2\"\n >\n <DonutChart\n data={categorySpend}\n centerLabel=\"Total\"\n centerValue={stats?.totalAmount ?? 0}\n valueFormat={(value) => formatCurrency(value, displayCurrency)}\n height={240}\n emptyLabel=\"No categorised spend yet.\"\n ariaLabel=\"Spend by category\"\n />\n </ChartCard>\n <ChartCard\n title=\"Approval progress\"\n description=\"Approved vs. awaiting review\"\n >\n <RadialGauge\n value={stats?.approvedCount ?? 0}\n min={0}\n max={decidedCount > 0 ? decidedCount : 1}\n label=\"Approved\"\n sublabel={`of ${decidedCount} to review`}\n format={(value) => `${Math.round(value)}`}\n height={240}\n ariaLabel=\"Approved expenses share\"\n />\n </ChartCard>\n </div>\n\n <div className=\"rounded-xl border border-border-seam bg-gloss-card shadow-pop\">\n <div className=\"divide-y divide-border\">\n {expenses.map((expense: ExpenseFieldsFragment) => {\n const rowBusy = busyId === expense.id;\n const isPending = expense.status === ExpenseStatus.Pending;\n const isRejected = expense.status === ExpenseStatus.Rejected;\n return (\n <div\n key={expense.id}\n className=\"flex flex-col gap-3 p-4 hover:bg-bg-sunken/50 transition-colors sm:flex-row sm:items-center sm:justify-between\"\n >\n <div className=\"flex items-center gap-3\">\n <Receipt className=\"h-5 w-5 shrink-0 text-text-secondary\" />\n <div>\n <p className=\"text-sm font-medium text-text-primary\">\n {expense.description ?? \"Untitled expense\"}\n </p>\n <p className=\"text-xs text-text-secondary\">\n {expense.category} ·{\" \"}\n {expense.projectId ?? \"No project\"} ·{\" \"}\n {formatDate(expense.date)}\n </p>\n </div>\n </div>\n <div className=\"flex items-center gap-3\">\n <p className=\"text-sm font-medium text-text-primary\">\n {formatCurrency(expense.amount, expense.currency)}\n </p>\n <StatusBadge\n label={expense.status.toLowerCase()}\n status={expense.status.toLowerCase()}\n />\n <div className=\"flex items-center gap-1\">\n {isPending && (\n <>\n <button\n type=\"button\"\n disabled={rowBusy}\n onClick={() => handleApprove(expense)}\n title=\"Approve expense\"\n className=\"rounded-md p-1.5 text-status-success-text hover:bg-status-success-bg disabled:opacity-50\"\n >\n <Check className=\"h-4 w-4\" />\n </button>\n <button\n type=\"button\"\n disabled={rowBusy}\n onClick={() => {\n setRejectTarget(expense);\n setRejectReason(\"\");\n }}\n title=\"Reject expense\"\n className=\"rounded-md p-1.5 text-status-error-text hover:bg-status-error-bg disabled:opacity-50\"\n >\n <X className=\"h-4 w-4\" />\n </button>\n </>\n )}\n {isRejected && (\n <button\n type=\"button\"\n disabled={rowBusy}\n onClick={() => handleSubmitForApproval(expense)}\n title=\"Resubmit for approval\"\n className=\"rounded-md p-1.5 text-text-secondary hover:bg-bg-sunken disabled:opacity-50\"\n >\n <Send className=\"h-4 w-4\" />\n </button>\n )}\n <button\n type=\"button\"\n onClick={() => setReviewTarget(expense)}\n title=\"Review expense\"\n className=\"rounded-md p-1.5 text-text-secondary hover:bg-bg-sunken\"\n >\n <MessageSquare className=\"h-4 w-4\" />\n </button>\n <button\n type=\"button\"\n onClick={() => openEdit(expense)}\n title=\"Edit expense\"\n className=\"rounded-md p-1.5 text-text-secondary hover:bg-bg-sunken\"\n >\n <Pencil className=\"h-4 w-4\" />\n </button>\n <button\n type=\"button\"\n onClick={() => setDeleteTarget(expense)}\n title=\"Delete expense\"\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 </div>\n </div>\n );\n })}\n </div>\n </div>\n\n {canLoadMore && expenses.length >= PAGE_SIZE && (\n <div className=\"mt-4 flex justify-center\">\n <button\n onClick={handleLoadMore}\n disabled={loadingMore}\n className=\"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 </div>\n )}\n </>\n )}\n\n <Modal\n open={formOpen}\n onClose={closeForm}\n title={editing ? \"Edit Expense\" : \"Add Expense\"}\n description={\n editing\n ? \"Update this expense's details.\"\n : \"Record a project-related cost to track alongside your logged hours.\"\n }\n footer={\n <>\n <button\n onClick={closeForm}\n className=\"rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50\"\n >\n Cancel\n </button>\n <button\n onClick={handleSubmit}\n disabled={\n creating \|\|\n updating \|\|\n !form.amount \|\|\n Number.isNaN(Number(form.amount)) \|\|\n !form.category.trim()\n }\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 \|\| updating\n ? \"Saving...\"\n : editing\n ? \"Save Changes\"\n : \"Add Expense\"}\n </button>\n </>\n }\n >\n <div className=\"space-y-4\">\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 Amount\n </label>\n <input\n type=\"number\"\n min={0}\n step=\"0.01\"\n placeholder=\"0.00\"\n value={form.amount}\n onChange={(e) => setForm({ ...form, amount: e.target.value })}\n className={inputClass}\n />\n </div>\n <div>\n <label className=\"block text-sm font-medium text-text-primary\">\n Category\n </label>\n <select\n value={form.category}\n onChange={(e) => setForm({ ...form, category: e.target.value })}\n className={inputClass}\n >\n {CATEGORY_OPTIONS.map((c) => (\n <option key={c} value={c}>\n {c}\n </option>\n ))}\n </select>\n </div>\n </div>\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 was this expense for?\"\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=\"block text-sm font-medium text-text-primary\">\n Project ID\n </label>\n <input\n type=\"text\"\n placeholder=\"Optional project ID\"\n value={form.projectId}\n onChange={(e) =>\n setForm({ ...form, projectId: e.target.value })\n }\n className={inputClass}\n />\n </div>\n <div>\n <label className=\"block text-sm font-medium text-text-primary\">\n Date\n </label>\n <input\n type=\"date\"\n value={form.date}\n onChange={(e) => setForm({ ...form, date: e.target.value })}\n className={inputClass}\n />\n </div>\n </div>\n <div>\n <label className=\"block text-sm font-medium text-text-primary\">\n Receipt\n </label>\n <div className=\"mt-1 flex flex-col gap-2\">\n <label\n className={`inline-flex w-fit cursor-pointer items-center gap-1.5 rounded-md border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50 ${\n uploadingReceipt ? \"opacity-50\" : \"\"\n }`}\n >\n <Upload className=\"h-4 w-4\" />\n {uploadingReceipt ? \"Uploading...\" : \"Upload receipt\"}\n <input\n type=\"file\"\n accept=\"image/,application/pdf\"\n disabled={uploadingReceipt}\n className=\"hidden\"\n onChange={(e) => {\n const file = e.target.files?.[0];\n // Reset the input so re-selecting the same file re-triggers change.\n e.target.value = \"\";\n if (file) void handleReceiptUpload(file);\n }}\n />\n </label>\n {form.receiptUrl && (\n <a\n href={form.receiptUrl}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className=\"inline-flex w-fit items-center gap-1.5 text-sm font-medium text-action-primary-text/90 underline decoration-border-subtle underline-offset-2 hover:text-action-primary-text\"\n >\n <ExternalLink className=\"h-3.5 w-3.5\" />\n View current receipt\n </a>\n )}\n <p className=\"text-xs text-text-secondary\">\n Attach an image or PDF. Uploading is optional and never blocks\n saving the expense.\n </p>\n </div>\n </div>\n </div>\n </Modal>\n\n <Modal\n open={deleteTarget !== null}\n onClose={() => setDeleteTarget(null)}\n title=\"Delete expense?\"\n description={\n deleteTarget\n ? `${formatCurrency(deleteTarget.amount, deleteTarget.currency)} · ${deleteTarget.category} will be removed.`\n : undefined\n }\n size=\"sm\"\n footer={\n <>\n <button\n onClick={() => setDeleteTarget(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-status-error-bg px-4 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg/80 disabled:opacity-50\"\n >\n {deleting ? \"Deleting...\" : \"Delete\"}\n </button>\n </>\n }\n >\n <p className=\"text-sm text-text-secondary\">\n This permanently removes the expense. This action cannot be undone.\n </p>\n </Modal>\n\n <Modal\n open={rejectTarget !== null}\n onClose={() => setRejectTarget(null)}\n title=\"Reject expense\"\n description=\"Let the submitter know why this expense was rejected.\"\n size=\"sm\"\n footer={\n <>\n <button\n onClick={() => setRejectTarget(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={handleReject}\n disabled={rejecting}\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/80 disabled:opacity-50\"\n >\n {rejecting ? \"Rejecting...\" : \"Reject Expense\"}\n </button>\n </>\n }\n >\n <label className=\"block text-sm font-medium text-text-primary\">\n Reason\n </label>\n <textarea\n rows={3}\n placeholder=\"Reason for rejection (optional)\"\n value={rejectReason}\n onChange={(e) => setRejectReason(e.target.value)}\n className={inputClass}\n />\n </Modal>\n\n <Modal\n open={reviewTarget !== null}\n onClose={() => setReviewTarget(null)}\n title=\"Expense review\"\n description={\n reviewTarget\n ? `Discuss ${reviewTarget.description ?? \"this expense\"} with your team.`\n : undefined\n }\n >\n {reviewTarget && <ExpenseReviewThread expense={reviewTarget} />}\n </Modal>\n\n <ToastContainer toasts={toasts} onDismiss={dismissToast} />\n </PageLayout>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"ExpenseTrackingPage.js","names":[],"sources":["../../../../src/timecampus/pages/expense-tracking/ExpenseTrackingPage.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport {\n Receipt,\n Plus,\n DollarSign,\n Pencil,\n Trash2,\n Send,\n Check,\n X,\n Upload,\n ExternalLink,\n MessageSquare,\n} from \"lucide-react\";\nimport { gql } from \"@apollo/client\";\nimport { useApolloClient } from \"@apollo/client/react\";\nimport { uploadBlobToFiles } from \"@burdenoff/fe-libs/storage\";\nimport { ContextConversationWidget } from \"@burdenoff/fe-libs/shared\";\nimport { useRegisterPageConversationContext } from \"@burdenoff/fe-libs/shared/providers/shell\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { StatCard } from \"../../components/StatCard\";\nimport { EmptyState } from \"../../components/EmptyState\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { StatusBadge } from \"../../components/StatusBadge\";\nimport { Modal } from \"../../components/Modal\";\nimport { ToastContainer, useToast } from \"../../components/Toast\";\nimport {\n ChartCard,\n DonutChart,\n RadialGauge,\n type DonutSlice,\n} from \"../../components\";\nimport { formatCurrency, formatDate } from \"../../utils/helpers\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n useListExpensesQuery,\n useGetExpenseStatsQuery,\n useCreateExpenseMutation,\n useUpdateExpenseMutation,\n useDeleteExpenseMutation,\n useSubmitExpenseForApprovalMutation,\n useApproveExpenseMutation,\n useRejectExpenseMutation,\n type ExpenseFieldsFragment,\n} from \"@/generated/wspace-operations\";\nimport { ExpenseStatus } from \"@/generated/wspace-types\";\n\nconst PAGE_SIZE = 25;\n\nconst CATEGORY_OPTIONS = [\n \"Travel\",\n \"Meals\",\n \"Software\",\n \"Hardware\",\n \"Office\",\n \"Training\",\n \"Other\",\n];\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\";\n\n/*\n Resolves a presigned download URL for an uploaded receipt.\n \n KNOWN LIMITATION: `getFileDownloadUrl` returns a presigned URL that expires\n * after `expiresIn` seconds (capped at 604800 = 7 days by wspace-files-svc).\n * We persist that URL in the expense's `receiptUrl` scalar, so a stored link\n * stops resolving after 7 days. Re-uploading the receipt (or resolving a fresh\n * URL on read) would be needed for longer-lived access.\n /\nconst GET_FILE_DOWNLOAD_URL = gql`\n query TimeCampusExpense_GetFileDownloadUrl($id: ID!, $expiresIn: Int) {\n getFileDownloadUrl(id: $id, expiresIn: $expiresIn)\n }\n`;\n\n// wspace-files requires a real folder id (File.folderId FK); resolve/create a\n// TimeCampus folder rather than passing an empty string.\nconst ENSURE_FOLDER = gql`\n mutation TimeCampusExpense_EnsureFolder($path: String!) {\n ensureFolderByPath(path: $path) {\n id\n }\n }\n`;\n\nconst RECEIPT_URL_EXPIRES_IN = 604800; // 7 days — the max wspace-files allows.\n\ninterface ExpenseFormState {\n amount: string;\n category: string;\n description: string;\n projectId: string;\n date: string;\n receiptUrl: string;\n}\n\n/\n Child component that mounts the per-expense review conversation thread.\n * Kept as a separate component so `useRegisterPageConversationContext` runs\n * (registering + tearing down the entity context) exactly while the review\n * modal is mounted. The widget self-scopes the thread to this entity and\n * self-guards its own errors, so the existing scalar notes/reason flow is\n * left completely untouched.\n /\nfunction ExpenseReviewThread({ expense }: { expense: ExpenseFieldsFragment }) {\n useRegisterPageConversationContext({\n entityType: \"TIMECAMPUS_EXPENSE\",\n entityId: expense.id,\n contextTitle: `Expense · ${expense.description ?? expense.id}`,\n });\n return <ContextConversationWidget widgetKey=\"expense-review\" />;\n}\n\nfunction todayIso(): string {\n return new Date().toISOString().slice(0, 10);\n}\n\nconst emptyForm: ExpenseFormState = {\n amount: \"\",\n category: CATEGORY_OPTIONS[0],\n description: \"\",\n projectId: \"\",\n date: todayIso(),\n receiptUrl: \"\",\n};\n\nexport function ExpenseTrackingPage() {\n const { workspaceId = \"\" } = useTimeCampus();\n const { toasts, addToast, dismissToast } = useToast();\n const apollo = useApolloClient();\n\n const {\n data: expensesData,\n loading: expensesLoading,\n error: expensesError,\n refetch,\n fetchMore,\n } = useListExpensesQuery({\n variables: { workspaceId, pagination: { limit: PAGE_SIZE, offset: 0 } },\n notifyOnNetworkStatusChange: true,\n });\n const {\n data: statsData,\n loading: statsLoading,\n error: statsError,\n refetch: refetchStats,\n } = useGetExpenseStatsQuery({\n variables: { workspaceId },\n });\n\n const [createExpense, { loading: creating }] = useCreateExpenseMutation();\n const [updateExpense, { loading: updating }] = useUpdateExpenseMutation();\n const [deleteExpense, { loading: deleting }] = useDeleteExpenseMutation();\n const [submitExpense] = useSubmitExpenseForApprovalMutation();\n const [approveExpense] = useApproveExpenseMutation();\n const [rejectExpense, { loading: rejecting }] = useRejectExpenseMutation();\n\n const expenses = expensesData?.expenses ?? [];\n const stats = statsData?.expenseStats;\n\n // Chart data derived only from data the page already fetches.\n const displayCurrency = expenses[0]?.currency ?? \"USD\";\n\n const categorySpend: DonutSlice[] = stats?.byCategory\n ? Object.entries(stats.byCategory)\n .map(([name, raw]) => ({\n name,\n value: typeof raw === \"number\" ? raw : Number(raw),\n }))\n .filter((slice) => Number.isFinite(slice.value) && slice.value > 0)\n : [];\n\n const decidedCount = (stats?.approvedCount ?? 0) + (stats?.pendingCount ?? 0);\n\n const [loadingMore, setLoadingMore] = useState(false);\n const [canLoadMore, setCanLoadMore] = useState(true);\n\n // Create / edit modal\n const [formOpen, setFormOpen] = useState(false);\n const [editing, setEditing] = useState<ExpenseFieldsFragment \| null>(null);\n const [form, setForm] = useState<ExpenseFormState>(emptyForm);\n const [uploadingReceipt, setUploadingReceipt] = useState(false);\n\n // Per-expense review conversation thread\n const [reviewTarget, setReviewTarget] =\n useState<ExpenseFieldsFragment \| null>(null);\n\n // Delete confirm\n const [deleteTarget, setDeleteTarget] =\n useState<ExpenseFieldsFragment \| null>(null);\n\n // Reject reason\n const [rejectTarget, setRejectTarget] =\n useState<ExpenseFieldsFragment \| null>(null);\n const [rejectReason, setRejectReason] = useState(\"\");\n\n // Per-row busy state for status transitions\n const [busyId, setBusyId] = useState<string \| null>(null);\n\n const refreshAll = async () => {\n await Promise.all([refetch(), refetchStats()]);\n };\n\n const openCreate = () => {\n setEditing(null);\n setForm({ ...emptyForm, date: todayIso() });\n setFormOpen(true);\n };\n\n const openEdit = (expense: ExpenseFieldsFragment) => {\n setEditing(expense);\n setForm({\n amount: String(expense.amount),\n category: expense.category,\n description: expense.description ?? \"\",\n projectId: expense.projectId ?? \"\",\n date: expense.date ? expense.date.slice(0, 10) : todayIso(),\n receiptUrl: expense.receiptUrl ?? \"\",\n });\n setFormOpen(true);\n };\n\n const handleReceiptUpload = async (file: File) => {\n setUploadingReceipt(true);\n try {\n const { data: folderData } = await apollo.mutate({\n mutation: ENSURE_FOLDER,\n variables: { path: \"/TimeCampus/Receipts\" },\n });\n const folderId = (\n folderData as { ensureFolderByPath?: { id: string } } \| null\n )?.ensureFolderByPath?.id;\n if (!folderId) throw new Error(\"Could not resolve upload folder\");\n const uploaded = await uploadBlobToFiles({\n client: apollo,\n blob: file,\n filename: file.name,\n mimeType: file.type \|\| \"application/octet-stream\",\n folderId,\n });\n const { data } = await apollo.query({\n query: GET_FILE_DOWNLOAD_URL,\n variables: { id: uploaded.id, expiresIn: RECEIPT_URL_EXPIRES_IN },\n fetchPolicy: \"no-cache\",\n });\n const url = (data as { getFileDownloadUrl?: string } \| null \| undefined)\n ?.getFileDownloadUrl;\n if (!url) throw new Error(\"No download URL returned\");\n setForm((f) => ({ ...f, receiptUrl: url }));\n addToast({ title: \"Receipt attached\", variant: \"success\" });\n } catch {\n // Upload is best-effort: never block the modal, just surface the failure.\n addToast({ title: \"Failed to upload receipt\", variant: \"error\" });\n } finally {\n setUploadingReceipt(false);\n }\n };\n\n const closeForm = () => {\n setFormOpen(false);\n setEditing(null);\n };\n\n const handleSubmit = async () => {\n const amount = Number(form.amount);\n if (!form.amount \|\| Number.isNaN(amount) \|\| !form.category.trim()) return;\n const isoDate = new Date(form.date).toISOString();\n try {\n if (editing) {\n await updateExpense({\n variables: {\n id: editing.id,\n workspaceId,\n input: {\n amount,\n category: form.category.trim(),\n description: form.description.trim() \|\| undefined,\n projectId: form.projectId.trim() \|\| undefined,\n date: isoDate,\n receiptUrl: form.receiptUrl \|\| undefined,\n },\n },\n });\n addToast({ title: \"Expense updated\", variant: \"success\" });\n } else {\n await createExpense({\n variables: {\n input: {\n workspaceId,\n amount,\n category: form.category.trim(),\n description: form.description.trim() \|\| undefined,\n projectId: form.projectId.trim() \|\| undefined,\n date: isoDate,\n receiptUrl: form.receiptUrl \|\| undefined,\n },\n },\n });\n addToast({ title: \"Expense added\", variant: \"success\" });\n }\n closeForm();\n await refreshAll();\n } catch {\n addToast({\n title: editing ? \"Failed to update expense\" : \"Failed to add expense\",\n variant: \"error\",\n });\n }\n };\n\n const handleDelete = async () => {\n if (!deleteTarget) return;\n try {\n await deleteExpense({\n variables: { id: deleteTarget.id, workspaceId },\n });\n addToast({ title: \"Expense deleted\", variant: \"success\" });\n setDeleteTarget(null);\n await refreshAll();\n } catch {\n addToast({ title: \"Failed to delete expense\", variant: \"error\" });\n }\n };\n\n const handleSubmitForApproval = async (expense: ExpenseFieldsFragment) => {\n setBusyId(expense.id);\n try {\n await submitExpense({ variables: { id: expense.id, workspaceId } });\n addToast({ title: \"Submitted for approval\", variant: \"success\" });\n await refreshAll();\n } catch {\n addToast({ title: \"Failed to submit expense\", variant: \"error\" });\n } finally {\n setBusyId(null);\n }\n };\n\n const handleApprove = async (expense: ExpenseFieldsFragment) => {\n setBusyId(expense.id);\n try {\n await approveExpense({ variables: { id: expense.id, workspaceId } });\n addToast({ title: \"Expense approved\", variant: \"success\" });\n await refreshAll();\n } catch {\n addToast({ title: \"Failed to approve expense\", variant: \"error\" });\n } finally {\n setBusyId(null);\n }\n };\n\n const handleReject = async () => {\n if (!rejectTarget) return;\n try {\n await rejectExpense({\n variables: {\n id: rejectTarget.id,\n workspaceId,\n reason: rejectReason.trim() \|\| undefined,\n },\n });\n addToast({ title: \"Expense rejected\", variant: \"success\" });\n setRejectTarget(null);\n setRejectReason(\"\");\n await refreshAll();\n } catch {\n addToast({ title: \"Failed to reject expense\", variant: \"error\" });\n }\n };\n\n const handleLoadMore = async () => {\n setLoadingMore(true);\n try {\n const res = await fetchMore({\n variables: {\n workspaceId,\n pagination: { limit: PAGE_SIZE, offset: expenses.length },\n },\n updateQuery: (prev, { fetchMoreResult }) => {\n if (!fetchMoreResult) return prev;\n return {\n ...prev,\n expenses: [...prev.expenses, ...fetchMoreResult.expenses],\n };\n },\n });\n if ((res.data?.expenses?.length ?? 0) < PAGE_SIZE) {\n setCanLoadMore(false);\n }\n } finally {\n setLoadingMore(false);\n }\n };\n\n if (expensesLoading && statsLoading && expenses.length === 0) {\n return (\n <PageLayout\n title=\"Expense Tracking\"\n description=\"Track and manage work expenses\"\n >\n <LoadingSkeleton variant=\"list\" count={4} />\n </PageLayout>\n );\n }\n\n if (expensesError && statsError) {\n return (\n <PageLayout\n title=\"Expense Tracking\"\n description=\"Track and manage work expenses\"\n >\n <div className=\"rounded-lg border border-status-error-bg/40 bg-status-error-bg p-4 text-sm text-status-error-text\">\n Failed to load expense data. Please try again later.\n </div>\n </PageLayout>\n );\n }\n\n const addButton = (\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 Add Expense\n </button>\n );\n\n return (\n <PageLayout\n title=\"Expense Tracking\"\n description=\"Track and manage work expenses\"\n purpose=\"Capture project-related costs alongside the hours you log — receipts, categories and approvals in one place — so the bill you send a client reflects the full cost of the work, not just time.\"\n actions={addButton}\n >\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n <StatCard\n featured\n title=\"Total This Month\"\n value={formatCurrency(stats?.totalAmount ?? 0)}\n icon={<DollarSign className=\"h-5 w-5\" />}\n />\n <StatCard\n title=\"Pending\"\n value={String(stats?.pendingCount ?? 0)}\n description=\"expenses awaiting approval\"\n />\n <StatCard\n title=\"Approved\"\n value={String(stats?.approvedCount ?? 0)}\n description=\"expenses approved\"\n />\n <StatCard\n title=\"Average\"\n value={formatCurrency(stats?.averageAmount ?? 0)}\n icon={<Receipt className=\"h-5 w-5\" />}\n description=\"per expense\"\n />\n </div>\n\n {expenses.length === 0 && !expensesLoading ? (\n <EmptyState\n illustration=\"empty-data\"\n title=\"No expenses recorded yet\"\n description=\"Add your first expense to track project costs and route them for approval.\"\n action={addButton}\n />\n ) : (\n <>\n <div className=\"grid grid-cols-1 gap-4 lg:grid-cols-3\">\n <ChartCard\n title=\"Spend by category\"\n description=\"Total tracked spend grouped by category\"\n className=\"lg:col-span-2\"\n >\n <DonutChart\n data={categorySpend}\n centerLabel=\"Total\"\n centerValue={stats?.totalAmount ?? 0}\n valueFormat={(value) => formatCurrency(value, displayCurrency)}\n height={240}\n emptyLabel=\"No categorised spend yet.\"\n ariaLabel=\"Spend by category\"\n />\n </ChartCard>\n <ChartCard\n title=\"Approval progress\"\n description=\"Approved vs. awaiting review\"\n >\n <RadialGauge\n value={stats?.approvedCount ?? 0}\n min={0}\n max={decidedCount > 0 ? decidedCount : 1}\n label=\"Approved\"\n sublabel={`of ${decidedCount} to review`}\n format={(value) => `${Math.round(value)}`}\n height={240}\n ariaLabel=\"Approved expenses share\"\n />\n </ChartCard>\n </div>\n\n <div className=\"rounded-xl border border-border-seam bg-gloss-card shadow-pop\">\n <div className=\"divide-y divide-border\">\n {expenses.map((expense: ExpenseFieldsFragment) => {\n const rowBusy = busyId === expense.id;\n const isPending = expense.status === ExpenseStatus.Pending;\n const isRejected = expense.status === ExpenseStatus.Rejected;\n return (\n <div\n key={expense.id}\n className=\"flex flex-col gap-3 p-4 hover:bg-bg-sunken/50 transition-colors sm:flex-row sm:items-center sm:justify-between\"\n >\n <div className=\"flex items-center gap-3\">\n <Receipt className=\"h-5 w-5 shrink-0 text-text-secondary\" />\n <div>\n <p className=\"text-sm font-medium text-text-primary\">\n {expense.description ?? \"Untitled expense\"}\n </p>\n <p className=\"text-xs text-text-secondary\">\n {expense.category} ·{\" \"}\n {expense.projectId ?? \"No project\"} ·{\" \"}\n {formatDate(expense.date)}\n </p>\n </div>\n </div>\n <div className=\"flex items-center gap-3\">\n <p className=\"text-sm font-medium text-text-primary\">\n {formatCurrency(expense.amount, expense.currency)}\n </p>\n <StatusBadge\n label={expense.status.toLowerCase()}\n status={expense.status.toLowerCase()}\n />\n <div className=\"flex items-center gap-1\">\n {isPending && (\n <>\n <button\n type=\"button\"\n disabled={rowBusy}\n onClick={() => handleApprove(expense)}\n title=\"Approve expense\"\n className=\"rounded-md p-1.5 text-status-success-text hover:bg-status-success-bg disabled:opacity-50\"\n >\n <Check className=\"h-4 w-4\" />\n </button>\n <button\n type=\"button\"\n disabled={rowBusy}\n onClick={() => {\n setRejectTarget(expense);\n setRejectReason(\"\");\n }}\n title=\"Reject expense\"\n className=\"rounded-md p-1.5 text-status-error-text hover:bg-status-error-bg disabled:opacity-50\"\n >\n <X className=\"h-4 w-4\" />\n </button>\n </>\n )}\n {isRejected && (\n <button\n type=\"button\"\n disabled={rowBusy}\n onClick={() => handleSubmitForApproval(expense)}\n title=\"Resubmit for approval\"\n className=\"rounded-md p-1.5 text-text-secondary hover:bg-bg-sunken disabled:opacity-50\"\n >\n <Send className=\"h-4 w-4\" />\n </button>\n )}\n <button\n type=\"button\"\n onClick={() => setReviewTarget(expense)}\n title=\"Review expense\"\n className=\"rounded-md p-1.5 text-text-secondary hover:bg-bg-sunken\"\n >\n <MessageSquare className=\"h-4 w-4\" />\n </button>\n <button\n type=\"button\"\n onClick={() => openEdit(expense)}\n title=\"Edit expense\"\n className=\"rounded-md p-1.5 text-text-secondary hover:bg-bg-sunken\"\n >\n <Pencil className=\"h-4 w-4\" />\n </button>\n <button\n type=\"button\"\n onClick={() => setDeleteTarget(expense)}\n title=\"Delete expense\"\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 </div>\n </div>\n );\n })}\n </div>\n </div>\n\n {canLoadMore && expenses.length >= PAGE_SIZE && (\n <div className=\"mt-4 flex justify-center\">\n <button\n onClick={handleLoadMore}\n disabled={loadingMore}\n className=\"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 </div>\n )}\n </>\n )}\n\n <Modal\n open={formOpen}\n onClose={closeForm}\n title={editing ? \"Edit Expense\" : \"Add Expense\"}\n description={\n editing\n ? \"Update this expense's details.\"\n : \"Record a project-related cost to track alongside your logged hours.\"\n }\n footer={\n <>\n <button\n onClick={closeForm}\n className=\"rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50\"\n >\n Cancel\n </button>\n <button\n onClick={handleSubmit}\n disabled={\n creating \|\|\n updating \|\|\n !form.amount \|\|\n Number.isNaN(Number(form.amount)) \|\|\n !form.category.trim()\n }\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 \|\| updating\n ? \"Saving...\"\n : editing\n ? \"Save Changes\"\n : \"Add Expense\"}\n </button>\n </>\n }\n >\n <div className=\"space-y-4\">\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 Amount\n </label>\n <input\n type=\"number\"\n min={0}\n step=\"0.01\"\n placeholder=\"0.00\"\n value={form.amount}\n onChange={(e) => setForm({ ...form, amount: e.target.value })}\n className={inputClass}\n />\n </div>\n <div>\n <label className=\"block text-sm font-medium text-text-primary\">\n Category\n </label>\n <select\n value={form.category}\n onChange={(e) => setForm({ ...form, category: e.target.value })}\n className={inputClass}\n >\n {CATEGORY_OPTIONS.map((c) => (\n <option key={c} value={c}>\n {c}\n </option>\n ))}\n </select>\n </div>\n </div>\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 was this expense for?\"\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=\"block text-sm font-medium text-text-primary\">\n Project ID\n </label>\n <input\n type=\"text\"\n placeholder=\"Optional project ID\"\n value={form.projectId}\n onChange={(e) =>\n setForm({ ...form, projectId: e.target.value })\n }\n className={inputClass}\n />\n </div>\n <div>\n <label className=\"block text-sm font-medium text-text-primary\">\n Date\n </label>\n <input\n type=\"date\"\n value={form.date}\n onChange={(e) => setForm({ ...form, date: e.target.value })}\n className={inputClass}\n />\n </div>\n </div>\n <div>\n <label className=\"block text-sm font-medium text-text-primary\">\n Receipt\n </label>\n <div className=\"mt-1 flex flex-col gap-2\">\n <label\n className={`inline-flex w-fit cursor-pointer items-center gap-1.5 rounded-md border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50 ${\n uploadingReceipt ? \"opacity-50\" : \"\"\n }`}\n >\n <Upload className=\"h-4 w-4\" />\n {uploadingReceipt ? \"Uploading...\" : \"Upload receipt\"}\n <input\n type=\"file\"\n accept=\"image/,application/pdf\"\n disabled={uploadingReceipt}\n className=\"hidden\"\n onChange={(e) => {\n const file = e.target.files?.[0];\n // Reset the input so re-selecting the same file re-triggers change.\n e.target.value = \"\";\n if (file) void handleReceiptUpload(file);\n }}\n />\n </label>\n {form.receiptUrl && (\n <a\n href={form.receiptUrl}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className=\"inline-flex w-fit items-center gap-1.5 text-sm font-medium text-action-primary-text/90 underline decoration-border-subtle underline-offset-2 hover:text-action-primary-text\"\n >\n <ExternalLink className=\"h-3.5 w-3.5\" />\n View current receipt\n </a>\n )}\n <p className=\"text-xs text-text-secondary\">\n Attach an image or PDF. Uploading is optional and never blocks\n saving the expense.\n </p>\n </div>\n </div>\n </div>\n </Modal>\n\n <Modal\n open={deleteTarget !== null}\n onClose={() => setDeleteTarget(null)}\n title=\"Delete expense?\"\n description={\n deleteTarget\n ? `${formatCurrency(deleteTarget.amount, deleteTarget.currency)} · ${deleteTarget.category} will be removed.`\n : undefined\n }\n size=\"sm\"\n footer={\n <>\n <button\n onClick={() => setDeleteTarget(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-status-error-bg px-4 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg/80 disabled:opacity-50\"\n >\n {deleting ? \"Deleting...\" : \"Delete\"}\n </button>\n </>\n }\n >\n <p className=\"text-sm text-text-secondary\">\n This permanently removes the expense. This action cannot be undone.\n </p>\n </Modal>\n\n <Modal\n open={rejectTarget !== null}\n onClose={() => setRejectTarget(null)}\n title=\"Reject expense\"\n description=\"Let the submitter know why this expense was rejected.\"\n size=\"sm\"\n footer={\n <>\n <button\n onClick={() => setRejectTarget(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={handleReject}\n disabled={rejecting}\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/80 disabled:opacity-50\"\n >\n {rejecting ? \"Rejecting...\" : \"Reject Expense\"}\n </button>\n </>\n }\n >\n <label className=\"block text-sm font-medium text-text-primary\">\n Reason\n </label>\n <textarea\n rows={3}\n placeholder=\"Reason for rejection (optional)\"\n value={rejectReason}\n onChange={(e) => setRejectReason(e.target.value)}\n className={inputClass}\n />\n </Modal>\n\n <Modal\n open={reviewTarget !== null}\n onClose={() => setReviewTarget(null)}\n title=\"Expense review\"\n description={\n reviewTarget\n ? `Discuss ${reviewTarget.description ?? \"this expense\"} with your team.`\n : undefined\n }\n >\n {reviewTarget && <ExpenseReviewThread expense={reviewTarget} />}\n </Modal>\n\n <ToastContainer toasts={toasts} onDismiss={dismissToast} />\n </PageLayout>\n );\n}\n"],"mappings":"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"}

package/dist/timecampus/pages/focus-score/FocusScorePage.js CHANGED Viewed

@@ -17,7 +17,7 @@ import { GlassCard as S } from "@burdenoff/fe-libs/ui";
 //#region src/timecampus/pages/focus-score/FocusScorePage.tsx
 function C() {
 	let { workspaceId: C = "" } = e(), { data: w, loading: T, error: E } = o({
-		variables: { limit: 30 },
+		variables: { pagination: { limit: 30 } },
 		skip: !C
 	}), { data: D, loading: O, error: k } = i({ skip: !C }), { data: A, loading: j, error: M } = a({ skip: !C }), N = T || O || j, P = E || k || M, F = A?.todayFocusScore, I = D?.focusScoreSummary, L = w?.focusScores ?? [], R = F ? [
 		{

package/dist/timecampus/pages/focus-score/FocusScorePage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FocusScorePage.js","names":[],"sources":["../../../../src/timecampus/pages/focus-score/FocusScorePage.tsx"],"sourcesContent":["import {\n Brain,\n Target,\n TrendingUp,\n Shield,\n Gauge,\n LineChart,\n} from \"lucide-react\";\nimport { GlassCard } from \"@burdenoff/fe-libs/ui\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { StatCard } from \"../../components/StatCard\";\nimport { EmptyState } from \"../../components/EmptyState\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport {\n StatusBadge,\n ChartCard,\n RadialGauge,\n TrendChart,\n ProgressMeter,\n} from \"../../components\";\nimport { formatDate } from \"../../utils/helpers\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n useListFocusScoresQuery,\n useGetFocusScoreSummaryQuery,\n useGetTodayFocusScoreQuery,\n type FocusScoreFieldsFragment,\n} from \"@/generated/wspace-operations\";\n\nexport function FocusScorePage() {\n const { workspaceId = \"\" } = useTimeCampus();\n\n const {\n data: scoresData,\n loading: scoresLoading,\n error: scoresError,\n } = useListFocusScoresQuery({\n variables: { limit: 30 },\n skip: !workspaceId,\n });\n\n const {\n data: summaryData,\n loading: summaryLoading,\n error: summaryError,\n } = useGetFocusScoreSummaryQuery({\n skip: !workspaceId,\n });\n\n const {\n data: todayData,\n loading: todayLoading,\n error: todayError,\n } = useGetTodayFocusScoreQuery({\n skip: !workspaceId,\n });\n\n const loading = scoresLoading \|\| summaryLoading \|\| todayLoading;\n const error = scoresError \|\| summaryError \|\| todayError;\n const today = todayData?.todayFocusScore;\n const summary = summaryData?.focusScoreSummary;\n const scores = scoresData?.focusScores ?? [];\n\n // Build focus components from today's score.\n const focusComponents = today\n ? [\n { label: \"Deep Work\", score: today.deepWorkScore ?? 0 },\n { label: \"Consistency\", score: today.consistencyScore ?? 0 },\n { label: \"Task Completion\", score: today.taskCompletionScore ?? 0 },\n {\n label: \"Distraction Resistance\",\n score: today.distractionResistanceScore ?? 0,\n },\n {\n label: \"Energy Management\",\n score: today.energyManagementScore ?? 0,\n },\n ]\n : [];\n\n // Real daily series (oldest → newest) for the trend chart.\n const trendData = [...scores]\n .sort(\n (a: FocusScoreFieldsFragment, b: FocusScoreFieldsFragment) =>\n new Date(a.date).getTime() - new Date(b.date).getTime(),\n )\n .map((s: FocusScoreFieldsFragment) => ({\n date: s.date,\n score: s.overallScore,\n }));\n\n // Honest, data-backed stats.\n const daysTracked = scores.length;\n const highFocusDays = scores.filter(\n (s: FocusScoreFieldsFragment) => s.overallScore >= 70,\n ).length;\n const averageScore =\n summary?.averageScore != null\n ? `${Math.round(summary.averageScore)}`\n : \"--\";\n const highestScore =\n summary?.highestScore != null\n ? `${Math.round(summary.highestScore)}`\n : \"--\";\n const trendText = summary?.trend\n ? summary.trend.charAt(0).toUpperCase() + summary.trend.slice(1)\n : undefined;\n\n const shortDate = (value: string \| number): string =>\n new Date(String(value)).toLocaleDateString(\"en-US\", {\n month: \"short\",\n day: \"numeric\",\n });\n\n if (loading) {\n return (\n <PageLayout\n title=\"Focus Score\"\n description=\"Measure and improve your focus\"\n >\n <LoadingSkeleton variant=\"card\" count={4} />\n </PageLayout>\n );\n }\n\n if (error) {\n return (\n <PageLayout\n title=\"Focus Score\"\n description=\"Measure and improve your focus\"\n >\n <div className=\"rounded-xl border border-status-error-border/50 bg-status-error-bg/10 p-4 text-sm text-status-error-text\">\n Failed to load focus score data. Please try again later.\n </div>\n </PageLayout>\n );\n }\n\n return (\n <PageLayout\n title=\"Focus Score\"\n description=\"Measure and improve your focus\"\n purpose=\"Get a single, honest number for how focused you were today — built from deep work, consistency, follow-through and distraction resistance — so you can see what's improving and what to work on next.\"\n >\n {/* KPI row /}\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n <StatCard\n featured\n title=\"Average Score\"\n value={averageScore}\n icon={<Brain className=\"h-5 w-5\" />}\n description={trendText ? `${trendText} trend` : undefined}\n iconBgColor=\"bg-status-info-bg text-status-info-text\"\n />\n <StatCard\n title=\"Highest Score\"\n value={highestScore}\n icon={<Shield className=\"h-5 w-5\" />}\n description=\"Personal best\"\n />\n <StatCard\n title=\"High-Focus Days\"\n value={String(highFocusDays)}\n icon={<Target className=\"h-5 w-5\" />}\n description=\"Scored 70+\"\n />\n <StatCard\n title=\"Days Tracked\"\n value={String(daysTracked)}\n icon={<TrendingUp className=\"h-5 w-5\" />}\n description=\"Last 30 days\"\n />\n </div>\n\n {/ Gauge + daily trend /}\n <div className=\"mt-6 grid grid-cols-1 gap-6 lg:grid-cols-3\">\n <ChartCard\n title=\"Current Focus Score\"\n description={\n today ? `As of ${formatDate(today.date)}` : \"No score today yet\"\n }\n actions={<Gauge className=\"h-4 w-4 text-text-secondary\" />}\n >\n {today ? (\n <div className=\"space-y-3\">\n <RadialGauge\n value={today.overallScore}\n min={0}\n max={100}\n label=\"out of 100\"\n sublabel={trendText ? `${trendText} trend` : undefined}\n thresholds={{ warning: 75, danger: 50 }}\n height={220}\n />\n {(summary?.topFactor \|\| summary?.improvementArea) && (\n <div className=\"flex flex-wrap items-center justify-center gap-2\">\n {summary?.topFactor && (\n <StatusBadge\n variant=\"success\"\n label={`Strength: ${summary.topFactor}`}\n />\n )}\n {summary?.improvementArea && (\n <StatusBadge\n variant=\"warning\"\n label={`Improve: ${summary.improvementArea}`}\n />\n )}\n </div>\n )}\n </div>\n ) : (\n <EmptyState\n illustration=\"empty-data\"\n title=\"No focus score recorded today\"\n description=\"Track some focused work today and your score will appear here.\"\n />\n )}\n </ChartCard>\n\n <ChartCard\n title=\"Daily Focus Trend\"\n description={\n daysTracked > 0\n ? `Overall score across your last ${daysTracked} tracked day${daysTracked === 1 ? \"\" : \"s\"}`\n : \"Your focus history over time\"\n }\n actions={<LineChart className=\"h-4 w-4 text-text-secondary\" />}\n className=\"lg:col-span-2\"\n >\n <TrendChart\n data={trendData}\n xKey=\"date\"\n series={[{ key: \"score\", label: \"Focus score\" }]}\n type=\"area\"\n height={260}\n xTickFormat={shortDate}\n emptyLabel=\"No focus history yet — track focused work to build your trend.\"\n ariaLabel=\"Daily overall focus score over time\"\n />\n </ChartCard>\n </div>\n\n {/ Factor breakdown */}\n <GlassCard treatment=\"glass\" glow className=\"mt-6 p-6\">\n <h3 className=\"mb-4 text-sm font-semibold text-text-primary\">\n Focus Components\n </h3>\n {focusComponents.length === 0 ? (\n <EmptyState\n illustration=\"empty-data\"\n title=\"No focus score recorded today\"\n description=\"Track some focused work today and your score breakdown will appear here.\"\n />\n ) : (\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n {focusComponents.map((component) => (\n <div\n key={component.label}\n className=\"rounded-xl border border-border-seam bg-bg-sunken/40 p-4\"\n >\n <div className=\"flex items-center justify-between\">\n <span className=\"text-sm font-medium text-text-primary\">\n {component.label}\n </span>\n <span className=\"text-lg font-bold tabular-nums text-text-primary\">\n {component.score}\n </span>\n </div>\n <ProgressMeter\n value={component.score}\n max={100}\n higherIsWorse={false}\n showValue={false}\n size=\"md\"\n className=\"mt-2.5\"\n />\n </div>\n ))}\n </div>\n )}\n </GlassCard>\n </PageLayout>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AA6BA,SAAgB,IAAiB;CAC/B,IAAM,EAAE,iBAAc,OAAO,GAAe,EAEtC,EACJ,MAAM,GACN,SAAS,GACT,OAAO,MACL,EAAwB;EAC1B,WAAW,EAAE,OAAO,IAAI;EACxB,MAAM,CAAC;EACR,CAAC,EAEI,EACJ,MAAM,GACN,SAAS,GACT,OAAO,MACL,EAA6B,EAC/B,MAAM,CAAC,GACR,CAAC,EAEI,EACJ,MAAM,GACN,SAAS,GACT,OAAO,MACL,EAA2B,EAC7B,MAAM,CAAC,GACR,CAAC,EAEI,IAAU,KAAiB,KAAkB,GAC7C,IAAQ,KAAe,KAAgB,GACvC,IAAQ,GAAW,iBACnB,IAAU,GAAa,mBACvB,IAAS,GAAY,eAAe,EAAE,EAGtC,IAAkB,IACpB;EACE;GAAE,OAAO;GAAa,OAAO,EAAM,iBAAiB;GAAG;EACvD;GAAE,OAAO;GAAe,OAAO,EAAM,oBAAoB;GAAG;EAC5D;GAAE,OAAO;GAAmB,OAAO,EAAM,uBAAuB;GAAG;EACnE;GACE,OAAO;GACP,OAAO,EAAM,8BAA8B;GAC5C;EACD;GACE,OAAO;GACP,OAAO,EAAM,yBAAyB;GACvC;EACF,GACD,EAAE,EAGA,IAAY,CAAC,GAAG,EAAO,CAC1B,MACE,GAA6B,MAC5B,IAAI,KAAK,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI,KAAK,EAAE,KAAK,CAAC,SAAS,CAC1D,CACA,KAAK,OAAiC;EACrC,MAAM,EAAE;EACR,OAAO,EAAE;EACV,EAAE,EAGC,IAAc,EAAO,QACrB,IAAgB,EAAO,QAC1B,MAAgC,EAAE,gBAAgB,GACpD,CAAC,QACI,IACJ,GAAS,gBAAgB,OAErB,OADA,GAAG,KAAK,MAAM,EAAQ,aAAa,IAEnC,IACJ,GAAS,gBAAgB,OAErB,OADA,GAAG,KAAK,MAAM,EAAQ,aAAa,IAEnC,IAAY,GAAS,QACvB,EAAQ,MAAM,OAAO,EAAE,CAAC,aAAa,GAAG,EAAQ,MAAM,MAAM,EAAE,GAC9D,KAAA;AAgCJ,QAxBI,IAEA,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,GAAD;GAAiB,SAAQ;GAAO,OAAO;GAAK,CAAA;EACjC,CAAA,GAIb,IAEA,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,OAAD;GAAK,WAAU;aAA2G;GAEpH,CAAA;EACK,CAAA,GAKf,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SAAQ;YAHV;GAME,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD;MACE,UAAA;MACA,OAAM;MACN,OAAO;MACP,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;MACnC,aAAa,IAAY,GAAG,EAAU,UAAU,KAAA;MAChD,aAAY;MACZ,CAAA;KACF,kBAAC,GAAD;MACE,OAAM;MACN,OAAO;MACP,MAAM,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA;MACpC,aAAY;MACZ,CAAA;KACF,kBAAC,GAAD;MACE,OAAM;MACN,OAAO,OAAO,EAAc;MAC5B,MAAM,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA;MACpC,aAAY;MACZ,CAAA;KACF,kBAAC,GAAD;MACE,OAAM;MACN,OAAO,OAAO,EAAY;MAC1B,MAAM,kBAAC,GAAD,EAAY,WAAU,WAAY,CAAA;MACxC,aAAY;MACZ,CAAA;KACE;;GAGN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KACE,OAAM;KACN,aACE,IAAQ,SAAS,EAAW,EAAM,KAAK,KAAK;KAE9C,SAAS,kBAAC,GAAD,EAAO,WAAU,+BAAgC,CAAA;eAEzD,IACC,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD;OACE,OAAO,EAAM;OACb,KAAK;OACL,KAAK;OACL,OAAM;OACN,UAAU,IAAY,GAAG,EAAU,UAAU,KAAA;OAC7C,YAAY;QAAE,SAAS;QAAI,QAAQ;QAAI;OACvC,QAAQ;OACR,CAAA,GACA,GAAS,aAAa,GAAS,oBAC/B,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACG,GAAS,aACR,kBAAC,GAAD;QACE,SAAQ;QACR,OAAO,aAAa,EAAQ;QAC5B,CAAA,EAEH,GAAS,mBACR,kBAAC,GAAD;QACE,SAAQ;QACR,OAAO,YAAY,EAAQ;QAC3B,CAAA,CAEA;SAEJ;UAEN,kBAAC,GAAD;MACE,cAAa;MACb,OAAM;MACN,aAAY;MACZ,CAAA;KAEM,CAAA,EAEZ,kBAAC,GAAD;KACE,OAAM;KACN,aACE,IAAc,IACV,kCAAkC,EAAY,cAAc,MAAgB,IAAI,KAAK,QACrF;KAEN,SAAS,kBAAC,GAAD,EAAW,WAAU,+BAAgC,CAAA;KAC9D,WAAU;eAEV,kBAAC,GAAD;MACE,MAAM;MACN,MAAK;MACL,QAAQ,CAAC;OAAE,KAAK;OAAS,OAAO;OAAe,CAAC;MAChD,MAAK;MACL,QAAQ;MACR,cAhIS,MACjB,IAAI,KAAK,OAAO,EAAM,CAAC,CAAC,mBAAmB,SAAS;OAClD,OAAO;OACP,KAAK;OACN,CAAC;MA6HM,YAAW;MACX,WAAU;MACV,CAAA;KACQ,CAAA,CACR;;GAGN,kBAAC,GAAD;IAAW,WAAU;IAAQ,MAAA;IAAK,WAAU;cAA5C,CACE,kBAAC,MAAD;KAAI,WAAU;eAA+C;KAExD,CAAA,EACJ,EAAgB,WAAW,IAC1B,kBAAC,GAAD;KACE,cAAa;KACb,OAAM;KACN,aAAY;KACZ,CAAA,GAEF,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAgB,KAAK,MACpB,kBAAC,OAAD;MAEE,WAAU;gBAFZ,CAIE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,QAAD;QAAM,WAAU;kBACb,EAAU;QACN,CAAA,EACP,kBAAC,QAAD;QAAM,WAAU;kBACb,EAAU;QACN,CAAA,CACH;UACN,kBAAC,GAAD;OACE,OAAO,EAAU;OACjB,KAAK;OACL,eAAe;OACf,WAAW;OACX,MAAK;OACL,WAAU;OACV,CAAA,CACE;QAnBC,EAAU,MAmBX,CACN;KACE,CAAA,CAEE;;GACD"}
1	+ {"version":3,"file":"FocusScorePage.js","names":[],"sources":["../../../../src/timecampus/pages/focus-score/FocusScorePage.tsx"],"sourcesContent":["import {\n Brain,\n Target,\n TrendingUp,\n Shield,\n Gauge,\n LineChart,\n} from \"lucide-react\";\nimport { GlassCard } from \"@burdenoff/fe-libs/ui\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { StatCard } from \"../../components/StatCard\";\nimport { EmptyState } from \"../../components/EmptyState\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport {\n StatusBadge,\n ChartCard,\n RadialGauge,\n TrendChart,\n ProgressMeter,\n} from \"../../components\";\nimport { formatDate } from \"../../utils/helpers\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n useListFocusScoresQuery,\n useGetFocusScoreSummaryQuery,\n useGetTodayFocusScoreQuery,\n type FocusScoreFieldsFragment,\n} from \"@/generated/wspace-operations\";\n\nexport function FocusScorePage() {\n const { workspaceId = \"\" } = useTimeCampus();\n\n const {\n data: scoresData,\n loading: scoresLoading,\n error: scoresError,\n } = useListFocusScoresQuery({\n variables: { pagination: { limit: 30 } },\n skip: !workspaceId,\n });\n\n const {\n data: summaryData,\n loading: summaryLoading,\n error: summaryError,\n } = useGetFocusScoreSummaryQuery({\n skip: !workspaceId,\n });\n\n const {\n data: todayData,\n loading: todayLoading,\n error: todayError,\n } = useGetTodayFocusScoreQuery({\n skip: !workspaceId,\n });\n\n const loading = scoresLoading \|\| summaryLoading \|\| todayLoading;\n const error = scoresError \|\| summaryError \|\| todayError;\n const today = todayData?.todayFocusScore;\n const summary = summaryData?.focusScoreSummary;\n const scores = scoresData?.focusScores ?? [];\n\n // Build focus components from today's score.\n const focusComponents = today\n ? [\n { label: \"Deep Work\", score: today.deepWorkScore ?? 0 },\n { label: \"Consistency\", score: today.consistencyScore ?? 0 },\n { label: \"Task Completion\", score: today.taskCompletionScore ?? 0 },\n {\n label: \"Distraction Resistance\",\n score: today.distractionResistanceScore ?? 0,\n },\n {\n label: \"Energy Management\",\n score: today.energyManagementScore ?? 0,\n },\n ]\n : [];\n\n // Real daily series (oldest → newest) for the trend chart.\n const trendData = [...scores]\n .sort(\n (a: FocusScoreFieldsFragment, b: FocusScoreFieldsFragment) =>\n new Date(a.date).getTime() - new Date(b.date).getTime(),\n )\n .map((s: FocusScoreFieldsFragment) => ({\n date: s.date,\n score: s.overallScore,\n }));\n\n // Honest, data-backed stats.\n const daysTracked = scores.length;\n const highFocusDays = scores.filter(\n (s: FocusScoreFieldsFragment) => s.overallScore >= 70,\n ).length;\n const averageScore =\n summary?.averageScore != null\n ? `${Math.round(summary.averageScore)}`\n : \"--\";\n const highestScore =\n summary?.highestScore != null\n ? `${Math.round(summary.highestScore)}`\n : \"--\";\n const trendText = summary?.trend\n ? summary.trend.charAt(0).toUpperCase() + summary.trend.slice(1)\n : undefined;\n\n const shortDate = (value: string \| number): string =>\n new Date(String(value)).toLocaleDateString(\"en-US\", {\n month: \"short\",\n day: \"numeric\",\n });\n\n if (loading) {\n return (\n <PageLayout\n title=\"Focus Score\"\n description=\"Measure and improve your focus\"\n >\n <LoadingSkeleton variant=\"card\" count={4} />\n </PageLayout>\n );\n }\n\n if (error) {\n return (\n <PageLayout\n title=\"Focus Score\"\n description=\"Measure and improve your focus\"\n >\n <div className=\"rounded-xl border border-status-error-border/50 bg-status-error-bg/10 p-4 text-sm text-status-error-text\">\n Failed to load focus score data. Please try again later.\n </div>\n </PageLayout>\n );\n }\n\n return (\n <PageLayout\n title=\"Focus Score\"\n description=\"Measure and improve your focus\"\n purpose=\"Get a single, honest number for how focused you were today — built from deep work, consistency, follow-through and distraction resistance — so you can see what's improving and what to work on next.\"\n >\n {/* KPI row /}\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n <StatCard\n featured\n title=\"Average Score\"\n value={averageScore}\n icon={<Brain className=\"h-5 w-5\" />}\n description={trendText ? `${trendText} trend` : undefined}\n iconBgColor=\"bg-status-info-bg text-status-info-text\"\n />\n <StatCard\n title=\"Highest Score\"\n value={highestScore}\n icon={<Shield className=\"h-5 w-5\" />}\n description=\"Personal best\"\n />\n <StatCard\n title=\"High-Focus Days\"\n value={String(highFocusDays)}\n icon={<Target className=\"h-5 w-5\" />}\n description=\"Scored 70+\"\n />\n <StatCard\n title=\"Days Tracked\"\n value={String(daysTracked)}\n icon={<TrendingUp className=\"h-5 w-5\" />}\n description=\"Last 30 days\"\n />\n </div>\n\n {/ Gauge + daily trend /}\n <div className=\"mt-6 grid grid-cols-1 gap-6 lg:grid-cols-3\">\n <ChartCard\n title=\"Current Focus Score\"\n description={\n today ? `As of ${formatDate(today.date)}` : \"No score today yet\"\n }\n actions={<Gauge className=\"h-4 w-4 text-text-secondary\" />}\n >\n {today ? (\n <div className=\"space-y-3\">\n <RadialGauge\n value={today.overallScore}\n min={0}\n max={100}\n label=\"out of 100\"\n sublabel={trendText ? `${trendText} trend` : undefined}\n thresholds={{ warning: 75, danger: 50 }}\n height={220}\n />\n {(summary?.topFactor \|\| summary?.improvementArea) && (\n <div className=\"flex flex-wrap items-center justify-center gap-2\">\n {summary?.topFactor && (\n <StatusBadge\n variant=\"success\"\n label={`Strength: ${summary.topFactor}`}\n />\n )}\n {summary?.improvementArea && (\n <StatusBadge\n variant=\"warning\"\n label={`Improve: ${summary.improvementArea}`}\n />\n )}\n </div>\n )}\n </div>\n ) : (\n <EmptyState\n illustration=\"empty-data\"\n title=\"No focus score recorded today\"\n description=\"Track some focused work today and your score will appear here.\"\n />\n )}\n </ChartCard>\n\n <ChartCard\n title=\"Daily Focus Trend\"\n description={\n daysTracked > 0\n ? `Overall score across your last ${daysTracked} tracked day${daysTracked === 1 ? \"\" : \"s\"}`\n : \"Your focus history over time\"\n }\n actions={<LineChart className=\"h-4 w-4 text-text-secondary\" />}\n className=\"lg:col-span-2\"\n >\n <TrendChart\n data={trendData}\n xKey=\"date\"\n series={[{ key: \"score\", label: \"Focus score\" }]}\n type=\"area\"\n height={260}\n xTickFormat={shortDate}\n emptyLabel=\"No focus history yet — track focused work to build your trend.\"\n ariaLabel=\"Daily overall focus score over time\"\n />\n </ChartCard>\n </div>\n\n {/ Factor breakdown */}\n <GlassCard treatment=\"glass\" glow className=\"mt-6 p-6\">\n <h3 className=\"mb-4 text-sm font-semibold text-text-primary\">\n Focus Components\n </h3>\n {focusComponents.length === 0 ? (\n <EmptyState\n illustration=\"empty-data\"\n title=\"No focus score recorded today\"\n description=\"Track some focused work today and your score breakdown will appear here.\"\n />\n ) : (\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n {focusComponents.map((component) => (\n <div\n key={component.label}\n className=\"rounded-xl border border-border-seam bg-bg-sunken/40 p-4\"\n >\n <div className=\"flex items-center justify-between\">\n <span className=\"text-sm font-medium text-text-primary\">\n {component.label}\n </span>\n <span className=\"text-lg font-bold tabular-nums text-text-primary\">\n {component.score}\n </span>\n </div>\n <ProgressMeter\n value={component.score}\n max={100}\n higherIsWorse={false}\n showValue={false}\n size=\"md\"\n className=\"mt-2.5\"\n />\n </div>\n ))}\n </div>\n )}\n </GlassCard>\n </PageLayout>\n );\n}\n"],"mappings":"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"}

package/dist/timecampus/pages/geofencing/GeofencingPage.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"GeofencingPage.d.ts","sourceRoot":"","sources":["../../../../src/timecampus/pages/geofencing/GeofencingPage.tsx"],"names":[],"mappings":"AA4GA,wBAAgB,cAAc,~~gCAslB7B~~"}
1	+ {"version":3,"file":"GeofencingPage.d.ts","sourceRoot":"","sources":["../../../../src/timecampus/pages/geofencing/GeofencingPage.tsx"],"names":[],"mappings":"AA4GA,wBAAgB,cAAc,gCAwlB7B"}

package/dist/timecampus/pages/geofencing/GeofencingPage.js CHANGED Viewed

@@ -37,10 +37,10 @@ function O({ checked: t, onChange: n, label: r, disabled: i }) {
 	});
 }
 function k() {
-	let { data: k, loading: ae, error: oe, refetch: A, fetchMore: j } = o({ variables: {
+	let { data: k, loading: ae, error: oe, refetch: A, fetchMore: j } = o({ variables: { pagination: {
 		limit: T,
 		offset: 0
-	} }), [M, { loading: N, error: se }] = i(), [P, { loading: F, error: ce }] = c(), [le, { loading: I }] = a(), [L] = s(), [R, z] = g(!1), [B, V] = g(null), [H, U] = g(E), [W, G] = g(null), [K, q] = g(!1), J = k?.geofences?.items ?? [], ue = k?.geofences?.hasMore ?? !1, de = k?.geofences?.total ?? J.length, fe = J.filter((e) => e.isActive).length, Y = 0, X = 0;
+	} } }), [M, { loading: N, error: se }] = i(), [P, { loading: F, error: ce }] = c(), [le, { loading: I }] = a(), [L] = s(), [R, z] = g(!1), [B, V] = g(null), [H, U] = g(E), [W, G] = g(null), [K, q] = g(!1), J = k?.geofences?.items ?? [], ue = k?.geofences?.hasMore ?? !1, de = k?.geofences?.total ?? J.length, fe = J.filter((e) => e.isActive).length, Y = 0, X = 0;
 	for (let e of J) for (let t of e.events) t.type === m.Enter ? Y += 1 : X += 1;
 	let pe = [
 		{
@@ -103,10 +103,10 @@ function k() {
 		q(!0);
 		try {
 			await j({
-				variables: {
+				variables: { pagination: {
 					limit: T,
 					offset: J.length
-				},
+				} },
 				updateQuery: (e, { fetchMoreResult: t }) => t ? { geofences: {
 					...t.geofences,
 					items: [...e.geofences.items, ...t.geofences.items]