npm - @burdenoff/microfe-planmagnet - Versions diffs - 2026.1001.5 → 2026.1001.7 - Mend

@burdenoff/microfe-planmagnet 2026.1001.5 → 2026.1001.7

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

Files changed (126) hide show

package/dist/planmagnet/pages/IntegrationsSyncDetailPagePage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IntegrationsSyncDetailPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/IntegrationsSyncDetailPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport {\n Badge,\n Button,\n Card,\n CardContent,\n CardHeader,\n CardTitle,\n Tabs,\n TabsContent,\n TabsList,\n TabsTrigger,\n} from '@burdenoff/fe-libs/ui';\nimport { ExternalLink, History, Plug, ShieldAlert } from 'lucide-react';\nimport { useEntityId } from '../hooks/useEntityId';\nimport { usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { detailPath } from '../utils/rowNavigation';\nimport { PersonName } from '../people/People';\nimport {\n ConflictResolveActions,\n ConflictStatusBadge,\n DeleteSyncButton,\n EditSyncDialog,\n PauseResumeButton,\n RunNowButton,\n SyncHealthSummary,\n SyncRunResultSummary,\n SyncRunStatusBadge,\n SyncStatusBadge,\n TestConnectionButton,\n TruncatedText,\n CONFLICT_STRATEGY_EXPLANATION,\n} from '../controls/SyncControls';\nimport {\n directionLabel,\n parseGithubFieldMapping,\n providerLabel,\n type ConflictStatus,\n type ExternalSyncRow,\n type SyncConflictRow,\n type SyncRunResult,\n type SyncRunRow,\n} from '../integrations/syncTypes';\n\n/*\n Sync detail (AUT-09/10/24/40): one ExternalSync — its health, its settings, its run history and its open\n * conflicts. Every write action here can be refused by role (FORBIDDEN) or by the provider itself (a honest\n * NOT_IMPLEMENTED for a non-GitHub provider, a real GitHub API error) — both are surfaced inline, never masked.\n */\n\nconst RUNS_PAGE = 20;\nconst CONFLICTS_PAGE = 20;\n\nconst GET_SYNC_DETAIL = gql`\n query SyncDetail($id: ID!) {\n planmagnetExternalSync(id: $id) {\n id\n provider\n direction\n status\n projectId\n project {\n id\n name\n }\n externalProjectId\n externalProjectUrl\n conflictStrategy\n fieldMapping\n syncFilters\n lastSyncedAt\n lastSyncError\n totalItemsSynced\n createdAt\n updatedAt\n runHealth {\n lastRunAt\n lastStatus\n consecutiveFailures\n runsLast7Days\n }\n }\n }\n`;\n\nconst GET_SYNC_RUNS = gql`\n query SyncRuns($syncId: ID!, $pagination: PlanmagnetPaginationInput) {\n planmagnetSyncRuns(syncId: $syncId, pagination: $pagination) {\n totalCount\n pageInfo {\n hasNextPage\n endCursor\n }\n items {\n id\n direction\n status\n startedAt\n finishedAt\n itemsCreated\n itemsUpdated\n itemsSkipped\n errorCount\n conflictCount\n errorMessage\n triggeredBy\n }\n }\n }\n`;\n\nconst GET_SYNC_CONFLICTS = gql`\n query SyncConflicts(\n $syncId: ID!\n $status: PlanmagnetSyncConflictStatus\n $pagination: PlanmagnetPaginationInput\n ) {\n planmagnetSyncConflicts(syncId: $syncId, status: $status, pagination: $pagination) {\n totalCount\n pageInfo {\n hasNextPage\n endCursor\n }\n items {\n id\n createdAt\n fields\n localUpdatedAt\n remoteUpdatedAt\n resolution\n resolvedAt\n resolvedBy\n status\n mappingId\n mapping {\n id\n internalId\n internalType\n externalId\n externalType\n externalUrl\n }\n }\n }\n }\n`;\n\nfunction RunHistorySection({ syncId }: { syncId: string }) {\n const [loadingMore, setLoadingMore] = useState(false);\n const { data, loading, error, fetchMore } = useQuery<{\n planmagnetSyncRuns: {\n totalCount: number;\n pageInfo: { hasNextPage: boolean; endCursor: string \| null };\n items: SyncRunRow[];\n };\n }>(GET_SYNC_RUNS, { variables: { syncId, pagination: { first: RUNS_PAGE } } });\n\n const list = data?.planmagnetSyncRuns;\n const runs = list?.items ?? [];\n\n const loadMore = async () => {\n const after = list?.pageInfo.endCursor;\n if (!after) return;\n setLoadingMore(true);\n try {\n await fetchMore({\n variables: { pagination: { first: RUNS_PAGE, after } },\n updateQuery: (prev, { fetchMoreResult }) => ({\n planmagnetSyncRuns: {\n ...fetchMoreResult.planmagnetSyncRuns,\n items: [...prev.planmagnetSyncRuns.items, ...fetchMoreResult.planmagnetSyncRuns.items],\n },\n }),\n });\n } finally {\n setLoadingMore(false);\n }\n };\n\n return (\n <div className=\"space-y-3\" data-testid=\"sync-runs\">\n {error && (\n <p role=\"alert\" className=\"text-sm text-destructive\">\n Run history could not be loaded: {error.message}\n </p>\n )}\n {loading && !data && <p className=\"text-sm text-muted-foreground\">Loading run history…</p>}\n {list && runs.length === 0 && (\n <p className=\"py-6 text-center text-sm text-muted-foreground\">\n No runs yet — use "Run now" above to start the first one.\n </p>\n )}\n <div className=\"overflow-x-auto\">\n {runs.length > 0 && (\n <table className=\"w-full text-sm\">\n <thead>\n <tr className=\"text-left text-muted-foreground\">\n <th className=\"py-1 pr-3 font-medium\">Started</th>\n <th className=\"py-1 pr-3 font-medium\">Direction</th>\n <th className=\"py-1 pr-3 font-medium\">Status</th>\n <th className=\"py-1 pr-3 font-medium\">Created / updated / skipped</th>\n <th className=\"py-1 pr-3 font-medium\">Conflicts</th>\n <th className=\"py-1 pr-3 font-medium\">Triggered by</th>\n <th className=\"py-1 font-medium\">Error</th>\n </tr>\n </thead>\n <tbody>\n {runs.map((run) => (\n <tr key={run.id} className=\"border-t align-top\" data-testid=\"sync-run-row\">\n <td className=\"py-1.5 pr-3 whitespace-nowrap\">\n <div>{new Date(run.startedAt).toLocaleString()}</div>\n <div className=\"text-xs text-muted-foreground\">\n finished {new Date(run.finishedAt).toLocaleString()}\n </div>\n </td>\n <td className=\"py-1.5 pr-3 whitespace-nowrap\">{directionLabel(run.direction)}</td>\n <td className=\"py-1.5 pr-3\">\n <SyncRunStatusBadge status={run.status} />\n </td>\n <td className=\"py-1.5 pr-3 whitespace-nowrap\">\n {run.itemsCreated} / {run.itemsUpdated} / {run.itemsSkipped}\n </td>\n <td className=\"py-1.5 pr-3\">{run.conflictCount}</td>\n <td className=\"py-1.5 pr-3 whitespace-nowrap\">\n <PersonName id={run.triggeredBy} />\n </td>\n <td className=\"py-1.5 text-status-error-text\">\n {run.errorMessage ? (\n <TruncatedText\n text={run.errorMessage}\n max={100}\n className=\"text-status-error-text\"\n />\n ) : (\n <span className=\"text-muted-foreground\">—</span>\n )}\n </td>\n </tr>\n ))}\n </tbody>\n </table>\n )}\n </div>\n {list?.pageInfo.hasNextPage && (\n <Button size=\"sm\" variant=\"outline\" onClick={() => void loadMore()} disabled={loadingMore}>\n {loadingMore ? 'Loading…' : `Show more (${runs.length} of ${list.totalCount})`}\n </Button>\n )}\n </div>\n );\n}\n\nfunction ConflictRow({ conflict }: { conflict: SyncConflictRow }) {\n const navigate = usePlanMagnetNavigate();\n const mapping = conflict.mapping;\n const isWorkItem = mapping?.internalType === 'workitem';\n\n return (\n <li className=\"rounded-md border p-4 space-y-2\" data-testid=\"sync-conflict\">\n <div className=\"flex flex-wrap items-center justify-between gap-2\">\n <div className=\"flex flex-wrap items-center gap-2\">\n <ConflictStatusBadge status={conflict.status} />\n <span className=\"text-xs text-muted-foreground\">\n Detected {new Date(conflict.createdAt).toLocaleString()}\n </span>\n </div>\n {mapping && (\n <div className=\"flex items-center gap-2 text-xs\">\n {isWorkItem ? (\n <button\n type=\"button\"\n className=\"font-medium text-primary hover:underline\"\n onClick={() =>\n navigate(\n `/tasks/task-detail-page?taskId=${encodeURIComponent(mapping.internalId)}`\n )\n }\n >\n Open in PlanMagnet\n </button>\n ) : (\n <span className=\"text-muted-foreground\">\n {mapping.internalType} {mapping.internalId}\n </span>\n )}\n {mapping.externalUrl && (\n <a\n href={mapping.externalUrl}\n target=\"_blank\"\n rel=\"noreferrer noopener\"\n className=\"inline-flex items-center gap-1 text-primary hover:underline\"\n >\n View on {mapping.externalType}\n <ExternalLink className=\"h-3 w-3\" />\n </a>\n )}\n </div>\n )}\n </div>\n <p className=\"text-sm\">\n Fields in conflict:{' '}\n <span className=\"font-medium\">\n {conflict.fields.length ? conflict.fields.join(', ') : 'unknown'}\n </span>\n </p>\n <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-2 text-xs text-muted-foreground\">\n <span>PlanMagnet last updated {new Date(conflict.localUpdatedAt).toLocaleString()}</span>\n <span>Provider last updated {new Date(conflict.remoteUpdatedAt).toLocaleString()}</span>\n </div>\n {conflict.status === 'OPEN' ? (\n <ConflictResolveActions conflictId={conflict.id} />\n ) : (\n <p className=\"text-xs text-muted-foreground\">\n Resolved {conflict.resolvedAt ? new Date(conflict.resolvedAt).toLocaleString() : ''}\n {conflict.resolution\n ? ` — ${conflict.resolution === 'SOURCE_WINS' ? 'kept PlanMagnet' : conflict.resolution === 'TARGET_WINS' ? 'took the provider' : 'dismissed manually'}`\n : ''}\n {conflict.resolvedBy ? (\n <>\n {' by '}\n <PersonName id={conflict.resolvedBy} />\n </>\n ) : null}\n </p>\n )}\n </li>\n );\n}\n\nfunction ConflictsSection({ syncId }: { syncId: string }) {\n const [status, setStatus] = useState<'ALL' \| ConflictStatus>('OPEN');\n const [loadingMore, setLoadingMore] = useState(false);\n const { data, loading, error, fetchMore } = useQuery<{\n planmagnetSyncConflicts: {\n totalCount: number;\n pageInfo: { hasNextPage: boolean; endCursor: string \| null };\n items: SyncConflictRow[];\n };\n }>(GET_SYNC_CONFLICTS, {\n variables: {\n syncId,\n status: status === 'ALL' ? undefined : status,\n pagination: { first: CONFLICTS_PAGE },\n },\n });\n\n const list = data?.planmagnetSyncConflicts;\n const conflicts = list?.items ?? [];\n\n const loadMore = async () => {\n const after = list?.pageInfo.endCursor;\n if (!after) return;\n setLoadingMore(true);\n try {\n await fetchMore({\n variables: { pagination: { first: CONFLICTS_PAGE, after } },\n updateQuery: (prev, { fetchMoreResult }) => ({\n planmagnetSyncConflicts: {\n ...fetchMoreResult.planmagnetSyncConflicts,\n items: [\n ...prev.planmagnetSyncConflicts.items,\n ...fetchMoreResult.planmagnetSyncConflicts.items,\n ],\n },\n }),\n });\n } finally {\n setLoadingMore(false);\n }\n };\n\n return (\n <div className=\"space-y-3\" data-testid=\"sync-conflicts\">\n <div className=\"flex flex-wrap gap-1\" role=\"group\" aria-label=\"Filter conflicts by status\">\n {(['OPEN', 'RESOLVED', 'ALL'] as const).map((s) => (\n <button\n key={s}\n type=\"button\"\n aria-pressed={status === s}\n data-testid={`sync-conflicts-status-${s}`}\n onClick={() => setStatus(s)}\n className={`px-3 py-1.5 text-sm rounded-md ${status === s ? 'bg-primary text-primary-foreground' : 'text-muted-foreground hover:bg-muted'}`}\n >\n {s === 'ALL' ? 'All' : s.charAt(0) + s.slice(1).toLowerCase()}\n </button>\n ))}\n </div>\n {error && (\n <p role=\"alert\" className=\"text-sm text-destructive\">\n Conflicts could not be loaded: {error.message}\n </p>\n )}\n {loading && !data && <p className=\"text-sm text-muted-foreground\">Loading conflicts…</p>}\n {list && conflicts.length === 0 && (\n <p className=\"py-6 text-center text-sm text-muted-foreground\">\n {status === 'OPEN' ? 'No open conflicts.' : 'No conflicts found.'}\n </p>\n )}\n <ul className=\"space-y-3\">\n {conflicts.map((conflict) => (\n <ConflictRow key={conflict.id} conflict={conflict} />\n ))}\n </ul>\n {list?.pageInfo.hasNextPage && (\n <Button size=\"sm\" variant=\"outline\" onClick={() => void loadMore()} disabled={loadingMore}>\n {loadingMore ? 'Loading…' : `Show more (${conflicts.length} of ${list.totalCount})`}\n </Button>\n )}\n </div>\n );\n}\n\nexport function IntegrationsSyncDetailPagePage() {\n const syncId = useEntityId();\n const navigate = usePlanMagnetNavigate();\n const [runResult, setRunResult] = useState<SyncRunResult \| null>(null);\n\n const { data, loading, error } = useQuery<{ planmagnetExternalSync: ExternalSyncRow \| null }>(\n GET_SYNC_DETAIL,\n { variables: { id: syncId }, skip: !syncId }\n );\n\n if (!syncId)\n return (\n <div className=\"p-6 text-muted-foreground\">No sync selected. Open one from Integrations.</div>\n );\n // Only before the first load: a refetch after an action must not blank the page.\n if (loading && !data)\n return (\n <div className=\"flex items-center justify-center p-12\">\n <div className=\"animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full\" />\n </div>\n );\n if (error)\n return <div className=\"p-6 text-destructive\">Sync could not be loaded: {error.message}</div>;\n\n const sync = data?.planmagnetExternalSync;\n if (!sync) return <div className=\"p-6 text-muted-foreground\">Sync not found.</div>;\n\n const mapping = parseGithubFieldMapping(sync.fieldMapping);\n\n return (\n <div className=\"space-y-6 p-6\" data-testid=\"sync-detail\">\n <div className=\"flex flex-wrap items-start justify-between gap-4\">\n <div className=\"flex items-start gap-3\">\n <Plug className=\"h-6 w-6 text-primary mt-0.5\" />\n <div>\n <div className=\"flex flex-wrap items-center gap-2\">\n <h1 className=\"text-2xl font-semibold\">{providerLabel(sync.provider)} sync</h1>\n <SyncStatusBadge status={sync.status} />\n </div>\n <p className=\"text-sm text-muted-foreground\">\n {sync.project ? (\n <button\n type=\"button\"\n className=\"text-primary hover:underline\"\n onClick={() =>\n navigate(detailPath('/projects/project-detail-page', sync.project?.id))\n }\n >\n {sync.project.name}\n </button>\n ) : (\n 'Unknown project'\n )}\n {' · '}\n {directionLabel(sync.direction)}\n </p>\n </div>\n </div>\n <div className=\"flex flex-wrap items-center gap-2\">\n <RunNowButton syncId={sync.id} size=\"default\" onResult={setRunResult} />\n <PauseResumeButton syncId={sync.id} status={sync.status} />\n <TestConnectionButton syncId={sync.id} />\n <EditSyncDialog\n sync={{\n id: sync.id,\n provider: sync.provider,\n direction: sync.direction,\n conflictStrategy: sync.conflictStrategy,\n fieldMapping: sync.fieldMapping,\n syncFilters: sync.syncFilters,\n }}\n />\n <DeleteSyncButton\n syncId={sync.id}\n label={`${providerLabel(sync.provider)} sync`}\n onDeleted={() => navigate('/integrations/syncs-page')}\n />\n </div>\n </div>\n\n {runResult && <SyncRunResultSummary result={runResult} />}\n\n <div className=\"grid grid-cols-1 lg:grid-cols-3 gap-6\">\n <div className=\"lg:col-span-2 space-y-6\">\n <Card>\n <CardHeader>\n <CardTitle>Health</CardTitle>\n </CardHeader>\n <CardContent className=\"space-y-3\">\n <SyncHealthSummary health={sync.runHealth} />\n {sync.lastSyncError && (\n <p className=\"text-sm text-status-error-text\" data-testid=\"sync-last-error\">\n <TruncatedText\n text={sync.lastSyncError}\n max={200}\n className=\"text-status-error-text\"\n />\n </p>\n )}\n </CardContent>\n </Card>\n\n <Card>\n <CardHeader>\n <CardTitle className=\"flex items-center gap-2\">\n <History className=\"h-4 w-4 text-primary\" />\n History\n </CardTitle>\n </CardHeader>\n <CardContent>\n <Tabs defaultValue=\"runs\">\n <TabsList>\n <TabsTrigger value=\"runs\" data-testid=\"sync-tab-runs\">\n Run history\n </TabsTrigger>\n <TabsTrigger value=\"conflicts\" data-testid=\"sync-tab-conflicts\">\n <ShieldAlert className=\"mr-1 h-3.5 w-3.5\" />\n Conflicts\n </TabsTrigger>\n </TabsList>\n <TabsContent value=\"runs\" className=\"mt-4\">\n <RunHistorySection syncId={sync.id} />\n </TabsContent>\n <TabsContent value=\"conflicts\" className=\"mt-4\">\n <ConflictsSection syncId={sync.id} />\n </TabsContent>\n </Tabs>\n </CardContent>\n </Card>\n </div>\n\n <Card>\n <CardHeader>\n <CardTitle>Details</CardTitle>\n </CardHeader>\n <CardContent className=\"space-y-3 text-sm\">\n <div className=\"flex justify-between gap-2\">\n <span className=\"text-muted-foreground\">External project</span>\n {sync.externalProjectUrl ? (\n <a\n href={sync.externalProjectUrl}\n target=\"_blank\"\n rel=\"noreferrer noopener\"\n className=\"inline-flex items-center gap-1 font-medium text-primary hover:underline\"\n >\n {sync.externalProjectId}\n <ExternalLink className=\"h-3 w-3\" />\n </a>\n ) : (\n <span className=\"font-medium\">{sync.externalProjectId}</span>\n )}\n </div>\n <div className=\"flex justify-between gap-2\">\n <span className=\"text-muted-foreground\">Conflict strategy</span>\n <Badge variant=\"outline\" className=\"text-xs\">\n {sync.conflictStrategy === 'SOURCE_WINS'\n ? 'PlanMagnet wins'\n : sync.conflictStrategy === 'TARGET_WINS'\n ? 'Provider wins'\n : 'Manual'}\n </Badge>\n </div>\n <p className=\"text-xs text-muted-foreground\">\n {CONFLICT_STRATEGY_EXPLANATION[sync.conflictStrategy]}\n </p>\n {sync.provider === 'GITHUB' && (\n <div>\n <p className=\"text-muted-foreground\">Field mapping</p>\n <p className=\"font-medium\">\n Priority label: <code>{mapping.priority \|\| 'priority:'}</code>\n </p>\n <p className=\"font-medium\">\n Due-date label: <code>{mapping.dueDate \|\| 'due:'}</code>\n </p>\n </div>\n )}\n <div className=\"flex justify-between\">\n <span className=\"text-muted-foreground\">Items synced</span>\n <span className=\"font-medium\">{sync.totalItemsSynced}</span>\n </div>\n <div className=\"flex justify-between\">\n <span className=\"text-muted-foreground\">Last synced</span>\n <span>\n {sync.lastSyncedAt ? new Date(sync.lastSyncedAt).toLocaleString() : 'Never'}\n </span>\n </div>\n <div className=\"flex justify-between\">\n <span className=\"text-muted-foreground\">Created</span>\n <span>{new Date(sync.createdAt).toLocaleDateString()}</span>\n </div>\n <div className=\"flex justify-between\">\n <span className=\"text-muted-foreground\">Updated</span>\n <span>{new Date(sync.updatedAt).toLocaleDateString()}</span>\n </div>\n </CardContent>\n </Card>\n </div>\n </div>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"IntegrationsSyncDetailPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/IntegrationsSyncDetailPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport {\n Badge,\n Button,\n Card,\n CardContent,\n CardHeader,\n CardTitle,\n Tabs,\n TabsContent,\n TabsList,\n TabsTrigger,\n} from '@burdenoff/fe-libs/ui';\nimport { ExternalLink, History, Plug, ShieldAlert } from 'lucide-react';\nimport { useEntityId } from '../hooks/useEntityId';\nimport { usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { detailPath } from '../utils/rowNavigation';\nimport { PersonName } from '../people/People';\nimport {\n ConflictResolveActions,\n ConflictStatusBadge,\n DeleteSyncButton,\n EditSyncDialog,\n PauseResumeButton,\n RunNowButton,\n SyncHealthSummary,\n SyncRunResultSummary,\n SyncRunStatusBadge,\n SyncStatusBadge,\n TestConnectionButton,\n TruncatedText,\n CONFLICT_STRATEGY_EXPLANATION,\n} from '../controls/SyncControls';\nimport {\n conflictStrategyLabel,\n directionLabel,\n parseGithubFieldMapping,\n providerLabel,\n type ConflictStatus,\n type ExternalSyncRow,\n type SyncConflictRow,\n type SyncRunResult,\n type SyncRunRow,\n} from '../integrations/syncTypes';\n\n/** Past-tense phrasing for a decided `SyncConflict.resolution` (AUT-10/24) — covers all four\n * `PlanmagnetSyncConflictResolution` values, including `MERGE`, which this line previously fell through to\n * \"dismissed manually\" for. /\nconst RESOLUTION_PHRASE: Record<string, string> = {\n SOURCE_WINS: 'kept PlanMagnet',\n TARGET_WINS: 'took the provider',\n MERGE: 'merged',\n MANUAL: 'dismissed manually',\n};\n\n/\n Sync detail (AUT-09/10/24/40): one ExternalSync — its health, its settings, its run history and its open\n * conflicts. Every write action here can be refused by role (FORBIDDEN) or by the provider itself (a honest\n * NOT_IMPLEMENTED for a non-GitHub provider, a real GitHub API error) — both are surfaced inline, never masked.\n */\n\nconst RUNS_PAGE = 20;\nconst CONFLICTS_PAGE = 20;\n\nconst GET_SYNC_DETAIL = gql`\n query SyncDetail($id: ID!) {\n planmagnetExternalSync(id: $id) {\n id\n provider\n direction\n status\n projectId\n project {\n id\n name\n }\n externalProjectId\n externalProjectUrl\n conflictStrategy\n fieldMapping\n syncFilters\n lastSyncedAt\n lastSyncError\n totalItemsSynced\n createdAt\n updatedAt\n runHealth {\n lastRunAt\n lastStatus\n consecutiveFailures\n runsLast7Days\n }\n }\n }\n`;\n\nconst GET_SYNC_RUNS = gql`\n query SyncRuns($syncId: ID!, $pagination: PlanmagnetPaginationInput) {\n planmagnetSyncRuns(syncId: $syncId, pagination: $pagination) {\n totalCount\n pageInfo {\n hasNextPage\n endCursor\n }\n items {\n id\n direction\n status\n startedAt\n finishedAt\n itemsCreated\n itemsUpdated\n itemsSkipped\n errorCount\n conflictCount\n errorMessage\n triggeredBy\n }\n }\n }\n`;\n\nconst GET_SYNC_CONFLICTS = gql`\n query SyncConflicts(\n $syncId: ID!\n $status: PlanmagnetSyncConflictStatus\n $pagination: PlanmagnetPaginationInput\n ) {\n planmagnetSyncConflicts(syncId: $syncId, status: $status, pagination: $pagination) {\n totalCount\n pageInfo {\n hasNextPage\n endCursor\n }\n items {\n id\n createdAt\n fields\n localUpdatedAt\n remoteUpdatedAt\n resolution\n resolvedAt\n resolvedBy\n status\n mappingId\n mapping {\n id\n internalId\n internalType\n externalId\n externalType\n externalUrl\n }\n }\n }\n }\n`;\n\nfunction RunHistorySection({ syncId }: { syncId: string }) {\n const [loadingMore, setLoadingMore] = useState(false);\n const { data, loading, error, fetchMore } = useQuery<{\n planmagnetSyncRuns: {\n totalCount: number;\n pageInfo: { hasNextPage: boolean; endCursor: string \| null };\n items: SyncRunRow[];\n };\n }>(GET_SYNC_RUNS, { variables: { syncId, pagination: { first: RUNS_PAGE } } });\n\n const list = data?.planmagnetSyncRuns;\n const runs = list?.items ?? [];\n\n const loadMore = async () => {\n const after = list?.pageInfo.endCursor;\n if (!after) return;\n setLoadingMore(true);\n try {\n await fetchMore({\n variables: { pagination: { first: RUNS_PAGE, after } },\n updateQuery: (prev, { fetchMoreResult }) => ({\n planmagnetSyncRuns: {\n ...fetchMoreResult.planmagnetSyncRuns,\n items: [...prev.planmagnetSyncRuns.items, ...fetchMoreResult.planmagnetSyncRuns.items],\n },\n }),\n });\n } finally {\n setLoadingMore(false);\n }\n };\n\n return (\n <div className=\"space-y-3\" data-testid=\"sync-runs\">\n {error && (\n <p role=\"alert\" className=\"text-sm text-destructive\">\n Run history could not be loaded: {error.message}\n </p>\n )}\n {loading && !data && <p className=\"text-sm text-muted-foreground\">Loading run history…</p>}\n {list && runs.length === 0 && (\n <p className=\"py-6 text-center text-sm text-muted-foreground\">\n No runs yet — use "Run now" above to start the first one.\n </p>\n )}\n <div className=\"overflow-x-auto\">\n {runs.length > 0 && (\n <table className=\"w-full text-sm\">\n <thead>\n <tr className=\"text-left text-muted-foreground\">\n <th className=\"py-1 pr-3 font-medium\">Started</th>\n <th className=\"py-1 pr-3 font-medium\">Direction</th>\n <th className=\"py-1 pr-3 font-medium\">Status</th>\n <th className=\"py-1 pr-3 font-medium\">Created / updated / skipped</th>\n <th className=\"py-1 pr-3 font-medium\">Conflicts</th>\n <th className=\"py-1 pr-3 font-medium\">Triggered by</th>\n <th className=\"py-1 font-medium\">Error</th>\n </tr>\n </thead>\n <tbody>\n {runs.map((run) => (\n <tr key={run.id} className=\"border-t align-top\" data-testid=\"sync-run-row\">\n <td className=\"py-1.5 pr-3 whitespace-nowrap\">\n <div>{new Date(run.startedAt).toLocaleString()}</div>\n <div className=\"text-xs text-muted-foreground\">\n finished {new Date(run.finishedAt).toLocaleString()}\n </div>\n </td>\n <td className=\"py-1.5 pr-3 whitespace-nowrap\">{directionLabel(run.direction)}</td>\n <td className=\"py-1.5 pr-3\">\n <SyncRunStatusBadge status={run.status} />\n </td>\n <td className=\"py-1.5 pr-3 whitespace-nowrap\">\n {run.itemsCreated} / {run.itemsUpdated} / {run.itemsSkipped}\n </td>\n <td className=\"py-1.5 pr-3\">{run.conflictCount}</td>\n <td className=\"py-1.5 pr-3 whitespace-nowrap\">\n <PersonName id={run.triggeredBy} />\n </td>\n <td className=\"py-1.5 text-status-error-text\">\n {run.errorMessage ? (\n <TruncatedText\n text={run.errorMessage}\n max={100}\n className=\"text-status-error-text\"\n />\n ) : (\n <span className=\"text-muted-foreground\">—</span>\n )}\n </td>\n </tr>\n ))}\n </tbody>\n </table>\n )}\n </div>\n {list?.pageInfo.hasNextPage && (\n <Button size=\"sm\" variant=\"outline\" onClick={() => void loadMore()} disabled={loadingMore}>\n {loadingMore ? 'Loading…' : `Show more (${runs.length} of ${list.totalCount})`}\n </Button>\n )}\n </div>\n );\n}\n\nfunction ConflictRow({ conflict }: { conflict: SyncConflictRow }) {\n const navigate = usePlanMagnetNavigate();\n const mapping = conflict.mapping;\n const isWorkItem = mapping?.internalType === 'workitem';\n\n return (\n <li className=\"rounded-md border p-4 space-y-2\" data-testid=\"sync-conflict\">\n <div className=\"flex flex-wrap items-center justify-between gap-2\">\n <div className=\"flex flex-wrap items-center gap-2\">\n <ConflictStatusBadge status={conflict.status} />\n <span className=\"text-xs text-muted-foreground\">\n Detected {new Date(conflict.createdAt).toLocaleString()}\n </span>\n </div>\n {mapping && (\n <div className=\"flex items-center gap-2 text-xs\">\n {isWorkItem ? (\n <button\n type=\"button\"\n className=\"font-medium text-primary hover:underline\"\n onClick={() =>\n navigate(\n `/tasks/task-detail-page?taskId=${encodeURIComponent(mapping.internalId)}`\n )\n }\n >\n Open in PlanMagnet\n </button>\n ) : (\n <span className=\"text-muted-foreground\">\n {mapping.internalType} {mapping.internalId}\n </span>\n )}\n {mapping.externalUrl && (\n <a\n href={mapping.externalUrl}\n target=\"_blank\"\n rel=\"noreferrer noopener\"\n className=\"inline-flex items-center gap-1 text-primary hover:underline\"\n >\n View on {mapping.externalType}\n <ExternalLink className=\"h-3 w-3\" />\n </a>\n )}\n </div>\n )}\n </div>\n <p className=\"text-sm\">\n Fields in conflict:{' '}\n <span className=\"font-medium\">\n {conflict.fields.length ? conflict.fields.join(', ') : 'unknown'}\n </span>\n </p>\n <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-2 text-xs text-muted-foreground\">\n <span>PlanMagnet last updated {new Date(conflict.localUpdatedAt).toLocaleString()}</span>\n <span>Provider last updated {new Date(conflict.remoteUpdatedAt).toLocaleString()}</span>\n </div>\n {conflict.status === 'OPEN' ? (\n <ConflictResolveActions conflictId={conflict.id} />\n ) : (\n <p className=\"text-xs text-muted-foreground\">\n Resolved {conflict.resolvedAt ? new Date(conflict.resolvedAt).toLocaleString() : ''}\n {conflict.resolution\n ? ` — ${RESOLUTION_PHRASE[conflict.resolution] ?? conflict.resolution.toLowerCase()}`\n : ''}\n {conflict.resolvedBy ? (\n <>\n {' by '}\n <PersonName id={conflict.resolvedBy} />\n </>\n ) : null}\n </p>\n )}\n </li>\n );\n}\n\nfunction ConflictsSection({ syncId }: { syncId: string }) {\n const [status, setStatus] = useState<'ALL' \| ConflictStatus>('OPEN');\n const [loadingMore, setLoadingMore] = useState(false);\n const { data, loading, error, fetchMore } = useQuery<{\n planmagnetSyncConflicts: {\n totalCount: number;\n pageInfo: { hasNextPage: boolean; endCursor: string \| null };\n items: SyncConflictRow[];\n };\n }>(GET_SYNC_CONFLICTS, {\n variables: {\n syncId,\n status: status === 'ALL' ? undefined : status,\n pagination: { first: CONFLICTS_PAGE },\n },\n });\n\n const list = data?.planmagnetSyncConflicts;\n const conflicts = list?.items ?? [];\n\n const loadMore = async () => {\n const after = list?.pageInfo.endCursor;\n if (!after) return;\n setLoadingMore(true);\n try {\n await fetchMore({\n variables: { pagination: { first: CONFLICTS_PAGE, after } },\n updateQuery: (prev, { fetchMoreResult }) => ({\n planmagnetSyncConflicts: {\n ...fetchMoreResult.planmagnetSyncConflicts,\n items: [\n ...prev.planmagnetSyncConflicts.items,\n ...fetchMoreResult.planmagnetSyncConflicts.items,\n ],\n },\n }),\n });\n } finally {\n setLoadingMore(false);\n }\n };\n\n return (\n <div className=\"space-y-3\" data-testid=\"sync-conflicts\">\n <div className=\"flex flex-wrap gap-1\" role=\"group\" aria-label=\"Filter conflicts by status\">\n {(['OPEN', 'RESOLVED', 'ALL'] as const).map((s) => (\n <button\n key={s}\n type=\"button\"\n aria-pressed={status === s}\n data-testid={`sync-conflicts-status-${s}`}\n onClick={() => setStatus(s)}\n className={`px-3 py-1.5 text-sm rounded-md ${status === s ? 'bg-primary text-primary-foreground' : 'text-muted-foreground hover:bg-muted'}`}\n >\n {s === 'ALL' ? 'All' : s.charAt(0) + s.slice(1).toLowerCase()}\n </button>\n ))}\n </div>\n {error && (\n <p role=\"alert\" className=\"text-sm text-destructive\">\n Conflicts could not be loaded: {error.message}\n </p>\n )}\n {loading && !data && <p className=\"text-sm text-muted-foreground\">Loading conflicts…</p>}\n {list && conflicts.length === 0 && (\n <p className=\"py-6 text-center text-sm text-muted-foreground\">\n {status === 'OPEN' ? 'No open conflicts.' : 'No conflicts found.'}\n </p>\n )}\n <ul className=\"space-y-3\">\n {conflicts.map((conflict) => (\n <ConflictRow key={conflict.id} conflict={conflict} />\n ))}\n </ul>\n {list?.pageInfo.hasNextPage && (\n <Button size=\"sm\" variant=\"outline\" onClick={() => void loadMore()} disabled={loadingMore}>\n {loadingMore ? 'Loading…' : `Show more (${conflicts.length} of ${list.totalCount})`}\n </Button>\n )}\n </div>\n );\n}\n\nexport function IntegrationsSyncDetailPagePage() {\n const syncId = useEntityId();\n const navigate = usePlanMagnetNavigate();\n const [runResult, setRunResult] = useState<SyncRunResult \| null>(null);\n\n const { data, loading, error } = useQuery<{ planmagnetExternalSync: ExternalSyncRow \| null }>(\n GET_SYNC_DETAIL,\n { variables: { id: syncId }, skip: !syncId }\n );\n\n if (!syncId)\n return (\n <div className=\"p-6 text-muted-foreground\">No sync selected. Open one from Integrations.</div>\n );\n // Only before the first load: a refetch after an action must not blank the page.\n if (loading && !data)\n return (\n <div className=\"flex items-center justify-center p-12\">\n <div className=\"animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full\" />\n </div>\n );\n if (error)\n return <div className=\"p-6 text-destructive\">Sync could not be loaded: {error.message}</div>;\n\n const sync = data?.planmagnetExternalSync;\n if (!sync) return <div className=\"p-6 text-muted-foreground\">Sync not found.</div>;\n\n const mapping = parseGithubFieldMapping(sync.fieldMapping);\n\n return (\n <div className=\"space-y-6 p-6\" data-testid=\"sync-detail\">\n <div className=\"flex flex-wrap items-start justify-between gap-4\">\n <div className=\"flex items-start gap-3\">\n <Plug className=\"h-6 w-6 text-primary mt-0.5\" />\n <div>\n <div className=\"flex flex-wrap items-center gap-2\">\n <h1 className=\"text-2xl font-semibold\">{providerLabel(sync.provider)} sync</h1>\n <SyncStatusBadge status={sync.status} />\n </div>\n <p className=\"text-sm text-muted-foreground\">\n {sync.project ? (\n <button\n type=\"button\"\n className=\"text-primary hover:underline\"\n onClick={() =>\n navigate(detailPath('/projects/project-detail-page', sync.project?.id))\n }\n >\n {sync.project.name}\n </button>\n ) : (\n 'Unknown project'\n )}\n {' · '}\n {directionLabel(sync.direction)}\n </p>\n </div>\n </div>\n <div className=\"flex flex-wrap items-center gap-2\">\n <RunNowButton syncId={sync.id} size=\"default\" onResult={setRunResult} />\n <PauseResumeButton syncId={sync.id} status={sync.status} />\n <TestConnectionButton syncId={sync.id} />\n <EditSyncDialog\n sync={{\n id: sync.id,\n provider: sync.provider,\n direction: sync.direction,\n conflictStrategy: sync.conflictStrategy,\n fieldMapping: sync.fieldMapping,\n syncFilters: sync.syncFilters,\n }}\n />\n <DeleteSyncButton\n syncId={sync.id}\n label={`${providerLabel(sync.provider)} sync`}\n onDeleted={() => navigate('/integrations/syncs-page')}\n />\n </div>\n </div>\n\n {runResult && <SyncRunResultSummary result={runResult} />}\n\n <div className=\"grid grid-cols-1 lg:grid-cols-3 gap-6\">\n <div className=\"lg:col-span-2 space-y-6\">\n <Card>\n <CardHeader>\n <CardTitle>Health</CardTitle>\n </CardHeader>\n <CardContent className=\"space-y-3\">\n <SyncHealthSummary health={sync.runHealth} />\n {sync.lastSyncError && (\n <p className=\"text-sm text-status-error-text\" data-testid=\"sync-last-error\">\n <TruncatedText\n text={sync.lastSyncError}\n max={200}\n className=\"text-status-error-text\"\n />\n </p>\n )}\n </CardContent>\n </Card>\n\n <Card>\n <CardHeader>\n <CardTitle className=\"flex items-center gap-2\">\n <History className=\"h-4 w-4 text-primary\" />\n History\n </CardTitle>\n </CardHeader>\n <CardContent>\n <Tabs defaultValue=\"runs\">\n <TabsList>\n <TabsTrigger value=\"runs\" data-testid=\"sync-tab-runs\">\n Run history\n </TabsTrigger>\n <TabsTrigger value=\"conflicts\" data-testid=\"sync-tab-conflicts\">\n <ShieldAlert className=\"mr-1 h-3.5 w-3.5\" />\n Conflicts\n </TabsTrigger>\n </TabsList>\n <TabsContent value=\"runs\" className=\"mt-4\">\n <RunHistorySection syncId={sync.id} />\n </TabsContent>\n <TabsContent value=\"conflicts\" className=\"mt-4\">\n <ConflictsSection syncId={sync.id} />\n </TabsContent>\n </Tabs>\n </CardContent>\n </Card>\n </div>\n\n <Card>\n <CardHeader>\n <CardTitle>Details</CardTitle>\n </CardHeader>\n <CardContent className=\"space-y-3 text-sm\">\n <div className=\"flex justify-between gap-2\">\n <span className=\"text-muted-foreground\">External project</span>\n {sync.externalProjectUrl ? (\n <a\n href={sync.externalProjectUrl}\n target=\"_blank\"\n rel=\"noreferrer noopener\"\n className=\"inline-flex items-center gap-1 font-medium text-primary hover:underline\"\n >\n {sync.externalProjectId}\n <ExternalLink className=\"h-3 w-3\" />\n </a>\n ) : (\n <span className=\"font-medium\">{sync.externalProjectId}</span>\n )}\n </div>\n <div className=\"flex justify-between gap-2\">\n <span className=\"text-muted-foreground\">Conflict strategy</span>\n <Badge variant=\"outline\" className=\"text-xs\">\n {conflictStrategyLabel(sync.conflictStrategy)}\n </Badge>\n </div>\n <p className=\"text-xs text-muted-foreground\">\n {CONFLICT_STRATEGY_EXPLANATION[sync.conflictStrategy]}\n </p>\n {sync.provider === 'GITHUB' && (\n <div>\n <p className=\"text-muted-foreground\">Field mapping</p>\n <p className=\"font-medium\">\n Priority label: <code>{mapping.priority \|\| 'priority:'}</code>\n </p>\n <p className=\"font-medium\">\n Due-date label: <code>{mapping.dueDate \|\| 'due:'}</code>\n </p>\n </div>\n )}\n <div className=\"flex justify-between\">\n <span className=\"text-muted-foreground\">Items synced</span>\n <span className=\"font-medium\">{sync.totalItemsSynced}</span>\n </div>\n <div className=\"flex justify-between\">\n <span className=\"text-muted-foreground\">Last synced</span>\n <span>\n {sync.lastSyncedAt ? new Date(sync.lastSyncedAt).toLocaleString() : 'Never'}\n </span>\n </div>\n <div className=\"flex justify-between\">\n <span className=\"text-muted-foreground\">Created</span>\n <span>{new Date(sync.createdAt).toLocaleDateString()}</span>\n </div>\n <div className=\"flex justify-between\">\n <span className=\"text-muted-foreground\">Updated</span>\n <span>{new Date(sync.updatedAt).toLocaleDateString()}</span>\n </div>\n </CardContent>\n </Card>\n </div>\n </div>\n );\n}\n"],"mappings":"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"}

package/dist/planmagnet/pages/IntegrationsSyncsPagePage.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IntegrationsSyncsPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/IntegrationsSyncsPagePage.tsx"],"names":[],"mappings":"AA6EA,wBAAgB,yBAAyB,~~4CAgPxC~~"}
1	+ {"version":3,"file":"IntegrationsSyncsPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/IntegrationsSyncsPagePage.tsx"],"names":[],"mappings":"AA6EA,wBAAgB,yBAAyB,4CA6PxC"}

package/dist/planmagnet/pages/IntegrationsSyncsPagePage.js CHANGED Viewed

@@ -5,13 +5,13 @@ import { ProjectSelect as o } from "../controls/Pickers.js";
 import { SYNC_STATUSES as s, directionLabel as c, providerLabel as l } from "../integrations/syncTypes.js";
 import { PauseResumeButton as u, RunNowButton as d, SyncHealthSummary as f, SyncRunResultSummary as p, SyncStatusBadge as m, TruncatedText as h } from "../controls/SyncControls.js";
 import { useDeferredValue as g, useState as _ } from "react";
-import { ExternalLink as v, Plug as y, Plus as b, Search as x } from "lucide-react";
-import { gql as S } from "@apollo/client";
-import { useQuery as C } from "@apollo/client/react";
-import { jsx as w, jsxs as T } from "react/jsx-runtime";
-import { Button as E, EmptyState as D, Input as O } from "@burdenoff/fe-libs/ui";
+import { ExternalLink as v, Plug as y, Plus as b, Search as x, Webhook as S } from "lucide-react";
+import { gql as C } from "@apollo/client";
+import { useQuery as w } from "@apollo/client/react";
+import { jsx as T, jsxs as E } from "react/jsx-runtime";
+import { Button as D, EmptyState as O, Input as k } from "@burdenoff/fe-libs/ui";
 //#region src/planmagnet/pages/IntegrationsSyncsPagePage.tsx
-var k = 20, A = ["ALL", ...s], j = S`
+var A = 20, j = ["ALL", ...s], M = C`
   query SyncsList(
     $workspaceId: ID!
     $filter: PlanmagnetExternalSyncFilter
@@ -52,27 +52,27 @@ var k = 20, A = ["ALL", ...s], j = S`
     }
   }
 `;
-function M() {
-	let { workspaceId: s } = e(), S = t(), [M, N] = _(""), [P, F] = _(""), [I, L] = _("ALL"), [R, z] = _(!1), [B, V] = _({}), H = g(M.trim()), U = {
-		...H ? { search: H } : {},
-		...P ? { projectId: P } : {},
-		...I === "ALL" ? {} : { status: I }
-	}, { data: W, loading: G, error: K, fetchMore: q } = C(j, {
+function N() {
+	let { workspaceId: s } = e(), C = t(), [N, P] = _(""), [F, I] = _(""), [L, R] = _("ALL"), [z, B] = _(!1), [V, H] = _({}), U = g(N.trim()), W = {
+		...U ? { search: U } : {},
+		...F ? { projectId: F } : {},
+		...L === "ALL" ? {} : { status: L }
+	}, { data: G, loading: K, error: q, fetchMore: J } = w(M, {
 		variables: {
 			workspaceId: s ?? "",
-			filter: U,
-			pagination: { first: k }
+			filter: W,
+			pagination: { first: A }
 		},
 		skip: !s,
 		fetchPolicy: "cache-and-network"
-	}), J = W?.planmagnetExternalSyncs, Y = J?.items ?? [], X = H !== "" || P !== "" || I !== "ALL", Z = !!J && Y.length === 0 && !X, Q = async () => {
-		let e = J?.pageInfo.endCursor;
+	}), Y = G?.planmagnetExternalSyncs, X = Y?.items ?? [], Z = U !== "" || F !== "" || L !== "ALL", Q = !!Y && X.length === 0 && !Z, $ = async () => {
+		let e = Y?.pageInfo.endCursor;
 		if (e) {
-			z(!0);
+			B(!0);
 			try {
-				await q({
+				await J({
 					variables: { pagination: {
-						first: k,
+						first: A,
 						after: e
 					} },
 					updateQuery: (e, { fetchMoreResult: t }) => ({ planmagnetExternalSyncs: {
@@ -81,124 +81,133 @@ function M() {
 					} })
 				});
 			} finally {
-				z(!1);
+				B(!1);
 			}
 		}
 	};
-	return /* @__PURE__ */ T("div", {
+	return /* @__PURE__ */ E("div", {
 		className: "space-y-6 p-6",
 		"data-testid": "sync-list",
 		children: [
-			/* @__PURE__ */ T("div", {
+			/* @__PURE__ */ E("div", {
 				className: "flex flex-wrap items-center justify-between gap-3",
-				children: [/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ T("h1", {
+				children: [/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ E("h1", {
 					className: "text-2xl font-semibold flex items-center gap-2",
-					children: [/* @__PURE__ */ w(y, { className: "h-5 w-5 text-primary" }), "Integrations"]
-				}), /* @__PURE__ */ w("p", {
+					children: [/* @__PURE__ */ T(y, { className: "h-5 w-5 text-primary" }), "Integrations"]
+				}), /* @__PURE__ */ T("p", {
 					className: "text-sm text-muted-foreground",
-					children: J ? `${J.totalCount} sync${J.totalCount === 1 ? "" : "s"}` : "Keep a project in step with an external issue tracker"
-				})] }), !Z && /* @__PURE__ */ T(E, {
-					size: "sm",
-					onClick: () => S("/integrations/new-sync-page"),
-					"data-testid": "sync-setup",
-					children: [/* @__PURE__ */ w(b, { className: "mr-1 h-4 w-4" }), "Set up a sync"]
+					children: Y ? `${Y.totalCount} sync${Y.totalCount === 1 ? "" : "s"}` : "Keep a project in step with an external issue tracker"
+				})] }), /* @__PURE__ */ E("div", {
+					className: "flex flex-wrap items-center gap-2",
+					children: [/* @__PURE__ */ E(D, {
+						size: "sm",
+						variant: "outline",
+						onClick: () => C("/integrations/webhooks-page"),
+						"data-testid": "sync-webhooks-link",
+						children: [/* @__PURE__ */ T(S, { className: "mr-1 h-4 w-4" }), "Webhooks"]
+					}), !Q && /* @__PURE__ */ E(D, {
+						size: "sm",
+						onClick: () => C("/integrations/new-sync-page"),
+						"data-testid": "sync-setup",
+						children: [/* @__PURE__ */ T(b, { className: "mr-1 h-4 w-4" }), "Set up a sync"]
+					})]
 				})]
 			}),
-			/* @__PURE__ */ T("div", {
+			/* @__PURE__ */ E("div", {
 				className: "flex flex-wrap items-center gap-3",
-				children: [/* @__PURE__ */ T("div", {
+				children: [/* @__PURE__ */ E("div", {
 					className: "relative w-full max-w-sm",
-					children: [/* @__PURE__ */ w(x, { className: "absolute left-2.5 top-2.5 h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ w(O, {
+					children: [/* @__PURE__ */ T(x, { className: "absolute left-2.5 top-2.5 h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ T(k, {
 						"aria-label": "Search syncs",
 						placeholder: "Search by external project",
 						className: "pl-8",
-						value: M,
+						value: N,
 						"data-testid": "sync-list-search",
-						onChange: (e) => N(e.target.value)
+						onChange: (e) => P(e.target.value)
 					})]
-				}), /* @__PURE__ */ w("div", {
+				}), /* @__PURE__ */ T("div", {
 					className: "w-48",
 					"data-testid": "sync-list-project-filter",
-					children: /* @__PURE__ */ w(o, {
+					children: /* @__PURE__ */ T(o, {
 						id: "sync-list-filter-project",
-						value: P,
-						onChange: F,
+						value: F,
+						onChange: I,
 						noneLabel: "Any project"
 					})
 				})]
 			}),
-			/* @__PURE__ */ w("div", {
+			/* @__PURE__ */ T("div", {
 				className: "flex flex-wrap gap-1",
 				role: "group",
 				"aria-label": "Filter by status",
-				children: A.map((e) => /* @__PURE__ */ w("button", {
+				children: j.map((e) => /* @__PURE__ */ T("button", {
 					type: "button",
-					"aria-pressed": I === e,
+					"aria-pressed": L === e,
 					"data-testid": `sync-list-status-${e}`,
-					onClick: () => L(e),
-					className: `px-3 py-1.5 text-sm rounded-md ${I === e ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:bg-muted"}`,
+					onClick: () => R(e),
+					className: `px-3 py-1.5 text-sm rounded-md ${L === e ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:bg-muted"}`,
 					children: e === "ALL" ? "All" : n(e)
 				}, e))
 			}),
-			K && /* @__PURE__ */ T("p", {
+			q && /* @__PURE__ */ E("p", {
 				role: "alert",
 				className: "text-sm text-destructive",
-				children: ["Syncs could not be loaded: ", K.message]
+				children: ["Syncs could not be loaded: ", q.message]
 			}),
-			G && !W && /* @__PURE__ */ w("p", {
+			K && !G && /* @__PURE__ */ T("p", {
 				className: "text-sm text-muted-foreground",
 				children: "Loading syncs…"
 			}),
-			J && Y.length === 0 && /* @__PURE__ */ w(D, {
-				icon: /* @__PURE__ */ w(y, { className: "h-8 w-8 text-muted-foreground" }),
-				title: X ? "No syncs match" : "No syncs yet",
+			Y && X.length === 0 && /* @__PURE__ */ T(O, {
+				icon: /* @__PURE__ */ T(y, { className: "h-8 w-8 text-muted-foreground" }),
+				title: Z ? "No syncs match" : "No syncs yet",
 				description: "A sync keeps a project's work items in step with an external tool such as GitHub Issues — created, updated, and resolved on both sides.",
-				action: Z ? /* @__PURE__ */ T(E, {
+				action: Q ? /* @__PURE__ */ E(D, {
 					size: "sm",
-					onClick: () => S("/integrations/new-sync-page"),
+					onClick: () => C("/integrations/new-sync-page"),
 					"data-testid": "sync-setup-empty",
-					children: [/* @__PURE__ */ w(b, { className: "mr-1 h-4 w-4" }), "Set up a sync"]
+					children: [/* @__PURE__ */ T(b, { className: "mr-1 h-4 w-4" }), "Set up a sync"]
 				}) : void 0
 			}),
-			/* @__PURE__ */ w("ul", {
+			/* @__PURE__ */ T("ul", {
 				className: "space-y-3",
-				children: Y.map((e) => {
-					let t = i(() => S(r("/integrations/sync-detail-page", e.id)), `${l(e.provider)} sync for ${e.project?.name ?? "unknown project"}`);
-					return /* @__PURE__ */ T("li", {
+				children: X.map((e) => {
+					let t = i(() => C(r("/integrations/sync-detail-page", e.id)), `${l(e.provider)} sync for ${e.project?.name ?? "unknown project"}`);
+					return /* @__PURE__ */ E("li", {
 						"data-testid": "sync-row",
 						...t,
 						className: `rounded-md border p-4 space-y-2 ${t.className}`,
-						children: [/* @__PURE__ */ T("div", {
+						children: [/* @__PURE__ */ E("div", {
 							className: "flex flex-wrap items-start justify-between gap-3",
-							children: [/* @__PURE__ */ T("div", {
+							children: [/* @__PURE__ */ E("div", {
 								className: "min-w-0 space-y-1",
 								children: [
-									/* @__PURE__ */ T("div", {
+									/* @__PURE__ */ E("div", {
 										className: "flex flex-wrap items-center gap-2",
 										children: [
-											/* @__PURE__ */ w("span", {
+											/* @__PURE__ */ T("span", {
 												className: "text-sm font-medium",
 												children: l(e.provider)
 											}),
-											/* @__PURE__ */ w(m, { status: e.status }),
-											/* @__PURE__ */ w("span", {
+											/* @__PURE__ */ T(m, { status: e.status }),
+											/* @__PURE__ */ T("span", {
 												className: "text-xs text-muted-foreground",
 												children: c(e.direction)
 											})
 										]
 									}),
-									/* @__PURE__ */ T("p", {
+									/* @__PURE__ */ E("p", {
 										className: "text-xs text-muted-foreground",
 										children: [
 											e.project?.name ?? "Unknown project",
 											" · ",
-											e.externalProjectUrl ? /* @__PURE__ */ T("a", {
+											e.externalProjectUrl ? /* @__PURE__ */ E("a", {
 												href: e.externalProjectUrl,
 												target: "_blank",
 												rel: "noreferrer noopener",
 												className: "inline-flex items-center gap-1 text-primary hover:underline",
 												onClick: a,
-												children: [e.externalProjectId, /* @__PURE__ */ w(v, { className: "h-3 w-3" })]
+												children: [e.externalProjectId, /* @__PURE__ */ T(v, { className: "h-3 w-3" })]
 											}) : e.externalProjectId,
 											" · ",
 											e.totalItemsSynced,
@@ -207,61 +216,61 @@ function M() {
 											" synced"
 										]
 									}),
-									/* @__PURE__ */ w(f, { health: e.runHealth }),
-									e.lastSyncError && /* @__PURE__ */ w("p", {
+									/* @__PURE__ */ T(f, { health: e.runHealth }),
+									e.lastSyncError && /* @__PURE__ */ T("p", {
 										className: "text-xs text-status-error-text",
 										"data-testid": "sync-row-last-error",
-										children: /* @__PURE__ */ w(h, {
+										children: /* @__PURE__ */ T(h, {
 											text: e.lastSyncError,
 											max: 120,
 											className: "text-status-error-text"
 										})
 									})
 								]
-							}), /* @__PURE__ */ T("div", {
+							}), /* @__PURE__ */ E("div", {
 								className: "flex shrink-0 flex-wrap items-center gap-2",
 								onClick: a,
 								onKeyDown: (e) => e.stopPropagation(),
 								children: [
-									/* @__PURE__ */ w(d, {
+									/* @__PURE__ */ T(d, {
 										syncId: e.id,
-										onResult: (t) => V((n) => ({
+										onResult: (t) => H((n) => ({
 											...n,
 											[e.id]: t
 										}))
 									}),
-									/* @__PURE__ */ w(u, {
+									/* @__PURE__ */ T(u, {
 										syncId: e.id,
 										status: e.status
 									}),
-									/* @__PURE__ */ w(E, {
+									/* @__PURE__ */ T(D, {
 										size: "sm",
 										variant: "ghost",
-										onClick: () => S(r("/integrations/sync-detail-page", e.id)),
+										onClick: () => C(r("/integrations/sync-detail-page", e.id)),
 										children: "Open"
 									})
 								]
 							})]
-						}), B[e.id] && /* @__PURE__ */ w("div", {
+						}), V[e.id] && /* @__PURE__ */ T("div", {
 							onClick: a,
 							onKeyDown: (e) => e.stopPropagation(),
-							children: /* @__PURE__ */ w(p, { result: B[e.id] })
+							children: /* @__PURE__ */ T(p, { result: V[e.id] })
 						})]
 					}, e.id);
 				})
 			}),
-			J?.pageInfo.hasNextPage && /* @__PURE__ */ w(E, {
+			Y?.pageInfo.hasNextPage && /* @__PURE__ */ T(D, {
 				size: "sm",
 				variant: "outline",
-				onClick: () => void Q(),
-				disabled: R,
+				onClick: () => void $(),
+				disabled: z,
 				"data-testid": "sync-list-more",
-				children: R ? "Loading…" : `Show more (${Y.length} of ${J.totalCount})`
+				children: z ? "Loading…" : `Show more (${X.length} of ${Y.totalCount})`
 			})
 		]
 	});
 }
 //#endregion
-export { M as IntegrationsSyncsPagePage };
+export { N as IntegrationsSyncsPagePage };
 //# sourceMappingURL=IntegrationsSyncsPagePage.js.map

package/dist/planmagnet/pages/IntegrationsSyncsPagePage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IntegrationsSyncsPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/IntegrationsSyncsPagePage.tsx"],"sourcesContent":["import { useDeferredValue, useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { Button, EmptyState, Input } from '@burdenoff/fe-libs/ui';\nimport { ExternalLink, Plug, Plus, Search } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { ProjectSelect } from '../controls/Pickers';\nimport { enumLabel } from '../controls/WorkItemControls';\nimport {\n PauseResumeButton,\n RunNowButton,\n SyncHealthSummary,\n SyncRunResultSummary,\n SyncStatusBadge,\n TruncatedText,\n} from '../controls/SyncControls';\nimport {\n providerLabel,\n directionLabel,\n type ExternalSyncRow,\n type SyncRunResult,\n SYNC_STATUSES,\n} from '../integrations/syncTypes';\nimport { detailPath, rowLinkProps, stopRowActivation } from '../utils/rowNavigation';\n\n/*\n Integrations (sync) list (AUT-08/40/09): every ExternalSync of the workspace, with its live health and the\n * actions that don't need the detail page — run now, pause/resume, open. Backend\n * (planmagnetExternalSyncs/CreateExternalSync/…/ResolveSyncConflict) is real and prod-verified for GITHUB\n * (BOFF-4446, AUT-04..25) — this is the page that makes it reachable.\n /\n\nconst PAGE = 20;\nconst STATUS_FILTERS = ['ALL', ...SYNC_STATUSES] as const;\n\nconst SYNCS_LIST = gql`\n query SyncsList(\n $workspaceId: ID!\n $filter: PlanmagnetExternalSyncFilter\n $pagination: PlanmagnetPaginationInput\n ) {\n planmagnetExternalSyncs(workspaceId: $workspaceId, filter: $filter, pagination: $pagination) {\n totalCount\n pageInfo {\n hasNextPage\n endCursor\n }\n items {\n id\n provider\n direction\n status\n projectId\n project {\n id\n name\n }\n externalProjectId\n externalProjectUrl\n conflictStrategy\n fieldMapping\n lastSyncedAt\n lastSyncError\n totalItemsSynced\n createdAt\n updatedAt\n runHealth {\n lastRunAt\n lastStatus\n consecutiveFailures\n runsLast7Days\n }\n }\n }\n }\n`;\n\nexport function IntegrationsSyncsPagePage() {\n const { workspaceId } = usePlanMagnet();\n const navigate = usePlanMagnetNavigate();\n const [search, setSearch] = useState('');\n const [projectId, setProjectId] = useState('');\n const [status, setStatus] = useState<(typeof STATUS_FILTERS)[number]>('ALL');\n const [loadingMore, setLoadingMore] = useState(false);\n const [runResults, setRunResults] = useState<Record<string, SyncRunResult>>({});\n const term = useDeferredValue(search.trim());\n\n const filter = {\n ...(term ? { search: term } : {}),\n ...(projectId ? { projectId } : {}),\n ...(status !== 'ALL' ? { status } : {}),\n };\n\n const { data, loading, error, fetchMore } = useQuery<{\n planmagnetExternalSyncs: {\n totalCount: number;\n pageInfo: { hasNextPage: boolean; endCursor: string \| null };\n items: ExternalSyncRow[];\n };\n }>(SYNCS_LIST, {\n variables: { workspaceId: workspaceId ?? '', filter, pagination: { first: PAGE } },\n skip: !workspaceId,\n fetchPolicy: 'cache-and-network',\n });\n\n const list = data?.planmagnetExternalSyncs;\n const syncs = list?.items ?? [];\n const filtersActive = term !== '' \|\| projectId !== '' \|\| status !== 'ALL';\n // Mirrors QualityGates/Templates pages' own gate: the EmptyState's own \"Set up a sync\" action replaces the\n // header's button only once the list is confirmed empty AND unfiltered, so the two never render together.\n const showsEmptyStateAction = !!list && syncs.length === 0 && !filtersActive;\n\n const loadMore = async () => {\n const after = list?.pageInfo.endCursor;\n if (!after) return;\n setLoadingMore(true);\n try {\n await fetchMore({\n variables: { pagination: { first: PAGE, after } },\n updateQuery: (prev, { fetchMoreResult }) => ({\n planmagnetExternalSyncs: {\n ...fetchMoreResult.planmagnetExternalSyncs,\n items: [\n ...prev.planmagnetExternalSyncs.items,\n ...fetchMoreResult.planmagnetExternalSyncs.items,\n ],\n },\n }),\n });\n } finally {\n setLoadingMore(false);\n }\n };\n\n return (\n <div className=\"space-y-6 p-6\" data-testid=\"sync-list\">\n <div className=\"flex flex-wrap items-center justify-between gap-3\">\n <div>\n <h1 className=\"text-2xl font-semibold flex items-center gap-2\">\n <Plug className=\"h-5 w-5 text-primary\" />\n Integrations\n </h1>\n <p className=\"text-sm text-muted-foreground\">\n {list\n ? `${list.totalCount} sync${list.totalCount === 1 ? '' : 's'}`\n : 'Keep a project in step with an external issue tracker'}\n </p>\n </div>\n {!showsEmptyStateAction && (\n <Button\n size=\"sm\"\n onClick={() => navigate('/integrations/new-sync-page')}\n data-testid=\"sync-setup\"\n >\n <Plus className=\"mr-1 h-4 w-4\" />\n Set up a sync\n </Button>\n )}\n </div>\n\n <div className=\"flex flex-wrap items-center gap-3\">\n <div className=\"relative w-full max-w-sm\">\n <Search className=\"absolute left-2.5 top-2.5 h-4 w-4 text-muted-foreground\" />\n <Input\n aria-label=\"Search syncs\"\n placeholder=\"Search by external project\"\n className=\"pl-8\"\n value={search}\n data-testid=\"sync-list-search\"\n onChange={(e) => setSearch(e.target.value)}\n />\n </div>\n <div className=\"w-48\" data-testid=\"sync-list-project-filter\">\n <ProjectSelect\n id=\"sync-list-filter-project\"\n value={projectId}\n onChange={setProjectId}\n noneLabel=\"Any project\"\n />\n </div>\n </div>\n <div className=\"flex flex-wrap gap-1\" role=\"group\" aria-label=\"Filter by status\">\n {STATUS_FILTERS.map((s) => (\n <button\n key={s}\n type=\"button\"\n aria-pressed={status === s}\n data-testid={`sync-list-status-${s}`}\n onClick={() => setStatus(s)}\n className={`px-3 py-1.5 text-sm rounded-md ${status === s ? 'bg-primary text-primary-foreground' : 'text-muted-foreground hover:bg-muted'}`}\n >\n {s === 'ALL' ? 'All' : enumLabel(s)}\n </button>\n ))}\n </div>\n\n {error && (\n <p role=\"alert\" className=\"text-sm text-destructive\">\n Syncs could not be loaded: {error.message}\n </p>\n )}\n {/ Only before the first load: a refetch after an action must not blank the page. */}\n {loading && !data && <p className=\"text-sm text-muted-foreground\">Loading syncs…</p>}\n {list && syncs.length === 0 && (\n <EmptyState\n icon={<Plug className=\"h-8 w-8 text-muted-foreground\" />}\n title={filtersActive ? 'No syncs match' : 'No syncs yet'}\n description=\"A sync keeps a project's work items in step with an external tool such as GitHub Issues — created, updated, and resolved on both sides.\"\n action={\n showsEmptyStateAction ? (\n <Button\n size=\"sm\"\n onClick={() => navigate('/integrations/new-sync-page')}\n data-testid=\"sync-setup-empty\"\n >\n <Plus className=\"mr-1 h-4 w-4\" />\n Set up a sync\n </Button>\n ) : undefined\n }\n />\n )}\n\n <ul className=\"space-y-3\">\n {syncs.map((sync) => {\n const rowProps = rowLinkProps(\n () => navigate(detailPath('/integrations/sync-detail-page', sync.id)),\n `${providerLabel(sync.provider)} sync for ${sync.project?.name ?? 'unknown project'}`\n );\n return (\n <li\n key={sync.id}\n data-testid=\"sync-row\"\n {...rowProps}\n className={`rounded-md border p-4 space-y-2 ${rowProps.className}`}\n >\n <div className=\"flex flex-wrap items-start justify-between gap-3\">\n <div className=\"min-w-0 space-y-1\">\n <div className=\"flex flex-wrap items-center gap-2\">\n <span className=\"text-sm font-medium\">{providerLabel(sync.provider)}</span>\n <SyncStatusBadge status={sync.status} />\n <span className=\"text-xs text-muted-foreground\">\n {directionLabel(sync.direction)}\n </span>\n </div>\n <p className=\"text-xs text-muted-foreground\">\n {sync.project?.name ?? 'Unknown project'}\n {' · '}\n {sync.externalProjectUrl ? (\n <a\n href={sync.externalProjectUrl}\n target=\"_blank\"\n rel=\"noreferrer noopener\"\n className=\"inline-flex items-center gap-1 text-primary hover:underline\"\n onClick={stopRowActivation}\n >\n {sync.externalProjectId}\n <ExternalLink className=\"h-3 w-3\" />\n </a>\n ) : (\n sync.externalProjectId\n )}\n {' · '}\n {sync.totalItemsSynced} item{sync.totalItemsSynced === 1 ? '' : 's'} synced\n </p>\n <SyncHealthSummary health={sync.runHealth} />\n {sync.lastSyncError && (\n <p className=\"text-xs text-status-error-text\" data-testid=\"sync-row-last-error\">\n <TruncatedText\n text={sync.lastSyncError}\n max={120}\n className=\"text-status-error-text\"\n />\n </p>\n )}\n </div>\n <div\n className=\"flex shrink-0 flex-wrap items-center gap-2\"\n onClick={stopRowActivation}\n onKeyDown={(e) => e.stopPropagation()}\n >\n <RunNowButton\n syncId={sync.id}\n onResult={(result) => setRunResults((prev) => ({ ...prev, [sync.id]: result }))}\n />\n <PauseResumeButton syncId={sync.id} status={sync.status} />\n <Button\n size=\"sm\"\n variant=\"ghost\"\n onClick={() => navigate(detailPath('/integrations/sync-detail-page', sync.id))}\n >\n Open\n </Button>\n </div>\n </div>\n {runResults[sync.id] && (\n <div onClick={stopRowActivation} onKeyDown={(e) => e.stopPropagation()}>\n <SyncRunResultSummary result={runResults[sync.id]} />\n </div>\n )}\n </li>\n );\n })}\n </ul>\n {list?.pageInfo.hasNextPage && (\n <Button\n size=\"sm\"\n variant=\"outline\"\n onClick={() => void loadMore()}\n disabled={loadingMore}\n data-testid=\"sync-list-more\"\n >\n {loadingMore ? 'Loading…' : `Show more (${syncs.length} of ${list.totalCount})`}\n </Button>\n )}\n </div>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"IntegrationsSyncsPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/IntegrationsSyncsPagePage.tsx"],"sourcesContent":["import { useDeferredValue, useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { Button, EmptyState, Input } from '@burdenoff/fe-libs/ui';\nimport { ExternalLink, Plug, Plus, Search, Webhook } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { ProjectSelect } from '../controls/Pickers';\nimport { enumLabel } from '../controls/WorkItemControls';\nimport {\n PauseResumeButton,\n RunNowButton,\n SyncHealthSummary,\n SyncRunResultSummary,\n SyncStatusBadge,\n TruncatedText,\n} from '../controls/SyncControls';\nimport {\n providerLabel,\n directionLabel,\n type ExternalSyncRow,\n type SyncRunResult,\n SYNC_STATUSES,\n} from '../integrations/syncTypes';\nimport { detailPath, rowLinkProps, stopRowActivation } from '../utils/rowNavigation';\n\n/*\n Integrations (sync) list (AUT-08/40/09): every ExternalSync of the workspace, with its live health and the\n * actions that don't need the detail page — run now, pause/resume, open. Backend\n * (planmagnetExternalSyncs/CreateExternalSync/…/ResolveSyncConflict) is real and prod-verified for GITHUB\n * (BOFF-4446, AUT-04..25) — this is the page that makes it reachable.\n /\n\nconst PAGE = 20;\nconst STATUS_FILTERS = ['ALL', ...SYNC_STATUSES] as const;\n\nconst SYNCS_LIST = gql`\n query SyncsList(\n $workspaceId: ID!\n $filter: PlanmagnetExternalSyncFilter\n $pagination: PlanmagnetPaginationInput\n ) {\n planmagnetExternalSyncs(workspaceId: $workspaceId, filter: $filter, pagination: $pagination) {\n totalCount\n pageInfo {\n hasNextPage\n endCursor\n }\n items {\n id\n provider\n direction\n status\n projectId\n project {\n id\n name\n }\n externalProjectId\n externalProjectUrl\n conflictStrategy\n fieldMapping\n lastSyncedAt\n lastSyncError\n totalItemsSynced\n createdAt\n updatedAt\n runHealth {\n lastRunAt\n lastStatus\n consecutiveFailures\n runsLast7Days\n }\n }\n }\n }\n`;\n\nexport function IntegrationsSyncsPagePage() {\n const { workspaceId } = usePlanMagnet();\n const navigate = usePlanMagnetNavigate();\n const [search, setSearch] = useState('');\n const [projectId, setProjectId] = useState('');\n const [status, setStatus] = useState<(typeof STATUS_FILTERS)[number]>('ALL');\n const [loadingMore, setLoadingMore] = useState(false);\n const [runResults, setRunResults] = useState<Record<string, SyncRunResult>>({});\n const term = useDeferredValue(search.trim());\n\n const filter = {\n ...(term ? { search: term } : {}),\n ...(projectId ? { projectId } : {}),\n ...(status !== 'ALL' ? { status } : {}),\n };\n\n const { data, loading, error, fetchMore } = useQuery<{\n planmagnetExternalSyncs: {\n totalCount: number;\n pageInfo: { hasNextPage: boolean; endCursor: string \| null };\n items: ExternalSyncRow[];\n };\n }>(SYNCS_LIST, {\n variables: { workspaceId: workspaceId ?? '', filter, pagination: { first: PAGE } },\n skip: !workspaceId,\n fetchPolicy: 'cache-and-network',\n });\n\n const list = data?.planmagnetExternalSyncs;\n const syncs = list?.items ?? [];\n const filtersActive = term !== '' \|\| projectId !== '' \|\| status !== 'ALL';\n // Mirrors QualityGates/Templates pages' own gate: the EmptyState's own \"Set up a sync\" action replaces the\n // header's button only once the list is confirmed empty AND unfiltered, so the two never render together.\n const showsEmptyStateAction = !!list && syncs.length === 0 && !filtersActive;\n\n const loadMore = async () => {\n const after = list?.pageInfo.endCursor;\n if (!after) return;\n setLoadingMore(true);\n try {\n await fetchMore({\n variables: { pagination: { first: PAGE, after } },\n updateQuery: (prev, { fetchMoreResult }) => ({\n planmagnetExternalSyncs: {\n ...fetchMoreResult.planmagnetExternalSyncs,\n items: [\n ...prev.planmagnetExternalSyncs.items,\n ...fetchMoreResult.planmagnetExternalSyncs.items,\n ],\n },\n }),\n });\n } finally {\n setLoadingMore(false);\n }\n };\n\n return (\n <div className=\"space-y-6 p-6\" data-testid=\"sync-list\">\n <div className=\"flex flex-wrap items-center justify-between gap-3\">\n <div>\n <h1 className=\"text-2xl font-semibold flex items-center gap-2\">\n <Plug className=\"h-5 w-5 text-primary\" />\n Integrations\n </h1>\n <p className=\"text-sm text-muted-foreground\">\n {list\n ? `${list.totalCount} sync${list.totalCount === 1 ? '' : 's'}`\n : 'Keep a project in step with an external issue tracker'}\n </p>\n </div>\n <div className=\"flex flex-wrap items-center gap-2\">\n {/ AUT-33: outbound webhook subscriptions live on their own sub-route, not the host sidebar — see\n PlanMagnetRoutes.tsx's comment on that route. /}\n <Button\n size=\"sm\"\n variant=\"outline\"\n onClick={() => navigate('/integrations/webhooks-page')}\n data-testid=\"sync-webhooks-link\"\n >\n <Webhook className=\"mr-1 h-4 w-4\" />\n Webhooks\n </Button>\n {!showsEmptyStateAction && (\n <Button\n size=\"sm\"\n onClick={() => navigate('/integrations/new-sync-page')}\n data-testid=\"sync-setup\"\n >\n <Plus className=\"mr-1 h-4 w-4\" />\n Set up a sync\n </Button>\n )}\n </div>\n </div>\n\n <div className=\"flex flex-wrap items-center gap-3\">\n <div className=\"relative w-full max-w-sm\">\n <Search className=\"absolute left-2.5 top-2.5 h-4 w-4 text-muted-foreground\" />\n <Input\n aria-label=\"Search syncs\"\n placeholder=\"Search by external project\"\n className=\"pl-8\"\n value={search}\n data-testid=\"sync-list-search\"\n onChange={(e) => setSearch(e.target.value)}\n />\n </div>\n <div className=\"w-48\" data-testid=\"sync-list-project-filter\">\n <ProjectSelect\n id=\"sync-list-filter-project\"\n value={projectId}\n onChange={setProjectId}\n noneLabel=\"Any project\"\n />\n </div>\n </div>\n <div className=\"flex flex-wrap gap-1\" role=\"group\" aria-label=\"Filter by status\">\n {STATUS_FILTERS.map((s) => (\n <button\n key={s}\n type=\"button\"\n aria-pressed={status === s}\n data-testid={`sync-list-status-${s}`}\n onClick={() => setStatus(s)}\n className={`px-3 py-1.5 text-sm rounded-md ${status === s ? 'bg-primary text-primary-foreground' : 'text-muted-foreground hover:bg-muted'}`}\n >\n {s === 'ALL' ? 'All' : enumLabel(s)}\n </button>\n ))}\n </div>\n\n {error && (\n <p role=\"alert\" className=\"text-sm text-destructive\">\n Syncs could not be loaded: {error.message}\n </p>\n )}\n {/ Only before the first load: a refetch after an action must not blank the page. */}\n {loading && !data && <p className=\"text-sm text-muted-foreground\">Loading syncs…</p>}\n {list && syncs.length === 0 && (\n <EmptyState\n icon={<Plug className=\"h-8 w-8 text-muted-foreground\" />}\n title={filtersActive ? 'No syncs match' : 'No syncs yet'}\n description=\"A sync keeps a project's work items in step with an external tool such as GitHub Issues — created, updated, and resolved on both sides.\"\n action={\n showsEmptyStateAction ? (\n <Button\n size=\"sm\"\n onClick={() => navigate('/integrations/new-sync-page')}\n data-testid=\"sync-setup-empty\"\n >\n <Plus className=\"mr-1 h-4 w-4\" />\n Set up a sync\n </Button>\n ) : undefined\n }\n />\n )}\n\n <ul className=\"space-y-3\">\n {syncs.map((sync) => {\n const rowProps = rowLinkProps(\n () => navigate(detailPath('/integrations/sync-detail-page', sync.id)),\n `${providerLabel(sync.provider)} sync for ${sync.project?.name ?? 'unknown project'}`\n );\n return (\n <li\n key={sync.id}\n data-testid=\"sync-row\"\n {...rowProps}\n className={`rounded-md border p-4 space-y-2 ${rowProps.className}`}\n >\n <div className=\"flex flex-wrap items-start justify-between gap-3\">\n <div className=\"min-w-0 space-y-1\">\n <div className=\"flex flex-wrap items-center gap-2\">\n <span className=\"text-sm font-medium\">{providerLabel(sync.provider)}</span>\n <SyncStatusBadge status={sync.status} />\n <span className=\"text-xs text-muted-foreground\">\n {directionLabel(sync.direction)}\n </span>\n </div>\n <p className=\"text-xs text-muted-foreground\">\n {sync.project?.name ?? 'Unknown project'}\n {' · '}\n {sync.externalProjectUrl ? (\n <a\n href={sync.externalProjectUrl}\n target=\"_blank\"\n rel=\"noreferrer noopener\"\n className=\"inline-flex items-center gap-1 text-primary hover:underline\"\n onClick={stopRowActivation}\n >\n {sync.externalProjectId}\n <ExternalLink className=\"h-3 w-3\" />\n </a>\n ) : (\n sync.externalProjectId\n )}\n {' · '}\n {sync.totalItemsSynced} item{sync.totalItemsSynced === 1 ? '' : 's'} synced\n </p>\n <SyncHealthSummary health={sync.runHealth} />\n {sync.lastSyncError && (\n <p className=\"text-xs text-status-error-text\" data-testid=\"sync-row-last-error\">\n <TruncatedText\n text={sync.lastSyncError}\n max={120}\n className=\"text-status-error-text\"\n />\n </p>\n )}\n </div>\n <div\n className=\"flex shrink-0 flex-wrap items-center gap-2\"\n onClick={stopRowActivation}\n onKeyDown={(e) => e.stopPropagation()}\n >\n <RunNowButton\n syncId={sync.id}\n onResult={(result) => setRunResults((prev) => ({ ...prev, [sync.id]: result }))}\n />\n <PauseResumeButton syncId={sync.id} status={sync.status} />\n <Button\n size=\"sm\"\n variant=\"ghost\"\n onClick={() => navigate(detailPath('/integrations/sync-detail-page', sync.id))}\n >\n Open\n </Button>\n </div>\n </div>\n {runResults[sync.id] && (\n <div onClick={stopRowActivation} onKeyDown={(e) => e.stopPropagation()}>\n <SyncRunResultSummary result={runResults[sync.id]} />\n </div>\n )}\n </li>\n );\n })}\n </ul>\n {list?.pageInfo.hasNextPage && (\n <Button\n size=\"sm\"\n variant=\"outline\"\n onClick={() => void loadMore()}\n disabled={loadingMore}\n data-testid=\"sync-list-more\"\n >\n {loadingMore ? 'Loading…' : `Show more (${syncs.length} of ${list.totalCount})`}\n </Button>\n )}\n </div>\n );\n}\n"],"mappings":"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"}

package/dist/planmagnet/pages/IntegrationsWebhooksPagePage.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export declare function IntegrationsWebhooksPagePage(): import("react/jsx-runtime").JSX.Element;
2	+ //# sourceMappingURL=IntegrationsWebhooksPagePage.d.ts.map

package/dist/planmagnet/pages/IntegrationsWebhooksPagePage.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"IntegrationsWebhooksPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/IntegrationsWebhooksPagePage.tsx"],"names":[],"mappings":"AAsHA,wBAAgB,4BAA4B,4CAoG3C"}