@burdenoff/microfe-planmagnet 2026.930.25 → 2026.1001.2

package/dist/planmagnet/controls/Pickers.js

@@ -112,6 +112,54 @@ function m({ id: t, value: n, onChange: r, noneLabel: i }) {
 	});
 }
 var h = i`
+  query PickerSprints($workspaceId: ID!, $filter: PlanmagnetSprintFilter) {
+    planmagnetSprints(workspaceId: $workspaceId, filter: $filter, pagination: { first: 100 }) {
+      items {
+        id
+        name
+        status
+      }
+      totalCount
+    }
+  }
+`;
+function g({ id: t, value: n, onChange: r, projectId: i, noneLabel: c, disabled: u = !1 }) {
+	let { workspaceId: d } = e(), { data: f, loading: p, error: m } = a(h, {
+		variables: {
+			workspaceId: d ?? "",
+			filter: i ? { projectId: i } : void 0
+		},
+		skip: !d
+	}), g = f?.planmagnetSprints.items ?? [];
+	return /* @__PURE__ */ s("select", {
+		id: t,
+		"aria-label": t ? void 0 : "Sprint",
+		className: l,
+		value: n,
+		disabled: u,
+		onChange: (e) => r(e.target.value),
+		children: [
+			c !== void 0 && /* @__PURE__ */ o("option", {
+				value: "",
+				children: c
+			}),
+			g.length === 0 && c === void 0 && /* @__PURE__ */ o("option", {
+				value: "",
+				children: p && !f ? "Loading sprints…" : m ? "Sprints could not be loaded" : "No sprints yet"
+			}),
+			g.map((e) => /* @__PURE__ */ s("option", {
+				value: e.id,
+				children: [
+					e.name,
+					" (",
+					e.status.toLowerCase(),
+					")"
+				]
+			}, e.id))
+		]
+	});
+}
+var _ = i`
   query PickerWorkItems($workspaceId: ID!, $filter: PlanmagnetWorkItemFilter) {
     planmagnetWorkItems(workspaceId: $workspaceId, filter: $filter, pagination: { first: 20 }) {
       items {
@@ -123,12 +171,12 @@ var h = i`
     }
   }
 `;
-function g({ id: n, projectId: i, value: u, onChange: d, exclude: f = [] }) {
-	let { workspaceId: p } = e(), [m, g] = r(""), _ = t(m.trim()), { data: v, loading: y } = a(h, {
+function v({ id: n, projectId: i, value: u, onChange: d, exclude: f = [] }) {
+	let { workspaceId: p } = e(), [m, h] = r(""), g = t(m.trim()), { data: v, loading: y } = a(_, {
 		variables: {
 			workspaceId: p ?? "",
 			filter: {
-				..._ && { search: _ },
+				...g && { search: g },
 				...i && { projectId: i }
 			}
 		},
@@ -141,7 +189,7 @@ function g({ id: n, projectId: i, value: u, onChange: d, exclude: f = [] }) {
 				"aria-label": "Search work items",
 				placeholder: "Search by key or title",
 				value: m,
-				onChange: (e) => g(e.target.value)
+				onChange: (e) => h(e.target.value)
 			}),
 			/* @__PURE__ */ s("select", {
 				id: n,
@@ -180,7 +228,7 @@ function g({ id: n, projectId: i, value: u, onChange: d, exclude: f = [] }) {
 		]
 	});
 }
-var _ = i`
+var y = i`
   query PickerDocs($workspaceId: String, $filter: PlanmagnetDocFilter) {
     planmagnetDocs(workspaceId: $workspaceId, filter: $filter, pagination: { first: 20 }) {
       items {
@@ -191,14 +239,14 @@ var _ = i`
     }
   }
 `;
-function v({ id: n, value: i, onChange: u, exclude: d = [] }) {
-	let { workspaceId: f } = e(), [p, m] = r(""), h = t(p.trim()), { data: g, loading: v } = a(_, {
+function b({ id: n, value: i, onChange: u, exclude: d = [] }) {
+	let { workspaceId: f } = e(), [p, m] = r(""), h = t(p.trim()), { data: g, loading: _ } = a(y, {
 		variables: {
 			workspaceId: f ?? "",
 			filter: h ? { search: h } : void 0
 		},
 		skip: !f
-	}), y = g?.planmagnetDocs.items ?? [], b = y.filter((e) => !d.includes(e.id)), x = g?.planmagnetDocs.totalCount ?? 0;
+	}), v = g?.planmagnetDocs.items ?? [], b = v.filter((e) => !d.includes(e.id)), x = g?.planmagnetDocs.totalCount ?? 0;
 	return /* @__PURE__ */ s("div", {
 		className: "space-y-1",
 		children: [
@@ -215,17 +263,17 @@ function v({ id: n, value: i, onChange: u, exclude: d = [] }) {
 				onChange: (e) => u(e.target.value),
 				children: [/* @__PURE__ */ o("option", {
 					value: "",
-					children: v && !g ? "Searching…" : b.length ? "Choose a doc" : "No match"
+					children: _ && !g ? "Searching…" : b.length ? "Choose a doc" : "No match"
 				}), b.map((e) => /* @__PURE__ */ o("option", {
 					value: e.id,
 					children: e.title
 				}, e.id))]
 			}),
-			x > y.length && /* @__PURE__ */ s("p", {
+			x > v.length && /* @__PURE__ */ s("p", {
 				className: "text-xs text-muted-foreground",
 				children: [
 					"Showing ",
-					y.length,
+					v.length,
 					" of ",
 					x,
 					" — type to narrow the list."
@@ -234,7 +282,7 @@ function v({ id: n, value: i, onChange: u, exclude: d = [] }) {
 		]
 	});
 }
-var y = i`
+var x = i`
   query PickerPrograms($workspaceId: ID!) {
     planmagnetPrograms(workspaceId: $workspaceId, pagination: { first: 100 }) {
       items {
@@ -245,8 +293,8 @@ var y = i`
     }
   }
 `;
-function b({ id: t, value: n, onChange: r, noneLabel: i }) {
-	let { workspaceId: c } = e(), { data: u, loading: d, error: f } = a(y, {
+function S({ id: t, value: n, onChange: r, noneLabel: i }) {
+	let { workspaceId: c } = e(), { data: u, loading: d, error: f } = a(x, {
 		variables: { workspaceId: c ?? "" },
 		skip: !c
 	}), p = u?.planmagnetPrograms.items ?? [];
@@ -271,7 +319,7 @@ function b({ id: t, value: n, onChange: r, noneLabel: i }) {
 		]
 	});
 }
-var x = i`
+var C = i`
   query PickerPortfolios($workspaceId: ID!) {
     planmagnetPortfolios(workspaceId: $workspaceId, pagination: { first: 100 }) {
       items {
@@ -282,8 +330,8 @@ var x = i`
     }
   }
 `;
-function S({ id: t, value: n, onChange: r, noneLabel: i }) {
-	let { workspaceId: c } = e(), { data: u, loading: d, error: f } = a(x, {
+function w({ id: t, value: n, onChange: r, noneLabel: i }) {
+	let { workspaceId: c } = e(), { data: u, loading: d, error: f } = a(C, {
 		variables: { workspaceId: c ?? "" },
 		skip: !c
 	}), p = u?.planmagnetPortfolios.items ?? [];
@@ -308,7 +356,7 @@ function S({ id: t, value: n, onChange: r, noneLabel: i }) {
 		]
 	});
 }
-var C = i`
+var T = i`
   query PickerCompetitors($workspaceId: ID!, $filter: PlanmagnetCompetitorFilter) {
     planmagnetCompetitors(workspaceId: $workspaceId, filter: $filter, pagination: { first: 20 }) {
       items {
@@ -319,8 +367,8 @@ var C = i`
     }
   }
 `;
-function w({ id: n, value: i, onChange: u, exclude: d = [] }) {
-	let { workspaceId: f } = e(), [p, m] = r(""), h = t(p.trim()), { data: g, loading: _ } = a(C, {
+function E({ id: n, value: i, onChange: u, exclude: d = [] }) {
+	let { workspaceId: f } = e(), [p, m] = r(""), h = t(p.trim()), { data: g, loading: _ } = a(T, {
 		variables: {
 			workspaceId: f ?? "",
 			filter: h ? { search: h } : void 0
@@ -362,7 +410,7 @@ function w({ id: n, value: i, onChange: u, exclude: d = [] }) {
 		]
 	});
 }
-var T = i`
+var D = i`
   query PickerProducts($workspaceId: ID!) {
     planmagnetProducts(workspaceId: $workspaceId, pagination: { first: 100 }) {
       items {
@@ -373,8 +421,8 @@ var T = i`
     }
   }
 `;
-function E({ id: t, value: n, onChange: r, noneLabel: i }) {
-	let { workspaceId: c } = e(), { data: u, loading: d, error: f } = a(T, {
+function O({ id: t, value: n, onChange: r, noneLabel: i }) {
+	let { workspaceId: c } = e(), { data: u, loading: d, error: f } = a(D, {
 		variables: { workspaceId: c ?? "" },
 		skip: !c
 	}), p = u?.planmagnetProducts.items ?? [];
@@ -399,7 +447,7 @@ function E({ id: t, value: n, onChange: r, noneLabel: i }) {
 		]
 	});
 }
-var D = i`
+var k = i`
   query PickerRoadmaps($workspaceId: ID!, $filter: PlanmagnetRoadmapFilter) {
     planmagnetRoadmaps(workspaceId: $workspaceId, filter: $filter, pagination: { first: 100 }) {
       items {
@@ -410,8 +458,8 @@ var D = i`
     }
   }
 `;
-function O({ id: t, value: n, onChange: r, noneLabel: i, productId: c }) {
-	let { workspaceId: u } = e(), { data: d, loading: f, error: p } = a(D, {
+function A({ id: t, value: n, onChange: r, noneLabel: i, productId: c }) {
+	let { workspaceId: u } = e(), { data: d, loading: f, error: p } = a(k, {
 		variables: {
 			workspaceId: u ?? "",
 			filter: c ? { productId: c } : void 0
@@ -440,6 +488,6 @@ function O({ id: t, value: n, onChange: r, noneLabel: i, productId: c }) {
 	});
 }
 //#endregion
-export { w as CompetitorSearchSelect, v as DocSearchSelect, S as PortfolioSelect, E as ProductSelect, b as ProgramSelect, f as ProjectSelect, O as RoadmapSelect, m as TeamSelect, g as WorkItemSearchSelect };
+export { E as CompetitorSearchSelect, b as DocSearchSelect, w as PortfolioSelect, O as ProductSelect, S as ProgramSelect, f as ProjectSelect, A as RoadmapSelect, g as SprintSelect, m as TeamSelect, v as WorkItemSearchSelect };
 
 //# sourceMappingURL=Pickers.js.map

package/dist/planmagnet/controls/Pickers.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pickers.js","names":[],"sources":["../../../src/planmagnet/controls/Pickers.tsx"],"sourcesContent":["import { useDeferredValue, useEffect, useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { Input } from '@burdenoff/fe-libs/ui';\nimport { usePlanMagnet } from '../providers/PlanMagnetProvider';\n\n/**\n * Record pickers shared by forms and dialogs: a project select, and search-then-pick selects for work items and\n * docs. Values are record ids. Search runs on the server (never \"the first page, filtered in the browser\"), so a\n * record past the first page can still be found.\n */\n\nconst selectClass =\n  'w-full rounded-md border border-input bg-background px-3 py-2 text-sm disabled:opacity-60';\n\nconst PICKER_PROJECTS = gql`\n  query PickerProjects($workspaceId: ID!, $pagination: PlanmagnetPaginationInput) {\n    planmagnetProjects(workspaceId: $workspaceId, pagination: $pagination) {\n      items {\n        id\n        name\n      }\n      pageInfo {\n        hasNextPage\n        endCursor\n      }\n      totalCount\n    }\n  }\n`;\n\n/** Projects are read page by page up to this many, so the picker never silently stops at the first 100. */\nconst MAX_PROJECT_OPTIONS = 500;\n\n/** A project select. '' means \"no project\" when `noneLabel` is given. `exclude` hides ids already spoken for. */\nexport function ProjectSelect({\n  id,\n  value,\n  onChange,\n  noneLabel,\n  exclude = [],\n  disabled = false,\n}: {\n  id?: string;\n  value: string;\n  onChange: (projectId: string) => void;\n  noneLabel?: string;\n  exclude?: string[];\n  disabled?: boolean;\n}) {\n  const { workspaceId } = usePlanMagnet();\n  const { data, loading, error, fetchMore } = useQuery<{\n    planmagnetProjects: {\n      items: { id: string; name: string }[];\n      pageInfo: { hasNextPage: boolean; endCursor: string | null };\n      totalCount: number;\n    };\n  }>(PICKER_PROJECTS, {\n    variables: { workspaceId: workspaceId ?? '', pagination: { first: 100 } },\n    skip: !workspaceId,\n  });\n  const loaded = data?.planmagnetProjects.items ?? [];\n  const hasNextPage = data?.planmagnetProjects.pageInfo.hasNextPage ?? false;\n  const endCursor = data?.planmagnetProjects.pageInfo.endCursor ?? null;\n  useEffect(() => {\n    if (!hasNextPage || !endCursor || loaded.length >= MAX_PROJECT_OPTIONS) return;\n    fetchMore({\n      variables: { pagination: { first: 100, after: endCursor } },\n      updateQuery: (prev, { fetchMoreResult }) => ({\n        planmagnetProjects: {\n          ...fetchMoreResult.planmagnetProjects,\n          items: [...prev.planmagnetProjects.items, ...fetchMoreResult.planmagnetProjects.items],\n        },\n      }),\n    }).catch(() => {\n      // A failed extra page leaves the projects already loaded usable.\n    });\n  }, [hasNextPage, endCursor, loaded.length, fetchMore]);\n  const projects = loaded.filter((p) => !exclude.includes(p.id));\n  return (\n    <select\n      id={id}\n      className={selectClass}\n      value={value}\n      disabled={disabled}\n      onChange={(e) => onChange(e.target.value)}\n    >\n      {noneLabel !== undefined && <option value=\"\">{noneLabel}</option>}\n      {projects.length === 0 && noneLabel === undefined && (\n        <option value=\"\">\n          {loading && !data\n            ? 'Loading projects…'\n            : error\n              ? 'Projects could not be loaded'\n              : 'No projects yet'}\n        </option>\n      )}\n      {projects.map((p) => (\n        <option key={p.id} value={p.id}>\n          {p.name}\n        </option>\n      ))}\n      {/* Never a silent cut-off: say so when the workspace has more projects than the picker lists. */}\n      {hasNextPage && loaded.length >= MAX_PROJECT_OPTIONS && (\n        <option value=\"\" disabled>\n          {`Only the first ${MAX_PROJECT_OPTIONS} projects are listed`}\n        </option>\n      )}\n    </select>\n  );\n}\n\nconst PICKER_TEAMS = gql`\n  query PickerTeams($workspaceId: ID!) {\n    planmagnetTeams(workspaceId: $workspaceId, pagination: { first: 100 }) {\n      items {\n        id\n        name\n      }\n      totalCount\n    }\n  }\n`;\n\n/** A team select (BOFF-8044). '' means \"no team\" when `noneLabel` is given. */\nexport function TeamSelect({\n  id,\n  value,\n  onChange,\n  noneLabel,\n}: {\n  id?: string;\n  value: string;\n  onChange: (teamId: string) => void;\n  noneLabel?: string;\n}) {\n  const { workspaceId } = usePlanMagnet();\n  const { data, loading, error } = useQuery<{\n    planmagnetTeams: { items: { id: string; name: string }[]; totalCount: number };\n  }>(PICKER_TEAMS, { variables: { workspaceId: workspaceId ?? '' }, skip: !workspaceId });\n  const teams = data?.planmagnetTeams.items ?? [];\n  return (\n    <select\n      id={id}\n      aria-label={id ? undefined : 'Team'}\n      className={selectClass}\n      value={value}\n      onChange={(e) => onChange(e.target.value)}\n    >\n      {noneLabel !== undefined && <option value=\"\">{noneLabel}</option>}\n      {teams.length === 0 && noneLabel === undefined && (\n        <option value=\"\">\n          {loading && !data\n            ? 'Loading teams…'\n            : error\n              ? 'Teams could not be loaded'\n              : 'No teams yet'}\n        </option>\n      )}\n      {teams.map((t) => (\n        <option key={t.id} value={t.id}>\n          {t.name}\n        </option>\n      ))}\n    </select>\n  );\n}\n\nconst PICKER_WORK_ITEMS = gql`\n  query PickerWorkItems($workspaceId: ID!, $filter: PlanmagnetWorkItemFilter) {\n    planmagnetWorkItems(workspaceId: $workspaceId, filter: $filter, pagination: { first: 20 }) {\n      items {\n        id\n        key\n        title\n      }\n      totalCount\n    }\n  }\n`;\n\n/**\n * Search, then pick one work item. The server matches the key, title and description. `exclude` hides items that are\n * already linked (the result says how many more exist, so an empty list never claims \"nothing left\" falsely).\n */\nexport function WorkItemSearchSelect({\n  id,\n  projectId,\n  value,\n  onChange,\n  exclude = [],\n}: {\n  id: string;\n  projectId?: string;\n  value: string;\n  onChange: (workItemId: string) => void;\n  exclude?: string[];\n}) {\n  const { workspaceId } = usePlanMagnet();\n  const [search, setSearch] = useState('');\n  const deferred = useDeferredValue(search.trim());\n  const { data, loading } = useQuery<{\n    planmagnetWorkItems: {\n      items: { id: string; key: string; title: string }[];\n      totalCount: number;\n    };\n  }>(PICKER_WORK_ITEMS, {\n    variables: {\n      workspaceId: workspaceId ?? '',\n      filter: { ...(deferred && { search: deferred }), ...(projectId && { projectId }) },\n    },\n    skip: !workspaceId,\n  });\n  const found = data?.planmagnetWorkItems.items ?? [];\n  const items = found.filter((w) => !exclude.includes(w.id));\n  const total = data?.planmagnetWorkItems.totalCount ?? 0;\n  return (\n    <div className=\"space-y-1\">\n      <Input\n        aria-label=\"Search work items\"\n        placeholder=\"Search by key or title\"\n        value={search}\n        onChange={(e) => setSearch(e.target.value)}\n      />\n      <select\n        id={id}\n        className={selectClass}\n        value={value}\n        onChange={(e) => onChange(e.target.value)}\n      >\n        <option value=\"\">\n          {loading && !data ? 'Searching…' : items.length ? 'Choose a work item' : 'No match'}\n        </option>\n        {/* The current value stays selectable (and visible) when it is not in this page of results. */}\n        {value && !items.some((w) => w.id === value) && (\n          <option value={value}>Currently linked work item</option>\n        )}\n        {items.map((w) => (\n          <option key={w.id} value={w.id}>\n            {w.key} — {w.title}\n          </option>\n        ))}\n      </select>\n      {total > found.length && (\n        <p className=\"text-xs text-muted-foreground\">\n          Showing {found.length} of {total} — type to narrow the list.\n        </p>\n      )}\n    </div>\n  );\n}\n\nconst PICKER_DOCS = gql`\n  query PickerDocs($workspaceId: String, $filter: PlanmagnetDocFilter) {\n    planmagnetDocs(workspaceId: $workspaceId, filter: $filter, pagination: { first: 20 }) {\n      items {\n        id\n        title\n      }\n      totalCount\n    }\n  }\n`;\n\n/** Search, then pick one doc. */\nexport function DocSearchSelect({\n  id,\n  value,\n  onChange,\n  exclude = [],\n}: {\n  id: string;\n  value: string;\n  onChange: (docId: string) => void;\n  exclude?: string[];\n}) {\n  const { workspaceId } = usePlanMagnet();\n  const [search, setSearch] = useState('');\n  const deferred = useDeferredValue(search.trim());\n  const { data, loading } = useQuery<{\n    planmagnetDocs: { items: { id: string; title: string }[]; totalCount: number };\n  }>(PICKER_DOCS, {\n    variables: {\n      workspaceId: workspaceId ?? '',\n      filter: deferred ? { search: deferred } : undefined,\n    },\n    skip: !workspaceId,\n  });\n  const found = data?.planmagnetDocs.items ?? [];\n  const docs = found.filter((d) => !exclude.includes(d.id));\n  const total = data?.planmagnetDocs.totalCount ?? 0;\n  return (\n    <div className=\"space-y-1\">\n      <Input\n        aria-label=\"Search docs\"\n        placeholder=\"Search docs by title\"\n        value={search}\n        onChange={(e) => setSearch(e.target.value)}\n      />\n      <select\n        id={id}\n        className={selectClass}\n        value={value}\n        onChange={(e) => onChange(e.target.value)}\n      >\n        <option value=\"\">\n          {loading && !data ? 'Searching…' : docs.length ? 'Choose a doc' : 'No match'}\n        </option>\n        {docs.map((d) => (\n          <option key={d.id} value={d.id}>\n            {d.title}\n          </option>\n        ))}\n      </select>\n      {total > found.length && (\n        <p className=\"text-xs text-muted-foreground\">\n          Showing {found.length} of {total} — type to narrow the list.\n        </p>\n      )}\n    </div>\n  );\n}\n\nconst PICKER_PROGRAMS = gql`\n  query PickerPrograms($workspaceId: ID!) {\n    planmagnetPrograms(workspaceId: $workspaceId, pagination: { first: 100 }) {\n      items {\n        id\n        name\n      }\n      totalCount\n    }\n  }\n`;\n\n/** A program select. '' means \"no program\" when `noneLabel` is given. */\nexport function ProgramSelect({\n  id,\n  value,\n  onChange,\n  noneLabel,\n}: {\n  id?: string;\n  value: string;\n  onChange: (programId: string) => void;\n  noneLabel?: string;\n}) {\n  const { workspaceId } = usePlanMagnet();\n  const { data, loading, error } = useQuery<{\n    planmagnetPrograms: { items: { id: string; name: string }[]; totalCount: number };\n  }>(PICKER_PROGRAMS, { variables: { workspaceId: workspaceId ?? '' }, skip: !workspaceId });\n  const programs = data?.planmagnetPrograms.items ?? [];\n  return (\n    <select\n      id={id}\n      className={selectClass}\n      value={value}\n      onChange={(e) => onChange(e.target.value)}\n    >\n      {noneLabel !== undefined && <option value=\"\">{noneLabel}</option>}\n      {programs.length === 0 && noneLabel === undefined && (\n        <option value=\"\">\n          {loading && !data\n            ? 'Loading programs…'\n            : error\n              ? 'Programs could not be loaded'\n              : 'No programs yet'}\n        </option>\n      )}\n      {programs.map((p) => (\n        <option key={p.id} value={p.id}>\n          {p.name}\n        </option>\n      ))}\n    </select>\n  );\n}\n\nconst PICKER_PORTFOLIOS = gql`\n  query PickerPortfolios($workspaceId: ID!) {\n    planmagnetPortfolios(workspaceId: $workspaceId, pagination: { first: 100 }) {\n      items {\n        id\n        name\n      }\n      totalCount\n    }\n  }\n`;\n\n/** A portfolio select (BOFF-8047). '' means \"no portfolio\" when `noneLabel` is given. */\nexport function PortfolioSelect({\n  id,\n  value,\n  onChange,\n  noneLabel,\n}: {\n  id?: string;\n  value: string;\n  onChange: (portfolioId: string) => void;\n  noneLabel?: string;\n}) {\n  const { workspaceId } = usePlanMagnet();\n  const { data, loading, error } = useQuery<{\n    planmagnetPortfolios: { items: { id: string; name: string }[]; totalCount: number };\n  }>(PICKER_PORTFOLIOS, { variables: { workspaceId: workspaceId ?? '' }, skip: !workspaceId });\n  const portfolios = data?.planmagnetPortfolios.items ?? [];\n  return (\n    <select\n      id={id}\n      className={selectClass}\n      value={value}\n      onChange={(e) => onChange(e.target.value)}\n    >\n      {noneLabel !== undefined && <option value=\"\">{noneLabel}</option>}\n      {portfolios.length === 0 && noneLabel === undefined && (\n        <option value=\"\">\n          {loading && !data\n            ? 'Loading portfolios…'\n            : error\n              ? 'Portfolios could not be loaded'\n              : 'No portfolios yet'}\n        </option>\n      )}\n      {portfolios.map((p) => (\n        <option key={p.id} value={p.id}>\n          {p.name}\n        </option>\n      ))}\n    </select>\n  );\n}\n\nconst PICKER_COMPETITORS = gql`\n  query PickerCompetitors($workspaceId: ID!, $filter: PlanmagnetCompetitorFilter) {\n    planmagnetCompetitors(workspaceId: $workspaceId, filter: $filter, pagination: { first: 20 }) {\n      items {\n        id\n        name\n      }\n      totalCount\n    }\n  }\n`;\n\n/** Search, then pick one competitor. `exclude` hides competitors already linked. */\nexport function CompetitorSearchSelect({\n  id,\n  value,\n  onChange,\n  exclude = [],\n}: {\n  id: string;\n  value: string;\n  onChange: (competitorId: string) => void;\n  exclude?: string[];\n}) {\n  const { workspaceId } = usePlanMagnet();\n  const [search, setSearch] = useState('');\n  const deferred = useDeferredValue(search.trim());\n  const { data, loading } = useQuery<{\n    planmagnetCompetitors: { items: { id: string; name: string }[]; totalCount: number };\n  }>(PICKER_COMPETITORS, {\n    variables: {\n      workspaceId: workspaceId ?? '',\n      filter: deferred ? { search: deferred } : undefined,\n    },\n    skip: !workspaceId,\n  });\n  const found = data?.planmagnetCompetitors.items ?? [];\n  const competitors = found.filter((c) => !exclude.includes(c.id));\n  const total = data?.planmagnetCompetitors.totalCount ?? 0;\n  return (\n    <div className=\"space-y-1\">\n      <Input\n        aria-label=\"Search competitors\"\n        placeholder=\"Search competitors by name\"\n        value={search}\n        onChange={(e) => setSearch(e.target.value)}\n      />\n      <select\n        id={id}\n        className={selectClass}\n        value={value}\n        onChange={(e) => onChange(e.target.value)}\n      >\n        <option value=\"\">\n          {loading && !data\n            ? 'Searching…'\n            : competitors.length\n              ? 'Choose a competitor'\n              : 'No match'}\n        </option>\n        {competitors.map((c) => (\n          <option key={c.id} value={c.id}>\n            {c.name}\n          </option>\n        ))}\n      </select>\n      {total > found.length && (\n        <p className=\"text-xs text-muted-foreground\">\n          Showing {found.length} of {total} — type to narrow the list.\n        </p>\n      )}\n    </div>\n  );\n}\n\nconst PICKER_PRODUCTS = gql`\n  query PickerProducts($workspaceId: ID!) {\n    planmagnetProducts(workspaceId: $workspaceId, pagination: { first: 100 }) {\n      items {\n        id\n        name\n      }\n      totalCount\n    }\n  }\n`;\n\n/** A product select (PRM-27). '' means \"every product\" when `noneLabel` is given. */\nexport function ProductSelect({\n  id,\n  value,\n  onChange,\n  noneLabel,\n}: {\n  id?: string;\n  value: string;\n  onChange: (productId: string) => void;\n  noneLabel?: string;\n}) {\n  const { workspaceId } = usePlanMagnet();\n  const { data, loading, error } = useQuery<{\n    planmagnetProducts: { items: { id: string; name: string }[]; totalCount: number };\n  }>(PICKER_PRODUCTS, { variables: { workspaceId: workspaceId ?? '' }, skip: !workspaceId });\n  const products = data?.planmagnetProducts.items ?? [];\n  return (\n    <select\n      id={id}\n      className={selectClass}\n      value={value}\n      onChange={(e) => onChange(e.target.value)}\n    >\n      {noneLabel !== undefined && <option value=\"\">{noneLabel}</option>}\n      {products.length === 0 && noneLabel === undefined && (\n        <option value=\"\">\n          {loading && !data\n            ? 'Loading products…'\n            : error\n              ? 'Products could not be loaded'\n              : 'No products yet'}\n        </option>\n      )}\n      {products.map((p) => (\n        <option key={p.id} value={p.id}>\n          {p.name}\n        </option>\n      ))}\n    </select>\n  );\n}\n\nconst PICKER_ROADMAPS = gql`\n  query PickerRoadmaps($workspaceId: ID!, $filter: PlanmagnetRoadmapFilter) {\n    planmagnetRoadmaps(workspaceId: $workspaceId, filter: $filter, pagination: { first: 100 }) {\n      items {\n        id\n        name\n      }\n      totalCount\n    }\n  }\n`;\n\n/**\n * A roadmap select (PRM-27). '' means \"every roadmap\" when `noneLabel` is given. `productId` narrows the list\n * to that product's roadmaps, same filter FeatureInitiativeCard uses for its own roadmap picker.\n */\nexport function RoadmapSelect({\n  id,\n  value,\n  onChange,\n  noneLabel,\n  productId,\n}: {\n  id?: string;\n  value: string;\n  onChange: (roadmapId: string) => void;\n  noneLabel?: string;\n  productId?: string;\n}) {\n  const { workspaceId } = usePlanMagnet();\n  const { data, loading, error } = useQuery<{\n    planmagnetRoadmaps: { items: { id: string; name: string }[]; totalCount: number };\n  }>(PICKER_ROADMAPS, {\n    variables: { workspaceId: workspaceId ?? '', filter: productId ? { productId } : undefined },\n    skip: !workspaceId,\n  });\n  const roadmaps = data?.planmagnetRoadmaps.items ?? [];\n  return (\n    <select\n      id={id}\n      className={selectClass}\n      value={value}\n      onChange={(e) => onChange(e.target.value)}\n    >\n      {noneLabel !== undefined && <option value=\"\">{noneLabel}</option>}\n      {roadmaps.length === 0 && noneLabel === undefined && (\n        <option value=\"\">\n          {loading && !data\n            ? 'Loading roadmaps…'\n            : error\n              ? 'Roadmaps could not be loaded'\n              : 'No roadmaps yet'}\n        </option>\n      )}\n      {roadmaps.map((r) => (\n        <option key={r.id} value={r.id}>\n          {r.name}\n        </option>\n      ))}\n    </select>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"Pickers.js","names":[],"sources":["../../../src/planmagnet/controls/Pickers.tsx"],"sourcesContent":["import { useDeferredValue, useEffect, useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { Input } from '@burdenoff/fe-libs/ui';\nimport { usePlanMagnet } from '../providers/PlanMagnetProvider';\n\n/**\n * Record pickers shared by forms and dialogs: a project select, and search-then-pick selects for work items and\n * docs. Values are record ids. Search runs on the server (never \"the first page, filtered in the browser\"), so a\n * record past the first page can still be found.\n */\n\nconst selectClass =\n  'w-full rounded-md border border-input bg-background px-3 py-2 text-sm disabled:opacity-60';\n\nconst PICKER_PROJECTS = gql`\n  query PickerProjects($workspaceId: ID!, $pagination: PlanmagnetPaginationInput) {\n    planmagnetProjects(workspaceId: $workspaceId, pagination: $pagination) {\n      items {\n        id\n        name\n      }\n      pageInfo {\n        hasNextPage\n        endCursor\n      }\n      totalCount\n    }\n  }\n`;\n\n/** Projects are read page by page up to this many, so the picker never silently stops at the first 100. */\nconst MAX_PROJECT_OPTIONS = 500;\n\n/** A project select. '' means \"no project\" when `noneLabel` is given. `exclude` hides ids already spoken for. */\nexport function ProjectSelect({\n  id,\n  value,\n  onChange,\n  noneLabel,\n  exclude = [],\n  disabled = false,\n}: {\n  id?: string;\n  value: string;\n  onChange: (projectId: string) => void;\n  noneLabel?: string;\n  exclude?: string[];\n  disabled?: boolean;\n}) {\n  const { workspaceId } = usePlanMagnet();\n  const { data, loading, error, fetchMore } = useQuery<{\n    planmagnetProjects: {\n      items: { id: string; name: string }[];\n      pageInfo: { hasNextPage: boolean; endCursor: string | null };\n      totalCount: number;\n    };\n  }>(PICKER_PROJECTS, {\n    variables: { workspaceId: workspaceId ?? '', pagination: { first: 100 } },\n    skip: !workspaceId,\n  });\n  const loaded = data?.planmagnetProjects.items ?? [];\n  const hasNextPage = data?.planmagnetProjects.pageInfo.hasNextPage ?? false;\n  const endCursor = data?.planmagnetProjects.pageInfo.endCursor ?? null;\n  useEffect(() => {\n    if (!hasNextPage || !endCursor || loaded.length >= MAX_PROJECT_OPTIONS) return;\n    fetchMore({\n      variables: { pagination: { first: 100, after: endCursor } },\n      updateQuery: (prev, { fetchMoreResult }) => ({\n        planmagnetProjects: {\n          ...fetchMoreResult.planmagnetProjects,\n          items: [...prev.planmagnetProjects.items, ...fetchMoreResult.planmagnetProjects.items],\n        },\n      }),\n    }).catch(() => {\n      // A failed extra page leaves the projects already loaded usable.\n    });\n  }, [hasNextPage, endCursor, loaded.length, fetchMore]);\n  const projects = loaded.filter((p) => !exclude.includes(p.id));\n  return (\n    <select\n      id={id}\n      className={selectClass}\n      value={value}\n      disabled={disabled}\n      onChange={(e) => onChange(e.target.value)}\n    >\n      {noneLabel !== undefined && <option value=\"\">{noneLabel}</option>}\n      {projects.length === 0 && noneLabel === undefined && (\n        <option value=\"\">\n          {loading && !data\n            ? 'Loading projects…'\n            : error\n              ? 'Projects could not be loaded'\n              : 'No projects yet'}\n        </option>\n      )}\n      {projects.map((p) => (\n        <option key={p.id} value={p.id}>\n          {p.name}\n        </option>\n      ))}\n      {/* Never a silent cut-off: say so when the workspace has more projects than the picker lists. */}\n      {hasNextPage && loaded.length >= MAX_PROJECT_OPTIONS && (\n        <option value=\"\" disabled>\n          {`Only the first ${MAX_PROJECT_OPTIONS} projects are listed`}\n        </option>\n      )}\n    </select>\n  );\n}\n\nconst PICKER_TEAMS = gql`\n  query PickerTeams($workspaceId: ID!) {\n    planmagnetTeams(workspaceId: $workspaceId, pagination: { first: 100 }) {\n      items {\n        id\n        name\n      }\n      totalCount\n    }\n  }\n`;\n\n/** A team select (BOFF-8044). '' means \"no team\" when `noneLabel` is given. */\nexport function TeamSelect({\n  id,\n  value,\n  onChange,\n  noneLabel,\n}: {\n  id?: string;\n  value: string;\n  onChange: (teamId: string) => void;\n  noneLabel?: string;\n}) {\n  const { workspaceId } = usePlanMagnet();\n  const { data, loading, error } = useQuery<{\n    planmagnetTeams: { items: { id: string; name: string }[]; totalCount: number };\n  }>(PICKER_TEAMS, { variables: { workspaceId: workspaceId ?? '' }, skip: !workspaceId });\n  const teams = data?.planmagnetTeams.items ?? [];\n  return (\n    <select\n      id={id}\n      aria-label={id ? undefined : 'Team'}\n      className={selectClass}\n      value={value}\n      onChange={(e) => onChange(e.target.value)}\n    >\n      {noneLabel !== undefined && <option value=\"\">{noneLabel}</option>}\n      {teams.length === 0 && noneLabel === undefined && (\n        <option value=\"\">\n          {loading && !data\n            ? 'Loading teams…'\n            : error\n              ? 'Teams could not be loaded'\n              : 'No teams yet'}\n        </option>\n      )}\n      {teams.map((t) => (\n        <option key={t.id} value={t.id}>\n          {t.name}\n        </option>\n      ))}\n    </select>\n  );\n}\n\nconst PICKER_SPRINTS = gql`\n  query PickerSprints($workspaceId: ID!, $filter: PlanmagnetSprintFilter) {\n    planmagnetSprints(workspaceId: $workspaceId, filter: $filter, pagination: { first: 100 }) {\n      items {\n        id\n        name\n        status\n      }\n      totalCount\n    }\n  }\n`;\n\n/** A sprint select, optionally scoped to one project (report-builder widgets: BURNDOWN reads one sprint). '' means\n *  \"no sprint\" when `noneLabel` is given. */\nexport function SprintSelect({\n  id,\n  value,\n  onChange,\n  projectId,\n  noneLabel,\n  disabled = false,\n}: {\n  id?: string;\n  value: string;\n  onChange: (sprintId: string) => void;\n  projectId?: string;\n  noneLabel?: string;\n  disabled?: boolean;\n}) {\n  const { workspaceId } = usePlanMagnet();\n  const { data, loading, error } = useQuery<{\n    planmagnetSprints: {\n      items: { id: string; name: string; status: string }[];\n      totalCount: number;\n    };\n  }>(PICKER_SPRINTS, {\n    variables: { workspaceId: workspaceId ?? '', filter: projectId ? { projectId } : undefined },\n    skip: !workspaceId,\n  });\n  const sprints = data?.planmagnetSprints.items ?? [];\n  return (\n    <select\n      id={id}\n      aria-label={id ? undefined : 'Sprint'}\n      className={selectClass}\n      value={value}\n      disabled={disabled}\n      onChange={(e) => onChange(e.target.value)}\n    >\n      {noneLabel !== undefined && <option value=\"\">{noneLabel}</option>}\n      {sprints.length === 0 && noneLabel === undefined && (\n        <option value=\"\">\n          {loading && !data\n            ? 'Loading sprints…'\n            : error\n              ? 'Sprints could not be loaded'\n              : 'No sprints yet'}\n        </option>\n      )}\n      {sprints.map((s) => (\n        <option key={s.id} value={s.id}>\n          {s.name} ({s.status.toLowerCase()})\n        </option>\n      ))}\n    </select>\n  );\n}\n\nconst PICKER_WORK_ITEMS = gql`\n  query PickerWorkItems($workspaceId: ID!, $filter: PlanmagnetWorkItemFilter) {\n    planmagnetWorkItems(workspaceId: $workspaceId, filter: $filter, pagination: { first: 20 }) {\n      items {\n        id\n        key\n        title\n      }\n      totalCount\n    }\n  }\n`;\n\n/**\n * Search, then pick one work item. The server matches the key, title and description. `exclude` hides items that are\n * already linked (the result says how many more exist, so an empty list never claims \"nothing left\" falsely).\n */\nexport function WorkItemSearchSelect({\n  id,\n  projectId,\n  value,\n  onChange,\n  exclude = [],\n}: {\n  id: string;\n  projectId?: string;\n  value: string;\n  onChange: (workItemId: string) => void;\n  exclude?: string[];\n}) {\n  const { workspaceId } = usePlanMagnet();\n  const [search, setSearch] = useState('');\n  const deferred = useDeferredValue(search.trim());\n  const { data, loading } = useQuery<{\n    planmagnetWorkItems: {\n      items: { id: string; key: string; title: string }[];\n      totalCount: number;\n    };\n  }>(PICKER_WORK_ITEMS, {\n    variables: {\n      workspaceId: workspaceId ?? '',\n      filter: { ...(deferred && { search: deferred }), ...(projectId && { projectId }) },\n    },\n    skip: !workspaceId,\n  });\n  const found = data?.planmagnetWorkItems.items ?? [];\n  const items = found.filter((w) => !exclude.includes(w.id));\n  const total = data?.planmagnetWorkItems.totalCount ?? 0;\n  return (\n    <div className=\"space-y-1\">\n      <Input\n        aria-label=\"Search work items\"\n        placeholder=\"Search by key or title\"\n        value={search}\n        onChange={(e) => setSearch(e.target.value)}\n      />\n      <select\n        id={id}\n        className={selectClass}\n        value={value}\n        onChange={(e) => onChange(e.target.value)}\n      >\n        <option value=\"\">\n          {loading && !data ? 'Searching…' : items.length ? 'Choose a work item' : 'No match'}\n        </option>\n        {/* The current value stays selectable (and visible) when it is not in this page of results. */}\n        {value && !items.some((w) => w.id === value) && (\n          <option value={value}>Currently linked work item</option>\n        )}\n        {items.map((w) => (\n          <option key={w.id} value={w.id}>\n            {w.key} — {w.title}\n          </option>\n        ))}\n      </select>\n      {total > found.length && (\n        <p className=\"text-xs text-muted-foreground\">\n          Showing {found.length} of {total} — type to narrow the list.\n        </p>\n      )}\n    </div>\n  );\n}\n\nconst PICKER_DOCS = gql`\n  query PickerDocs($workspaceId: String, $filter: PlanmagnetDocFilter) {\n    planmagnetDocs(workspaceId: $workspaceId, filter: $filter, pagination: { first: 20 }) {\n      items {\n        id\n        title\n      }\n      totalCount\n    }\n  }\n`;\n\n/** Search, then pick one doc. */\nexport function DocSearchSelect({\n  id,\n  value,\n  onChange,\n  exclude = [],\n}: {\n  id: string;\n  value: string;\n  onChange: (docId: string) => void;\n  exclude?: string[];\n}) {\n  const { workspaceId } = usePlanMagnet();\n  const [search, setSearch] = useState('');\n  const deferred = useDeferredValue(search.trim());\n  const { data, loading } = useQuery<{\n    planmagnetDocs: { items: { id: string; title: string }[]; totalCount: number };\n  }>(PICKER_DOCS, {\n    variables: {\n      workspaceId: workspaceId ?? '',\n      filter: deferred ? { search: deferred } : undefined,\n    },\n    skip: !workspaceId,\n  });\n  const found = data?.planmagnetDocs.items ?? [];\n  const docs = found.filter((d) => !exclude.includes(d.id));\n  const total = data?.planmagnetDocs.totalCount ?? 0;\n  return (\n    <div className=\"space-y-1\">\n      <Input\n        aria-label=\"Search docs\"\n        placeholder=\"Search docs by title\"\n        value={search}\n        onChange={(e) => setSearch(e.target.value)}\n      />\n      <select\n        id={id}\n        className={selectClass}\n        value={value}\n        onChange={(e) => onChange(e.target.value)}\n      >\n        <option value=\"\">\n          {loading && !data ? 'Searching…' : docs.length ? 'Choose a doc' : 'No match'}\n        </option>\n        {docs.map((d) => (\n          <option key={d.id} value={d.id}>\n            {d.title}\n          </option>\n        ))}\n      </select>\n      {total > found.length && (\n        <p className=\"text-xs text-muted-foreground\">\n          Showing {found.length} of {total} — type to narrow the list.\n        </p>\n      )}\n    </div>\n  );\n}\n\nconst PICKER_PROGRAMS = gql`\n  query PickerPrograms($workspaceId: ID!) {\n    planmagnetPrograms(workspaceId: $workspaceId, pagination: { first: 100 }) {\n      items {\n        id\n        name\n      }\n      totalCount\n    }\n  }\n`;\n\n/** A program select. '' means \"no program\" when `noneLabel` is given. */\nexport function ProgramSelect({\n  id,\n  value,\n  onChange,\n  noneLabel,\n}: {\n  id?: string;\n  value: string;\n  onChange: (programId: string) => void;\n  noneLabel?: string;\n}) {\n  const { workspaceId } = usePlanMagnet();\n  const { data, loading, error } = useQuery<{\n    planmagnetPrograms: { items: { id: string; name: string }[]; totalCount: number };\n  }>(PICKER_PROGRAMS, { variables: { workspaceId: workspaceId ?? '' }, skip: !workspaceId });\n  const programs = data?.planmagnetPrograms.items ?? [];\n  return (\n    <select\n      id={id}\n      className={selectClass}\n      value={value}\n      onChange={(e) => onChange(e.target.value)}\n    >\n      {noneLabel !== undefined && <option value=\"\">{noneLabel}</option>}\n      {programs.length === 0 && noneLabel === undefined && (\n        <option value=\"\">\n          {loading && !data\n            ? 'Loading programs…'\n            : error\n              ? 'Programs could not be loaded'\n              : 'No programs yet'}\n        </option>\n      )}\n      {programs.map((p) => (\n        <option key={p.id} value={p.id}>\n          {p.name}\n        </option>\n      ))}\n    </select>\n  );\n}\n\nconst PICKER_PORTFOLIOS = gql`\n  query PickerPortfolios($workspaceId: ID!) {\n    planmagnetPortfolios(workspaceId: $workspaceId, pagination: { first: 100 }) {\n      items {\n        id\n        name\n      }\n      totalCount\n    }\n  }\n`;\n\n/** A portfolio select (BOFF-8047). '' means \"no portfolio\" when `noneLabel` is given. */\nexport function PortfolioSelect({\n  id,\n  value,\n  onChange,\n  noneLabel,\n}: {\n  id?: string;\n  value: string;\n  onChange: (portfolioId: string) => void;\n  noneLabel?: string;\n}) {\n  const { workspaceId } = usePlanMagnet();\n  const { data, loading, error } = useQuery<{\n    planmagnetPortfolios: { items: { id: string; name: string }[]; totalCount: number };\n  }>(PICKER_PORTFOLIOS, { variables: { workspaceId: workspaceId ?? '' }, skip: !workspaceId });\n  const portfolios = data?.planmagnetPortfolios.items ?? [];\n  return (\n    <select\n      id={id}\n      className={selectClass}\n      value={value}\n      onChange={(e) => onChange(e.target.value)}\n    >\n      {noneLabel !== undefined && <option value=\"\">{noneLabel}</option>}\n      {portfolios.length === 0 && noneLabel === undefined && (\n        <option value=\"\">\n          {loading && !data\n            ? 'Loading portfolios…'\n            : error\n              ? 'Portfolios could not be loaded'\n              : 'No portfolios yet'}\n        </option>\n      )}\n      {portfolios.map((p) => (\n        <option key={p.id} value={p.id}>\n          {p.name}\n        </option>\n      ))}\n    </select>\n  );\n}\n\nconst PICKER_COMPETITORS = gql`\n  query PickerCompetitors($workspaceId: ID!, $filter: PlanmagnetCompetitorFilter) {\n    planmagnetCompetitors(workspaceId: $workspaceId, filter: $filter, pagination: { first: 20 }) {\n      items {\n        id\n        name\n      }\n      totalCount\n    }\n  }\n`;\n\n/** Search, then pick one competitor. `exclude` hides competitors already linked. */\nexport function CompetitorSearchSelect({\n  id,\n  value,\n  onChange,\n  exclude = [],\n}: {\n  id: string;\n  value: string;\n  onChange: (competitorId: string) => void;\n  exclude?: string[];\n}) {\n  const { workspaceId } = usePlanMagnet();\n  const [search, setSearch] = useState('');\n  const deferred = useDeferredValue(search.trim());\n  const { data, loading } = useQuery<{\n    planmagnetCompetitors: { items: { id: string; name: string }[]; totalCount: number };\n  }>(PICKER_COMPETITORS, {\n    variables: {\n      workspaceId: workspaceId ?? '',\n      filter: deferred ? { search: deferred } : undefined,\n    },\n    skip: !workspaceId,\n  });\n  const found = data?.planmagnetCompetitors.items ?? [];\n  const competitors = found.filter((c) => !exclude.includes(c.id));\n  const total = data?.planmagnetCompetitors.totalCount ?? 0;\n  return (\n    <div className=\"space-y-1\">\n      <Input\n        aria-label=\"Search competitors\"\n        placeholder=\"Search competitors by name\"\n        value={search}\n        onChange={(e) => setSearch(e.target.value)}\n      />\n      <select\n        id={id}\n        className={selectClass}\n        value={value}\n        onChange={(e) => onChange(e.target.value)}\n      >\n        <option value=\"\">\n          {loading && !data\n            ? 'Searching…'\n            : competitors.length\n              ? 'Choose a competitor'\n              : 'No match'}\n        </option>\n        {competitors.map((c) => (\n          <option key={c.id} value={c.id}>\n            {c.name}\n          </option>\n        ))}\n      </select>\n      {total > found.length && (\n        <p className=\"text-xs text-muted-foreground\">\n          Showing {found.length} of {total} — type to narrow the list.\n        </p>\n      )}\n    </div>\n  );\n}\n\nconst PICKER_PRODUCTS = gql`\n  query PickerProducts($workspaceId: ID!) {\n    planmagnetProducts(workspaceId: $workspaceId, pagination: { first: 100 }) {\n      items {\n        id\n        name\n      }\n      totalCount\n    }\n  }\n`;\n\n/** A product select (PRM-27). '' means \"every product\" when `noneLabel` is given. */\nexport function ProductSelect({\n  id,\n  value,\n  onChange,\n  noneLabel,\n}: {\n  id?: string;\n  value: string;\n  onChange: (productId: string) => void;\n  noneLabel?: string;\n}) {\n  const { workspaceId } = usePlanMagnet();\n  const { data, loading, error } = useQuery<{\n    planmagnetProducts: { items: { id: string; name: string }[]; totalCount: number };\n  }>(PICKER_PRODUCTS, { variables: { workspaceId: workspaceId ?? '' }, skip: !workspaceId });\n  const products = data?.planmagnetProducts.items ?? [];\n  return (\n    <select\n      id={id}\n      className={selectClass}\n      value={value}\n      onChange={(e) => onChange(e.target.value)}\n    >\n      {noneLabel !== undefined && <option value=\"\">{noneLabel}</option>}\n      {products.length === 0 && noneLabel === undefined && (\n        <option value=\"\">\n          {loading && !data\n            ? 'Loading products…'\n            : error\n              ? 'Products could not be loaded'\n              : 'No products yet'}\n        </option>\n      )}\n      {products.map((p) => (\n        <option key={p.id} value={p.id}>\n          {p.name}\n        </option>\n      ))}\n    </select>\n  );\n}\n\nconst PICKER_ROADMAPS = gql`\n  query PickerRoadmaps($workspaceId: ID!, $filter: PlanmagnetRoadmapFilter) {\n    planmagnetRoadmaps(workspaceId: $workspaceId, filter: $filter, pagination: { first: 100 }) {\n      items {\n        id\n        name\n      }\n      totalCount\n    }\n  }\n`;\n\n/**\n * A roadmap select (PRM-27). '' means \"every roadmap\" when `noneLabel` is given. `productId` narrows the list\n * to that product's roadmaps, same filter FeatureInitiativeCard uses for its own roadmap picker.\n */\nexport function RoadmapSelect({\n  id,\n  value,\n  onChange,\n  noneLabel,\n  productId,\n}: {\n  id?: string;\n  value: string;\n  onChange: (roadmapId: string) => void;\n  noneLabel?: string;\n  productId?: string;\n}) {\n  const { workspaceId } = usePlanMagnet();\n  const { data, loading, error } = useQuery<{\n    planmagnetRoadmaps: { items: { id: string; name: string }[]; totalCount: number };\n  }>(PICKER_ROADMAPS, {\n    variables: { workspaceId: workspaceId ?? '', filter: productId ? { productId } : undefined },\n    skip: !workspaceId,\n  });\n  const roadmaps = data?.planmagnetRoadmaps.items ?? [];\n  return (\n    <select\n      id={id}\n      className={selectClass}\n      value={value}\n      onChange={(e) => onChange(e.target.value)}\n    >\n      {noneLabel !== undefined && <option value=\"\">{noneLabel}</option>}\n      {roadmaps.length === 0 && noneLabel === undefined && (\n        <option value=\"\">\n          {loading && !data\n            ? 'Loading roadmaps…'\n            : error\n              ? 'Roadmaps could not be loaded'\n              : 'No roadmaps yet'}\n        </option>\n      )}\n      {roadmaps.map((r) => (\n        <option key={r.id} value={r.id}>\n          {r.name}\n        </option>\n      ))}\n    </select>\n  );\n}\n"],"mappings":"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"}

package/dist/planmagnet/controls/SyncControls.js

@@ -1,7 +1,7 @@
-import { throwOnError as e } from "../utils/mutationResult.js";
-import { ConfirmButton as t, ErrorLine as n } from "./ConfirmButton.js";
-import { enumLabel as r } from "./WorkItemControls.js";
-import { isForbidden as i, mutationErrorMessage as a } from "../utils/graphqlErrors.js";
+import { isForbidden as e, mutationErrorMessage as t } from "../utils/graphqlErrors.js";
+import { throwOnError as n } from "../utils/mutationResult.js";
+import { ConfirmButton as r, ErrorLine as i } from "./ConfirmButton.js";
+import { enumLabel as a } from "./WorkItemControls.js";
 import { useSyncProviderCapabilities as o } from "../integrations/useSyncProviderCapabilities.js";
 import { CONFLICT_RESOLUTIONS as s, GITHUB_FIELD_MAPPING_DEFAULTS as c, SYNC_DIRECTIONS as l, directionLabel as u, directionSupported as d, isValidGithubOwner as f, isValidGithubRepo as p, parseGithubFieldMapping as m } from "../integrations/syncTypes.js";
 import { useState as h } from "react";
@@ -27,7 +27,7 @@ function F({ status: e }) {
 	return /* @__PURE__ */ D(k, {
 		variant: P[e] ?? "outline",
 		className: "text-xs",
-		children: r(e)
+		children: a(e)
 	});
 }
 var I = {
@@ -39,14 +39,14 @@ function L({ status: e }) {
 	return /* @__PURE__ */ D(k, {
 		variant: I[e] ?? "secondary",
 		className: "text-xs",
-		children: r(e)
+		children: a(e)
 	});
 }
 function R({ status: e }) {
 	return /* @__PURE__ */ D(k, {
 		variant: e === "OPEN" ? "warning" : "secondary",
 		className: "text-xs",
-		children: r(e)
+		children: a(e)
 	});
 }
 function z({ text: e, max: t = 140, className: n = "text-muted-foreground", testId: r }) {
@@ -126,14 +126,14 @@ var V = w`
     }
   }
 `;
-function H({ syncId: t, onResult: r, size: o = "sm" }) {
+function H({ syncId: r, onResult: a, size: o = "sm" }) {
 	let [s, c] = T(V, { refetchQueries: [...M, ...N] }), [l, u] = h(null), d = async () => {
 		u(null);
 		try {
-			let n = await e(s({ variables: { id: t } }));
-			n.data && r?.(n.data.planmagnetStartSync);
-		} catch (e) {
-			u(i(e) ? "Your role can view integrations but not change them." : a(e, "The sync could not be started."));
+			let e = await n(s({ variables: { id: r } }));
+			e.data && a?.(e.data.planmagnetStartSync);
+		} catch (n) {
+			u(e(n) ? "Your role can view integrations but not change them." : t(n, "The sync could not be started."));
 		}
 	};
 	return /* @__PURE__ */ O("div", {
@@ -145,7 +145,7 @@ function H({ syncId: t, onResult: r, size: o = "sm" }) {
 			onClick: () => void d(),
 			"data-testid": "sync-run-now",
 			children: [c.loading ? /* @__PURE__ */ D(y, { className: "mr-1 h-4 w-4 animate-spin" }) : /* @__PURE__ */ D(S, { className: "mr-1 h-4 w-4" }), "Run now"]
-		}), l && /* @__PURE__ */ D(n, { message: l })]
+		}), l && /* @__PURE__ */ D(i, { message: l })]
 	});
 }
 function ue({ result: e }) {
@@ -193,13 +193,13 @@ var U = w`
     }
   }
 `;
-function W({ syncId: t, status: r }) {
-	let [o, s] = T(U, { refetchQueries: M }), [c, l] = T(de, { refetchQueries: M }), [u, d] = h(null), f = s.loading || l.loading, p = r === "PAUSED", m = async () => {
+function W({ syncId: r, status: a }) {
+	let [o, s] = T(U, { refetchQueries: M }), [c, l] = T(de, { refetchQueries: M }), [u, d] = h(null), f = s.loading || l.loading, p = a === "PAUSED", m = async () => {
 		d(null);
 		try {
-			p ? await e(c({ variables: { id: t } })) : await e(o({ variables: { id: t } }));
-		} catch (e) {
-			d(i(e) ? "Your role can view integrations but not change them." : a(e, `The sync could not be ${p ? "resumed" : "paused"}.`));
+			p ? await n(c({ variables: { id: r } })) : await n(o({ variables: { id: r } }));
+		} catch (n) {
+			d(e(n) ? "Your role can view integrations but not change them." : t(n, `The sync could not be ${p ? "resumed" : "paused"}.`));
 		}
 	};
 	return /* @__PURE__ */ O("div", {
@@ -211,7 +211,7 @@ function W({ syncId: t, status: r }) {
 			onClick: () => void m(),
 			"data-testid": p ? "sync-resume" : "sync-pause",
 			children: [f ? /* @__PURE__ */ D(y, { className: "mr-1 h-4 w-4 animate-spin" }) : D(p ? x : b, { className: "mr-1 h-4 w-4" }), p ? "Resume" : "Pause"]
-		}), u && /* @__PURE__ */ D(n, { message: u })]
+		}), u && /* @__PURE__ */ D(i, { message: u })]
 	});
 }
 var G = w`
@@ -223,14 +223,14 @@ var G = w`
     }
   }
 `;
-function K({ syncId: t }) {
-	let [r, o] = T(G), [s, c] = h(null), [l, u] = h(null), d = async () => {
+function K({ syncId: r }) {
+	let [a, o] = T(G), [s, c] = h(null), [l, u] = h(null), d = async () => {
 		u(null), c(null);
 		try {
-			let n = await e(r({ variables: { id: t } }));
-			n.data && c(n.data.planmagnetTestExternalSync);
-		} catch (e) {
-			u(i(e) ? "Your role can view integrations but not change them." : a(e, "The connection could not be tested."));
+			let e = await n(a({ variables: { id: r } }));
+			e.data && c(e.data.planmagnetTestExternalSync);
+		} catch (n) {
+			u(e(n) ? "Your role can view integrations but not change them." : t(n, "The connection could not be tested."));
 		}
 	};
 	return /* @__PURE__ */ O("div", {
@@ -253,7 +253,7 @@ function K({ syncId: t }) {
 					s.rateLimitRemaining !== null && ` (${s.rateLimitRemaining} calls remaining)`
 				]
 			}),
-			l && /* @__PURE__ */ D(n, { message: l })
+			l && /* @__PURE__ */ D(i, { message: l })
 		]
 	});
 }
@@ -262,18 +262,18 @@ var q = w`
     planmagnetDeleteExternalSync(id: $id)
   }
 `;
-function J({ syncId: r, label: o, onDeleted: s }) {
+function J({ syncId: a, label: o, onDeleted: s }) {
 	let [c, { loading: l }] = T(q, { refetchQueries: M }), [u, d] = h(null), f = async () => {
 		d(null);
 		try {
-			await e(c({ variables: { id: r } })), s?.();
-		} catch (e) {
-			d(i(e) ? "Your role can view integrations but not change them." : a(e, "The sync could not be deleted."));
+			await n(c({ variables: { id: a } })), s?.();
+		} catch (n) {
+			d(e(n) ? "Your role can view integrations but not change them." : t(n, "The sync could not be deleted."));
 		}
 	};
 	return /* @__PURE__ */ O("div", {
 		className: "flex flex-col items-end gap-1",
-		children: [/* @__PURE__ */ D(t, {
+		children: [/* @__PURE__ */ D(r, {
 			label: "Delete",
 			variant: "outline",
 			icon: /* @__PURE__ */ D(C, { className: "mr-1 h-4 w-4" }),
@@ -284,7 +284,7 @@ function J({ syncId: r, label: o, onDeleted: s }) {
 			disabled: l,
 			onConfirm: () => void f(),
 			testId: "sync-delete"
-		}), u && /* @__PURE__ */ D(n, { message: u })]
+		}), u && /* @__PURE__ */ D(i, { message: u })]
 	});
 }
 var fe = w`
@@ -298,16 +298,16 @@ var fe = w`
     }
   }
 `;
-function Y({ conflictId: t }) {
-	let [r, o] = T(fe, { refetchQueries: N }), [s, c] = h(null), [l, u] = h(null), d = async (n) => {
-		c(null), u(n);
+function Y({ conflictId: r }) {
+	let [a, o] = T(fe, { refetchQueries: N }), [s, c] = h(null), [l, u] = h(null), d = async (i) => {
+		c(null), u(i);
 		try {
-			await e(r({ variables: {
-				id: t,
-				resolution: n
+			await n(a({ variables: {
+				id: r,
+				resolution: i
 			} }));
-		} catch (e) {
-			c(i(e) ? "Your role can view integrations but not change them." : a(e, "The conflict could not be resolved."));
+		} catch (n) {
+			c(e(n) ? "Your role can view integrations but not change them." : t(n, "The conflict could not be resolved."));
 		} finally {
 			u(null);
 		}
@@ -342,7 +342,7 @@ function Y({ conflictId: t }) {
 					children: [l === "MANUAL" && /* @__PURE__ */ D(y, { className: "mr-1 h-4 w-4 animate-spin" }), "Dismiss (manual)"]
 				})
 			]
-		}), s && /* @__PURE__ */ D(n, { message: s })]
+		}), s && /* @__PURE__ */ D(i, { message: s })]
 	});
 }
 var pe = {
@@ -369,23 +369,23 @@ var pe = {
     }
   }
 `;
-function X({ sync: t }) {
-	let [g, _] = h(!1), v = t.provider === "GITHUB", { capabilities: y } = o(), b = y.find((e) => e.provider === t.provider), x = b ? l.filter((e) => d(b, e)) : l, S = m(t.fieldMapping), C = t.syncFilters ? JSON.stringify(t.syncFilters, null, 2) : "", [w, E] = h(t.direction), [k, P] = h(t.conflictStrategy), [F, I] = h(S.priority), [L, R] = h(S.dueDate), [z, B] = h(C), [V, H] = h(null), [ue, U] = h(""), [de, W] = h(""), [G, K] = h(""), [q, J] = h(null), { data: fe } = te(he, {
-		variables: { id: t.id },
+function X({ sync: r }) {
+	let [g, _] = h(!1), v = r.provider === "GITHUB", { capabilities: y } = o(), b = y.find((e) => e.provider === r.provider), x = b ? l.filter((e) => d(b, e)) : l, S = m(r.fieldMapping), C = r.syncFilters ? JSON.stringify(r.syncFilters, null, 2) : "", [w, E] = h(r.direction), [k, P] = h(r.conflictStrategy), [F, I] = h(S.priority), [L, R] = h(S.dueDate), [z, B] = h(C), [V, H] = h(null), [ue, U] = h(""), [de, W] = h(""), [G, K] = h(""), [q, J] = h(null), { data: fe } = te(he, {
+		variables: { id: r.id },
 		skip: !g || !v
 	}), Y = fe?.planmagnetExternalSync?.connectionConfig, X = typeof Y?.owner == "string" ? Y.owner : "", _e = typeof Y?.repo == "string" ? Y.repo : "", Z = ue || X, Q = de || _e, ve = () => {
-		E(t.direction), P(t.conflictStrategy), I(S.priority), R(S.dueDate), B(C), H(null), U(""), W(""), K(""), J(null);
+		E(r.direction), P(r.conflictStrategy), I(S.priority), R(S.dueDate), B(C), H(null), U(""), W(""), K(""), J(null);
 	}, [ye, $] = T(ge, { refetchQueries: [...M, ...N] }), be = v && !!Y && (Z !== X || Q !== _e || G.trim() !== ""), xe = F.trim() !== S.priority || L.trim() !== S.dueDate, Se = z.trim() !== C.trim(), Ce = async () => {
 		J(null), H(null);
-		let n = {};
-		if (w !== t.direction && (n.direction = w), k !== t.conflictStrategy && (n.conflictStrategy = k), xe && (n.fieldMapping = {
+		let i = {};
+		if (w !== r.direction && (i.direction = w), k !== r.conflictStrategy && (i.conflictStrategy = k), xe && (i.fieldMapping = {
 			...F.trim() ? { priority: F.trim() } : {},
 			...L.trim() ? { dueDate: L.trim() } : {}
 		}), Se) {
 			let e = z.trim();
-			if (!e) n.syncFilters = null;
+			if (!e) i.syncFilters = null;
 			else try {
-				n.syncFilters = JSON.parse(e);
+				i.syncFilters = JSON.parse(e);
 			} catch {
 				H("Sync filters must be valid JSON.");
 				return;
@@ -400,23 +400,23 @@ function X({ sync: t }) {
 				J("Owner and repo must look like real GitHub names (letters, digits, \"-\", \"_\", \".\").");
 				return;
 			}
-			n.connectionConfig = {
+			i.connectionConfig = {
 				token: G.trim(),
 				owner: Z.trim(),
 				repo: Q.trim()
 			};
 		}
-		if (Object.keys(n).length === 0) {
+		if (Object.keys(i).length === 0) {
 			_(!1);
 			return;
 		}
 		try {
-			await e(ye({ variables: {
-				id: t.id,
-				input: n
+			await n(ye({ variables: {
+				id: r.id,
+				input: i
 			} })), _(!1);
-		} catch (e) {
-			J(i(e) ? "Your role can view integrations but not change them." : a(e, "The sync could not be saved."));
+		} catch (n) {
+			J(e(n) ? "Your role can view integrations but not change them." : t(n, "The sync could not be saved."));
 		}
 	};
 	return /* @__PURE__ */ O(ne, {
@@ -469,7 +469,7 @@ function X({ sync: t }) {
 								onChange: (e) => P(e.target.value),
 								children: s.map((e) => /* @__PURE__ */ D("option", {
 									value: e,
-									children: r(e)
+									children: a(e)
 								}, e))
 							}),
 							/* @__PURE__ */ D("p", {
@@ -542,7 +542,7 @@ function X({ sync: t }) {
 								value: z,
 								onChange: (e) => B(e.target.value)
 							}),
-							V && /* @__PURE__ */ D(n, { message: V })
+							V && /* @__PURE__ */ D(i, { message: V })
 						] }),
 						v && /* @__PURE__ */ O("div", {
 							className: "space-y-2 rounded-md border p-3",
@@ -591,7 +591,7 @@ function X({ sync: t }) {
 								})] })
 							]
 						}),
-						q && /* @__PURE__ */ D(n, { message: q })
+						q && /* @__PURE__ */ D(i, { message: q })
 					]
 				}),
 				/* @__PURE__ */ O(ae, { children: [/* @__PURE__ */ D(A, {