@burdenoff/microfe-planmagnet 2026.930.23 → 2026.930.25

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

@@ -1 +1 @@
-{"version":3,"file":"FeatureControls.js","names":[],"sources":["../../../src/planmagnet/controls/FeatureControls.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useMutation } from '@apollo/client/react';\nimport {\n  Button,\n  Input,\n  ResponsiveDialog,\n  ResponsiveDialogContent,\n  ResponsiveDialogDescription,\n  ResponsiveDialogFooter,\n  ResponsiveDialogHeader,\n  ResponsiveDialogTitle,\n  ResponsiveDialogTrigger,\n} from '@burdenoff/fe-libs/ui';\nimport { BarChart3, Pencil, ThumbsUp, Trash2 } from 'lucide-react';\nimport { usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { detailPath } from '../utils/rowNavigation';\nimport { throwOnError, LEAVES_PAGE_CONTEXT } from '../utils/mutationResult';\nimport { parseIntField } from '../utils/formValidation';\nimport { ConfirmButton, ErrorLine } from './ConfirmButton';\nimport { ProjectSelect, WorkItemSearchSelect } from './Pickers';\nimport { enumLabel } from './WorkItemControls';\n\n/**\n * Feature request controls (BOFF-7951/7963). Feature requests were read-only: no vote, no status change after\n * creation, no edit or delete — so every UI-created request stayed at 0 votes and its creation status, and the\n * Declined/Duplicate tabs could only ever be empty.\n */\n\nexport const FEATURE_STATUSES = [\n  'SUBMITTED',\n  'UNDER_REVIEW',\n  'PLANNED',\n  'IN_PROGRESS',\n  'COMPLETED',\n  'DECLINED',\n  'DUPLICATE',\n] as const;\n\n/** Every query that shows a feature request, its votes or feature counts. */\nconst FEATURE_QUERIES = [\n  'GetFeatureRequest',\n  'ListFeatureRequests',\n  'ListFeatureRequestsForProduct',\n  'ListFeatureRequestsForProducts',\n  'ListAllFeaturesAnalytics',\n  'GetFeatureRequestAnalytics',\n  'ReleaseCustomerRequests',\n];\n\nconst VOTE = gql`\n  mutation FeatureControlsVote($id: ID!) {\n    planmagnetVoteOnFeature(featureRequestId: $id) {\n      id\n    }\n  }\n`;\nconst UNVOTE = gql`\n  mutation FeatureControlsUnvote($id: ID!) {\n    planmagnetRemoveFeatureVote(featureRequestId: $id)\n  }\n`;\nconst UPDATE = gql`\n  mutation FeatureControlsUpdate($id: ID!, $input: PlanmagnetUpdateFeatureRequestInput!) {\n    planmagnetUpdateFeatureRequest(id: $id, input: $input) {\n      id\n      title\n      description\n      status\n      businessValue\n      effortEstimate\n      projectId\n      workItemId\n    }\n  }\n`;\nconst DELETE = gql`\n  mutation FeatureControlsDelete($id: ID!) {\n    planmagnetDeleteFeatureRequest(id: $id)\n  }\n`;\n\nconst options = { refetchQueries: FEATURE_QUERIES, awaitRefetchQueries: true };\n\n/** Vote for a request, or take your vote back. */\nexport function FeatureVoteButton({ featureId, voted }: { featureId: string; voted: boolean }) {\n  const [vote, voteState] = useMutation(VOTE, options);\n  const [unvote, unvoteState] = useMutation(UNVOTE, options);\n  const [error, setError] = useState<string | null>(null);\n  const busy = voteState.loading || unvoteState.loading;\n  const toggle = async () => {\n    setError(null);\n    try {\n      await throwOnError((voted ? unvote : vote)({ variables: { id: featureId } }));\n    } catch (e) {\n      setError(e instanceof Error ? e.message : 'Your vote could not be saved.');\n    }\n  };\n  return (\n    <div className=\"flex flex-col items-end gap-1\">\n      <Button\n        size=\"sm\"\n        variant={voted ? 'default' : 'outline'}\n        data-testid=\"feature-vote\"\n        aria-pressed={voted}\n        disabled={busy}\n        onClick={() => void toggle()}\n      >\n        <ThumbsUp className=\"mr-1 h-4 w-4\" />\n        {voted ? 'Voted' : 'Vote'}\n      </Button>\n      {error && <ErrorLine message={error} />}\n    </div>\n  );\n}\n\nexport interface FeatureValues {\n  id: string;\n  title: string;\n  description: string | null;\n  status: string;\n  businessValue: number | null;\n  effortEstimate: string | null;\n  projectId: string | null;\n  workItemId: string | null;\n}\n\n/** Status select, Edit and Delete for the feature detail header. */\nexport function FeatureHeaderActions({ feature }: { feature: FeatureValues }) {\n  const navigate = usePlanMagnetNavigate();\n  const [update, updateState] = useMutation(UPDATE, options);\n  const [remove, removeState] = useMutation(DELETE, {\n    refetchQueries: FEATURE_QUERIES.filter((q) => q !== 'GetFeatureRequest'),\n    context: LEAVES_PAGE_CONTEXT,\n  });\n  const [error, setError] = useState<string | null>(null);\n  const busy = updateState.loading || removeState.loading;\n  const statuses = (FEATURE_STATUSES as readonly string[]).includes(feature.status)\n    ? FEATURE_STATUSES\n    : [feature.status, ...FEATURE_STATUSES];\n\n  const onStatus = async (status: string) => {\n    setError(null);\n    try {\n      await throwOnError(update({ variables: { id: feature.id, input: { status } } }));\n    } catch (e) {\n      setError(e instanceof Error ? e.message : 'The status could not be changed.');\n    }\n  };\n  const onDelete = async () => {\n    setError(null);\n    try {\n      await throwOnError(remove({ variables: { id: feature.id } }));\n      navigate('/products/features-page');\n    } catch (e) {\n      setError(e instanceof Error ? e.message : 'The request could not be deleted.');\n    }\n  };\n\n  return (\n    <div className=\"flex flex-col items-end gap-2\">\n      <div className=\"flex flex-wrap items-center justify-end gap-2\">\n        <select\n          aria-label=\"Status\"\n          data-testid=\"feature-status\"\n          className=\"rounded-md border border-input bg-background px-2 py-1 text-sm disabled:opacity-60\"\n          value={feature.status}\n          disabled={busy}\n          onChange={(e) => {\n            if (e.target.value !== feature.status) void onStatus(e.target.value);\n          }}\n        >\n          {statuses.map((s) => (\n            <option key={s} value={s}>\n              {enumLabel(s)}\n            </option>\n          ))}\n        </select>\n        <FeatureEditDialog feature={feature} />\n        {/* BOFF-7983: the analytics page existed with no way in. */}\n        <Button\n          size=\"sm\"\n          variant=\"outline\"\n          data-testid=\"feature-analytics\"\n          onClick={() => navigate(detailPath('/products/feature-analytics-page', feature.id))}\n        >\n          <BarChart3 className=\"mr-1 h-4 w-4\" />\n          Analytics\n        </Button>\n        <ConfirmButton\n          label=\"Delete\"\n          variant=\"outline\"\n          icon={<Trash2 className=\"mr-1 h-4 w-4\" />}\n          title={`Delete \"${feature.title}\"?`}\n          description=\"The request and its votes are deleted. This cannot be undone here.\"\n          confirmLabel=\"Delete request\"\n          destructive\n          disabled={busy}\n          onConfirm={() => void onDelete()}\n        />\n      </div>\n      {error && <ErrorLine message={error} />}\n    </div>\n  );\n}\n\n/**\n * Edit a request's fields, including the project and the work item it rides on (the release readiness card needs\n * that link, and no UI could set it — BOFF-7966). Only changed fields are sent; an emptied field is cleared.\n */\nfunction FeatureEditDialog({ feature }: { feature: FeatureValues }) {\n  const initial = {\n    title: feature.title,\n    description: feature.description ?? '',\n    businessValue: feature.businessValue == null ? '' : String(feature.businessValue),\n    effortEstimate: feature.effortEstimate ?? '',\n    projectId: feature.projectId ?? '',\n    workItemId: feature.workItemId ?? '',\n  };\n  const [open, setOpen] = useState(false);\n  const [form, setForm] = useState(initial);\n  const [error, setError] = useState<string | null>(null);\n  const [update, state] = useMutation(UPDATE, options);\n  const businessValue = parseIntField(form.businessValue, { min: 0, max: 100 });\n  const canSave = form.title.trim() !== '' && !businessValue.invalid && !state.loading;\n\n  const save = async () => {\n    setError(null);\n    const text = (v: string) => (v.trim() ? v.trim() : null);\n    const next = {\n      title: form.title.trim(),\n      description: text(form.description),\n      businessValue: businessValue.value ?? null,\n      effortEstimate: text(form.effortEstimate),\n      projectId: form.projectId || null,\n      workItemId: form.workItemId || null,\n    };\n    const before = {\n      title: initial.title,\n      description: text(initial.description),\n      businessValue: initial.businessValue === '' ? null : Number(initial.businessValue),\n      effortEstimate: text(initial.effortEstimate),\n      projectId: initial.projectId || null,\n      workItemId: initial.workItemId || null,\n    };\n    const input = Object.fromEntries(\n      Object.entries(next).filter(([k, v]) => v !== before[k as keyof typeof before])\n    );\n    if (Object.keys(input).length === 0) {\n      setOpen(false);\n      return;\n    }\n    try {\n      await throwOnError(update({ variables: { id: feature.id, input } }));\n      setOpen(false);\n    } catch (e) {\n      setError(e instanceof Error ? e.message : 'The request could not be saved.');\n    }\n  };\n\n  const label = 'text-sm font-medium';\n  return (\n    <ResponsiveDialog\n      open={open}\n      onOpenChange={(next) => {\n        setOpen(next);\n        if (next) setForm(initial);\n        else setError(null);\n      }}\n    >\n      <ResponsiveDialogTrigger asChild>\n        <Button size=\"sm\" variant=\"outline\" data-testid=\"feature-edit\">\n          <Pencil className=\"mr-1 h-4 w-4\" />\n          Edit\n        </Button>\n      </ResponsiveDialogTrigger>\n      <ResponsiveDialogContent className=\"max-w-lg\">\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>Edit feature request</ResponsiveDialogTitle>\n          <ResponsiveDialogDescription>\n            Link the request to the work item that delivers it so releases can show who is waiting\n            on it.\n          </ResponsiveDialogDescription>\n        </ResponsiveDialogHeader>\n        <div className=\"space-y-3\">\n          <div>\n            <label htmlFor=\"feature-edit-title\" className={label}>\n              Title\n            </label>\n            <Input\n              id=\"feature-edit-title\"\n              className=\"mt-1\"\n              value={form.title}\n              onChange={(e) => setForm({ ...form, title: e.target.value })}\n            />\n          </div>\n          <div>\n            <label htmlFor=\"feature-edit-description\" className={label}>\n              Description\n            </label>\n            <textarea\n              id=\"feature-edit-description\"\n              className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm min-h-[72px]\"\n              value={form.description}\n              onChange={(e) => setForm({ ...form, description: e.target.value })}\n            />\n          </div>\n          <div className=\"grid grid-cols-2 gap-3\">\n            <div>\n              <label htmlFor=\"feature-edit-value\" className={label}>\n                Business value (0–100)\n              </label>\n              <Input\n                id=\"feature-edit-value\"\n                type=\"number\"\n                min={0}\n                max={100}\n                className=\"mt-1\"\n                value={form.businessValue}\n                aria-invalid={businessValue.invalid}\n                onChange={(e) => setForm({ ...form, businessValue: e.target.value })}\n              />\n            </div>\n            <div>\n              <label htmlFor=\"feature-edit-effort\" className={label}>\n                Effort\n              </label>\n              <Input\n                id=\"feature-edit-effort\"\n                className=\"mt-1\"\n                placeholder=\"e.g. M\"\n                value={form.effortEstimate}\n                onChange={(e) => setForm({ ...form, effortEstimate: e.target.value })}\n              />\n            </div>\n          </div>\n          {businessValue.invalid && (\n            <ErrorLine message=\"Business value is a whole number from 0 to 100.\" />\n          )}\n          <div>\n            <label htmlFor=\"feature-edit-project\" className={label}>\n              Project\n            </label>\n            <div className=\"mt-1\">\n              <ProjectSelect\n                id=\"feature-edit-project\"\n                value={form.projectId}\n                noneLabel=\"No project\"\n                onChange={(projectId) => setForm({ ...form, projectId, workItemId: '' })}\n              />\n            </div>\n          </div>\n          <div>\n            <label htmlFor=\"feature-edit-workitem\" className={label}>\n              Delivered by work item\n            </label>\n            <div className=\"mt-1\">\n              <WorkItemSearchSelect\n                id=\"feature-edit-workitem\"\n                projectId={form.projectId || undefined}\n                value={form.workItemId}\n                onChange={(workItemId) => setForm({ ...form, workItemId })}\n              />\n            </div>\n          </div>\n          {error && <ErrorLine message={error} />}\n        </div>\n        <ResponsiveDialogFooter>\n          <Button variant=\"outline\" onClick={() => setOpen(false)}>\n            Cancel\n          </Button>\n          <Button onClick={() => void save()} disabled={!canSave}>\n            {state.loading ? 'Saving…' : 'Save'}\n          </Button>\n        </ResponsiveDialogFooter>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"FeatureControls.js","names":[],"sources":["../../../src/planmagnet/controls/FeatureControls.tsx"],"sourcesContent":["import { 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  Input,\n  ResponsiveDialog,\n  ResponsiveDialogContent,\n  ResponsiveDialogDescription,\n  ResponsiveDialogFooter,\n  ResponsiveDialogHeader,\n  ResponsiveDialogTitle,\n  ResponsiveDialogTrigger,\n} from '@burdenoff/fe-libs/ui';\nimport { BarChart3, Pencil, ThumbsUp, Trash2 } from 'lucide-react';\nimport { usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { detailPath } from '../utils/rowNavigation';\nimport { throwOnError, LEAVES_PAGE_CONTEXT } from '../utils/mutationResult';\nimport { mutationErrorMessage } from '../utils/graphqlErrors';\nimport { parseIntField } from '../utils/formValidation';\nimport { ConfirmButton, ErrorLine } from './ConfirmButton';\nimport { ProjectSelect, WorkItemSearchSelect } from './Pickers';\nimport { enumLabel } from './WorkItemControls';\nimport {\n  PrioritizationScoreFields,\n  QuadrantBadge,\n  kanoLabel,\n  moscowLabel,\n  prioritizationScoresValid,\n  type PrioritizationFormValues,\n} from './PrioritizationControls';\n\n/**\n * Feature request controls (BOFF-7951/7963). Feature requests were read-only: no vote, no status change after\n * creation, no edit or delete — so every UI-created request stayed at 0 votes and its creation status, and the\n * Declined/Duplicate tabs could only ever be empty.\n */\n\nexport const FEATURE_STATUSES = [\n  'SUBMITTED',\n  'UNDER_REVIEW',\n  'PLANNED',\n  'IN_PROGRESS',\n  'COMPLETED',\n  'DECLINED',\n  'DUPLICATE',\n] as const;\n\n/** Every query that shows a feature request, its votes or feature counts. */\nexport const FEATURE_QUERIES = [\n  'GetFeatureRequest',\n  'ListFeatureRequests',\n  'ListFeatureRequestsForProduct',\n  'ListFeatureRequestsForProducts',\n  'ListAllFeaturesAnalytics',\n  'GetFeatureRequestAnalytics',\n  'ReleaseCustomerRequests',\n];\n\nconst VOTE = gql`\n  mutation FeatureControlsVote($id: ID!) {\n    planmagnetVoteOnFeature(featureRequestId: $id) {\n      id\n    }\n  }\n`;\nconst UNVOTE = gql`\n  mutation FeatureControlsUnvote($id: ID!) {\n    planmagnetRemoveFeatureVote(featureRequestId: $id)\n  }\n`;\nconst UPDATE = gql`\n  mutation FeatureControlsUpdate($id: ID!, $input: PlanmagnetUpdateFeatureRequestInput!) {\n    planmagnetUpdateFeatureRequest(id: $id, input: $input) {\n      id\n      title\n      description\n      status\n      businessValue\n      effortEstimate\n      projectId\n      workItemId\n      moscow\n      kano\n      valueScore\n      effortScore\n      valueEffortQuadrant\n    }\n  }\n`;\nconst DELETE = gql`\n  mutation FeatureControlsDelete($id: ID!) {\n    planmagnetDeleteFeatureRequest(id: $id)\n  }\n`;\n\nconst options = { refetchQueries: FEATURE_QUERIES, awaitRefetchQueries: true };\n\n/** Vote for a request, or take your vote back. */\nexport function FeatureVoteButton({ featureId, voted }: { featureId: string; voted: boolean }) {\n  const [vote, voteState] = useMutation(VOTE, options);\n  const [unvote, unvoteState] = useMutation(UNVOTE, options);\n  const [error, setError] = useState<string | null>(null);\n  const busy = voteState.loading || unvoteState.loading;\n  const toggle = async () => {\n    setError(null);\n    try {\n      await throwOnError((voted ? unvote : vote)({ variables: { id: featureId } }));\n    } catch (e) {\n      setError(e instanceof Error ? e.message : 'Your vote could not be saved.');\n    }\n  };\n  return (\n    <div className=\"flex flex-col items-end gap-1\">\n      <Button\n        size=\"sm\"\n        variant={voted ? 'default' : 'outline'}\n        data-testid=\"feature-vote\"\n        aria-pressed={voted}\n        disabled={busy}\n        onClick={() => void toggle()}\n      >\n        <ThumbsUp className=\"mr-1 h-4 w-4\" />\n        {voted ? 'Voted' : 'Vote'}\n      </Button>\n      {error && <ErrorLine message={error} />}\n    </div>\n  );\n}\n\nexport interface FeatureValues {\n  id: string;\n  title: string;\n  description: string | null;\n  status: string;\n  businessValue: number | null;\n  effortEstimate: string | null;\n  projectId: string | null;\n  workItemId: string | null;\n  /** PRM-27 — optional so existing callers (detail header actions predate PRM-27) need no change. */\n  moscow?: string | null;\n  kano?: string | null;\n  valueScore?: number | null;\n  effortScore?: number | null;\n  valueEffortQuadrant?: string | null;\n}\n\n/** Status select, Edit and Delete for the feature detail header. */\nexport function FeatureHeaderActions({ feature }: { feature: FeatureValues }) {\n  const navigate = usePlanMagnetNavigate();\n  const [update, updateState] = useMutation(UPDATE, options);\n  const [remove, removeState] = useMutation(DELETE, {\n    refetchQueries: FEATURE_QUERIES.filter((q) => q !== 'GetFeatureRequest'),\n    context: LEAVES_PAGE_CONTEXT,\n  });\n  const [error, setError] = useState<string | null>(null);\n  const busy = updateState.loading || removeState.loading;\n  const statuses = (FEATURE_STATUSES as readonly string[]).includes(feature.status)\n    ? FEATURE_STATUSES\n    : [feature.status, ...FEATURE_STATUSES];\n\n  const onStatus = async (status: string) => {\n    setError(null);\n    try {\n      await throwOnError(update({ variables: { id: feature.id, input: { status } } }));\n    } catch (e) {\n      setError(e instanceof Error ? e.message : 'The status could not be changed.');\n    }\n  };\n  const onDelete = async () => {\n    setError(null);\n    try {\n      await throwOnError(remove({ variables: { id: feature.id } }));\n      navigate('/products/features-page');\n    } catch (e) {\n      setError(e instanceof Error ? e.message : 'The request could not be deleted.');\n    }\n  };\n\n  return (\n    <div className=\"flex flex-col items-end gap-2\">\n      <div className=\"flex flex-wrap items-center justify-end gap-2\">\n        <select\n          aria-label=\"Status\"\n          data-testid=\"feature-status\"\n          className=\"rounded-md border border-input bg-background px-2 py-1 text-sm disabled:opacity-60\"\n          value={feature.status}\n          disabled={busy}\n          onChange={(e) => {\n            if (e.target.value !== feature.status) void onStatus(e.target.value);\n          }}\n        >\n          {statuses.map((s) => (\n            <option key={s} value={s}>\n              {enumLabel(s)}\n            </option>\n          ))}\n        </select>\n        <FeatureEditDialog feature={feature} />\n        {/* BOFF-7983: the analytics page existed with no way in. */}\n        <Button\n          size=\"sm\"\n          variant=\"outline\"\n          data-testid=\"feature-analytics\"\n          onClick={() => navigate(detailPath('/products/feature-analytics-page', feature.id))}\n        >\n          <BarChart3 className=\"mr-1 h-4 w-4\" />\n          Analytics\n        </Button>\n        <ConfirmButton\n          label=\"Delete\"\n          variant=\"outline\"\n          icon={<Trash2 className=\"mr-1 h-4 w-4\" />}\n          title={`Delete \"${feature.title}\"?`}\n          description=\"The request and its votes are deleted. This cannot be undone here.\"\n          confirmLabel=\"Delete request\"\n          destructive\n          disabled={busy}\n          onConfirm={() => void onDelete()}\n        />\n      </div>\n      {error && <ErrorLine message={error} />}\n    </div>\n  );\n}\n\n/**\n * Edit a request's fields, including the project and the work item it rides on (the release readiness card needs\n * that link, and no UI could set it — BOFF-7966). Only changed fields are sent; an emptied field is cleared.\n */\nfunction FeatureEditDialog({ feature }: { feature: FeatureValues }) {\n  const initial = {\n    title: feature.title,\n    description: feature.description ?? '',\n    businessValue: feature.businessValue == null ? '' : String(feature.businessValue),\n    effortEstimate: feature.effortEstimate ?? '',\n    projectId: feature.projectId ?? '',\n    workItemId: feature.workItemId ?? '',\n  };\n  const initialPrioritization: PrioritizationFormValues = {\n    moscow: feature.moscow ?? '',\n    kano: feature.kano ?? '',\n    valueScore: feature.valueScore == null ? '' : String(feature.valueScore),\n    effortScore: feature.effortScore == null ? '' : String(feature.effortScore),\n  };\n  const [open, setOpen] = useState(false);\n  const [form, setForm] = useState(initial);\n  const [prioritization, setPrioritization] =\n    useState<PrioritizationFormValues>(initialPrioritization);\n  const [error, setError] = useState<string | null>(null);\n  const [update, state] = useMutation(UPDATE, options);\n  const businessValue = parseIntField(form.businessValue, { min: 0, max: 100 });\n  const canSave =\n    form.title.trim() !== '' &&\n    !businessValue.invalid &&\n    prioritizationScoresValid(prioritization) &&\n    !state.loading;\n\n  const save = async () => {\n    setError(null);\n    const text = (v: string) => (v.trim() ? v.trim() : null);\n    const value = parseIntField(prioritization.valueScore, { min: 1, max: 10 });\n    const effort = parseIntField(prioritization.effortScore, { min: 1, max: 10 });\n    const next = {\n      title: form.title.trim(),\n      description: text(form.description),\n      businessValue: businessValue.value ?? null,\n      effortEstimate: text(form.effortEstimate),\n      projectId: form.projectId || null,\n      workItemId: form.workItemId || null,\n      moscow: prioritization.moscow || null,\n      kano: prioritization.kano || null,\n      valueScore: value.value ?? null,\n      effortScore: effort.value ?? null,\n    };\n    const before = {\n      title: initial.title,\n      description: text(initial.description),\n      businessValue: initial.businessValue === '' ? null : Number(initial.businessValue),\n      effortEstimate: text(initial.effortEstimate),\n      projectId: initial.projectId || null,\n      workItemId: initial.workItemId || null,\n      moscow: initialPrioritization.moscow || null,\n      kano: initialPrioritization.kano || null,\n      valueScore:\n        initialPrioritization.valueScore === '' ? null : Number(initialPrioritization.valueScore),\n      effortScore:\n        initialPrioritization.effortScore === '' ? null : Number(initialPrioritization.effortScore),\n    };\n    const input = Object.fromEntries(\n      Object.entries(next).filter(([k, v]) => v !== before[k as keyof typeof before])\n    );\n    if (Object.keys(input).length === 0) {\n      setOpen(false);\n      return;\n    }\n    try {\n      await throwOnError(update({ variables: { id: feature.id, input } }));\n      setOpen(false);\n    } catch (e) {\n      setError(mutationErrorMessage(e, 'The request could not be saved.'));\n    }\n  };\n\n  const label = 'text-sm font-medium';\n  return (\n    <ResponsiveDialog\n      open={open}\n      onOpenChange={(next) => {\n        setOpen(next);\n        if (next) {\n          setForm(initial);\n          setPrioritization(initialPrioritization);\n        } else {\n          setError(null);\n        }\n      }}\n    >\n      <ResponsiveDialogTrigger asChild>\n        <Button size=\"sm\" variant=\"outline\" data-testid=\"feature-edit\">\n          <Pencil className=\"mr-1 h-4 w-4\" />\n          Edit\n        </Button>\n      </ResponsiveDialogTrigger>\n      <ResponsiveDialogContent className=\"max-w-lg\">\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>Edit feature request</ResponsiveDialogTitle>\n          <ResponsiveDialogDescription>\n            Link the request to the work item that delivers it so releases can show who is waiting\n            on it.\n          </ResponsiveDialogDescription>\n        </ResponsiveDialogHeader>\n        <div className=\"space-y-3\">\n          <div>\n            <label htmlFor=\"feature-edit-title\" className={label}>\n              Title\n            </label>\n            <Input\n              id=\"feature-edit-title\"\n              className=\"mt-1\"\n              value={form.title}\n              onChange={(e) => setForm({ ...form, title: e.target.value })}\n            />\n          </div>\n          <div>\n            <label htmlFor=\"feature-edit-description\" className={label}>\n              Description\n            </label>\n            <textarea\n              id=\"feature-edit-description\"\n              className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm min-h-[72px]\"\n              value={form.description}\n              onChange={(e) => setForm({ ...form, description: e.target.value })}\n            />\n          </div>\n          <div className=\"grid grid-cols-2 gap-3\">\n            <div>\n              <label htmlFor=\"feature-edit-value\" className={label}>\n                Business value (0–100)\n              </label>\n              <Input\n                id=\"feature-edit-value\"\n                type=\"number\"\n                min={0}\n                max={100}\n                className=\"mt-1\"\n                value={form.businessValue}\n                aria-invalid={businessValue.invalid}\n                onChange={(e) => setForm({ ...form, businessValue: e.target.value })}\n              />\n            </div>\n            <div>\n              <label htmlFor=\"feature-edit-effort\" className={label}>\n                Effort\n              </label>\n              <Input\n                id=\"feature-edit-effort\"\n                className=\"mt-1\"\n                placeholder=\"e.g. M\"\n                value={form.effortEstimate}\n                onChange={(e) => setForm({ ...form, effortEstimate: e.target.value })}\n              />\n            </div>\n          </div>\n          {businessValue.invalid && (\n            <ErrorLine message=\"Business value is a whole number from 0 to 100.\" />\n          )}\n          <div>\n            <label htmlFor=\"feature-edit-project\" className={label}>\n              Project\n            </label>\n            <div className=\"mt-1\">\n              <ProjectSelect\n                id=\"feature-edit-project\"\n                value={form.projectId}\n                noneLabel=\"No project\"\n                onChange={(projectId) => setForm({ ...form, projectId, workItemId: '' })}\n              />\n            </div>\n          </div>\n          <div>\n            <label htmlFor=\"feature-edit-workitem\" className={label}>\n              Delivered by work item\n            </label>\n            <div className=\"mt-1\">\n              <WorkItemSearchSelect\n                id=\"feature-edit-workitem\"\n                projectId={form.projectId || undefined}\n                value={form.workItemId}\n                onChange={(workItemId) => setForm({ ...form, workItemId })}\n              />\n            </div>\n          </div>\n          {/* PRM-27: MoSCoW, Kano and Value-vs-Effort scoring. The quadrant itself is server-computed — this\n              dialog shows the value last read back from the server, not a live client-side guess; the feature\n              detail page's own Prioritization card refreshes with the saved value once this dialog closes\n              (GetFeatureRequest is in FEATURE_QUERIES, awaited before the dialog closes). */}\n          <div className=\"border-t pt-3\">\n            <p className={label}>Prioritization</p>\n            <div className=\"mt-1 flex items-center gap-2\">\n              <span className=\"text-xs text-muted-foreground\">Current quadrant:</span>\n              <QuadrantBadge quadrant={feature.valueEffortQuadrant ?? null} />\n            </div>\n            <div className=\"mt-2\">\n              <PrioritizationScoreFields\n                idPrefix=\"feature-edit\"\n                values={prioritization}\n                onChange={setPrioritization}\n              />\n            </div>\n          </div>\n          {error && <ErrorLine message={error} />}\n        </div>\n        <ResponsiveDialogFooter>\n          <Button variant=\"outline\" onClick={() => setOpen(false)}>\n            Cancel\n          </Button>\n          <Button onClick={() => void save()} disabled={!canSave}>\n            {state.loading ? 'Saving…' : 'Save'}\n          </Button>\n        </ResponsiveDialogFooter>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n\n/**\n * The feature detail page's own Prioritization card (PRM-27): shows the current MoSCoW/Kano/scores and the\n * server-computed quadrant, with an inline \"Edit\" toggle for the four inputs. Everything shown outside the\n * editing form — including the quadrant badge — is read straight from the `feature` prop rather than mirrored\n * into local state, so it stays correct whichever of this card's own save or the sibling `FeatureEditDialog`'s\n * save last refreshed `GetFeatureRequest` (both awaited their refetch before returning/closing).\n */\ninterface UpdateFeaturePrioritizationResult {\n  planmagnetUpdateFeatureRequest: { valueEffortQuadrant: string | null } | null;\n}\n\nexport function FeaturePrioritizationCard({ feature }: { feature: FeatureValues }) {\n  const initial: PrioritizationFormValues = {\n    moscow: feature.moscow ?? '',\n    kano: feature.kano ?? '',\n    valueScore: feature.valueScore == null ? '' : String(feature.valueScore),\n    effortScore: feature.effortScore == null ? '' : String(feature.effortScore),\n  };\n  const [editing, setEditing] = useState(false);\n  const [form, setForm] = useState<PrioritizationFormValues>(initial);\n  const [error, setError] = useState<string | null>(null);\n  const [update, state] = useMutation<UpdateFeaturePrioritizationResult>(UPDATE, options);\n\n  const startEdit = () => {\n    setForm(initial);\n    setError(null);\n    setEditing(true);\n  };\n\n  const save = async () => {\n    setError(null);\n    const value = parseIntField(form.valueScore, { min: 1, max: 10 });\n    const effort = parseIntField(form.effortScore, { min: 1, max: 10 });\n    const input = {\n      moscow: form.moscow || null,\n      kano: form.kano || null,\n      valueScore: value.value ?? null,\n      effortScore: effort.value ?? null,\n    };\n    try {\n      // This mutation's own `options` also carries `awaitRefetchQueries: true` over `GetFeatureRequest`, so by\n      // the time this resolves the `feature` prop has already refreshed with the new quadrant — read it straight\n      // from there (below) rather than mirroring the response into local state, which a sibling editor's own save\n      // (FeatureEditDialog, same refetch) would then leave stale.\n      await throwOnError(update({ variables: { id: feature.id, input } }));\n      setEditing(false);\n    } catch (e) {\n      setError(mutationErrorMessage(e, 'The prioritization could not be saved.'));\n    }\n  };\n\n  return (\n    <Card data-testid=\"feature-prioritization-card\">\n      <CardHeader className=\"flex flex-row items-center justify-between gap-2\">\n        <CardTitle>Prioritization</CardTitle>\n        {!editing && (\n          <Button\n            size=\"sm\"\n            variant=\"outline\"\n            data-testid=\"feature-prioritization-edit\"\n            onClick={startEdit}\n          >\n            <Pencil className=\"mr-1 h-4 w-4\" />\n            Edit\n          </Button>\n        )}\n      </CardHeader>\n      <CardContent className=\"space-y-3\">\n        {!editing ? (\n          <>\n            <div className=\"flex items-center gap-2\">\n              <span className=\"text-xs text-muted-foreground\">Quadrant:</span>\n              <QuadrantBadge quadrant={feature.valueEffortQuadrant ?? null} />\n            </div>\n            <div className=\"grid grid-cols-2 gap-2 text-sm\">\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">MoSCoW</span>\n                <span className=\"font-medium\">{moscowLabel(feature.moscow)}</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Kano</span>\n                <span className=\"font-medium\">{kanoLabel(feature.kano)}</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Value score</span>\n                <span className=\"font-medium\">{feature.valueScore ?? 'Not set'}</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Effort score</span>\n                <span className=\"font-medium\">{feature.effortScore ?? 'Not set'}</span>\n              </div>\n            </div>\n          </>\n        ) : (\n          <>\n            <PrioritizationScoreFields idPrefix=\"feature-prio\" values={form} onChange={setForm} />\n            {error && <ErrorLine message={error} />}\n            <div className=\"flex justify-end gap-2\">\n              <Button size=\"sm\" variant=\"outline\" onClick={() => setEditing(false)}>\n                Cancel\n              </Button>\n              <Button\n                size=\"sm\"\n                data-testid=\"feature-prioritization-save\"\n                disabled={state.loading || !prioritizationScoresValid(form)}\n                onClick={() => void save()}\n              >\n                {state.loading ? 'Saving…' : 'Save'}\n              </Button>\n            </div>\n          </>\n        )}\n      </CardContent>\n    </Card>\n  );\n}\n"],"mappings":"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"}

package/dist/planmagnet/controls/Pickers.d.ts

@@ -53,4 +53,22 @@ export declare function CompetitorSearchSelect({ id, value, onChange, exclude, }
     onChange: (competitorId: string) => void;
     exclude?: string[];
 }): import("react/jsx-runtime").JSX.Element;
+/** A product select (PRM-27). '' means "every product" when `noneLabel` is given. */
+export declare function ProductSelect({ id, value, onChange, noneLabel, }: {
+    id?: string;
+    value: string;
+    onChange: (productId: string) => void;
+    noneLabel?: string;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * A roadmap select (PRM-27). '' means "every roadmap" when `noneLabel` is given. `productId` narrows the list
+ * to that product's roadmaps, same filter FeatureInitiativeCard uses for its own roadmap picker.
+ */
+export declare function RoadmapSelect({ id, value, onChange, noneLabel, productId, }: {
+    id?: string;
+    value: string;
+    onChange: (roadmapId: string) => void;
+    noneLabel?: string;
+    productId?: string;
+}): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Pickers.d.ts.map

package/dist/planmagnet/controls/Pickers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Pickers.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/controls/Pickers.tsx"],"names":[],"mappings":"AAkCA,iHAAiH;AACjH,wBAAgB,aAAa,CAAC,EAC5B,EAAE,EACF,KAAK,EACL,QAAQ,EACR,SAAS,EACT,OAAY,EACZ,QAAgB,GACjB,EAAE;IACD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,2CA6DA;AAcD,+EAA+E;AAC/E,wBAAgB,UAAU,CAAC,EACzB,EAAE,EACF,KAAK,EACL,QAAQ,EACR,SAAS,GACV,EAAE;IACD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CA+BA;AAeD;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,EAAE,EACF,SAAS,EACT,KAAK,EACL,QAAQ,EACR,OAAY,GACb,EAAE;IACD,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB,2CAqDA;AAcD,iCAAiC;AACjC,wBAAgB,eAAe,CAAC,EAC9B,EAAE,EACF,KAAK,EACL,QAAQ,EACR,OAAY,GACb,EAAE;IACD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB,2CA8CA;AAcD,yEAAyE;AACzE,wBAAgB,aAAa,CAAC,EAC5B,EAAE,EACF,KAAK,EACL,QAAQ,EACR,SAAS,GACV,EAAE;IACD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CA8BA;AAcD,yFAAyF;AACzF,wBAAgB,eAAe,CAAC,EAC9B,EAAE,EACF,KAAK,EACL,QAAQ,EACR,SAAS,GACV,EAAE;IACD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CA8BA;AAcD,oFAAoF;AACpF,wBAAgB,sBAAsB,CAAC,EACrC,EAAE,EACF,KAAK,EACL,QAAQ,EACR,OAAY,GACb,EAAE;IACD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB,2CAkDA"}
+{"version":3,"file":"Pickers.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/controls/Pickers.tsx"],"names":[],"mappings":"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"}

package/dist/planmagnet/controls/Pickers.js

@@ -362,7 +362,84 @@ function w({ id: n, value: i, onChange: u, exclude: d = [] }) {
 		]
 	});
 }
+var T = i`
+  query PickerProducts($workspaceId: ID!) {
+    planmagnetProducts(workspaceId: $workspaceId, pagination: { first: 100 }) {
+      items {
+        id
+        name
+      }
+      totalCount
+    }
+  }
+`;
+function E({ id: t, value: n, onChange: r, noneLabel: i }) {
+	let { workspaceId: c } = e(), { data: u, loading: d, error: f } = a(T, {
+		variables: { workspaceId: c ?? "" },
+		skip: !c
+	}), p = u?.planmagnetProducts.items ?? [];
+	return /* @__PURE__ */ s("select", {
+		id: t,
+		className: l,
+		value: n,
+		onChange: (e) => r(e.target.value),
+		children: [
+			i !== void 0 && /* @__PURE__ */ o("option", {
+				value: "",
+				children: i
+			}),
+			p.length === 0 && i === void 0 && /* @__PURE__ */ o("option", {
+				value: "",
+				children: d && !u ? "Loading products…" : f ? "Products could not be loaded" : "No products yet"
+			}),
+			p.map((e) => /* @__PURE__ */ o("option", {
+				value: e.id,
+				children: e.name
+			}, e.id))
+		]
+	});
+}
+var D = i`
+  query PickerRoadmaps($workspaceId: ID!, $filter: PlanmagnetRoadmapFilter) {
+    planmagnetRoadmaps(workspaceId: $workspaceId, filter: $filter, pagination: { first: 100 }) {
+      items {
+        id
+        name
+      }
+      totalCount
+    }
+  }
+`;
+function O({ id: t, value: n, onChange: r, noneLabel: i, productId: c }) {
+	let { workspaceId: u } = e(), { data: d, loading: f, error: p } = a(D, {
+		variables: {
+			workspaceId: u ?? "",
+			filter: c ? { productId: c } : void 0
+		},
+		skip: !u
+	}), m = d?.planmagnetRoadmaps.items ?? [];
+	return /* @__PURE__ */ s("select", {
+		id: t,
+		className: l,
+		value: n,
+		onChange: (e) => r(e.target.value),
+		children: [
+			i !== void 0 && /* @__PURE__ */ o("option", {
+				value: "",
+				children: i
+			}),
+			m.length === 0 && i === void 0 && /* @__PURE__ */ o("option", {
+				value: "",
+				children: f && !d ? "Loading roadmaps…" : p ? "Roadmaps could not be loaded" : "No roadmaps yet"
+			}),
+			m.map((e) => /* @__PURE__ */ o("option", {
+				value: e.id,
+				children: e.name
+			}, e.id))
+		]
+	});
+}
 //#endregion
-export { w as CompetitorSearchSelect, v as DocSearchSelect, S as PortfolioSelect, b as ProgramSelect, f as ProjectSelect, m as TeamSelect, g as WorkItemSearchSelect };
+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 };
 
 //# 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"],"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_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/PrioritizationControls.d.ts

@@ -0,0 +1,72 @@
+/**
+ * Prioritization (PRM-27): MoSCoW, Kano and Value-vs-Effort scoring shared by the feature request create/edit
+ * form, the feature detail page, and the roadmap initiative (RoadmapItem) edit dialog — one presentational form
+ * fragment plus the badge that shows the server-computed Value-vs-Effort quadrant, so the three surfaces (and the
+ * prioritization page's own item cards) render it identically instead of three near-copies drifting apart.
+ *
+ * The quadrant itself is never computed client-side — `FeatureRequest.valueEffortQuadrant` /
+ * `RoadmapItem.valueEffortQuadrant` are server-derived (and not stored), so `QuadrantBadge` only ever renders a
+ * value that came back from a query or a mutation response.
+ */
+export declare const MOSCOW_VALUES: readonly ["MUST", "SHOULD", "COULD", "WONT"];
+export type MoscowValue = (typeof MOSCOW_VALUES)[number];
+export declare const KANO_VALUES: readonly ["BASIC", "PERFORMANCE", "DELIGHTER", "INDIFFERENT", "REVERSE"];
+export type KanoValue = (typeof KANO_VALUES)[number];
+export declare const QUADRANT_VALUES: readonly ["QUICK_WIN", "MAJOR_PROJECT", "FILL_IN", "TIME_SINK"];
+export type QuadrantValue = (typeof QUADRANT_VALUES)[number];
+type BadgeVariant = 'default' | 'success' | 'warning' | 'info' | 'secondary' | 'destructive' | 'outline';
+export declare const MOSCOW_META: Record<MoscowValue, {
+    label: string;
+    hint: string;
+    variant: BadgeVariant;
+}>;
+export declare const KANO_META: Record<KanoValue, {
+    label: string;
+    hint: string;
+    variant: BadgeVariant;
+}>;
+export declare const QUADRANT_META: Record<QuadrantValue, {
+    label: string;
+    hint: string;
+    variant: BadgeVariant;
+}>;
+export declare const moscowLabel: (value: string | null | undefined) => string;
+export declare const kanoLabel: (value: string | null | undefined) => string;
+export declare const quadrantLabel: (value: string | null | undefined) => string;
+/**
+ * The Value-vs-Effort quadrant, read back from the server (`FeatureRequest.valueEffortQuadrant` /
+ * `RoadmapItem.valueEffortQuadrant` / a `PlanmagnetPrioritizationBucket.bucket`) — never computed here. Renders
+ * an "Unscored" badge when null (one or both of valueScore/effortScore is not set yet) unless `hideWhenUnscored`.
+ */
+export declare function QuadrantBadge({ quadrant, hideWhenUnscored, className, }: {
+    quadrant: string | null | undefined;
+    hideWhenUnscored?: boolean;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element | null;
+export interface PrioritizationFormValues {
+    /** '' = not set */
+    moscow: string;
+    /** '' = not set */
+    kano: string;
+    /** '' = not set, else a whole number 1-10 as text */
+    valueScore: string;
+    /** '' = not set, else a whole number 1-10 as text */
+    effortScore: string;
+}
+export declare const EMPTY_PRIORITIZATION_FORM: PrioritizationFormValues;
+/**
+ * The four prioritization inputs (PRM-27): MoSCoW and Kano selects (each with a short explanation of the
+ * selected value), and 1-10 value/effort number inputs. Fully controlled; clearing a select or number input back
+ * to empty is how a caller sends `null` (cleared) rather than omitting the field. Shared by the feature request
+ * create/edit form, the feature detail page, and the roadmap initiative edit dialog.
+ */
+export declare function PrioritizationScoreFields({ idPrefix, values, onChange, disabled, }: {
+    idPrefix: string;
+    values: PrioritizationFormValues;
+    onChange: (next: PrioritizationFormValues) => void;
+    disabled?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+/** True when neither of the two score fields holds an out-of-range value (empty is always valid — it means "clear"). */
+export declare function prioritizationScoresValid(values: PrioritizationFormValues): boolean;
+export {};
+//# sourceMappingURL=PrioritizationControls.d.ts.map

package/dist/planmagnet/controls/PrioritizationControls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrioritizationControls.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/controls/PrioritizationControls.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;GASG;AAEH,eAAO,MAAM,aAAa,8CAA+C,CAAC;AAC1E,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;AAEzD,eAAO,MAAM,WAAW,0EAA2E,CAAC;AACpG,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AAErD,eAAO,MAAM,eAAe,iEAAkE,CAAC;AAC/F,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;AAE7D,KAAK,YAAY,GACb,SAAS,GACT,SAAS,GACT,SAAS,GACT,MAAM,GACN,WAAW,GACX,aAAa,GACb,SAAS,CAAC;AAEd,eAAO,MAAM,WAAW,EAAE,MAAM,CAC9B,WAAW,EACX;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,YAAY,CAAA;CAAE,CAcvD,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,MAAM,CAAC,SAAS,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,YAAY,CAAA;CAAE,CA2B7F,CAAC;AAEJ,eAAO,MAAM,aAAa,EAAE,MAAM,CAChC,aAAa,EACb;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,YAAY,CAAA;CAAE,CAsBvD,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,OAAO,MAAM,GAAG,IAAI,GAAG,SAAS,KAAG,MACsB,CAAC;AACtF,eAAO,MAAM,SAAS,GAAI,OAAO,MAAM,GAAG,IAAI,GAAG,SAAS,KAAG,MACkB,CAAC;AAChF,eAAO,MAAM,aAAa,GAAI,OAAO,MAAM,GAAG,IAAI,GAAG,SAAS,KAAG,MAC2B,CAAC;AAE7F;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,gBAAwB,EACxB,SAAS,GACV,EAAE;IACD,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACpC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,kDAmBA;AAED,MAAM,WAAW,wBAAwB;IACvC,mBAAmB;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,mBAAmB;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,qDAAqD;IACrD,UAAU,EAAE,MAAM,CAAC;IACnB,qDAAqD;IACrD,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,yBAAyB,EAAE,wBAKvC,CAAC;AAKF;;;;;GAKG;AACH,wBAAgB,yBAAyB,CAAC,EACxC,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,QAAgB,GACjB,EAAE;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,wBAAwB,CAAC;IACjC,QAAQ,EAAE,CAAC,IAAI,EAAE,wBAAwB,KAAK,IAAI,CAAC;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,2CAoGA;AAED,wHAAwH;AACxH,wBAAgB,yBAAyB,CAAC,MAAM,EAAE,wBAAwB,GAAG,OAAO,CAKnF"}