@burdenoff/microfe-planmagnet 2026.930.24 → 2026.1001.1

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/discussion/WorkItemDiscussionPanel.d.ts

@@ -0,0 +1,8 @@
+export declare function WorkItemDiscussionPanel({ workItemId, workItemKey, workItemTitle, assigneeId, discussionConversationId, }: {
+    workItemId: string;
+    workItemKey: string;
+    workItemTitle: string;
+    assigneeId: string | null;
+    discussionConversationId: string | null;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=WorkItemDiscussionPanel.d.ts.map

package/dist/planmagnet/discussion/WorkItemDiscussionPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkItemDiscussionPanel.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/discussion/WorkItemDiscussionPanel.tsx"],"names":[],"mappings":"AA2OA,wBAAgB,uBAAuB,CAAC,EACtC,UAAU,EACV,WAAW,EACX,aAAa,EACb,UAAU,EACV,wBAAwB,GACzB,EAAE;IACD,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,wBAAwB,EAAE,MAAM,GAAG,IAAI,CAAC;CACzC,2CA6DA"}

package/dist/planmagnet/discussion/WorkItemDiscussionPanel.js

@@ -0,0 +1,217 @@
+import { usePlanMagnet as e } from "../providers/PlanMagnetProvider.js";
+import { throwOnError as t } from "../utils/mutationResult.js";
+import { ErrorLine as n } from "../controls/ConfirmButton.js";
+import { isForbidden as r, mutationErrorMessage as i } from "../utils/graphqlErrors.js";
+import { useDeferredValue as a, useEffect as o, useState as s } from "react";
+import { ExternalLink as c, MessageCircle as l, MessagesSquare as u, Unlink as d } from "lucide-react";
+import { gql as f } from "@apollo/client";
+import { useMutation as p } from "@apollo/client/react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { Button as g, Card as _, CardContent as v, CardHeader as y, CardTitle as b, Checkbox as x, Input as S, ResponsiveDialog as C, ResponsiveDialogContent as w, ResponsiveDialogDescription as T, ResponsiveDialogFooter as E, ResponsiveDialogHeader as D, ResponsiveDialogTitle as O, ResponsiveDialogTrigger as k } from "@burdenoff/fe-libs/ui";
+import { useWorkspaceDirectory as A } from "@burdenoff/fe-libs/sharing";
+//#region src/planmagnet/discussion/WorkItemDiscussionPanel.tsx
+var j = f`
+  mutation PlanmagnetSetWorkItemDiscussionLink($workItemId: ID!, $conversationId: ID) {
+    planmagnetSetWorkItemDiscussion(workItemId: $workItemId, conversationId: $conversationId) {
+      id
+      discussionConversationId
+    }
+  }
+`, M = f`
+  mutation CreateWorkItemDiscussionConversation($input: CreateConversationInput!) {
+    createConversation(input: $input) {
+      success
+      conversation {
+        id
+      }
+    }
+  }
+`, N = {
+	refetchQueries: ["GetWorkItemDetail"],
+	awaitRefetchQueries: !0
+};
+function P({ workItemId: c, workItemKey: l, workItemTitle: d, assigneeId: f }) {
+	let { workspaceId: _, authToken: v, apiGatewayUrl: y, currentUser: b } = e(), [P, F] = s(!1), [I, L] = s(""), R = a(I.trim()), [z, B] = s(/* @__PURE__ */ new Set()), [V, H] = s(null), U = A({
+		workspaceId: _ ?? "",
+		authToken: v ?? void 0,
+		apiGatewayUrl: y ?? void 0
+	}), { search: W } = U;
+	o(() => {
+		W(R);
+	}, [R, W]);
+	let [G, K] = p(M), [q, J] = p(j, N), Y = K.loading || J.loading, X = (e, t) => B((n) => {
+		let r = new Set(n);
+		return t ? r.add(e) : r.delete(e), r;
+	}), Z = async () => {
+		if (_) {
+			H(null);
+			try {
+				let e = await t(G({ variables: { input: {
+					workspaceId: _,
+					type: "GROUP",
+					title: `${l}: ${d}`,
+					participantIds: [...z]
+				} } })), n = e.data?.createConversation?.conversation?.id;
+				if (!e.data?.createConversation?.success || !n) throw Error("The conversation could not be created.");
+				await t(q({ variables: {
+					workItemId: c,
+					conversationId: n
+				} })), F(!1), L("");
+			} catch (e) {
+				H(r(e) ? "Your role cannot start a conversation in this workspace." : i(e, "The discussion could not be started."));
+			}
+		}
+	};
+	return /* @__PURE__ */ h(C, {
+		open: P,
+		onOpenChange: (e) => {
+			if (F(e), e) {
+				let e = /* @__PURE__ */ new Set();
+				f && e.add(f), b?.id && e.add(b.id), B(e);
+			} else L(""), H(null);
+		},
+		children: [/* @__PURE__ */ m(k, {
+			asChild: !0,
+			children: /* @__PURE__ */ h(g, {
+				size: "sm",
+				"data-testid": "discussion-start",
+				children: [/* @__PURE__ */ m(u, {
+					className: "mr-1 h-4 w-4",
+					"aria-hidden": "true"
+				}), "Discuss in Conversations"]
+			})
+		}), /* @__PURE__ */ h(w, {
+			className: "max-w-lg",
+			children: [
+				/* @__PURE__ */ h(D, { children: [/* @__PURE__ */ m(O, { children: "Start a discussion" }), /* @__PURE__ */ m(T, { children: "Creates a group conversation for this task and links it back here. Add anyone else who should be in it." })] }),
+				/* @__PURE__ */ h("p", {
+					className: "text-sm font-medium",
+					children: [
+						l,
+						": ",
+						d
+					]
+				}),
+				/* @__PURE__ */ m(S, {
+					value: I,
+					onChange: (e) => L(e.target.value),
+					placeholder: "Search workspace members",
+					"aria-label": "Search workspace members"
+				}),
+				/* @__PURE__ */ h("div", {
+					className: "max-h-64 space-y-1 overflow-y-auto",
+					children: [
+						U.loading && U.members.length === 0 && /* @__PURE__ */ m("p", {
+							className: "py-4 text-center text-sm text-muted-foreground",
+							children: "Loading…"
+						}),
+						!U.loading && U.members.length === 0 && /* @__PURE__ */ m("p", {
+							className: "py-4 text-center text-sm text-muted-foreground",
+							children: "No matching members."
+						}),
+						U.members.map((e) => {
+							let t = `discussion-participant-${e.id}`;
+							return /* @__PURE__ */ h("label", {
+								htmlFor: t,
+								className: "flex cursor-pointer items-center gap-3 rounded-md border p-2 text-sm hover:bg-muted",
+								children: [/* @__PURE__ */ m(x, {
+									id: t,
+									checked: z.has(e.id),
+									onCheckedChange: (t) => X(e.id, t === !0)
+								}), /* @__PURE__ */ h("span", {
+									className: "min-w-0 flex-1 truncate",
+									children: [
+										e.name,
+										e.id === b?.id && /* @__PURE__ */ m("span", {
+											className: "text-muted-foreground",
+											children: " (you)"
+										}),
+										e.id === f && /* @__PURE__ */ m("span", {
+											className: "text-muted-foreground",
+											children: " · assignee"
+										})
+									]
+								})]
+							}, e.id);
+						}),
+						U.hasMore && /* @__PURE__ */ m("button", {
+							type: "button",
+							className: "w-full py-1 text-xs text-primary hover:underline",
+							onClick: U.fetchMore,
+							children: "Show more members"
+						})
+					]
+				}),
+				V && /* @__PURE__ */ m(n, { message: V }),
+				/* @__PURE__ */ m(E, { children: /* @__PURE__ */ m(g, {
+					onClick: () => void Z(),
+					disabled: z.size === 0 || Y,
+					"data-testid": "discussion-create-confirm",
+					children: Y ? "Starting…" : `Start discussion (${z.size})`
+				}) })
+			]
+		})]
+	});
+}
+function F({ workItemId: e, workItemKey: r, workItemTitle: a, assigneeId: o, discussionConversationId: u }) {
+	let [f, x] = p(j, N), [S, C] = s(null), w = async () => {
+		C(null);
+		try {
+			await t(f({ variables: {
+				workItemId: e,
+				conversationId: null
+			} }));
+		} catch (e) {
+			C(i(e, "The discussion could not be unlinked."));
+		}
+	};
+	return /* @__PURE__ */ h(_, {
+		"data-testid": "work-item-discussion",
+		children: [/* @__PURE__ */ m(y, { children: /* @__PURE__ */ h(b, {
+			className: "flex items-center gap-2",
+			children: [/* @__PURE__ */ m(l, {
+				className: "h-4 w-4",
+				"aria-hidden": "true"
+			}), "Discussion"]
+		}) }), /* @__PURE__ */ h(v, {
+			className: "space-y-3",
+			children: [S && /* @__PURE__ */ m(n, { message: S }), u ? /* @__PURE__ */ h("div", {
+				className: "flex flex-wrap items-center justify-between gap-2",
+				children: [/* @__PURE__ */ h("a", {
+					href: `/conversations/${encodeURIComponent(u)}`,
+					className: "inline-flex items-center gap-1 text-sm font-medium text-primary hover:underline",
+					"data-testid": "discussion-open",
+					children: ["Open discussion", /* @__PURE__ */ m(c, {
+						className: "h-3.5 w-3.5",
+						"aria-hidden": "true"
+					})]
+				}), /* @__PURE__ */ h(g, {
+					size: "sm",
+					variant: "ghost",
+					disabled: x.loading,
+					onClick: () => void w(),
+					"data-testid": "discussion-unlink",
+					children: [/* @__PURE__ */ m(d, {
+						className: "mr-1 h-3.5 w-3.5",
+						"aria-hidden": "true"
+					}), "Unlink"]
+				})]
+			}) : /* @__PURE__ */ h("div", {
+				className: "space-y-2",
+				children: [/* @__PURE__ */ m("p", {
+					className: "text-sm text-muted-foreground",
+					children: "Not linked to a conversation yet. Starting one creates a group chat for this task in Conversations."
+				}), /* @__PURE__ */ m(P, {
+					workItemId: e,
+					workItemKey: r,
+					workItemTitle: a,
+					assigneeId: o
+				})]
+			})]
+		})]
+	});
+}
+//#endregion
+export { F as WorkItemDiscussionPanel };
+
+//# sourceMappingURL=WorkItemDiscussionPanel.js.map

package/dist/planmagnet/discussion/WorkItemDiscussionPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkItemDiscussionPanel.js","names":[],"sources":["../../../src/planmagnet/discussion/WorkItemDiscussionPanel.tsx"],"sourcesContent":["import { useDeferredValue, useEffect, useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useMutation } from '@apollo/client/react';\nimport {\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  Checkbox,\n  Input,\n  ResponsiveDialog,\n  ResponsiveDialogContent,\n  ResponsiveDialogDescription,\n  ResponsiveDialogFooter,\n  ResponsiveDialogHeader,\n  ResponsiveDialogTitle,\n  ResponsiveDialogTrigger,\n} from '@burdenoff/fe-libs/ui';\nimport { useWorkspaceDirectory } from '@burdenoff/fe-libs/sharing';\nimport { ExternalLink, MessageCircle, MessagesSquare, Unlink as UnlinkIcon } from 'lucide-react';\nimport { usePlanMagnet } from '../providers/PlanMagnetProvider';\nimport { ErrorLine } from '../controls/ConfirmButton';\nimport { throwOnError } from '../utils/mutationResult';\nimport { isForbidden, mutationErrorMessage } from '../utils/graphqlErrors';\n\n/**\n * Discussion on a task (CWF-26): a link to a real group conversation in the platform Conversations product, not\n * a comment thread of its own. `WorkItem.discussionConversationId` only stores and validates the id — the\n * conversation itself is created HERE, as the signed-in user, through the Conversations subgraph's own\n * `createConversation` (a different subgraph than everything else on this page; see its schema doc comment).\n * Once created, `planmagnetSetWorkItemDiscussion` links it back to this item.\n *\n * \"Open discussion\" is a plain `<a>`, not this MFE's own `usePlanMagnetNavigate()` — that hook prepends THIS\n * microfrontend's basePath, and `/conversations/<id>` is a sibling app's own top-level route, not a planmagnet\n * page (there is, correctly, no such route in `PlanMagnetRoutes.tsx`).\n */\n\nconst SET_DISCUSSION = gql`\n  mutation PlanmagnetSetWorkItemDiscussionLink($workItemId: ID!, $conversationId: ID) {\n    planmagnetSetWorkItemDiscussion(workItemId: $workItemId, conversationId: $conversationId) {\n      id\n      discussionConversationId\n    }\n  }\n`;\n\nconst CREATE_DISCUSSION_CONVERSATION = gql`\n  mutation CreateWorkItemDiscussionConversation($input: CreateConversationInput!) {\n    createConversation(input: $input) {\n      success\n      conversation {\n        id\n      }\n    }\n  }\n`;\n\nconst DISCUSSION_REFETCH = { refetchQueries: ['GetWorkItemDetail'], awaitRefetchQueries: true };\n\n/** Create a group conversation for this task and link it — participants default to the assignee + the current\n * user, editable through the same search-then-checkbox workspace directory picker\n * `roadmaps/RoadmapReviewPanel.tsx`'s `RequestReviewDialog` uses for reviewers. */\nfunction StartDiscussionDialog({\n  workItemId,\n  workItemKey,\n  workItemTitle,\n  assigneeId,\n}: {\n  workItemId: string;\n  workItemKey: string;\n  workItemTitle: string;\n  assigneeId: string | null;\n}) {\n  const { workspaceId, authToken, apiGatewayUrl, currentUser } = usePlanMagnet();\n  const [open, setOpen] = useState(false);\n  const [search, setSearch] = useState('');\n  const deferredSearch = useDeferredValue(search.trim());\n  const [selected, setSelected] = useState<Set<string>>(new Set());\n  const [error, setError] = useState<string | null>(null);\n\n  const directory = useWorkspaceDirectory({\n    workspaceId: workspaceId ?? '',\n    authToken: authToken ?? undefined,\n    apiGatewayUrl: apiGatewayUrl ?? undefined,\n  });\n  const { search: setDirectoryFilter } = directory;\n  useEffect(() => {\n    setDirectoryFilter(deferredSearch);\n  }, [deferredSearch, setDirectoryFilter]);\n\n  const [createConversation, createState] = useMutation<{\n    createConversation: { success: boolean; conversation: { id: string } | null };\n  }>(CREATE_DISCUSSION_CONVERSATION);\n  const [setDiscussion, setDiscussionState] = useMutation(SET_DISCUSSION, DISCUSSION_REFETCH);\n  const busy = createState.loading || setDiscussionState.loading;\n\n  const toggle = (id: string, checked: boolean) =>\n    setSelected((prev) => {\n      const next = new Set(prev);\n      if (checked) next.add(id);\n      else next.delete(id);\n      return next;\n    });\n\n  const submit = async () => {\n    if (!workspaceId) return;\n    setError(null);\n    try {\n      const created = await throwOnError(\n        createConversation({\n          variables: {\n            input: {\n              workspaceId,\n              type: 'GROUP',\n              title: `${workItemKey}: ${workItemTitle}`,\n              participantIds: [...selected],\n            },\n          },\n        })\n      );\n      const conversationId = created.data?.createConversation?.conversation?.id;\n      if (!created.data?.createConversation?.success || !conversationId) {\n        throw new Error('The conversation could not be created.');\n      }\n      await throwOnError(setDiscussion({ variables: { workItemId, conversationId } }));\n      setOpen(false);\n      setSearch('');\n    } catch (e) {\n      setError(\n        isForbidden(e)\n          ? 'Your role cannot start a conversation in this workspace.'\n          : mutationErrorMessage(e, 'The discussion could not be started.')\n      );\n    }\n  };\n\n  return (\n    <ResponsiveDialog\n      open={open}\n      onOpenChange={(next) => {\n        setOpen(next);\n        if (next) {\n          // Default selection (assignee + self), recomputed on every open so an earlier session's manual picks\n          // never leak into a later one.\n          const defaults = new Set<string>();\n          if (assigneeId) defaults.add(assigneeId);\n          if (currentUser?.id) defaults.add(currentUser.id);\n          setSelected(defaults);\n        } else {\n          setSearch('');\n          setError(null);\n        }\n      }}\n    >\n      <ResponsiveDialogTrigger asChild>\n        <Button size=\"sm\" data-testid=\"discussion-start\">\n          <MessagesSquare className=\"mr-1 h-4 w-4\" aria-hidden=\"true\" />\n          Discuss in Conversations\n        </Button>\n      </ResponsiveDialogTrigger>\n      <ResponsiveDialogContent className=\"max-w-lg\">\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>Start a discussion</ResponsiveDialogTitle>\n          <ResponsiveDialogDescription>\n            Creates a group conversation for this task and links it back here. Add anyone else who\n            should be in it.\n          </ResponsiveDialogDescription>\n        </ResponsiveDialogHeader>\n        <p className=\"text-sm font-medium\">\n          {workItemKey}: {workItemTitle}\n        </p>\n        <Input\n          value={search}\n          onChange={(e) => setSearch(e.target.value)}\n          placeholder=\"Search workspace members\"\n          aria-label=\"Search workspace members\"\n        />\n        <div className=\"max-h-64 space-y-1 overflow-y-auto\">\n          {directory.loading && directory.members.length === 0 && (\n            <p className=\"py-4 text-center text-sm text-muted-foreground\">Loading…</p>\n          )}\n          {!directory.loading && directory.members.length === 0 && (\n            <p className=\"py-4 text-center text-sm text-muted-foreground\">No matching members.</p>\n          )}\n          {directory.members.map((member) => {\n            const inputId = `discussion-participant-${member.id}`;\n            return (\n              <label\n                key={member.id}\n                htmlFor={inputId}\n                className=\"flex cursor-pointer items-center gap-3 rounded-md border p-2 text-sm hover:bg-muted\"\n              >\n                <Checkbox\n                  id={inputId}\n                  checked={selected.has(member.id)}\n                  onCheckedChange={(checked) => toggle(member.id, checked === true)}\n                />\n                <span className=\"min-w-0 flex-1 truncate\">\n                  {member.name}\n                  {member.id === currentUser?.id && (\n                    <span className=\"text-muted-foreground\"> (you)</span>\n                  )}\n                  {member.id === assigneeId && (\n                    <span className=\"text-muted-foreground\"> · assignee</span>\n                  )}\n                </span>\n              </label>\n            );\n          })}\n          {directory.hasMore && (\n            <button\n              type=\"button\"\n              className=\"w-full py-1 text-xs text-primary hover:underline\"\n              onClick={directory.fetchMore}\n            >\n              Show more members\n            </button>\n          )}\n        </div>\n        {error && <ErrorLine message={error} />}\n        <ResponsiveDialogFooter>\n          <Button\n            onClick={() => void submit()}\n            disabled={selected.size === 0 || busy}\n            data-testid=\"discussion-create-confirm\"\n          >\n            {busy ? 'Starting…' : `Start discussion (${selected.size})`}\n          </Button>\n        </ResponsiveDialogFooter>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n\nexport function WorkItemDiscussionPanel({\n  workItemId,\n  workItemKey,\n  workItemTitle,\n  assigneeId,\n  discussionConversationId,\n}: {\n  workItemId: string;\n  workItemKey: string;\n  workItemTitle: string;\n  assigneeId: string | null;\n  discussionConversationId: string | null;\n}) {\n  const [unlink, unlinkState] = useMutation(SET_DISCUSSION, DISCUSSION_REFETCH);\n  const [error, setError] = useState<string | null>(null);\n\n  const doUnlink = async () => {\n    setError(null);\n    try {\n      await throwOnError(unlink({ variables: { workItemId, conversationId: null } }));\n    } catch (e) {\n      setError(mutationErrorMessage(e, 'The discussion could not be unlinked.'));\n    }\n  };\n\n  return (\n    <Card data-testid=\"work-item-discussion\">\n      <CardHeader>\n        <CardTitle className=\"flex items-center gap-2\">\n          <MessageCircle className=\"h-4 w-4\" aria-hidden=\"true\" />\n          Discussion\n        </CardTitle>\n      </CardHeader>\n      <CardContent className=\"space-y-3\">\n        {error && <ErrorLine message={error} />}\n        {discussionConversationId ? (\n          <div className=\"flex flex-wrap items-center justify-between gap-2\">\n            <a\n              href={`/conversations/${encodeURIComponent(discussionConversationId)}`}\n              className=\"inline-flex items-center gap-1 text-sm font-medium text-primary hover:underline\"\n              data-testid=\"discussion-open\"\n            >\n              Open discussion\n              <ExternalLink className=\"h-3.5 w-3.5\" aria-hidden=\"true\" />\n            </a>\n            <Button\n              size=\"sm\"\n              variant=\"ghost\"\n              disabled={unlinkState.loading}\n              onClick={() => void doUnlink()}\n              data-testid=\"discussion-unlink\"\n            >\n              <UnlinkIcon className=\"mr-1 h-3.5 w-3.5\" aria-hidden=\"true\" />\n              Unlink\n            </Button>\n          </div>\n        ) : (\n          <div className=\"space-y-2\">\n            <p className=\"text-sm text-muted-foreground\">\n              Not linked to a conversation yet. Starting one creates a group chat for this task in\n              Conversations.\n            </p>\n            <StartDiscussionDialog\n              workItemId={workItemId}\n              workItemKey={workItemKey}\n              workItemTitle={workItemTitle}\n              assigneeId={assigneeId}\n            />\n          </div>\n        )}\n      </CardContent>\n    </Card>\n  );\n}\n"],"mappings":"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"}