@burdenoff/microfe-timecampus 2026.703.4 → 2026.703.6

package/dist/timecampus/pages/channels/ChannelsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChannelsPage.js","names":[],"sources":["../../../../src/timecampus/pages/channels/ChannelsPage.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport {\n  Wifi,\n  WifiOff,\n  Plus,\n  RefreshCw,\n  Pencil,\n  Trash2,\n  Power,\n} from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\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  useListChannelConfigsQuery,\n  useListChannelStatusesQuery,\n  useCreateChannelConfigMutation,\n  useUpdateChannelConfigMutation,\n  useDeleteChannelConfigMutation,\n  useToggleChannelMutation,\n  useSyncChannelMutation,\n  type ChannelConfigFieldsFragment,\n} from \"@/generated/wspace-operations\";\nimport { ChannelStatus, TimeCampusChannelType } from \"@/generated/wspace-types\";\n\nconst PAGE_SIZE = 25;\n\nconst CHANNEL_TYPE_OPTIONS: { value: TimeCampusChannelType; label: string }[] =\n  [\n    { value: TimeCampusChannelType.Calendar, label: \"Calendar\" },\n    { value: TimeCampusChannelType.Desktop, label: \"Desktop\" },\n    { value: TimeCampusChannelType.Browser, label: \"Browser\" },\n    { value: TimeCampusChannelType.Mobile, label: \"Mobile\" },\n    { value: TimeCampusChannelType.Ide, label: \"IDE\" },\n    { value: TimeCampusChannelType.Cli, label: \"CLI\" },\n    { value: TimeCampusChannelType.Api, label: \"API\" },\n    { value: TimeCampusChannelType.Custom, label: \"Custom\" },\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\ninterface ChannelFormState {\n  name: string;\n  type: TimeCampusChannelType;\n  syncInterval: string;\n}\n\nconst emptyForm: ChannelFormState = {\n  name: \"\",\n  type: TimeCampusChannelType.Calendar,\n  syncInterval: \"\",\n};\n\nexport function ChannelsPage() {\n  const { toasts, addToast, dismissToast } = useToast();\n\n  const {\n    data: configsData,\n    loading: configsLoading,\n    error: configsError,\n    refetch,\n    fetchMore,\n  } = useListChannelConfigsQuery({\n    variables: { limit: PAGE_SIZE, offset: 0 },\n    notifyOnNetworkStatusChange: true,\n  });\n  const { data: statusesData } = useListChannelStatusesQuery();\n\n  const [createChannel, { loading: creating }] =\n    useCreateChannelConfigMutation();\n  const [updateChannel, { loading: updating }] =\n    useUpdateChannelConfigMutation();\n  const [deleteChannel, { loading: deleting }] =\n    useDeleteChannelConfigMutation();\n  const [toggleChannel, { loading: toggling }] = useToggleChannelMutation();\n  const [syncChannel, { loading: syncing }] = useSyncChannelMutation();\n\n  const channels = configsData?.channelConfigs ?? [];\n  const statuses = statusesData?.channelStatuses ?? [];\n\n  const [loadingMore, setLoadingMore] = useState(false);\n  const [canLoadMore, setCanLoadMore] = useState(true);\n\n  // Create / edit modal state\n  const [formOpen, setFormOpen] = useState(false);\n  const [editing, setEditing] = useState<ChannelConfigFieldsFragment | null>(\n    null,\n  );\n  const [form, setForm] = useState<ChannelFormState>(emptyForm);\n\n  // Delete confirm state\n  const [deleteTarget, setDeleteTarget] =\n    useState<ChannelConfigFieldsFragment | null>(null);\n\n  // Per-row action tracking (which channel id is mid-mutation)\n  const [busyId, setBusyId] = useState<string | null>(null);\n\n  type ChannelStatusItem = {\n    channelId: string;\n    name: string;\n    type: string;\n    status: string;\n    isHealthy: boolean;\n    lastSync?: string | null;\n  };\n\n  const statusMap = new Map<string, ChannelStatusItem>(\n    statuses.map((s: ChannelStatusItem) => [s.channelId, s]),\n  );\n\n  const openCreate = () => {\n    setEditing(null);\n    setForm(emptyForm);\n    setFormOpen(true);\n  };\n\n  const openEdit = (channel: ChannelConfigFieldsFragment) => {\n    setEditing(channel);\n    setForm({\n      name: channel.name,\n      type:\n        (Object.values(TimeCampusChannelType).find(\n          (t) => t === channel.type,\n        ) as TimeCampusChannelType | undefined) ?? TimeCampusChannelType.Custom,\n      syncInterval:\n        channel.syncInterval != null ? String(channel.syncInterval) : \"\",\n    });\n    setFormOpen(true);\n  };\n\n  const closeForm = () => {\n    setFormOpen(false);\n    setEditing(null);\n  };\n\n  const handleSubmit = async () => {\n    if (!form.name.trim()) return;\n    const syncInterval = form.syncInterval\n      ? Number(form.syncInterval)\n      : undefined;\n    try {\n      if (editing) {\n        await updateChannel({\n          variables: {\n            id: editing.id,\n            input: {\n              name: form.name.trim(),\n              type: form.type,\n              syncInterval,\n            },\n          },\n        });\n        addToast({ title: \"Channel updated\", variant: \"success\" });\n      } else {\n        await createChannel({\n          variables: {\n            input: {\n              name: form.name.trim(),\n              type: form.type,\n              syncInterval,\n              status: ChannelStatus.Active,\n            },\n          },\n        });\n        addToast({ title: \"Channel added\", variant: \"success\" });\n      }\n      closeForm();\n      await refetch();\n    } catch {\n      addToast({\n        title: editing ? \"Failed to update channel\" : \"Failed to add channel\",\n        variant: \"error\",\n      });\n    }\n  };\n\n  const handleDelete = async () => {\n    if (!deleteTarget) return;\n    try {\n      await deleteChannel({ variables: { id: deleteTarget.id } });\n      addToast({ title: \"Channel deleted\", variant: \"success\" });\n      setDeleteTarget(null);\n      await refetch();\n    } catch {\n      addToast({ title: \"Failed to delete channel\", variant: \"error\" });\n    }\n  };\n\n  const handleToggle = async (channel: ChannelConfigFieldsFragment) => {\n    const isActive = channel.status.toLowerCase() === \"active\";\n    setBusyId(channel.id);\n    try {\n      await toggleChannel({\n        variables: {\n          id: channel.id,\n          status: isActive ? ChannelStatus.Inactive : ChannelStatus.Active,\n        },\n      });\n      addToast({\n        title: isActive ? \"Channel disabled\" : \"Channel enabled\",\n        variant: \"success\",\n      });\n      await refetch();\n    } catch {\n      addToast({ title: \"Failed to toggle channel\", variant: \"error\" });\n    } finally {\n      setBusyId(null);\n    }\n  };\n\n  const handleSync = async (channel: ChannelConfigFieldsFragment) => {\n    setBusyId(channel.id);\n    try {\n      await syncChannel({ variables: { id: channel.id } });\n      addToast({ title: \"Sync started\", variant: \"success\" });\n      await refetch();\n    } catch {\n      addToast({ title: \"Failed to sync channel\", variant: \"error\" });\n    } finally {\n      setBusyId(null);\n    }\n  };\n\n  const handleLoadMore = async () => {\n    setLoadingMore(true);\n    try {\n      const res = await fetchMore({\n        variables: { limit: PAGE_SIZE, offset: channels.length },\n        updateQuery: (prev, { fetchMoreResult }) => {\n          if (!fetchMoreResult) return prev;\n          return {\n            ...prev,\n            channelConfigs: [\n              ...prev.channelConfigs,\n              ...fetchMoreResult.channelConfigs,\n            ],\n          };\n        },\n      });\n      if ((res.data?.channelConfigs?.length ?? 0) < PAGE_SIZE) {\n        setCanLoadMore(false);\n      }\n    } finally {\n      setLoadingMore(false);\n    }\n  };\n\n  if (configsLoading && channels.length === 0) {\n    return (\n      <PageLayout\n        title=\"Channels\"\n        description=\"Manage time tracking channels and integrations\"\n      >\n        <LoadingSkeleton variant=\"card\" count={6} />\n      </PageLayout>\n    );\n  }\n\n  if (configsError) {\n    return (\n      <PageLayout\n        title=\"Channels\"\n        description=\"Manage time tracking channels and integrations\"\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 channels 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 Channel\n    </button>\n  );\n\n  return (\n    <PageLayout\n      title=\"Channels\"\n      description=\"Manage time tracking channels and integrations\"\n      purpose=\"Connect the tools and devices that feed time into TimeCampus — calendars, desktop trackers, integrations — and keep an eye on each connection's health so no work hours slip through the cracks.\"\n      actions={addButton}\n    >\n      {channels.length === 0 ? (\n        <EmptyState\n          illustration=\"empty-generic\"\n          title=\"No channels configured yet\"\n          description=\"Set up your first tracking channel to start pulling time and activity from your tools and devices.\"\n          action={addButton}\n        />\n      ) : (\n        <>\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n            {channels.map((channel: ChannelConfigFieldsFragment) => {\n              const statusInfo = statusMap.get(channel.id);\n              const isActive = channel.status.toLowerCase() === \"active\";\n              const lastSync = channel.lastSync\n                ? new Date(channel.lastSync).toLocaleString()\n                : \"Never\";\n              const rowBusy = busyId === channel.id;\n\n              return (\n                <div\n                  key={channel.id}\n                  className=\"flex flex-col rounded-xl border border-border-seam bg-gloss-card shadow-pop p-5 transition-colors\"\n                >\n                  <div className=\"flex items-start justify-between\">\n                    <div className=\"flex items-center gap-3\">\n                      {isActive ? (\n                        <Wifi className=\"h-5 w-5 text-status-success-text\" />\n                      ) : (\n                        <WifiOff className=\"h-5 w-5 text-text-secondary\" />\n                      )}\n                      <div>\n                        <p className=\"text-sm font-semibold text-text-primary\">\n                          {channel.name}\n                        </p>\n                        <p className=\"text-xs text-text-secondary\">\n                          {channel.type}\n                        </p>\n                      </div>\n                    </div>\n                    <StatusBadge\n                      label={channel.status}\n                      status={channel.status.toLowerCase()}\n                    />\n                  </div>\n                  <div className=\"mt-3 flex items-center justify-between text-xs text-text-secondary\">\n                    <span>\n                      {statusInfo?.isHealthy ? \"Healthy\" : \"Unhealthy\"}\n                    </span>\n                    <span>Sync: {lastSync}</span>\n                  </div>\n                  <div className=\"mt-4 flex items-center gap-1.5 border-t border-border-seam pt-3\">\n                    <button\n                      type=\"button\"\n                      disabled={rowBusy && syncing}\n                      onClick={() => handleSync(channel)}\n                      title=\"Sync now\"\n                      className=\"inline-flex items-center gap-1 rounded-md border border-border-seam bg-bg-surface px-2 py-1 text-xs text-text-secondary hover:bg-bg-sunken/50 disabled:opacity-50\"\n                    >\n                      <RefreshCw\n                        className={`h-3.5 w-3.5 ${rowBusy && syncing ? \"animate-spin\" : \"\"}`}\n                      />\n                      Sync\n                    </button>\n                    <button\n                      type=\"button\"\n                      disabled={rowBusy && toggling}\n                      onClick={() => handleToggle(channel)}\n                      title={isActive ? \"Disable channel\" : \"Enable channel\"}\n                      className=\"inline-flex items-center gap-1 rounded-md border border-border-seam bg-bg-surface px-2 py-1 text-xs text-text-secondary hover:bg-bg-sunken/50 disabled:opacity-50\"\n                    >\n                      <Power className=\"h-3.5 w-3.5\" />\n                      {isActive ? \"Disable\" : \"Enable\"}\n                    </button>\n                    <div className=\"ml-auto flex items-center gap-1\">\n                      <button\n                        type=\"button\"\n                        onClick={() => openEdit(channel)}\n                        title=\"Edit channel\"\n                        className=\"inline-flex items-center rounded-md border border-border-seam bg-bg-surface p-1.5 text-text-secondary hover:bg-bg-sunken/50\"\n                      >\n                        <Pencil className=\"h-3.5 w-3.5\" />\n                      </button>\n                      <button\n                        type=\"button\"\n                        onClick={() => setDeleteTarget(channel)}\n                        title=\"Delete channel\"\n                        className=\"inline-flex items-center rounded-md border border-border-seam bg-bg-surface p-1.5 text-status-error-text hover:bg-status-error-bg\"\n                      >\n                        <Trash2 className=\"h-3.5 w-3.5\" />\n                      </button>\n                    </div>\n                  </div>\n                </div>\n              );\n            })}\n          </div>\n\n          {canLoadMore && channels.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 Channel\" : \"Add Channel\"}\n        description={\n          editing\n            ? \"Update this channel's configuration.\"\n            : \"Connect a new tracking channel to feed time into TimeCampus.\"\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={creating || updating || !form.name.trim()}\n              className=\"rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 disabled:opacity-50\"\n            >\n              {creating || updating\n                ? \"Saving...\"\n                : editing\n                  ? \"Save Changes\"\n                  : \"Add Channel\"}\n            </button>\n          </>\n        }\n      >\n        <div className=\"space-y-4\">\n          <div>\n            <label className=\"block text-sm font-medium text-text-primary\">\n              Name\n            </label>\n            <input\n              type=\"text\"\n              placeholder=\"e.g. Google Calendar\"\n              value={form.name}\n              onChange={(e) => setForm({ ...form, name: e.target.value })}\n              className={inputClass}\n            />\n          </div>\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n            <div>\n              <label className=\"block text-sm font-medium text-text-primary\">\n                Type\n              </label>\n              <select\n                value={form.type}\n                onChange={(e) =>\n                  setForm({\n                    ...form,\n                    type: e.target.value as TimeCampusChannelType,\n                  })\n                }\n                className={inputClass}\n              >\n                {CHANNEL_TYPE_OPTIONS.map((opt) => (\n                  <option key={opt.value} value={opt.value}>\n                    {opt.label}\n                  </option>\n                ))}\n              </select>\n            </div>\n            <div>\n              <label className=\"block text-sm font-medium text-text-primary\">\n                Sync Interval (seconds)\n              </label>\n              <input\n                type=\"number\"\n                min={0}\n                placeholder=\"e.g. 300\"\n                value={form.syncInterval}\n                onChange={(e) =>\n                  setForm({ ...form, syncInterval: e.target.value })\n                }\n                className={inputClass}\n              />\n            </div>\n          </div>\n        </div>\n      </Modal>\n\n      <Modal\n        open={deleteTarget !== null}\n        onClose={() => setDeleteTarget(null)}\n        title=\"Delete channel?\"\n        description={\n          deleteTarget\n            ? `\"${deleteTarget.name}\" will be removed. This cannot be undone.`\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          Deleting a channel stops it from feeding new time into TimeCampus.\n          Previously captured entries are kept.\n        </p>\n      </Modal>\n\n      <ToastContainer toasts={toasts} onDismiss={dismissToast} />\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ChannelsPage.js","names":[],"sources":["../../../../src/timecampus/pages/channels/ChannelsPage.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport {\n  Wifi,\n  WifiOff,\n  Plus,\n  RefreshCw,\n  Pencil,\n  Trash2,\n  Power,\n} 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 { StatusBadge } from \"../../components/StatusBadge\";\nimport { Modal } from \"../../components/Modal\";\nimport { ToastContainer, useToast } from \"../../components/Toast\";\nimport {\n  useListChannelConfigsQuery,\n  useListChannelStatusesQuery,\n  useCreateChannelConfigMutation,\n  useUpdateChannelConfigMutation,\n  useDeleteChannelConfigMutation,\n  useToggleChannelMutation,\n  useSyncChannelMutation,\n  type ChannelConfigFieldsFragment,\n} from \"@/generated/wspace-operations\";\nimport { ChannelStatus, TimeCampusChannelType } from \"@/generated/wspace-types\";\n\nconst PAGE_SIZE = 25;\n\nconst CHANNEL_TYPE_OPTIONS: { value: TimeCampusChannelType; label: string }[] =\n  [\n    { value: TimeCampusChannelType.Calendar, label: \"Calendar\" },\n    { value: TimeCampusChannelType.Desktop, label: \"Desktop\" },\n    { value: TimeCampusChannelType.Browser, label: \"Browser\" },\n    { value: TimeCampusChannelType.Mobile, label: \"Mobile\" },\n    { value: TimeCampusChannelType.Ide, label: \"IDE\" },\n    { value: TimeCampusChannelType.Cli, label: \"CLI\" },\n    { value: TimeCampusChannelType.Api, label: \"API\" },\n    { value: TimeCampusChannelType.Custom, label: \"Custom\" },\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/** Turn a sync interval in seconds into a human cadence label. */\nfunction formatInterval(seconds?: number | null): string {\n  if (seconds == null || seconds <= 0) return \"Manual\";\n  if (seconds % 3600 === 0) {\n    const h = seconds / 3600;\n    return `Every ${h} hour${h > 1 ? \"s\" : \"\"}`;\n  }\n  if (seconds % 60 === 0) {\n    const m = seconds / 60;\n    return `Every ${m} min`;\n  }\n  return `Every ${seconds}s`;\n}\n\ntype ChannelHealth = \"healthy\" | \"degraded\" | \"unknown\";\n\nconst HEALTH_DOT: Record<ChannelHealth, string> = {\n  healthy: \"bg-status-success-text\",\n  degraded: \"bg-status-warning-text\",\n  unknown: \"bg-text-muted\",\n};\n\nconst HEALTH_LABEL: Record<ChannelHealth, string> = {\n  healthy: \"Healthy connection\",\n  degraded: \"Sync needs attention\",\n  unknown: \"Not synced yet\",\n};\n\ninterface ChannelFormState {\n  name: string;\n  type: TimeCampusChannelType;\n  syncInterval: string;\n}\n\nconst emptyForm: ChannelFormState = {\n  name: \"\",\n  type: TimeCampusChannelType.Calendar,\n  syncInterval: \"\",\n};\n\nexport function ChannelsPage() {\n  const { toasts, addToast, dismissToast } = useToast();\n\n  const {\n    data: configsData,\n    loading: configsLoading,\n    error: configsError,\n    refetch,\n    fetchMore,\n  } = useListChannelConfigsQuery({\n    variables: { limit: PAGE_SIZE, offset: 0 },\n    notifyOnNetworkStatusChange: true,\n  });\n  const { data: statusesData } = useListChannelStatusesQuery();\n\n  const [createChannel, { loading: creating }] =\n    useCreateChannelConfigMutation();\n  const [updateChannel, { loading: updating }] =\n    useUpdateChannelConfigMutation();\n  const [deleteChannel, { loading: deleting }] =\n    useDeleteChannelConfigMutation();\n  const [toggleChannel, { loading: toggling }] = useToggleChannelMutation();\n  const [syncChannel, { loading: syncing }] = useSyncChannelMutation();\n\n  const channels = configsData?.channelConfigs ?? [];\n  const statuses = statusesData?.channelStatuses ?? [];\n\n  const [loadingMore, setLoadingMore] = useState(false);\n  const [canLoadMore, setCanLoadMore] = useState(true);\n\n  // Create / edit modal state\n  const [formOpen, setFormOpen] = useState(false);\n  const [editing, setEditing] = useState<ChannelConfigFieldsFragment | null>(\n    null,\n  );\n  const [form, setForm] = useState<ChannelFormState>(emptyForm);\n\n  // Delete confirm state\n  const [deleteTarget, setDeleteTarget] =\n    useState<ChannelConfigFieldsFragment | null>(null);\n\n  // Per-row action tracking (which channel id is mid-mutation)\n  const [busyId, setBusyId] = useState<string | null>(null);\n\n  type ChannelStatusItem = {\n    channelId: string;\n    name: string;\n    type: string;\n    status: string;\n    isHealthy: boolean;\n    lastSync?: string | null;\n  };\n\n  const statusMap = new Map<string, ChannelStatusItem>(\n    statuses.map((s: ChannelStatusItem) => [s.channelId, s]),\n  );\n\n  const openCreate = () => {\n    setEditing(null);\n    setForm(emptyForm);\n    setFormOpen(true);\n  };\n\n  const openEdit = (channel: ChannelConfigFieldsFragment) => {\n    setEditing(channel);\n    setForm({\n      name: channel.name,\n      type:\n        (Object.values(TimeCampusChannelType).find(\n          (t) => t === channel.type,\n        ) as TimeCampusChannelType | undefined) ?? TimeCampusChannelType.Custom,\n      syncInterval:\n        channel.syncInterval != null ? String(channel.syncInterval) : \"\",\n    });\n    setFormOpen(true);\n  };\n\n  const closeForm = () => {\n    setFormOpen(false);\n    setEditing(null);\n  };\n\n  const handleSubmit = async () => {\n    if (!form.name.trim()) return;\n    const syncInterval = form.syncInterval\n      ? Number(form.syncInterval)\n      : undefined;\n    try {\n      if (editing) {\n        await updateChannel({\n          variables: {\n            id: editing.id,\n            input: {\n              name: form.name.trim(),\n              type: form.type,\n              syncInterval,\n            },\n          },\n        });\n        addToast({ title: \"Channel updated\", variant: \"success\" });\n      } else {\n        await createChannel({\n          variables: {\n            input: {\n              name: form.name.trim(),\n              type: form.type,\n              syncInterval,\n              status: ChannelStatus.Active,\n            },\n          },\n        });\n        addToast({ title: \"Channel added\", variant: \"success\" });\n      }\n      closeForm();\n      await refetch();\n    } catch {\n      addToast({\n        title: editing ? \"Failed to update channel\" : \"Failed to add channel\",\n        variant: \"error\",\n      });\n    }\n  };\n\n  const handleDelete = async () => {\n    if (!deleteTarget) return;\n    try {\n      await deleteChannel({ variables: { id: deleteTarget.id } });\n      addToast({ title: \"Channel deleted\", variant: \"success\" });\n      setDeleteTarget(null);\n      await refetch();\n    } catch {\n      addToast({ title: \"Failed to delete channel\", variant: \"error\" });\n    }\n  };\n\n  const handleToggle = async (channel: ChannelConfigFieldsFragment) => {\n    const isActive = channel.status.toLowerCase() === \"active\";\n    setBusyId(channel.id);\n    try {\n      await toggleChannel({\n        variables: {\n          id: channel.id,\n          status: isActive ? ChannelStatus.Inactive : ChannelStatus.Active,\n        },\n      });\n      addToast({\n        title: isActive ? \"Channel disabled\" : \"Channel enabled\",\n        variant: \"success\",\n      });\n      await refetch();\n    } catch {\n      addToast({ title: \"Failed to toggle channel\", variant: \"error\" });\n    } finally {\n      setBusyId(null);\n    }\n  };\n\n  const handleSync = async (channel: ChannelConfigFieldsFragment) => {\n    setBusyId(channel.id);\n    try {\n      await syncChannel({ variables: { id: channel.id } });\n      addToast({ title: \"Sync started\", variant: \"success\" });\n      await refetch();\n    } catch {\n      addToast({ title: \"Failed to sync channel\", variant: \"error\" });\n    } finally {\n      setBusyId(null);\n    }\n  };\n\n  const handleLoadMore = async () => {\n    setLoadingMore(true);\n    try {\n      const res = await fetchMore({\n        variables: { limit: PAGE_SIZE, offset: channels.length },\n        updateQuery: (prev, { fetchMoreResult }) => {\n          if (!fetchMoreResult) return prev;\n          return {\n            ...prev,\n            channelConfigs: [\n              ...prev.channelConfigs,\n              ...fetchMoreResult.channelConfigs,\n            ],\n          };\n        },\n      });\n      if ((res.data?.channelConfigs?.length ?? 0) < PAGE_SIZE) {\n        setCanLoadMore(false);\n      }\n    } finally {\n      setLoadingMore(false);\n    }\n  };\n\n  if (configsLoading && channels.length === 0) {\n    return (\n      <PageLayout\n        title=\"Channels\"\n        description=\"Manage time tracking channels and integrations\"\n      >\n        <LoadingSkeleton variant=\"card\" count={6} />\n      </PageLayout>\n    );\n  }\n\n  if (configsError) {\n    return (\n      <PageLayout\n        title=\"Channels\"\n        description=\"Manage time tracking channels and integrations\"\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 channels 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 Channel\n    </button>\n  );\n\n  return (\n    <PageLayout\n      title=\"Channels\"\n      description=\"Manage time tracking channels and integrations\"\n      purpose=\"Connect the tools and devices that feed time into TimeCampus — calendars, desktop trackers, integrations — and keep an eye on each connection's health so no work hours slip through the cracks.\"\n      actions={addButton}\n    >\n      {channels.length === 0 ? (\n        <EmptyState\n          illustration=\"empty-generic\"\n          title=\"No channels configured yet\"\n          description=\"Set up your first tracking channel to start pulling time and activity from your tools and devices.\"\n          action={addButton}\n        />\n      ) : (\n        <>\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n            {channels.map((channel: ChannelConfigFieldsFragment) => {\n              const statusInfo = statusMap.get(channel.id);\n              const isActive = channel.status.toLowerCase() === \"active\";\n              const lastSync = channel.lastSync\n                ? new Date(channel.lastSync).toLocaleString()\n                : \"Never\";\n              const health: ChannelHealth = statusInfo\n                ? statusInfo.isHealthy\n                  ? \"healthy\"\n                  : \"degraded\"\n                : \"unknown\";\n              const rowBusy = busyId === channel.id;\n\n              return (\n                <GlassCard\n                  key={channel.id}\n                  treatment=\"glass\"\n                  className=\"flex 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-10 w-10 shrink-0 items-center justify-center rounded-lg bg-action-primary-bg/10 text-primary\">\n                        {isActive ? (\n                          <Wifi className=\"h-5 w-5\" />\n                        ) : (\n                          <WifiOff className=\"h-5 w-5 text-text-secondary\" />\n                        )}\n                      </div>\n                      <div className=\"min-w-0\">\n                        <p className=\"truncate text-sm font-semibold text-text-primary\">\n                          {channel.name}\n                        </p>\n                        <p className=\"text-xs capitalize text-text-secondary\">\n                          {channel.type}\n                        </p>\n                      </div>\n                    </div>\n                    <StatusBadge\n                      label={channel.status}\n                      status={channel.status.toLowerCase()}\n                      dot\n                    />\n                  </div>\n                  <div className=\"mt-4 space-y-2 text-xs\">\n                    <div className=\"flex items-center gap-2\">\n                      <span\n                        className={`h-2 w-2 shrink-0 rounded-full ${HEALTH_DOT[health]}`}\n                        aria-hidden=\"true\"\n                      />\n                      <span className=\"text-text-secondary\">\n                        {HEALTH_LABEL[health]}\n                      </span>\n                    </div>\n                    <div className=\"flex items-center justify-between gap-2\">\n                      <span className=\"text-text-secondary\">Last sync</span>\n                      <span className=\"truncate font-medium text-text-primary\">\n                        {lastSync}\n                      </span>\n                    </div>\n                    <div className=\"flex items-center justify-between gap-2\">\n                      <span className=\"text-text-secondary\">Interval</span>\n                      <span className=\"font-medium text-text-primary\">\n                        {formatInterval(channel.syncInterval)}\n                      </span>\n                    </div>\n                  </div>\n                  <div className=\"mt-4 flex items-center gap-1.5 border-t border-border-seam pt-3\">\n                    <button\n                      type=\"button\"\n                      disabled={rowBusy && syncing}\n                      onClick={() => handleSync(channel)}\n                      title=\"Sync now\"\n                      className=\"inline-flex items-center gap-1 rounded-md border border-border-seam bg-bg-surface px-2 py-1 text-xs text-text-secondary hover:bg-bg-sunken/50 disabled:opacity-50\"\n                    >\n                      <RefreshCw\n                        className={`h-3.5 w-3.5 ${rowBusy && syncing ? \"animate-spin\" : \"\"}`}\n                      />\n                      Sync\n                    </button>\n                    <button\n                      type=\"button\"\n                      disabled={rowBusy && toggling}\n                      onClick={() => handleToggle(channel)}\n                      title={isActive ? \"Disable channel\" : \"Enable channel\"}\n                      className=\"inline-flex items-center gap-1 rounded-md border border-border-seam bg-bg-surface px-2 py-1 text-xs text-text-secondary hover:bg-bg-sunken/50 disabled:opacity-50\"\n                    >\n                      <Power className=\"h-3.5 w-3.5\" />\n                      {isActive ? \"Disable\" : \"Enable\"}\n                    </button>\n                    <div className=\"ml-auto flex items-center gap-1\">\n                      <button\n                        type=\"button\"\n                        onClick={() => openEdit(channel)}\n                        title=\"Edit channel\"\n                        className=\"inline-flex items-center rounded-md border border-border-seam bg-bg-surface p-1.5 text-text-secondary hover:bg-bg-sunken/50\"\n                      >\n                        <Pencil className=\"h-3.5 w-3.5\" />\n                      </button>\n                      <button\n                        type=\"button\"\n                        onClick={() => setDeleteTarget(channel)}\n                        title=\"Delete channel\"\n                        className=\"inline-flex items-center rounded-md border border-border-seam bg-bg-surface p-1.5 text-status-error-text hover:bg-status-error-bg\"\n                      >\n                        <Trash2 className=\"h-3.5 w-3.5\" />\n                      </button>\n                    </div>\n                  </div>\n                </GlassCard>\n              );\n            })}\n          </div>\n\n          {canLoadMore && channels.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 Channel\" : \"Add Channel\"}\n        description={\n          editing\n            ? \"Update this channel's configuration.\"\n            : \"Connect a new tracking channel to feed time into TimeCampus.\"\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={creating || updating || !form.name.trim()}\n              className=\"rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 disabled:opacity-50\"\n            >\n              {creating || updating\n                ? \"Saving...\"\n                : editing\n                  ? \"Save Changes\"\n                  : \"Add Channel\"}\n            </button>\n          </>\n        }\n      >\n        <div className=\"space-y-4\">\n          <div>\n            <label className=\"block text-sm font-medium text-text-primary\">\n              Name\n            </label>\n            <input\n              type=\"text\"\n              placeholder=\"e.g. Google Calendar\"\n              value={form.name}\n              onChange={(e) => setForm({ ...form, name: e.target.value })}\n              className={inputClass}\n            />\n          </div>\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n            <div>\n              <label className=\"block text-sm font-medium text-text-primary\">\n                Type\n              </label>\n              <select\n                value={form.type}\n                onChange={(e) =>\n                  setForm({\n                    ...form,\n                    type: e.target.value as TimeCampusChannelType,\n                  })\n                }\n                className={inputClass}\n              >\n                {CHANNEL_TYPE_OPTIONS.map((opt) => (\n                  <option key={opt.value} value={opt.value}>\n                    {opt.label}\n                  </option>\n                ))}\n              </select>\n            </div>\n            <div>\n              <label className=\"block text-sm font-medium text-text-primary\">\n                Sync Interval (seconds)\n              </label>\n              <input\n                type=\"number\"\n                min={0}\n                placeholder=\"e.g. 300\"\n                value={form.syncInterval}\n                onChange={(e) =>\n                  setForm({ ...form, syncInterval: e.target.value })\n                }\n                className={inputClass}\n              />\n            </div>\n          </div>\n        </div>\n      </Modal>\n\n      <Modal\n        open={deleteTarget !== null}\n        onClose={() => setDeleteTarget(null)}\n        title=\"Delete channel?\"\n        description={\n          deleteTarget\n            ? `\"${deleteTarget.name}\" will be removed. This cannot be undone.`\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          Deleting a channel stops it from feeding new time into TimeCampus.\n          Previously captured entries are kept.\n        </p>\n      </Modal>\n\n      <ToastContainer toasts={toasts} onDismiss={dismissToast} />\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}