@burdenoff/microfe-planmagnet 2026.1001.6 → 2026.1001.7

package/dist/planmagnet/pages/IntegrationsSyncDetailPagePage.js

@@ -2,16 +2,21 @@ import { usePlanMagnetNavigate as e } from "../providers/PlanMagnetProvider.js";
 import { PersonName as t } from "../people/People.js";
 import { detailPath as n } from "../utils/rowNavigation.js";
 import { useEntityId as r } from "../hooks/useEntityId.js";
-import { directionLabel as i, parseGithubFieldMapping as a, providerLabel as o } from "../integrations/syncTypes.js";
-import { CONFLICT_STRATEGY_EXPLANATION as s, ConflictResolveActions as c, ConflictStatusBadge as l, DeleteSyncButton as u, EditSyncDialog as d, PauseResumeButton as f, RunNowButton as p, SyncHealthSummary as m, SyncRunResultSummary as h, SyncRunStatusBadge as g, SyncStatusBadge as _, TestConnectionButton as v, TruncatedText as y } from "../controls/SyncControls.js";
-import { useState as b } from "react";
-import { ExternalLink as x, History as S, Plug as C, ShieldAlert as w } from "lucide-react";
-import { gql as T } from "@apollo/client";
-import { useQuery as E } from "@apollo/client/react";
-import { Fragment as D, jsx as O, jsxs as k } from "react/jsx-runtime";
-import { Badge as A, Button as j, Card as M, CardContent as N, CardHeader as P, CardTitle as F, Tabs as I, TabsContent as L, TabsList as R, TabsTrigger as z } from "@burdenoff/fe-libs/ui";
+import { conflictStrategyLabel as i, directionLabel as a, parseGithubFieldMapping as o, providerLabel as s } from "../integrations/syncTypes.js";
+import { CONFLICT_STRATEGY_EXPLANATION as c, ConflictResolveActions as l, ConflictStatusBadge as u, DeleteSyncButton as d, EditSyncDialog as f, PauseResumeButton as p, RunNowButton as m, SyncHealthSummary as h, SyncRunResultSummary as g, SyncRunStatusBadge as _, SyncStatusBadge as v, TestConnectionButton as y, TruncatedText as b } from "../controls/SyncControls.js";
+import { useState as x } from "react";
+import { ExternalLink as S, History as C, Plug as w, ShieldAlert as T } from "lucide-react";
+import { gql as E } from "@apollo/client";
+import { useQuery as D } from "@apollo/client/react";
+import { Fragment as O, jsx as k, jsxs as A } from "react/jsx-runtime";
+import { Badge as j, Button as M, Card as N, CardContent as P, CardHeader as F, CardTitle as I, Tabs as L, TabsContent as R, TabsList as z, TabsTrigger as B } from "@burdenoff/fe-libs/ui";
 //#region src/planmagnet/pages/IntegrationsSyncDetailPagePage.tsx
-var B = 20, V = 20, H = T`
+var V = {
+	SOURCE_WINS: "kept PlanMagnet",
+	TARGET_WINS: "took the provider",
+	MERGE: "merged",
+	MANUAL: "dismissed manually"
+}, H = 20, U = 20, W = E`
   query SyncDetail($id: ID!) {
     planmagnetExternalSync(id: $id) {
       id
@@ -41,7 +46,7 @@ var B = 20, V = 20, H = T`
       }
     }
   }
-`, U = T`
+`, G = E`
   query SyncRuns($syncId: ID!, $pagination: PlanmagnetPaginationInput) {
     planmagnetSyncRuns(syncId: $syncId, pagination: $pagination) {
       totalCount
@@ -65,7 +70,7 @@ var B = 20, V = 20, H = T`
       }
     }
   }
-`, W = T`
+`, K = E`
   query SyncConflicts(
     $syncId: ID!
     $status: PlanmagnetSyncConflictStatus
@@ -100,18 +105,18 @@ var B = 20, V = 20, H = T`
     }
   }
 `;
-function G({ syncId: e }) {
-	let [n, r] = b(!1), { data: a, loading: o, error: s, fetchMore: c } = E(U, { variables: {
+function q({ syncId: e }) {
+	let [n, r] = x(!1), { data: i, loading: o, error: s, fetchMore: c } = D(G, { variables: {
 		syncId: e,
-		pagination: { first: B }
-	} }), l = a?.planmagnetSyncRuns, u = l?.items ?? [], d = async () => {
+		pagination: { first: H }
+	} }), l = i?.planmagnetSyncRuns, u = l?.items ?? [], d = async () => {
 		let e = l?.pageInfo.endCursor;
 		if (e) {
 			r(!0);
 			try {
 				await c({
 					variables: { pagination: {
-						first: B,
+						first: H,
 						after: e
 					} },
 					updateQuery: (e, { fetchMoreResult: t }) => ({ planmagnetSyncRuns: {
@@ -124,79 +129,79 @@ function G({ syncId: e }) {
 			}
 		}
 	};
-	return /* @__PURE__ */ k("div", {
+	return /* @__PURE__ */ A("div", {
 		className: "space-y-3",
 		"data-testid": "sync-runs",
 		children: [
-			s && /* @__PURE__ */ k("p", {
+			s && /* @__PURE__ */ A("p", {
 				role: "alert",
 				className: "text-sm text-destructive",
 				children: ["Run history could not be loaded: ", s.message]
 			}),
-			o && !a && /* @__PURE__ */ O("p", {
+			o && !i && /* @__PURE__ */ k("p", {
 				className: "text-sm text-muted-foreground",
 				children: "Loading run history…"
 			}),
-			l && u.length === 0 && /* @__PURE__ */ O("p", {
+			l && u.length === 0 && /* @__PURE__ */ k("p", {
 				className: "py-6 text-center text-sm text-muted-foreground",
 				children: "No runs yet — use \"Run now\" above to start the first one."
 			}),
-			/* @__PURE__ */ O("div", {
+			/* @__PURE__ */ k("div", {
 				className: "overflow-x-auto",
-				children: u.length > 0 && /* @__PURE__ */ k("table", {
+				children: u.length > 0 && /* @__PURE__ */ A("table", {
 					className: "w-full text-sm",
-					children: [/* @__PURE__ */ O("thead", { children: /* @__PURE__ */ k("tr", {
+					children: [/* @__PURE__ */ k("thead", { children: /* @__PURE__ */ A("tr", {
 						className: "text-left text-muted-foreground",
 						children: [
-							/* @__PURE__ */ O("th", {
+							/* @__PURE__ */ k("th", {
 								className: "py-1 pr-3 font-medium",
 								children: "Started"
 							}),
-							/* @__PURE__ */ O("th", {
+							/* @__PURE__ */ k("th", {
 								className: "py-1 pr-3 font-medium",
 								children: "Direction"
 							}),
-							/* @__PURE__ */ O("th", {
+							/* @__PURE__ */ k("th", {
 								className: "py-1 pr-3 font-medium",
 								children: "Status"
 							}),
-							/* @__PURE__ */ O("th", {
+							/* @__PURE__ */ k("th", {
 								className: "py-1 pr-3 font-medium",
 								children: "Created / updated / skipped"
 							}),
-							/* @__PURE__ */ O("th", {
+							/* @__PURE__ */ k("th", {
 								className: "py-1 pr-3 font-medium",
 								children: "Conflicts"
 							}),
-							/* @__PURE__ */ O("th", {
+							/* @__PURE__ */ k("th", {
 								className: "py-1 pr-3 font-medium",
 								children: "Triggered by"
 							}),
-							/* @__PURE__ */ O("th", {
+							/* @__PURE__ */ k("th", {
 								className: "py-1 font-medium",
 								children: "Error"
 							})
 						]
-					}) }), /* @__PURE__ */ O("tbody", { children: u.map((e) => /* @__PURE__ */ k("tr", {
+					}) }), /* @__PURE__ */ k("tbody", { children: u.map((e) => /* @__PURE__ */ A("tr", {
 						className: "border-t align-top",
 						"data-testid": "sync-run-row",
 						children: [
-							/* @__PURE__ */ k("td", {
+							/* @__PURE__ */ A("td", {
 								className: "py-1.5 pr-3 whitespace-nowrap",
-								children: [/* @__PURE__ */ O("div", { children: new Date(e.startedAt).toLocaleString() }), /* @__PURE__ */ k("div", {
+								children: [/* @__PURE__ */ k("div", { children: new Date(e.startedAt).toLocaleString() }), /* @__PURE__ */ A("div", {
 									className: "text-xs text-muted-foreground",
 									children: ["finished ", new Date(e.finishedAt).toLocaleString()]
 								})]
 							}),
-							/* @__PURE__ */ O("td", {
+							/* @__PURE__ */ k("td", {
 								className: "py-1.5 pr-3 whitespace-nowrap",
-								children: i(e.direction)
+								children: a(e.direction)
 							}),
-							/* @__PURE__ */ O("td", {
+							/* @__PURE__ */ k("td", {
 								className: "py-1.5 pr-3",
-								children: /* @__PURE__ */ O(g, { status: e.status })
+								children: /* @__PURE__ */ k(_, { status: e.status })
 							}),
-							/* @__PURE__ */ k("td", {
+							/* @__PURE__ */ A("td", {
 								className: "py-1.5 pr-3 whitespace-nowrap",
 								children: [
 									e.itemsCreated,
@@ -206,21 +211,21 @@ function G({ syncId: e }) {
 									e.itemsSkipped
 								]
 							}),
-							/* @__PURE__ */ O("td", {
+							/* @__PURE__ */ k("td", {
 								className: "py-1.5 pr-3",
 								children: e.conflictCount
 							}),
-							/* @__PURE__ */ O("td", {
+							/* @__PURE__ */ k("td", {
 								className: "py-1.5 pr-3 whitespace-nowrap",
-								children: /* @__PURE__ */ O(t, { id: e.triggeredBy })
+								children: /* @__PURE__ */ k(t, { id: e.triggeredBy })
 							}),
-							/* @__PURE__ */ O("td", {
+							/* @__PURE__ */ k("td", {
 								className: "py-1.5 text-status-error-text",
-								children: e.errorMessage ? /* @__PURE__ */ O(y, {
+								children: e.errorMessage ? /* @__PURE__ */ k(b, {
 									text: e.errorMessage,
 									max: 100,
 									className: "text-status-error-text"
-								}) : /* @__PURE__ */ O("span", {
+								}) : /* @__PURE__ */ k("span", {
 									className: "text-muted-foreground",
 									children: "—"
 								})
@@ -229,7 +234,7 @@ function G({ syncId: e }) {
 					}, e.id)) })]
 				})
 			}),
-			l?.pageInfo.hasNextPage && /* @__PURE__ */ O(j, {
+			l?.pageInfo.hasNextPage && /* @__PURE__ */ k(M, {
 				size: "sm",
 				variant: "outline",
 				onClick: () => void d(),
@@ -239,35 +244,35 @@ function G({ syncId: e }) {
 		]
 	});
 }
-function K({ conflict: n }) {
+function J({ conflict: n }) {
 	let r = e(), i = n.mapping, a = i?.internalType === "workitem";
-	return /* @__PURE__ */ k("li", {
+	return /* @__PURE__ */ A("li", {
 		className: "rounded-md border p-4 space-y-2",
 		"data-testid": "sync-conflict",
 		children: [
-			/* @__PURE__ */ k("div", {
+			/* @__PURE__ */ A("div", {
 				className: "flex flex-wrap items-center justify-between gap-2",
-				children: [/* @__PURE__ */ k("div", {
+				children: [/* @__PURE__ */ A("div", {
 					className: "flex flex-wrap items-center gap-2",
-					children: [/* @__PURE__ */ O(l, { status: n.status }), /* @__PURE__ */ k("span", {
+					children: [/* @__PURE__ */ k(u, { status: n.status }), /* @__PURE__ */ A("span", {
 						className: "text-xs text-muted-foreground",
 						children: ["Detected ", new Date(n.createdAt).toLocaleString()]
 					})]
-				}), i && /* @__PURE__ */ k("div", {
+				}), i && /* @__PURE__ */ A("div", {
 					className: "flex items-center gap-2 text-xs",
-					children: [a ? /* @__PURE__ */ O("button", {
+					children: [a ? /* @__PURE__ */ k("button", {
 						type: "button",
 						className: "font-medium text-primary hover:underline",
 						onClick: () => r(`/tasks/task-detail-page?taskId=${encodeURIComponent(i.internalId)}`),
 						children: "Open in PlanMagnet"
-					}) : /* @__PURE__ */ k("span", {
+					}) : /* @__PURE__ */ A("span", {
 						className: "text-muted-foreground",
 						children: [
 							i.internalType,
 							" ",
 							i.internalId
 						]
-					}), i.externalUrl && /* @__PURE__ */ k("a", {
+					}), i.externalUrl && /* @__PURE__ */ A("a", {
 						href: i.externalUrl,
 						target: "_blank",
 						rel: "noreferrer noopener",
@@ -275,43 +280,43 @@ function K({ conflict: n }) {
 						children: [
 							"View on ",
 							i.externalType,
-							/* @__PURE__ */ O(x, { className: "h-3 w-3" })
+							/* @__PURE__ */ k(S, { className: "h-3 w-3" })
 						]
 					})]
 				})]
 			}),
-			/* @__PURE__ */ k("p", {
+			/* @__PURE__ */ A("p", {
 				className: "text-sm",
 				children: [
 					"Fields in conflict:",
 					" ",
-					/* @__PURE__ */ O("span", {
+					/* @__PURE__ */ k("span", {
 						className: "font-medium",
 						children: n.fields.length ? n.fields.join(", ") : "unknown"
 					})
 				]
 			}),
-			/* @__PURE__ */ k("div", {
+			/* @__PURE__ */ A("div", {
 				className: "grid grid-cols-1 sm:grid-cols-2 gap-2 text-xs text-muted-foreground",
-				children: [/* @__PURE__ */ k("span", { children: ["PlanMagnet last updated ", new Date(n.localUpdatedAt).toLocaleString()] }), /* @__PURE__ */ k("span", { children: ["Provider last updated ", new Date(n.remoteUpdatedAt).toLocaleString()] })]
+				children: [/* @__PURE__ */ A("span", { children: ["PlanMagnet last updated ", new Date(n.localUpdatedAt).toLocaleString()] }), /* @__PURE__ */ A("span", { children: ["Provider last updated ", new Date(n.remoteUpdatedAt).toLocaleString()] })]
 			}),
-			n.status === "OPEN" ? /* @__PURE__ */ O(c, { conflictId: n.id }) : /* @__PURE__ */ k("p", {
+			n.status === "OPEN" ? /* @__PURE__ */ k(l, { conflictId: n.id }) : /* @__PURE__ */ A("p", {
 				className: "text-xs text-muted-foreground",
 				children: [
 					"Resolved ",
 					n.resolvedAt ? new Date(n.resolvedAt).toLocaleString() : "",
-					n.resolution ? ` — ${n.resolution === "SOURCE_WINS" ? "kept PlanMagnet" : n.resolution === "TARGET_WINS" ? "took the provider" : "dismissed manually"}` : "",
-					n.resolvedBy ? /* @__PURE__ */ k(D, { children: [" by ", /* @__PURE__ */ O(t, { id: n.resolvedBy })] }) : null
+					n.resolution ? ` — ${V[n.resolution] ?? n.resolution.toLowerCase()}` : "",
+					n.resolvedBy ? /* @__PURE__ */ A(O, { children: [" by ", /* @__PURE__ */ k(t, { id: n.resolvedBy })] }) : null
 				]
 			})
 		]
 	});
 }
-function q({ syncId: e }) {
-	let [t, n] = b("OPEN"), [r, i] = b(!1), { data: a, loading: o, error: s, fetchMore: c } = E(W, { variables: {
+function Y({ syncId: e }) {
+	let [t, n] = x("OPEN"), [r, i] = x(!1), { data: a, loading: o, error: s, fetchMore: c } = D(K, { variables: {
 		syncId: e,
 		status: t === "ALL" ? void 0 : t,
-		pagination: { first: V }
+		pagination: { first: U }
 	} }), l = a?.planmagnetSyncConflicts, u = l?.items ?? [], d = async () => {
 		let e = l?.pageInfo.endCursor;
 		if (e) {
@@ -319,7 +324,7 @@ function q({ syncId: e }) {
 			try {
 				await c({
 					variables: { pagination: {
-						first: V,
+						first: U,
 						after: e
 					} },
 					updateQuery: (e, { fetchMoreResult: t }) => ({ planmagnetSyncConflicts: {
@@ -332,11 +337,11 @@ function q({ syncId: e }) {
 			}
 		}
 	};
-	return /* @__PURE__ */ k("div", {
+	return /* @__PURE__ */ A("div", {
 		className: "space-y-3",
 		"data-testid": "sync-conflicts",
 		children: [
-			/* @__PURE__ */ O("div", {
+			/* @__PURE__ */ k("div", {
 				className: "flex flex-wrap gap-1",
 				role: "group",
 				"aria-label": "Filter conflicts by status",
@@ -344,7 +349,7 @@ function q({ syncId: e }) {
 					"OPEN",
 					"RESOLVED",
 					"ALL"
-				].map((e) => /* @__PURE__ */ O("button", {
+				].map((e) => /* @__PURE__ */ k("button", {
 					type: "button",
 					"aria-pressed": t === e,
 					"data-testid": `sync-conflicts-status-${e}`,
@@ -353,24 +358,24 @@ function q({ syncId: e }) {
 					children: e === "ALL" ? "All" : e.charAt(0) + e.slice(1).toLowerCase()
 				}, e))
 			}),
-			s && /* @__PURE__ */ k("p", {
+			s && /* @__PURE__ */ A("p", {
 				role: "alert",
 				className: "text-sm text-destructive",
 				children: ["Conflicts could not be loaded: ", s.message]
 			}),
-			o && !a && /* @__PURE__ */ O("p", {
+			o && !a && /* @__PURE__ */ k("p", {
 				className: "text-sm text-muted-foreground",
 				children: "Loading conflicts…"
 			}),
-			l && u.length === 0 && /* @__PURE__ */ O("p", {
+			l && u.length === 0 && /* @__PURE__ */ k("p", {
 				className: "py-6 text-center text-sm text-muted-foreground",
 				children: t === "OPEN" ? "No open conflicts." : "No conflicts found."
 			}),
-			/* @__PURE__ */ O("ul", {
+			/* @__PURE__ */ k("ul", {
 				className: "space-y-3",
-				children: u.map((e) => /* @__PURE__ */ O(K, { conflict: e }, e.id))
+				children: u.map((e) => /* @__PURE__ */ k(J, { conflict: e }, e.id))
 			}),
-			l?.pageInfo.hasNextPage && /* @__PURE__ */ O(j, {
+			l?.pageInfo.hasNextPage && /* @__PURE__ */ k(M, {
 				size: "sm",
 				variant: "outline",
 				onClick: () => void d(),
@@ -380,206 +385,206 @@ function q({ syncId: e }) {
 		]
 	});
 }
-function J() {
-	let t = r(), c = e(), [l, g] = b(null), { data: T, loading: D, error: j } = E(H, {
+function X() {
+	let t = r(), l = e(), [u, _] = x(null), { data: E, loading: O, error: M } = D(W, {
 		variables: { id: t },
 		skip: !t
 	});
-	if (!t) return /* @__PURE__ */ O("div", {
+	if (!t) return /* @__PURE__ */ k("div", {
 		className: "p-6 text-muted-foreground",
 		children: "No sync selected. Open one from Integrations."
 	});
-	if (D && !T) return /* @__PURE__ */ O("div", {
+	if (O && !E) return /* @__PURE__ */ k("div", {
 		className: "flex items-center justify-center p-12",
-		children: /* @__PURE__ */ O("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
+		children: /* @__PURE__ */ k("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
 	});
-	if (j) return /* @__PURE__ */ k("div", {
+	if (M) return /* @__PURE__ */ A("div", {
 		className: "p-6 text-destructive",
-		children: ["Sync could not be loaded: ", j.message]
+		children: ["Sync could not be loaded: ", M.message]
 	});
-	let B = T?.planmagnetExternalSync;
-	if (!B) return /* @__PURE__ */ O("div", {
+	let V = E?.planmagnetExternalSync;
+	if (!V) return /* @__PURE__ */ k("div", {
 		className: "p-6 text-muted-foreground",
 		children: "Sync not found."
 	});
-	let V = a(B.fieldMapping);
-	return /* @__PURE__ */ k("div", {
+	let H = o(V.fieldMapping);
+	return /* @__PURE__ */ A("div", {
 		className: "space-y-6 p-6",
 		"data-testid": "sync-detail",
 		children: [
-			/* @__PURE__ */ k("div", {
+			/* @__PURE__ */ A("div", {
 				className: "flex flex-wrap items-start justify-between gap-4",
-				children: [/* @__PURE__ */ k("div", {
+				children: [/* @__PURE__ */ A("div", {
 					className: "flex items-start gap-3",
-					children: [/* @__PURE__ */ O(C, { className: "h-6 w-6 text-primary mt-0.5" }), /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ k("div", {
+					children: [/* @__PURE__ */ k(w, { className: "h-6 w-6 text-primary mt-0.5" }), /* @__PURE__ */ A("div", { children: [/* @__PURE__ */ A("div", {
 						className: "flex flex-wrap items-center gap-2",
-						children: [/* @__PURE__ */ k("h1", {
+						children: [/* @__PURE__ */ A("h1", {
 							className: "text-2xl font-semibold",
-							children: [o(B.provider), " sync"]
-						}), /* @__PURE__ */ O(_, { status: B.status })]
-					}), /* @__PURE__ */ k("p", {
+							children: [s(V.provider), " sync"]
+						}), /* @__PURE__ */ k(v, { status: V.status })]
+					}), /* @__PURE__ */ A("p", {
 						className: "text-sm text-muted-foreground",
 						children: [
-							B.project ? /* @__PURE__ */ O("button", {
+							V.project ? /* @__PURE__ */ k("button", {
 								type: "button",
 								className: "text-primary hover:underline",
-								onClick: () => c(n("/projects/project-detail-page", B.project?.id)),
-								children: B.project.name
+								onClick: () => l(n("/projects/project-detail-page", V.project?.id)),
+								children: V.project.name
 							}) : "Unknown project",
 							" · ",
-							i(B.direction)
+							a(V.direction)
 						]
 					})] })]
-				}), /* @__PURE__ */ k("div", {
+				}), /* @__PURE__ */ A("div", {
 					className: "flex flex-wrap items-center gap-2",
 					children: [
-						/* @__PURE__ */ O(p, {
-							syncId: B.id,
+						/* @__PURE__ */ k(m, {
+							syncId: V.id,
 							size: "default",
-							onResult: g
+							onResult: _
 						}),
-						/* @__PURE__ */ O(f, {
-							syncId: B.id,
-							status: B.status
+						/* @__PURE__ */ k(p, {
+							syncId: V.id,
+							status: V.status
 						}),
-						/* @__PURE__ */ O(v, { syncId: B.id }),
-						/* @__PURE__ */ O(d, { sync: {
-							id: B.id,
-							provider: B.provider,
-							direction: B.direction,
-							conflictStrategy: B.conflictStrategy,
-							fieldMapping: B.fieldMapping,
-							syncFilters: B.syncFilters
+						/* @__PURE__ */ k(y, { syncId: V.id }),
+						/* @__PURE__ */ k(f, { sync: {
+							id: V.id,
+							provider: V.provider,
+							direction: V.direction,
+							conflictStrategy: V.conflictStrategy,
+							fieldMapping: V.fieldMapping,
+							syncFilters: V.syncFilters
 						} }),
-						/* @__PURE__ */ O(u, {
-							syncId: B.id,
-							label: `${o(B.provider)} sync`,
-							onDeleted: () => c("/integrations/syncs-page")
+						/* @__PURE__ */ k(d, {
+							syncId: V.id,
+							label: `${s(V.provider)} sync`,
+							onDeleted: () => l("/integrations/syncs-page")
 						})
 					]
 				})]
 			}),
-			l && /* @__PURE__ */ O(h, { result: l }),
-			/* @__PURE__ */ k("div", {
+			u && /* @__PURE__ */ k(g, { result: u }),
+			/* @__PURE__ */ A("div", {
 				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
-				children: [/* @__PURE__ */ k("div", {
+				children: [/* @__PURE__ */ A("div", {
 					className: "lg:col-span-2 space-y-6",
-					children: [/* @__PURE__ */ k(M, { children: [/* @__PURE__ */ O(P, { children: /* @__PURE__ */ O(F, { children: "Health" }) }), /* @__PURE__ */ k(N, {
+					children: [/* @__PURE__ */ A(N, { children: [/* @__PURE__ */ k(F, { children: /* @__PURE__ */ k(I, { children: "Health" }) }), /* @__PURE__ */ A(P, {
 						className: "space-y-3",
-						children: [/* @__PURE__ */ O(m, { health: B.runHealth }), B.lastSyncError && /* @__PURE__ */ O("p", {
+						children: [/* @__PURE__ */ k(h, { health: V.runHealth }), V.lastSyncError && /* @__PURE__ */ k("p", {
 							className: "text-sm text-status-error-text",
 							"data-testid": "sync-last-error",
-							children: /* @__PURE__ */ O(y, {
-								text: B.lastSyncError,
+							children: /* @__PURE__ */ k(b, {
+								text: V.lastSyncError,
 								max: 200,
 								className: "text-status-error-text"
 							})
 						})]
-					})] }), /* @__PURE__ */ k(M, { children: [/* @__PURE__ */ O(P, { children: /* @__PURE__ */ k(F, {
+					})] }), /* @__PURE__ */ A(N, { children: [/* @__PURE__ */ k(F, { children: /* @__PURE__ */ A(I, {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ O(S, { className: "h-4 w-4 text-primary" }), "History"]
-					}) }), /* @__PURE__ */ O(N, { children: /* @__PURE__ */ k(I, {
+						children: [/* @__PURE__ */ k(C, { className: "h-4 w-4 text-primary" }), "History"]
+					}) }), /* @__PURE__ */ k(P, { children: /* @__PURE__ */ A(L, {
 						defaultValue: "runs",
 						children: [
-							/* @__PURE__ */ k(R, { children: [/* @__PURE__ */ O(z, {
+							/* @__PURE__ */ A(z, { children: [/* @__PURE__ */ k(B, {
 								value: "runs",
 								"data-testid": "sync-tab-runs",
 								children: "Run history"
-							}), /* @__PURE__ */ k(z, {
+							}), /* @__PURE__ */ A(B, {
 								value: "conflicts",
 								"data-testid": "sync-tab-conflicts",
-								children: [/* @__PURE__ */ O(w, { className: "mr-1 h-3.5 w-3.5" }), "Conflicts"]
+								children: [/* @__PURE__ */ k(T, { className: "mr-1 h-3.5 w-3.5" }), "Conflicts"]
 							})] }),
-							/* @__PURE__ */ O(L, {
+							/* @__PURE__ */ k(R, {
 								value: "runs",
 								className: "mt-4",
-								children: /* @__PURE__ */ O(G, { syncId: B.id })
+								children: /* @__PURE__ */ k(q, { syncId: V.id })
 							}),
-							/* @__PURE__ */ O(L, {
+							/* @__PURE__ */ k(R, {
 								value: "conflicts",
 								className: "mt-4",
-								children: /* @__PURE__ */ O(q, { syncId: B.id })
+								children: /* @__PURE__ */ k(Y, { syncId: V.id })
 							})
 						]
 					}) })] })]
-				}), /* @__PURE__ */ k(M, { children: [/* @__PURE__ */ O(P, { children: /* @__PURE__ */ O(F, { children: "Details" }) }), /* @__PURE__ */ k(N, {
+				}), /* @__PURE__ */ A(N, { children: [/* @__PURE__ */ k(F, { children: /* @__PURE__ */ k(I, { children: "Details" }) }), /* @__PURE__ */ A(P, {
 					className: "space-y-3 text-sm",
 					children: [
-						/* @__PURE__ */ k("div", {
+						/* @__PURE__ */ A("div", {
 							className: "flex justify-between gap-2",
-							children: [/* @__PURE__ */ O("span", {
+							children: [/* @__PURE__ */ k("span", {
 								className: "text-muted-foreground",
 								children: "External project"
-							}), B.externalProjectUrl ? /* @__PURE__ */ k("a", {
-								href: B.externalProjectUrl,
+							}), V.externalProjectUrl ? /* @__PURE__ */ A("a", {
+								href: V.externalProjectUrl,
 								target: "_blank",
 								rel: "noreferrer noopener",
 								className: "inline-flex items-center gap-1 font-medium text-primary hover:underline",
-								children: [B.externalProjectId, /* @__PURE__ */ O(x, { className: "h-3 w-3" })]
-							}) : /* @__PURE__ */ O("span", {
+								children: [V.externalProjectId, /* @__PURE__ */ k(S, { className: "h-3 w-3" })]
+							}) : /* @__PURE__ */ k("span", {
 								className: "font-medium",
-								children: B.externalProjectId
+								children: V.externalProjectId
 							})]
 						}),
-						/* @__PURE__ */ k("div", {
+						/* @__PURE__ */ A("div", {
 							className: "flex justify-between gap-2",
-							children: [/* @__PURE__ */ O("span", {
+							children: [/* @__PURE__ */ k("span", {
 								className: "text-muted-foreground",
 								children: "Conflict strategy"
-							}), /* @__PURE__ */ O(A, {
+							}), /* @__PURE__ */ k(j, {
 								variant: "outline",
 								className: "text-xs",
-								children: B.conflictStrategy === "SOURCE_WINS" ? "PlanMagnet wins" : B.conflictStrategy === "TARGET_WINS" ? "Provider wins" : "Manual"
+								children: i(V.conflictStrategy)
 							})]
 						}),
-						/* @__PURE__ */ O("p", {
+						/* @__PURE__ */ k("p", {
 							className: "text-xs text-muted-foreground",
-							children: s[B.conflictStrategy]
+							children: c[V.conflictStrategy]
 						}),
-						B.provider === "GITHUB" && /* @__PURE__ */ k("div", { children: [
-							/* @__PURE__ */ O("p", {
+						V.provider === "GITHUB" && /* @__PURE__ */ A("div", { children: [
+							/* @__PURE__ */ k("p", {
 								className: "text-muted-foreground",
 								children: "Field mapping"
 							}),
-							/* @__PURE__ */ k("p", {
+							/* @__PURE__ */ A("p", {
 								className: "font-medium",
-								children: ["Priority label: ", /* @__PURE__ */ O("code", { children: V.priority || "priority:" })]
+								children: ["Priority label: ", /* @__PURE__ */ k("code", { children: H.priority || "priority:" })]
 							}),
-							/* @__PURE__ */ k("p", {
+							/* @__PURE__ */ A("p", {
 								className: "font-medium",
-								children: ["Due-date label: ", /* @__PURE__ */ O("code", { children: V.dueDate || "due:" })]
+								children: ["Due-date label: ", /* @__PURE__ */ k("code", { children: H.dueDate || "due:" })]
 							})
 						] }),
-						/* @__PURE__ */ k("div", {
+						/* @__PURE__ */ A("div", {
 							className: "flex justify-between",
-							children: [/* @__PURE__ */ O("span", {
+							children: [/* @__PURE__ */ k("span", {
 								className: "text-muted-foreground",
 								children: "Items synced"
-							}), /* @__PURE__ */ O("span", {
+							}), /* @__PURE__ */ k("span", {
 								className: "font-medium",
-								children: B.totalItemsSynced
+								children: V.totalItemsSynced
 							})]
 						}),
-						/* @__PURE__ */ k("div", {
+						/* @__PURE__ */ A("div", {
 							className: "flex justify-between",
-							children: [/* @__PURE__ */ O("span", {
+							children: [/* @__PURE__ */ k("span", {
 								className: "text-muted-foreground",
 								children: "Last synced"
-							}), /* @__PURE__ */ O("span", { children: B.lastSyncedAt ? new Date(B.lastSyncedAt).toLocaleString() : "Never" })]
+							}), /* @__PURE__ */ k("span", { children: V.lastSyncedAt ? new Date(V.lastSyncedAt).toLocaleString() : "Never" })]
 						}),
-						/* @__PURE__ */ k("div", {
+						/* @__PURE__ */ A("div", {
 							className: "flex justify-between",
-							children: [/* @__PURE__ */ O("span", {
+							children: [/* @__PURE__ */ k("span", {
 								className: "text-muted-foreground",
 								children: "Created"
-							}), /* @__PURE__ */ O("span", { children: new Date(B.createdAt).toLocaleDateString() })]
+							}), /* @__PURE__ */ k("span", { children: new Date(V.createdAt).toLocaleDateString() })]
 						}),
-						/* @__PURE__ */ k("div", {
+						/* @__PURE__ */ A("div", {
 							className: "flex justify-between",
-							children: [/* @__PURE__ */ O("span", {
+							children: [/* @__PURE__ */ k("span", {
 								className: "text-muted-foreground",
 								children: "Updated"
-							}), /* @__PURE__ */ O("span", { children: new Date(B.updatedAt).toLocaleDateString() })]
+							}), /* @__PURE__ */ k("span", { children: new Date(V.updatedAt).toLocaleDateString() })]
 						})
 					]
 				})] })]
@@ -588,6 +593,6 @@ function J() {
 	});
 }
 //#endregion
-export { J as IntegrationsSyncDetailPagePage };
+export { X as IntegrationsSyncDetailPagePage };
 
 //# sourceMappingURL=IntegrationsSyncDetailPagePage.js.map