@burdenoff/microfe-timecampus 2026.703.4 → 2026.703.5

package/dist/timecampus/pages/widgets/WidgetsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetsPage.js","names":[],"sources":["../../../../src/timecampus/pages/widgets/WidgetsPage.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { LayoutGrid, Plus, Trash2 } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { EmptyState } from \"../../components/EmptyState\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { Modal } from \"../../components/Modal\";\nimport { useTimeCampusNavigate } from \"../../providers/TimeCampusProvider\";\nimport {\n  useListConfigurationsQuery,\n  useSetConfigurationMutation,\n  useDeleteConfigurationMutation,\n  type ConfigurationFieldsFragment,\n} from \"@/generated/wspace-operations\";\nimport { TimeCampusConfigScope } from \"@/generated/wspace-types\";\n\nconst WIDGET_TYPES = [\n  { value: \"timer\", label: \"Active timer\" },\n  { value: \"project-progress\", label: \"Project progress\" },\n  { value: \"focus-score\", label: \"Focus score\" },\n  { value: \"team-stats\", label: \"Team stats\" },\n  { value: \"billable-hours\", label: \"Billable hours\" },\n  { value: \"recent-entries\", label: \"Recent time entries\" },\n];\n\nfunction widgetTypeLabel(value: string): string {\n  return WIDGET_TYPES.find((t) => t.value === value)?.label ?? value;\n}\n\nexport function WidgetsPage() {\n  const navigate = useTimeCampusNavigate();\n\n  const { data, loading, error, refetch } = useListConfigurationsQuery({\n    variables: { scope: TimeCampusConfigScope.Workspace },\n  });\n\n  const [setConfiguration, { loading: creating, error: createError }] =\n    useSetConfigurationMutation();\n  const [deleteConfiguration] = useDeleteConfigurationMutation();\n\n  const [modalOpen, setModalOpen] = useState(false);\n  const [name, setName] = useState(\"\");\n  const [type, setType] = useState(WIDGET_TYPES[0].value);\n  const [description, setDescription] = useState(\"\");\n  const [deletingId, setDeletingId] = useState<string | null>(null);\n\n  const configurations = data?.configurations ?? [];\n  const widgets = configurations.filter((c: ConfigurationFieldsFragment) =>\n    c.key.startsWith(\"widget.\"),\n  );\n\n  const resetForm = () => {\n    setName(\"\");\n    setType(WIDGET_TYPES[0].value);\n    setDescription(\"\");\n  };\n\n  const openModal = () => {\n    resetForm();\n    setModalOpen(true);\n  };\n\n  const handleCreate = async () => {\n    if (!name.trim()) return;\n    const id =\n      typeof crypto !== \"undefined\" && \"randomUUID\" in crypto\n        ? crypto.randomUUID()\n        : `${Date.now()}`;\n    const trimmedDescription = description.trim();\n    await setConfiguration({\n      variables: {\n        input: {\n          key: `widget.${id}`,\n          scope: TimeCampusConfigScope.Workspace,\n          value: {\n            name: name.trim(),\n            type,\n            description: trimmedDescription || undefined,\n            createdAt: new Date().toISOString(),\n          },\n          description: trimmedDescription || undefined,\n        },\n      },\n    });\n    await refetch();\n    setModalOpen(false);\n    resetForm();\n  };\n\n  const handleDelete = async (id: string) => {\n    setDeletingId(id);\n    try {\n      await deleteConfiguration({ variables: { id } });\n      await refetch();\n    } finally {\n      setDeletingId(null);\n    }\n  };\n\n  if (loading) {\n    return (\n      <PageLayout\n        title=\"Widgets\"\n        description=\"Customize your dashboard with widgets\"\n      >\n        <LoadingSkeleton variant=\"card\" count={6} />\n      </PageLayout>\n    );\n  }\n\n  if (error) {\n    return (\n      <PageLayout\n        title=\"Widgets\"\n        description=\"Customize your dashboard with widgets\"\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 widget configurations. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Widgets\"\n      description=\"Customize your dashboard with widgets\"\n      purpose=\"Build a dashboard that shows what you care about — define widgets for timers, projects, focus and team stats so your most important numbers are the first thing you see. Each widget you create is saved to your workspace configuration.\"\n      actions={\n        <button\n          type=\"button\"\n          onClick={openModal}\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          Create Widget\n        </button>\n      }\n    >\n      {widgets.length === 0 ? (\n        <EmptyState\n          illustration=\"empty-generic\"\n          title=\"No widgets configured yet\"\n          description=\"Add your first widget to start customising your dashboard — widgets are stored as workspace configurations and appear here.\"\n          action={\n            <button\n              type=\"button\"\n              onClick={openModal}\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              Create Widget\n            </button>\n          }\n        />\n      ) : (\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n          {widgets.map((widget: ConfigurationFieldsFragment) => {\n            const val = widget.value as Record<string, unknown>;\n            const widgetName =\n              (val.name as string) ?? widget.key.replace(\"widget.\", \"\");\n            const widgetType = (val.type as string) ?? \"timer\";\n            const widgetDescription =\n              (val.description as string) ?? widget.description ?? \"\";\n\n            return (\n              <div\n                key={widget.id}\n                role=\"button\"\n                tabIndex={0}\n                onClick={() => navigate(`/widgets/${widget.id}`)}\n                onKeyDown={(e) => {\n                  if (e.key === \"Enter\" || e.key === \" \") {\n                    e.preventDefault();\n                    navigate(`/widgets/${widget.id}`);\n                  }\n                }}\n                className=\"cursor-pointer rounded-xl border border-border-seam bg-gloss-card p-5 shadow-pop transition-colors hover:bg-bg-sunken/50\"\n              >\n                <div className=\"flex items-start justify-between gap-3\">\n                  <div className=\"flex min-w-0 items-center gap-3\">\n                    <div className=\"flex h-10 w-10 items-center justify-center rounded-lg bg-action-primary-bg/10\">\n                      <LayoutGrid className=\"h-5 w-5 text-primary\" />\n                    </div>\n                    <div className=\"min-w-0\">\n                      <p className=\"truncate text-sm font-semibold text-text-primary\">\n                        {widgetName}\n                      </p>\n                      <p className=\"text-xs text-text-secondary\">\n                        {widgetTypeLabel(widgetType)}\n                      </p>\n                    </div>\n                  </div>\n                  <button\n                    type=\"button\"\n                    aria-label={`Delete ${widgetName}`}\n                    disabled={deletingId === widget.id}\n                    onClick={(e) => {\n                      e.stopPropagation();\n                      void handleDelete(widget.id);\n                    }}\n                    className=\"rounded-md p-1.5 text-text-secondary hover:bg-bg-sunken hover:text-status-error-text disabled:opacity-50\"\n                  >\n                    <Trash2 className=\"h-4 w-4\" />\n                  </button>\n                </div>\n                {widgetDescription && (\n                  <p className=\"mt-3 line-clamp-2 text-xs text-text-secondary\">\n                    {widgetDescription}\n                  </p>\n                )}\n              </div>\n            );\n          })}\n        </div>\n      )}\n\n      <Modal\n        open={modalOpen}\n        onClose={() => setModalOpen(false)}\n        title=\"Create Widget\"\n        description=\"Define a dashboard widget for your workspace.\"\n        footer={\n          <>\n            <button\n              type=\"button\"\n              onClick={() => setModalOpen(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              type=\"button\"\n              onClick={handleCreate}\n              disabled={creating || !name.trim()}\n              className=\"rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 disabled:opacity-50\"\n            >\n              {creating ? \"Creating...\" : \"Create Widget\"}\n            </button>\n          </>\n        }\n      >\n        {createError && (\n          <div className=\"mb-4 rounded-lg border border-status-error-bg/40 bg-status-error-bg p-3 text-sm text-status-error-text\">\n            Failed to create widget. Please try again.\n          </div>\n        )}\n        <div className=\"space-y-4\">\n          <div>\n            <label className=\"block text-sm font-medium text-text-primary\">\n              Widget Name\n            </label>\n            <input\n              type=\"text\"\n              placeholder=\"e.g. This week's billable hours\"\n              value={name}\n              onChange={(e) => setName(e.target.value)}\n              className=\"mt-1 w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary\"\n            />\n          </div>\n          <div>\n            <label className=\"block text-sm font-medium text-text-primary\">\n              Metric\n            </label>\n            <select\n              value={type}\n              onChange={(e) => setType(e.target.value)}\n              className=\"mt-1 w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary\"\n            >\n              {WIDGET_TYPES.map((t) => (\n                <option key={t.value} value={t.value}>\n                  {t.label}\n                </option>\n              ))}\n            </select>\n          </div>\n          <div>\n            <label className=\"block text-sm font-medium text-text-primary\">\n              Description\n              <span className=\"ml-1 font-normal text-text-secondary\">\n                (optional)\n              </span>\n            </label>\n            <textarea\n              placeholder=\"What this widget shows\"\n              rows={3}\n              value={description}\n              onChange={(e) => setDescription(e.target.value)}\n              className=\"mt-1 w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary\"\n            />\n          </div>\n        </div>\n      </Modal>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"WidgetsPage.js","names":[],"sources":["../../../../src/timecampus/pages/widgets/WidgetsPage.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport {\n  LayoutGrid,\n  Plus,\n  Trash2,\n  ArrowRight,\n  Timer,\n  FolderKanban,\n  Brain,\n  Users,\n  CircleDollarSign,\n  Clock,\n  Layers,\n  FileText,\n  type LucideIcon,\n} from \"lucide-react\";\nimport { GlassCard } from \"@burdenoff/fe-libs/ui\";\nimport {\n  PageLayout,\n  EmptyState,\n  LoadingSkeleton,\n  Modal,\n  StatCard,\n  StatusBadge,\n  ChartCard,\n  DonutChart,\n} from \"../../components\";\nimport { formatDate } from \"../../utils/helpers\";\nimport { useTimeCampusNavigate } from \"../../providers/TimeCampusProvider\";\nimport {\n  useListConfigurationsQuery,\n  useSetConfigurationMutation,\n  useDeleteConfigurationMutation,\n  type ConfigurationFieldsFragment,\n} from \"@/generated/wspace-operations\";\nimport { TimeCampusConfigScope } from \"@/generated/wspace-types\";\n\nconst WIDGET_TYPES = [\n  { value: \"timer\", label: \"Active timer\" },\n  { value: \"project-progress\", label: \"Project progress\" },\n  { value: \"focus-score\", label: \"Focus score\" },\n  { value: \"team-stats\", label: \"Team stats\" },\n  { value: \"billable-hours\", label: \"Billable hours\" },\n  { value: \"recent-entries\", label: \"Recent time entries\" },\n];\n\nconst WIDGET_TYPE_ICONS: Record<string, LucideIcon> = {\n  timer: Timer,\n  \"project-progress\": FolderKanban,\n  \"focus-score\": Brain,\n  \"team-stats\": Users,\n  \"billable-hours\": CircleDollarSign,\n  \"recent-entries\": Clock,\n};\n\nfunction widgetTypeLabel(value: string): string {\n  return WIDGET_TYPES.find((t) => t.value === value)?.label ?? value;\n}\n\nfunction widgetTypeIcon(value: string): LucideIcon {\n  return WIDGET_TYPE_ICONS[value] ?? LayoutGrid;\n}\n\nexport function WidgetsPage() {\n  const navigate = useTimeCampusNavigate();\n\n  const { data, loading, error, refetch } = useListConfigurationsQuery({\n    variables: { scope: TimeCampusConfigScope.Workspace },\n  });\n\n  const [setConfiguration, { loading: creating, error: createError }] =\n    useSetConfigurationMutation();\n  const [deleteConfiguration] = useDeleteConfigurationMutation();\n\n  const [modalOpen, setModalOpen] = useState(false);\n  const [name, setName] = useState(\"\");\n  const [type, setType] = useState(WIDGET_TYPES[0].value);\n  const [description, setDescription] = useState(\"\");\n  const [deletingId, setDeletingId] = useState<string | null>(null);\n\n  const configurations: ConfigurationFieldsFragment[] =\n    data?.timeCampusConfigurations ?? [];\n  const widgets = configurations.filter((c: ConfigurationFieldsFragment) =>\n    c.key.startsWith(\"widget.\"),\n  );\n\n  // Real, derived aggregates over the widget definitions the page already loads.\n  const typeCounts = widgets.reduce<Record<string, number>>((acc, widget) => {\n    const val = (widget.value as Record<string, unknown>) ?? {};\n    const t = (val.type as string) ?? \"timer\";\n    acc[t] = (acc[t] ?? 0) + 1;\n    return acc;\n  }, {});\n  const distinctTypes = Object.keys(typeCounts).length;\n  const documentedCount = widgets.filter((widget) => {\n    const val = (widget.value as Record<string, unknown>) ?? {};\n    return Boolean((val.description as string) ?? widget.description);\n  }).length;\n  const mixData = Object.entries(typeCounts)\n    .sort((a, b) => b[1] - a[1])\n    .map(([t, count]) => ({ name: widgetTypeLabel(t), value: count }));\n\n  const resetForm = () => {\n    setName(\"\");\n    setType(WIDGET_TYPES[0].value);\n    setDescription(\"\");\n  };\n\n  const openModal = () => {\n    resetForm();\n    setModalOpen(true);\n  };\n\n  const handleCreate = async () => {\n    if (!name.trim()) return;\n    const id =\n      typeof crypto !== \"undefined\" && \"randomUUID\" in crypto\n        ? crypto.randomUUID()\n        : `${Date.now()}`;\n    const trimmedDescription = description.trim();\n    await setConfiguration({\n      variables: {\n        input: {\n          key: `widget.${id}`,\n          scope: TimeCampusConfigScope.Workspace,\n          value: {\n            name: name.trim(),\n            type,\n            description: trimmedDescription || undefined,\n            createdAt: new Date().toISOString(),\n          },\n          description: trimmedDescription || undefined,\n        },\n      },\n    });\n    await refetch();\n    setModalOpen(false);\n    resetForm();\n  };\n\n  const handleDelete = async (id: string) => {\n    setDeletingId(id);\n    try {\n      await deleteConfiguration({ variables: { id } });\n      await refetch();\n    } finally {\n      setDeletingId(null);\n    }\n  };\n\n  if (loading) {\n    return (\n      <PageLayout\n        title=\"Widgets\"\n        description=\"Customize your dashboard with widgets\"\n      >\n        <LoadingSkeleton variant=\"card\" count={6} />\n      </PageLayout>\n    );\n  }\n\n  if (error) {\n    return (\n      <PageLayout\n        title=\"Widgets\"\n        description=\"Customize your dashboard with widgets\"\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 widget configurations. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  const createButton = (\n    <button\n      type=\"button\"\n      onClick={openModal}\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      Create Widget\n    </button>\n  );\n\n  return (\n    <PageLayout\n      title=\"Widgets\"\n      description=\"Customize your dashboard with widgets\"\n      purpose=\"Build a dashboard that shows what you care about — define widgets for timers, projects, focus and team stats so your most important numbers are the first thing you see. Each widget you create is saved to your workspace configuration.\"\n      actions={createButton}\n    >\n      {widgets.length === 0 ? (\n        <EmptyState\n          illustration=\"empty-generic\"\n          title=\"No widgets configured yet\"\n          description=\"Add your first widget to start customising your dashboard — widgets are stored as workspace configurations and appear here.\"\n          action={createButton}\n        />\n      ) : (\n        <div className=\"space-y-6\">\n          {/* KPI summary — derived from the widget definitions above */}\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-3\">\n            <StatCard\n              featured\n              title=\"Widgets\"\n              value={widgets.length}\n              icon={<LayoutGrid className=\"h-5 w-5\" />}\n              description=\"On your dashboard\"\n            />\n            <StatCard\n              title=\"Metric Types\"\n              value={distinctTypes}\n              icon={<Layers className=\"h-5 w-5\" />}\n              description=\"Distinct metrics\"\n              iconBgColor=\"bg-status-info-bg text-status-info-text\"\n            />\n            <StatCard\n              title=\"Documented\"\n              value={documentedCount}\n              icon={<FileText className=\"h-5 w-5\" />}\n              description=\"Have a description\"\n              iconBgColor=\"bg-status-success-bg text-status-success-text\"\n            />\n          </div>\n\n          {/* Composition ring + widget gallery */}\n          <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-3\">\n            <ChartCard\n              title=\"Dashboard composition\"\n              description=\"Widgets by metric\"\n              className=\"lg:col-span-1\"\n            >\n              <DonutChart\n                data={mixData}\n                centerLabel=\"Widgets\"\n                centerValue={widgets.length}\n                height={240}\n                ariaLabel=\"Widgets grouped by metric type\"\n                emptyLabel=\"No widgets to summarise yet.\"\n              />\n            </ChartCard>\n\n            <div className=\"lg:col-span-2\">\n              <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n                {widgets.map((widget: ConfigurationFieldsFragment) => {\n                  const val = (widget.value as Record<string, unknown>) ?? {};\n                  const widgetName =\n                    (val.name as string) ?? widget.key.replace(\"widget.\", \"\");\n                  const widgetType = (val.type as string) ?? \"timer\";\n                  const widgetDescription =\n                    (val.description as string) ?? widget.description ?? \"\";\n                  const createdAt = val.createdAt as string | undefined;\n                  const Icon = widgetTypeIcon(widgetType);\n\n                  return (\n                    <GlassCard\n                      key={widget.id}\n                      treatment=\"glass\"\n                      role=\"button\"\n                      tabIndex={0}\n                      onClick={() => navigate(`/widgets/${widget.id}`)}\n                      onKeyDown={(e) => {\n                        if (e.key === \"Enter\" || e.key === \" \") {\n                          e.preventDefault();\n                          navigate(`/widgets/${widget.id}`);\n                        }\n                      }}\n                      className=\"flex cursor-pointer flex-col p-5\"\n                    >\n                      <div className=\"flex items-start justify-between gap-3\">\n                        <div className=\"flex min-w-0 items-center gap-3\">\n                          <div className=\"flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-action-primary-bg/10 text-primary\">\n                            <Icon className=\"h-5 w-5\" />\n                          </div>\n                          <div className=\"min-w-0\">\n                            <p className=\"truncate text-sm font-semibold text-text-primary\">\n                              {widgetName}\n                            </p>\n                            <div className=\"mt-1\">\n                              <StatusBadge\n                                variant=\"default\"\n                                label={widgetTypeLabel(widgetType)}\n                              />\n                            </div>\n                          </div>\n                        </div>\n                        <button\n                          type=\"button\"\n                          aria-label={`Delete ${widgetName}`}\n                          disabled={deletingId === widget.id}\n                          onClick={(e) => {\n                            e.stopPropagation();\n                            void handleDelete(widget.id);\n                          }}\n                          className=\"rounded-md p-1.5 text-text-secondary hover:bg-bg-sunken hover:text-status-error-text disabled:opacity-50\"\n                        >\n                          <Trash2 className=\"h-4 w-4\" />\n                        </button>\n                      </div>\n                      {widgetDescription && (\n                        <p className=\"mt-3 line-clamp-2 text-xs text-text-secondary\">\n                          {widgetDescription}\n                        </p>\n                      )}\n                      <div className=\"mt-4 flex items-center justify-between border-t border-border-seam pt-3\">\n                        <span className=\"text-xs text-text-secondary\">\n                          {createdAt\n                            ? `Added ${formatDate(createdAt)}`\n                            : \"Widget\"}\n                        </span>\n                        <span className=\"inline-flex items-center gap-1 text-xs font-medium text-primary\">\n                          Configure\n                          <ArrowRight className=\"h-3 w-3\" />\n                        </span>\n                      </div>\n                    </GlassCard>\n                  );\n                })}\n              </div>\n            </div>\n          </div>\n        </div>\n      )}\n\n      <Modal\n        open={modalOpen}\n        onClose={() => setModalOpen(false)}\n        title=\"Create Widget\"\n        description=\"Define a dashboard widget for your workspace.\"\n        footer={\n          <>\n            <button\n              type=\"button\"\n              onClick={() => setModalOpen(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              type=\"button\"\n              onClick={handleCreate}\n              disabled={creating || !name.trim()}\n              className=\"rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 disabled:opacity-50\"\n            >\n              {creating ? \"Creating...\" : \"Create Widget\"}\n            </button>\n          </>\n        }\n      >\n        {createError && (\n          <div className=\"mb-4 rounded-lg border border-status-error-bg/40 bg-status-error-bg p-3 text-sm text-status-error-text\">\n            Failed to create widget. Please try again.\n          </div>\n        )}\n        <div className=\"space-y-4\">\n          <div>\n            <label className=\"block text-sm font-medium text-text-primary\">\n              Widget Name\n            </label>\n            <input\n              type=\"text\"\n              placeholder=\"e.g. This week's billable hours\"\n              value={name}\n              onChange={(e) => setName(e.target.value)}\n              className=\"mt-1 w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary\"\n            />\n          </div>\n          <div>\n            <label className=\"block text-sm font-medium text-text-primary\">\n              Metric\n            </label>\n            <select\n              value={type}\n              onChange={(e) => setType(e.target.value)}\n              className=\"mt-1 w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary\"\n            >\n              {WIDGET_TYPES.map((t) => (\n                <option key={t.value} value={t.value}>\n                  {t.label}\n                </option>\n              ))}\n            </select>\n          </div>\n          <div>\n            <label className=\"block text-sm font-medium text-text-primary\">\n              Description\n              <span className=\"ml-1 font-normal text-text-secondary\">\n                (optional)\n              </span>\n            </label>\n            <textarea\n              placeholder=\"What this widget shows\"\n              rows={3}\n              value={description}\n              onChange={(e) => setDescription(e.target.value)}\n              className=\"mt-1 w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary\"\n            />\n          </div>\n        </div>\n      </Modal>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/timecampus/pages/work-patterns/WorkPatternsPage.js

@@ -1,97 +1,268 @@
-import { useTimeCampus as e } from "../../providers/TimeCampusProvider.js";
-import { StatCard as t } from "../../components/StatCard.js";
-import { LoadingSkeleton as n } from "../../components/LoadingSkeleton.js";
-import { useGetWorkPatternSummaryQuery as r, useListWorkPatternsQuery as i } from "../../../generated/wspace-operations.js";
+import { useTimeCampus as e, useTimeCampusNavigate as t } from "../../providers/TimeCampusProvider.js";
+import { StatCard as n } from "../../components/StatCard.js";
+import { LoadingSkeleton as r } from "../../components/LoadingSkeleton.js";
+import { useGetWorkPatternSummaryQuery as i, useListWorkPatternsQuery as ee } from "../../../generated/wspace-operations.js";
 import { PageLayout as a } from "../../components/PageLayout.js";
-import { Brain as o, Clock as s, TrendingUp as c, Zap as l } from "lucide-react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { StatusBadge as o } from "../../components/StatusBadge.js";
+import { EmptyState as te } from "../../components/EmptyState.js";
+import { ChartCard as s } from "../../components/ChartCard.js";
+import { TrendChart as c } from "../../components/charts/TrendChart.js";
+import { Heatmap as l } from "../../components/charts/Heatmap.js";
+import "../../components/index.js";
+import { WorkPatternInsightType as u } from "../../../generated/wspace-types.js";
+import { AlertTriangle as d, ArrowRight as f, Brain as ne, Clock as re, Lightbulb as p, ShieldCheck as ie, TrendingUp as ae, Zap as oe } from "lucide-react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { GlassCard as g } from "@burdenoff/fe-libs/ui";
 //#region src/timecampus/pages/work-patterns/WorkPatternsPage.tsx
-function f() {
-	let { workspaceId: f = "" } = e(), { data: p, loading: m, error: h } = i({
+var _ = [
+	"Mon",
+	"Tue",
+	"Wed",
+	"Thu",
+	"Fri",
+	"Sat",
+	"Sun"
+];
+function v(e) {
+	return (e.getDay() + 6) % 7;
+}
+function y(e) {
+	let t = new Date(e);
+	return t.setDate(e.getDate() - v(e)), t.setHours(0, 0, 0, 0), t;
+}
+function b(e) {
+	let t = new Date(e);
+	return Number.isNaN(t.getTime()) ? "" : t.toLocaleDateString(void 0, {
+		month: "short",
+		day: "numeric"
+	});
+}
+var se = {
+	VERY_LOW: 1,
+	LOW: 2,
+	MEDIUM: 3,
+	HIGH: 4,
+	VERY_HIGH: 5
+}, x = {
+	VERY_NEGATIVE: 1,
+	NEGATIVE: 2,
+	NEUTRAL: 3,
+	POSITIVE: 4,
+	VERY_POSITIVE: 5
+}, ce = new Set(["HIGH", "VERY_HIGH"]), le = new Set(["LOW", "VERY_LOW"]), ue = (e) => `${e.toFixed(1)}h`, de = {
+	[u.Positive]: "success",
+	[u.Negative]: "error",
+	[u.Warning]: "warning",
+	[u.Recommendation]: "info",
+	[u.Neutral]: "muted"
+}, fe = {
+	[u.Positive]: "Positive",
+	[u.Negative]: "Negative",
+	[u.Warning]: "Warning",
+	[u.Recommendation]: "Tip",
+	[u.Neutral]: "Neutral"
+};
+function S() {
+	let { workspaceId: S = "" } = e(), C = t(), { data: w, loading: T, error: E } = ee({
 		variables: { limit: 30 },
-		skip: !f
-	}), { data: g, loading: _, error: v } = r({ skip: !f }), y = m || _, b = h || v, x = g?.workPatternSummary, S = (p?.workPatterns ?? [])[0], C = x?.averageProductivity == null ? "--" : `${Math.round(x.averageProductivity)}%`, w = S?.focusHours == null ? "--" : `${S.focusHours.toFixed(1)}h`, T = S ? (S.focusHours + S.meetingHours + S.breakHours).toFixed(0) : "8", E = S?.deepWorkSessions == null ? "--" : String(S.deepWorkSessions), D = x?.mostProductiveDay ?? "--";
-	return y ? /* @__PURE__ */ u(a, {
+		skip: !S
+	}), { data: D, loading: O, error: k } = i({ skip: !S }), A = T || O, j = E || k, M = D?.workPatternSummary, N = w?.workPatterns ?? [], P = M?.insights ?? [], F = [...N].sort((e, t) => {
+		let n = new Date(e.date).getTime(), r = new Date(t.date).getTime();
+		return (Number.isNaN(n) ? 0 : n) - (Number.isNaN(r) ? 0 : r);
+	}), I = N[0], L = M?.averageProductivity == null ? "--" : `${Math.round(M.averageProductivity)}%`, R = I?.focusHours == null ? "--" : `${I.focusHours.toFixed(1)}h`, z = I ? (I.focusHours + I.meetingHours + I.breakHours).toFixed(0) : "8", pe = I?.deepWorkSessions == null ? "--" : String(I.deepWorkSessions), B = M?.mostProductiveDay ?? "--", V = [];
+	for (let e of F) {
+		let t = new Date(e.date);
+		if (Number.isNaN(t.getTime())) continue;
+		let n = y(t).getTime();
+		V.includes(n) || V.push(n);
+	}
+	let H = V.slice(-6), me = H.map((e) => b(new Date(e).toISOString())), U = _.map(() => H.map(() => null));
+	for (let e of F) {
+		let t = new Date(e.date);
+		if (Number.isNaN(t.getTime())) continue;
+		let n = H.indexOf(y(t).getTime());
+		n < 0 || (U[v(t)][n] = e.focusHours);
+	}
+	let W = F.map((e) => ({
+		date: b(e.date),
+		energy: e.energyLevel == null ? null : se[e.energyLevel] ?? null,
+		mood: e.mood == null ? null : x[e.mood] ?? null
+	})), he = W.some((e) => e.energy != null || e.mood != null), G = N.slice(0, 7), K = G.length, q = G.filter((e) => e.stressLevel != null && ce.has(e.stressLevel)).length, J = G.filter((e) => e.energyLevel != null && le.has(e.energyLevel)).length, Y = P.find((e) => e.type === u.Warning || e.type === u.Negative), X = Math.ceil(Math.max(K, 1) / 2), Z = "success";
+	K > 0 && q >= X ? Z = "danger" : (q > 0 || J >= X || Y) && (Z = "warning"), Y?.type === u.Negative && (Z = "danger");
+	let Q = [];
+	q > 0 && Q.push(`${q} of your last ${K} logged day${K === 1 ? "" : "s"} showed high stress`), J > 0 && Q.push(`${J} showed low energy`);
+	let ge = Y?.title ?? (Z === "danger" ? "Sustained overload detected" : Z === "warning" ? "Watch your workload" : "Balanced workload"), _e = Y?.description ?? (Z === "success" ? "Your recent stress and energy levels look healthy — keep protecting your focus blocks." : Q.length > 0 ? `${Q.join(" and ")}. Protect your deep-work time before it erodes.` : "Recent signals suggest an uneven balance — schedule focus time to stay ahead of overload."), $ = Y?.recommendation ?? null, ve = Z === "danger" ? "bg-status-error-bg text-status-error-text" : Z === "warning" ? "bg-status-warning-bg text-status-warning-text" : "bg-status-success-bg text-status-success-text";
+	return A ? /* @__PURE__ */ m(a, {
 		title: "Work Patterns",
 		description: "Analyze your work habits and productivity patterns",
-		children: /* @__PURE__ */ u(n, {
+		children: /* @__PURE__ */ m(r, {
 			variant: "card",
 			count: 4
 		})
-	}) : b ? /* @__PURE__ */ u(a, {
+	}) : j ? /* @__PURE__ */ m(a, {
 		title: "Work Patterns",
 		description: "Analyze your work habits and productivity patterns",
-		children: /* @__PURE__ */ u("div", {
+		children: /* @__PURE__ */ m("div", {
 			className: "rounded-xl border border-status-error-border/50 bg-status-error-bg/10 p-4 text-sm text-status-error-text",
 			children: "Failed to load work patterns. Please try again later."
 		})
-	}) : /* @__PURE__ */ d(a, {
+	}) : /* @__PURE__ */ m(a, {
 		title: "Work Patterns",
 		description: "Analyze your work habits and productivity patterns",
 		purpose: "Learn how you actually work across a typical week — when you focus best, where meetings pile up, and which day is your peak — so you can schedule deep work for the hours you're sharpest.",
-		children: [/* @__PURE__ */ d("div", {
-			className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
+		children: /* @__PURE__ */ h("div", {
+			className: "space-y-6",
 			children: [
-				/* @__PURE__ */ u(t, {
-					featured: !0,
-					title: "Productivity Score",
-					value: C,
-					icon: /* @__PURE__ */ u(c, { className: "h-5 w-5" }),
-					trend: x?.averageProductivity == null ? void 0 : {
-						value: 5,
-						label: "vs last week"
-					}
+				/* @__PURE__ */ h("div", {
+					className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
+					children: [
+						/* @__PURE__ */ m(n, {
+							featured: !0,
+							title: "Productivity Score",
+							value: L,
+							icon: /* @__PURE__ */ m(ae, { className: "h-5 w-5" }),
+							trend: M?.averageProductivity == null ? void 0 : {
+								value: 5,
+								label: "vs last week"
+							}
+						}),
+						/* @__PURE__ */ m(n, {
+							title: "Focus Hours",
+							value: R,
+							icon: /* @__PURE__ */ m(ne, { className: "h-5 w-5" }),
+							description: `Out of ${z}h total`
+						}),
+						/* @__PURE__ */ m(n, {
+							title: "Peak Day",
+							value: B,
+							icon: /* @__PURE__ */ m(oe, { className: "h-5 w-5" }),
+							description: "Most productive day"
+						}),
+						/* @__PURE__ */ m(n, {
+							title: "Deep Work",
+							value: `${pe} sessions`,
+							icon: /* @__PURE__ */ m(re, { className: "h-5 w-5" }),
+							description: "90+ min uninterrupted"
+						})
+					]
 				}),
-				/* @__PURE__ */ u(t, {
-					title: "Focus Hours",
-					value: w,
-					icon: /* @__PURE__ */ u(o, { className: "h-5 w-5" }),
-					description: `Out of ${T}h total`
+				/* @__PURE__ */ m(g, {
+					treatment: "glass",
+					glow: Z !== "success",
+					className: "p-5 sm:p-6",
+					children: /* @__PURE__ */ h("div", {
+						className: "flex flex-col gap-4 sm:flex-row sm:items-start",
+						children: [/* @__PURE__ */ m("div", {
+							className: `flex h-11 w-11 shrink-0 items-center justify-center rounded-xl ${ve}`,
+							children: m(Z === "success" ? ie : d, { className: "h-5 w-5" })
+						}), /* @__PURE__ */ h("div", {
+							className: "min-w-0 flex-1",
+							children: [
+								/* @__PURE__ */ h("div", {
+									className: "flex flex-wrap items-center gap-2",
+									children: [/* @__PURE__ */ m("h3", {
+										className: "text-base font-semibold text-text-primary",
+										children: "Burnout Signal"
+									}), /* @__PURE__ */ m(o, {
+										variant: Z === "danger" ? "error" : Z === "warning" ? "warning" : "success",
+										label: ge
+									})]
+								}),
+								/* @__PURE__ */ m("p", {
+									className: "mt-1.5 text-sm text-text-secondary",
+									children: _e
+								}),
+								$ && /* @__PURE__ */ h("p", {
+									className: "mt-2 flex items-start gap-1.5 text-sm text-text-primary",
+									children: [/* @__PURE__ */ m(p, { className: "mt-0.5 h-4 w-4 shrink-0 text-primary" }), /* @__PURE__ */ m("span", { children: $ })]
+								}),
+								/* @__PURE__ */ h("button", {
+									type: "button",
+									onClick: () => C("/work-patterns/settings"),
+									className: "mt-4 inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90",
+									children: ["Adjust focus schedule", /* @__PURE__ */ m(f, { className: "h-4 w-4" })]
+								})
+							]
+						})]
+					})
 				}),
-				/* @__PURE__ */ u(t, {
-					title: "Peak Day",
-					value: D,
-					icon: /* @__PURE__ */ u(l, { className: "h-5 w-5" }),
-					description: "Most productive day"
+				/* @__PURE__ */ h("div", {
+					className: "grid grid-cols-1 gap-6 lg:grid-cols-2",
+					children: [/* @__PURE__ */ m(s, {
+						title: "Weekly Productive Hours",
+						description: "Focused hours logged by weekday across recent weeks",
+						children: /* @__PURE__ */ m(l, {
+							data: U,
+							rowLabels: [..._],
+							columnLabels: me,
+							rowsLabel: "Day",
+							valueFormat: ue,
+							legendLabels: ["Fewer", "More"],
+							height: 240,
+							emptyLabel: "No work-pattern days logged yet.",
+							ariaLabel: "Focused hours by weekday and week"
+						})
+					}), /* @__PURE__ */ m(s, {
+						title: "Energy & Mood Trends",
+						description: "Self-reported energy and mood, each on a 1 (low) – 5 (high) scale",
+						children: he ? /* @__PURE__ */ m(c, {
+							data: W,
+							xKey: "date",
+							series: [{
+								key: "energy",
+								label: "Energy"
+							}, {
+								key: "mood",
+								label: "Mood"
+							}],
+							type: "area",
+							height: 240,
+							emptyLabel: "No energy or mood check-ins yet.",
+							ariaLabel: "Energy and mood over time"
+						}) : /* @__PURE__ */ m(te, {
+							title: "No energy or mood data yet",
+							description: "Log how you feel on your work-pattern entries to see the trend here."
+						})
+					})]
 				}),
-				/* @__PURE__ */ u(t, {
-					title: "Deep Work",
-					value: `${E} sessions`,
-					icon: /* @__PURE__ */ u(s, { className: "h-5 w-5" }),
-					description: "90+ min uninterrupted"
+				P.length > 0 && /* @__PURE__ */ h(g, {
+					treatment: "glass",
+					className: "p-5 sm:p-6",
+					children: [/* @__PURE__ */ h("h3", {
+						className: "mb-4 flex items-center gap-2 text-sm font-semibold text-text-primary",
+						children: [/* @__PURE__ */ m(p, { className: "h-4 w-4 text-primary" }), "Insights"]
+					}), /* @__PURE__ */ m("div", {
+						className: "space-y-3",
+						children: P.map((e, t) => /* @__PURE__ */ h("div", {
+							className: "rounded-lg border border-border-subtle bg-bg-surface/40 p-4",
+							children: [
+								/* @__PURE__ */ h("div", {
+									className: "flex flex-wrap items-center gap-2",
+									children: [/* @__PURE__ */ m(o, {
+										variant: de[e.type],
+										label: fe[e.type]
+									}), /* @__PURE__ */ m("p", {
+										className: "text-sm font-medium text-text-primary",
+										children: e.title
+									})]
+								}),
+								/* @__PURE__ */ m("p", {
+									className: "mt-1.5 text-sm text-text-secondary",
+									children: e.description
+								}),
+								e.recommendation && /* @__PURE__ */ h("p", {
+									className: "mt-2 flex items-start gap-1.5 text-xs text-text-primary",
+									children: [/* @__PURE__ */ m(f, { className: "mt-0.5 h-3.5 w-3.5 shrink-0 text-primary" }), /* @__PURE__ */ m("span", { children: e.recommendation })]
+								})
+							]
+						}, `${e.type}-${t}`))
+					})]
 				})
 			]
-		}), /* @__PURE__ */ d("div", {
-			className: "grid grid-cols-1 gap-6 lg:grid-cols-2",
-			children: [/* @__PURE__ */ d("div", {
-				className: "rounded-xl border border-border-seam bg-gloss-card shadow-pop p-6",
-				children: [/* @__PURE__ */ u("h3", {
-					className: "mb-4 text-sm font-semibold text-text-primary",
-					children: "Daily Work Pattern"
-				}), /* @__PURE__ */ u("div", {
-					className: "flex h-48 items-center justify-center rounded-lg border border-dashed border-border-subtle",
-					children: /* @__PURE__ */ u("p", {
-						className: "text-sm text-text-secondary",
-						children: "Heatmap will render here"
-					})
-				})]
-			}), /* @__PURE__ */ d("div", {
-				className: "rounded-xl border border-border-seam bg-gloss-card shadow-pop p-6",
-				children: [/* @__PURE__ */ u("h3", {
-					className: "mb-4 text-sm font-semibold text-text-primary",
-					children: "Energy Levels"
-				}), /* @__PURE__ */ u("div", {
-					className: "flex h-48 items-center justify-center rounded-lg border border-dashed border-border-subtle",
-					children: /* @__PURE__ */ u("p", {
-						className: "text-sm text-text-secondary",
-						children: "Energy chart will render here"
-					})
-				})]
-			})]
-		})]
+		})
 	});
 }
 //#endregion
-export { f as WorkPatternsPage };
+export { S as WorkPatternsPage };
 
 //# sourceMappingURL=WorkPatternsPage.js.map

package/dist/timecampus/pages/work-patterns/WorkPatternsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"WorkPatternsPage.js","names":[],"sources":["../../../../src/timecampus/pages/work-patterns/WorkPatternsPage.tsx"],"sourcesContent":["import { TrendingUp, Clock, Zap, Brain } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { StatCard } from \"../../components/StatCard\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n  useListWorkPatternsQuery,\n  useGetWorkPatternSummaryQuery,\n} from \"@/generated/wspace-operations\";\n\nexport function WorkPatternsPage() {\n  const { workspaceId = \"\" } = useTimeCampus();\n\n  const {\n    data: patternsData,\n    loading: patternsLoading,\n    error: patternsError,\n  } = useListWorkPatternsQuery({\n    variables: { limit: 30 },\n    skip: !workspaceId,\n  });\n\n  const {\n    data: summaryData,\n    loading: summaryLoading,\n    error: summaryError,\n  } = useGetWorkPatternSummaryQuery({\n    skip: !workspaceId,\n  });\n\n  const loading = patternsLoading || summaryLoading;\n  const error = patternsError || summaryError;\n  const summary = summaryData?.workPatternSummary;\n  const patterns = patternsData?.workPatterns ?? [];\n\n  // Derive stats from the latest pattern entry\n  const latestPattern = patterns[0];\n  const productivityScore =\n    summary?.averageProductivity != null\n      ? `${Math.round(summary.averageProductivity)}%`\n      : \"--\";\n  const focusHours =\n    latestPattern?.focusHours != null\n      ? `${latestPattern.focusHours.toFixed(1)}h`\n      : \"--\";\n  const totalHours = latestPattern\n    ? (\n        latestPattern.focusHours +\n        latestPattern.meetingHours +\n        latestPattern.breakHours\n      ).toFixed(0)\n    : \"8\";\n  const deepWorkSessions =\n    latestPattern?.deepWorkSessions != null\n      ? String(latestPattern.deepWorkSessions)\n      : \"--\";\n  const mostProductiveDay = summary?.mostProductiveDay ?? \"--\";\n\n  if (loading) {\n    return (\n      <PageLayout\n        title=\"Work Patterns\"\n        description=\"Analyze your work habits and productivity patterns\"\n      >\n        <LoadingSkeleton variant=\"card\" count={4} />\n      </PageLayout>\n    );\n  }\n\n  if (error) {\n    return (\n      <PageLayout\n        title=\"Work Patterns\"\n        description=\"Analyze your work habits and productivity patterns\"\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 work patterns. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Work Patterns\"\n      description=\"Analyze your work habits and productivity patterns\"\n      purpose=\"Learn how you actually work across a typical week — when you focus best, where meetings pile up, and which day is your peak — so you can schedule deep work for the hours you're sharpest.\"\n    >\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n        <StatCard\n          featured\n          title=\"Productivity Score\"\n          value={productivityScore}\n          icon={<TrendingUp className=\"h-5 w-5\" />}\n          trend={\n            summary?.averageProductivity != null\n              ? { value: 5, label: \"vs last week\" }\n              : undefined\n          }\n        />\n        <StatCard\n          title=\"Focus Hours\"\n          value={focusHours}\n          icon={<Brain className=\"h-5 w-5\" />}\n          description={`Out of ${totalHours}h total`}\n        />\n        <StatCard\n          title=\"Peak Day\"\n          value={mostProductiveDay}\n          icon={<Zap className=\"h-5 w-5\" />}\n          description=\"Most productive day\"\n        />\n        <StatCard\n          title=\"Deep Work\"\n          value={`${deepWorkSessions} sessions`}\n          icon={<Clock className=\"h-5 w-5\" />}\n          description=\"90+ min uninterrupted\"\n        />\n      </div>\n\n      <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-2\">\n        <div className=\"rounded-xl border border-border-seam bg-gloss-card shadow-pop p-6\">\n          <h3 className=\"mb-4 text-sm font-semibold text-text-primary\">\n            Daily Work Pattern\n          </h3>\n          <div className=\"flex h-48 items-center justify-center rounded-lg border border-dashed border-border-subtle\">\n            <p className=\"text-sm text-text-secondary\">\n              Heatmap will render here\n            </p>\n          </div>\n        </div>\n        <div className=\"rounded-xl border border-border-seam bg-gloss-card shadow-pop p-6\">\n          <h3 className=\"mb-4 text-sm font-semibold text-text-primary\">\n            Energy Levels\n          </h3>\n          <div className=\"flex h-48 items-center justify-center rounded-lg border border-dashed border-border-subtle\">\n            <p className=\"text-sm text-text-secondary\">\n              Energy chart will render here\n            </p>\n          </div>\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;AAUA,SAAgB,IAAmB;CACjC,IAAM,EAAE,iBAAc,OAAO,GAAe,EAEtC,EACJ,MAAM,GACN,SAAS,GACT,OAAO,MACL,EAAyB;EAC3B,WAAW,EAAE,OAAO,IAAI;EACxB,MAAM,CAAC;EACR,CAAC,EAEI,EACJ,MAAM,GACN,SAAS,GACT,OAAO,MACL,EAA8B,EAChC,MAAM,CAAC,GACR,CAAC,EAEI,IAAU,KAAmB,GAC7B,IAAQ,KAAiB,GACzB,IAAU,GAAa,oBAIvB,KAHW,GAAc,gBAAgB,EAAE,EAGlB,IACzB,IACJ,GAAS,uBAAuB,OAE5B,OADA,GAAG,KAAK,MAAM,EAAQ,oBAAoB,CAAC,IAE3C,IACJ,GAAe,cAAc,OAEzB,OADA,GAAG,EAAc,WAAW,QAAQ,EAAE,CAAC,IAEvC,IAAa,KAEb,EAAc,aACd,EAAc,eACd,EAAc,YACd,QAAQ,EAAE,GACZ,KACE,IACJ,GAAe,oBAAoB,OAE/B,OADA,OAAO,EAAc,iBAAiB,EAEtC,IAAoB,GAAS,qBAAqB;AA0BxD,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,CAKE,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,GAAD;KACE,UAAA;KACA,OAAM;KACN,OAAO;KACP,MAAM,kBAAC,GAAD,EAAY,WAAU,WAAY,CAAA;KACxC,OACE,GAAS,uBAAuB,OAE5B,KAAA,IADA;MAAE,OAAO;MAAG,OAAO;MAAgB;KAGzC,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO;KACP,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;KACnC,aAAa,UAAU,EAAW;KAClC,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO;KACP,MAAM,kBAAC,GAAD,EAAK,WAAU,WAAY,CAAA;KACjC,aAAY;KACZ,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,GAAG,EAAiB;KAC3B,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;KACnC,aAAY;KACZ,CAAA;IACE;MAEN,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,MAAD;KAAI,WAAU;eAA+C;KAExD,CAAA,EACL,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,KAAD;MAAG,WAAU;gBAA8B;MAEvC,CAAA;KACA,CAAA,CACF;OACN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,MAAD;KAAI,WAAU;eAA+C;KAExD,CAAA,EACL,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,KAAD;MAAG,WAAU;gBAA8B;MAEvC,CAAA;KACA,CAAA,CACF;MACF;KACK"}
+{"version":3,"file":"WorkPatternsPage.js","names":[],"sources":["../../../../src/timecampus/pages/work-patterns/WorkPatternsPage.tsx"],"sourcesContent":["import {\n  TrendingUp,\n  Clock,\n  Zap,\n  Brain,\n  AlertTriangle,\n  ShieldCheck,\n  Lightbulb,\n  ArrowRight,\n} from \"lucide-react\";\nimport { GlassCard } from \"@burdenoff/fe-libs/ui\";\nimport {\n  PageLayout,\n  StatCard,\n  ChartCard,\n  Heatmap,\n  TrendChart,\n  StatusBadge,\n  EmptyState,\n  LoadingSkeleton,\n  type HeatmapValue,\n} from \"../../components\";\nimport {\n  useTimeCampus,\n  useTimeCampusNavigate,\n} from \"../../providers/TimeCampusProvider\";\nimport {\n  useListWorkPatternsQuery,\n  useGetWorkPatternSummaryQuery,\n  type WorkPatternFieldsFragment,\n} from \"@/generated/wspace-operations\";\nimport {\n  WorkPatternInsightType,\n  type WorkPatternInsight,\n} from \"@/generated/wspace-types\";\n\nconst DAY_LABELS = [\"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\", \"Sat\", \"Sun\"] as const;\n\n/** JS `getDay()` is 0=Sun..6=Sat; remap so Monday is index 0. */\nfunction dayOfWeekIndex(d: Date): number {\n  return (d.getDay() + 6) % 7;\n}\n\n/** Monday (local midnight) of the week containing `d`. */\nfunction weekStart(d: Date): Date {\n  const s = new Date(d);\n  s.setDate(d.getDate() - dayOfWeekIndex(d));\n  s.setHours(0, 0, 0, 0);\n  return s;\n}\n\nfunction shortDate(iso: string): string {\n  const d = new Date(iso);\n  if (Number.isNaN(d.getTime())) return \"\";\n  return d.toLocaleDateString(undefined, { month: \"short\", day: \"numeric\" });\n}\n\n// Self-reported ordinals mapped onto a shared 1 (worst) – 5 (best) scale so\n// energy and mood can be trended together. Only real, fetched enum values map;\n// anything else stays null (a gap in the line, never a fabricated point).\nconst ENERGY_SCORE: Record<string, number> = {\n  VERY_LOW: 1,\n  LOW: 2,\n  MEDIUM: 3,\n  HIGH: 4,\n  VERY_HIGH: 5,\n};\nconst MOOD_SCORE: Record<string, number> = {\n  VERY_NEGATIVE: 1,\n  NEGATIVE: 2,\n  NEUTRAL: 3,\n  POSITIVE: 4,\n  VERY_POSITIVE: 5,\n};\n\nconst HIGH_STRESS = new Set([\"HIGH\", \"VERY_HIGH\"]);\nconst LOW_ENERGY = new Set([\"LOW\", \"VERY_LOW\"]);\n\nconst formatHoursValue = (v: number) => `${v.toFixed(1)}h`;\n\ntype BurnoutTone = \"danger\" | \"warning\" | \"success\";\n\nconst INSIGHT_VARIANT: Record<\n  WorkPatternInsightType,\n  \"success\" | \"error\" | \"warning\" | \"info\" | \"muted\"\n> = {\n  [WorkPatternInsightType.Positive]: \"success\",\n  [WorkPatternInsightType.Negative]: \"error\",\n  [WorkPatternInsightType.Warning]: \"warning\",\n  [WorkPatternInsightType.Recommendation]: \"info\",\n  [WorkPatternInsightType.Neutral]: \"muted\",\n};\n\nconst INSIGHT_LABEL: Record<WorkPatternInsightType, string> = {\n  [WorkPatternInsightType.Positive]: \"Positive\",\n  [WorkPatternInsightType.Negative]: \"Negative\",\n  [WorkPatternInsightType.Warning]: \"Warning\",\n  [WorkPatternInsightType.Recommendation]: \"Tip\",\n  [WorkPatternInsightType.Neutral]: \"Neutral\",\n};\n\nexport function WorkPatternsPage() {\n  const { workspaceId = \"\" } = useTimeCampus();\n  const navigate = useTimeCampusNavigate();\n\n  const {\n    data: patternsData,\n    loading: patternsLoading,\n    error: patternsError,\n  } = useListWorkPatternsQuery({\n    variables: { limit: 30 },\n    skip: !workspaceId,\n  });\n\n  const {\n    data: summaryData,\n    loading: summaryLoading,\n    error: summaryError,\n  } = useGetWorkPatternSummaryQuery({\n    skip: !workspaceId,\n  });\n\n  const loading = patternsLoading || summaryLoading;\n  const error = patternsError || summaryError;\n  const summary = summaryData?.workPatternSummary;\n  const patterns = patternsData?.workPatterns ?? [];\n  const insights = summary?.insights ?? [];\n\n  // Chronological order for time-based visuals; the list itself is newest-first.\n  const chronological = [...patterns].sort((a, b) => {\n    const ta = new Date(a.date).getTime();\n    const tb = new Date(b.date).getTime();\n    return (Number.isNaN(ta) ? 0 : ta) - (Number.isNaN(tb) ? 0 : tb);\n  });\n\n  // Derive stats from the latest pattern entry\n  const latestPattern = patterns[0];\n  const productivityScore =\n    summary?.averageProductivity != null\n      ? `${Math.round(summary.averageProductivity)}%`\n      : \"--\";\n  const focusHours =\n    latestPattern?.focusHours != null\n      ? `${latestPattern.focusHours.toFixed(1)}h`\n      : \"--\";\n  const totalHours = latestPattern\n    ? (\n        latestPattern.focusHours +\n        latestPattern.meetingHours +\n        latestPattern.breakHours\n      ).toFixed(0)\n    : \"8\";\n  const deepWorkSessions =\n    latestPattern?.deepWorkSessions != null\n      ? String(latestPattern.deepWorkSessions)\n      : \"--\";\n  const mostProductiveDay = summary?.mostProductiveDay ?? \"--\";\n\n  // ---- Heatmap: focus (productive) hours by weekday × week -----------------\n  const weekKeys: number[] = [];\n  for (const p of chronological) {\n    const d = new Date(p.date);\n    if (Number.isNaN(d.getTime())) continue;\n    const key = weekStart(d).getTime();\n    if (!weekKeys.includes(key)) weekKeys.push(key);\n  }\n  const selectedWeeks = weekKeys.slice(-6); // most recent 6 weeks\n  const columnLabels = selectedWeeks.map((ts) =>\n    shortDate(new Date(ts).toISOString()),\n  );\n  const heatmapData: HeatmapValue[][] = DAY_LABELS.map(() =>\n    selectedWeeks.map<HeatmapValue>(() => null),\n  );\n  for (const p of chronological) {\n    const d = new Date(p.date);\n    if (Number.isNaN(d.getTime())) continue;\n    const weekIdx = selectedWeeks.indexOf(weekStart(d).getTime());\n    if (weekIdx < 0) continue;\n    heatmapData[dayOfWeekIndex(d)][weekIdx] = p.focusHours;\n  }\n\n  // ---- Energy & mood trend --------------------------------------------------\n  const trendData = chronological.map((p) => ({\n    date: shortDate(p.date),\n    energy: p.energyLevel != null ? (ENERGY_SCORE[p.energyLevel] ?? null) : null,\n    mood: p.mood != null ? (MOOD_SCORE[p.mood] ?? null) : null,\n  }));\n  const hasEnergyMood = trendData.some(\n    (d) => d.energy != null || d.mood != null,\n  );\n\n  // ---- Burnout signal (derived from real stress/energy + backend insights) --\n  const recent = patterns.slice(0, 7); // most recent logged days\n  const windowSize = recent.length;\n  const highStressDays = recent.filter(\n    (p: WorkPatternFieldsFragment) =>\n      p.stressLevel != null && HIGH_STRESS.has(p.stressLevel),\n  ).length;\n  const lowEnergyDays = recent.filter(\n    (p: WorkPatternFieldsFragment) =>\n      p.energyLevel != null && LOW_ENERGY.has(p.energyLevel),\n  ).length;\n  const warningInsight = insights.find(\n    (i: WorkPatternInsight) =>\n      i.type === WorkPatternInsightType.Warning ||\n      i.type === WorkPatternInsightType.Negative,\n  );\n  const half = Math.ceil(Math.max(windowSize, 1) / 2);\n\n  let burnoutTone: BurnoutTone = \"success\";\n  if (windowSize > 0 && highStressDays >= half) burnoutTone = \"danger\";\n  else if (highStressDays > 0 || lowEnergyDays >= half || warningInsight)\n    burnoutTone = \"warning\";\n  if (warningInsight?.type === WorkPatternInsightType.Negative)\n    burnoutTone = \"danger\";\n\n  const stressEvidence: string[] = [];\n  if (highStressDays > 0)\n    stressEvidence.push(\n      `${highStressDays} of your last ${windowSize} logged day${windowSize === 1 ? \"\" : \"s\"} showed high stress`,\n    );\n  if (lowEnergyDays > 0)\n    stressEvidence.push(`${lowEnergyDays} showed low energy`);\n\n  const burnoutHeading =\n    warningInsight?.title ??\n    (burnoutTone === \"danger\"\n      ? \"Sustained overload detected\"\n      : burnoutTone === \"warning\"\n        ? \"Watch your workload\"\n        : \"Balanced workload\");\n  const burnoutBody =\n    warningInsight?.description ??\n    (burnoutTone === \"success\"\n      ? \"Your recent stress and energy levels look healthy — keep protecting your focus blocks.\"\n      : stressEvidence.length > 0\n        ? `${stressEvidence.join(\" and \")}. Protect your deep-work time before it erodes.`\n        : \"Recent signals suggest an uneven balance — schedule focus time to stay ahead of overload.\");\n  const burnoutRecommendation = warningInsight?.recommendation ?? null;\n\n  const burnoutAccent =\n    burnoutTone === \"danger\"\n      ? \"bg-status-error-bg text-status-error-text\"\n      : burnoutTone === \"warning\"\n        ? \"bg-status-warning-bg text-status-warning-text\"\n        : \"bg-status-success-bg text-status-success-text\";\n\n  if (loading) {\n    return (\n      <PageLayout\n        title=\"Work Patterns\"\n        description=\"Analyze your work habits and productivity patterns\"\n      >\n        <LoadingSkeleton variant=\"card\" count={4} />\n      </PageLayout>\n    );\n  }\n\n  if (error) {\n    return (\n      <PageLayout\n        title=\"Work Patterns\"\n        description=\"Analyze your work habits and productivity patterns\"\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 work patterns. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Work Patterns\"\n      description=\"Analyze your work habits and productivity patterns\"\n      purpose=\"Learn how you actually work across a typical week — when you focus best, where meetings pile up, and which day is your peak — so you can schedule deep work for the hours you're sharpest.\"\n    >\n      <div className=\"space-y-6\">\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n          <StatCard\n            featured\n            title=\"Productivity Score\"\n            value={productivityScore}\n            icon={<TrendingUp className=\"h-5 w-5\" />}\n            trend={\n              summary?.averageProductivity != null\n                ? { value: 5, label: \"vs last week\" }\n                : undefined\n            }\n          />\n          <StatCard\n            title=\"Focus Hours\"\n            value={focusHours}\n            icon={<Brain className=\"h-5 w-5\" />}\n            description={`Out of ${totalHours}h total`}\n          />\n          <StatCard\n            title=\"Peak Day\"\n            value={mostProductiveDay}\n            icon={<Zap className=\"h-5 w-5\" />}\n            description=\"Most productive day\"\n          />\n          <StatCard\n            title=\"Deep Work\"\n            value={`${deepWorkSessions} sessions`}\n            icon={<Clock className=\"h-5 w-5\" />}\n            description=\"90+ min uninterrupted\"\n          />\n        </div>\n\n        {/* Burnout signal — honest, derived from recent stress/energy + insights */}\n        <GlassCard\n          treatment=\"glass\"\n          glow={burnoutTone !== \"success\"}\n          className=\"p-5 sm:p-6\"\n        >\n          <div className=\"flex flex-col gap-4 sm:flex-row sm:items-start\">\n            <div\n              className={`flex h-11 w-11 shrink-0 items-center justify-center rounded-xl ${burnoutAccent}`}\n            >\n              {burnoutTone === \"success\" ? (\n                <ShieldCheck className=\"h-5 w-5\" />\n              ) : (\n                <AlertTriangle className=\"h-5 w-5\" />\n              )}\n            </div>\n            <div className=\"min-w-0 flex-1\">\n              <div className=\"flex flex-wrap items-center gap-2\">\n                <h3 className=\"text-base font-semibold text-text-primary\">\n                  Burnout Signal\n                </h3>\n                <StatusBadge\n                  variant={\n                    burnoutTone === \"danger\"\n                      ? \"error\"\n                      : burnoutTone === \"warning\"\n                        ? \"warning\"\n                        : \"success\"\n                  }\n                  label={burnoutHeading}\n                />\n              </div>\n              <p className=\"mt-1.5 text-sm text-text-secondary\">\n                {burnoutBody}\n              </p>\n              {burnoutRecommendation && (\n                <p className=\"mt-2 flex items-start gap-1.5 text-sm text-text-primary\">\n                  <Lightbulb className=\"mt-0.5 h-4 w-4 shrink-0 text-primary\" />\n                  <span>{burnoutRecommendation}</span>\n                </p>\n              )}\n              <button\n                type=\"button\"\n                onClick={() => navigate(\"/work-patterns/settings\")}\n                className=\"mt-4 inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90\"\n              >\n                Adjust focus schedule\n                <ArrowRight className=\"h-4 w-4\" />\n              </button>\n            </div>\n          </div>\n        </GlassCard>\n\n        <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-2\">\n          <ChartCard\n            title=\"Weekly Productive Hours\"\n            description=\"Focused hours logged by weekday across recent weeks\"\n          >\n            <Heatmap\n              data={heatmapData}\n              rowLabels={[...DAY_LABELS]}\n              columnLabels={columnLabels}\n              rowsLabel=\"Day\"\n              valueFormat={formatHoursValue}\n              legendLabels={[\"Fewer\", \"More\"]}\n              height={240}\n              emptyLabel=\"No work-pattern days logged yet.\"\n              ariaLabel=\"Focused hours by weekday and week\"\n            />\n          </ChartCard>\n\n          <ChartCard\n            title=\"Energy & Mood Trends\"\n            description=\"Self-reported energy and mood, each on a 1 (low) – 5 (high) scale\"\n          >\n            {hasEnergyMood ? (\n              <TrendChart\n                data={trendData}\n                xKey=\"date\"\n                series={[\n                  { key: \"energy\", label: \"Energy\" },\n                  { key: \"mood\", label: \"Mood\" },\n                ]}\n                type=\"area\"\n                height={240}\n                emptyLabel=\"No energy or mood check-ins yet.\"\n                ariaLabel=\"Energy and mood over time\"\n              />\n            ) : (\n              <EmptyState\n                title=\"No energy or mood data yet\"\n                description=\"Log how you feel on your work-pattern entries to see the trend here.\"\n              />\n            )}\n          </ChartCard>\n        </div>\n\n        {insights.length > 0 && (\n          <GlassCard treatment=\"glass\" className=\"p-5 sm:p-6\">\n            <h3 className=\"mb-4 flex items-center gap-2 text-sm font-semibold text-text-primary\">\n              <Lightbulb className=\"h-4 w-4 text-primary\" />\n              Insights\n            </h3>\n            <div className=\"space-y-3\">\n              {insights.map((insight: WorkPatternInsight, idx: number) => (\n                <div\n                  key={`${insight.type}-${idx}`}\n                  className=\"rounded-lg border border-border-subtle bg-bg-surface/40 p-4\"\n                >\n                  <div className=\"flex flex-wrap items-center gap-2\">\n                    <StatusBadge\n                      variant={INSIGHT_VARIANT[insight.type]}\n                      label={INSIGHT_LABEL[insight.type]}\n                    />\n                    <p className=\"text-sm font-medium text-text-primary\">\n                      {insight.title}\n                    </p>\n                  </div>\n                  <p className=\"mt-1.5 text-sm text-text-secondary\">\n                    {insight.description}\n                  </p>\n                  {insight.recommendation && (\n                    <p className=\"mt-2 flex items-start gap-1.5 text-xs text-text-primary\">\n                      <ArrowRight className=\"mt-0.5 h-3.5 w-3.5 shrink-0 text-primary\" />\n                      <span>{insight.recommendation}</span>\n                    </p>\n                  )}\n                </div>\n              ))}\n            </div>\n          </GlassCard>\n        )}\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}