npm - @burdenoff/microfe-planmagnet - Versions diffs - 2026.1002.1 → 2026.1002.3 - Mend

@burdenoff/microfe-planmagnet 2026.1002.1 → 2026.1002.3

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

Files changed (218) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TasksCreateTaskPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/TasksCreateTaskPagePage.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useMutation, useQuery } from '@apollo/client/react';\nimport { Card, CardContent, CardHeader, CardTitle, Button, Input } from '@burdenoff/fe-libs/ui';\nimport { Save, X, CheckSquare } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { MilestoneSelect } from '../milestones/MilestoneControls';\nimport { throwOnError } from '../utils/mutationResult';\nimport { parseEstimateHours, parseIntField } from '../utils/formValidation';\nimport { AssigneeSelect, WORK_ITEM_PRIORITIES } from '../controls/WorkItemControls';\n\ninterface PlanmagnetProjectOption {\n id: string;\n name: string;\n key: string;\n}\n\nconst CREATE_WORK_ITEM = gql`\n mutation CreateWorkItem($input: PlanmagnetCreateWorkItemInput!) {\n planmagnetCreateWorkItem(input: $input) {\n id\n title\n type\n status\n priority\n key\n storyPoints\n dueDate\n labels\n sprintId\n createdAt\n }\n }\n`;\n\n// BOFF-4442/4443 live-verify fix: a WorkItem must belong to a real project\n// (PlanmagnetCreateWorkItemInput.projectId is non-null); the form needs the\n// caller's actual projects to choose from rather than a free-text name.\nconst GET_PROJECTS = gql`\n query GetProjectsForTaskCreate($workspaceId: ID!) {\n planmagnetProjects(workspaceId: $workspaceId, pagination: { first: 100 }) {\n items {\n id\n name\n key\n }\n }\n }\n`;\n\n// Sprints of the chosen project that can still take work (BOFF-7962: this was a free-text \"Sprint ID\" box — the id\n// was only discoverable from a sprint URL, and a name or another project's id was refused).\nconst GET_SPRINTS = gql`\n query GetSprintsForTaskCreate($workspaceId: ID!, $projectId: String) {\n planmagnetSprints(\n workspaceId: $workspaceId\n filter: { projectId: $projectId }\n pagination: { first: 100 }\n ) {\n items {\n id\n name\n status\n }\n }\n }\n`;\nconst OPEN_SPRINT_STATUSES = new Set(['PLANNING', 'ACTIVE', 'REVIEW']);\n\nexport function TasksCreateTaskPagePage() {\n const { workspaceId } = usePlanMagnet();\n const [form, setForm] = useState({\n title: '',\n description: '',\n projectId: '',\n priority: 'MEDIUM',\n type: 'STORY',\n storyPoints: '5',\n labels: '',\n sprintId: '',\n milestoneId: '',\n assigneeId: '',\n dueDate: '',\n estimateHours: '',\n });\n\n const {\n data: projectsData,\n loading: projectsLoading,\n error: projectsError,\n refetch: refetchProjects,\n } = useQuery<{ planmagnetProjects?: { items: PlanmagnetProjectOption[] } }>(GET_PROJECTS, {\n variables: { workspaceId: workspaceId ?? 'default' },\n skip: !workspaceId,\n });\n const projects: PlanmagnetProjectOption[] = projectsData?.planmagnetProjects?.items ?? [];\n // Fall back to the first loaded project when the user hasn't picked one\n // yet, without stashing derived state in an effect (avoids the extra\n // render cycle and keeps a single source of truth: `projects`).\n const selectedProjectId = form.projectId \|\| projects[0]?.id \|\| '';\n const { data: sprintsData, loading: sprintsLoading } = useQuery<{\n planmagnetSprints?: { items: { id: string; name: string; status: string }[] };\n }>(GET_SPRINTS, {\n variables: { workspaceId: workspaceId ?? 'default', projectId: selectedProjectId },\n skip: !workspaceId \|\| !selectedProjectId,\n });\n const openSprints = (sprintsData?.planmagnetSprints?.items ?? []).filter((s) =>\n OPEN_SPRINT_STATUSES.has(s.status)\n );\n\n const navigate = usePlanMagnetNavigate();\n const [createWorkItem, { loading: saving }] = useMutation(CREATE_WORK_ITEM, {\n refetchQueries: ['GetWorkItems'],\n });\n const [saveError, setSaveError] = useState<string \| null>(null);\n // Story points are a whole number, 0 or more (BOFF-7833: prod accepted -3).\n const storyPoints = parseIntField(form.storyPoints, { min: 0 });\n const estimate = parseEstimateHours(form.estimateHours);\n\n const handleCreate = async () => {\n if (\n !form.title.trim() \|\|\n !selectedProjectId \|\|\n !workspaceId \|\|\n storyPoints.invalid \|\|\n estimate.invalid\n )\n return;\n setSaveError(null);\n // Success opens the new task; a refusal shows the service's reason (errorPolicy 'all' resolves refused\n // mutations, so the old code showed nothing either way).\n try {\n const result = await throwOnError(\n createWorkItem({\n variables: {\n input: {\n projectId: selectedProjectId,\n title: form.title,\n description: form.description \|\| undefined,\n type: form.type,\n priority: form.priority,\n storyPoints: storyPoints.value,\n labels: form.labels\n ? form.labels\n .split(',')\n .map((l) => l.trim())\n .filter(Boolean)\n : undefined,\n sprintId: form.sprintId \|\| undefined,\n milestoneId: form.milestoneId \|\| undefined,\n assigneeId: form.assigneeId \|\| undefined,\n dueDate: form.dueDate \|\| undefined,\n estimateMinutes: estimate.minutes,\n },\n },\n })\n );\n const id = (result.data as { planmagnetCreateWorkItem?: { id: string } } \| undefined)\n ?.planmagnetCreateWorkItem?.id;\n navigate(\n id ? `/tasks/task-detail-page?taskId=${encodeURIComponent(id)}` : '/tasks/tasks-page'\n );\n } catch (e) {\n setSaveError(e instanceof Error ? e.message : 'The task could not be created.');\n }\n };\n\n return (\n <div className=\"space-y-6 p-6 max-w-4xl\">\n <div className=\"flex items-center justify-between\">\n <div>\n <h1 className=\"text-2xl font-semibold\">Create Task</h1>\n <p className=\"text-sm text-muted-foreground\">Add a new task to the project backlog.</p>\n </div>\n <div className=\"flex gap-2\">\n <Button variant=\"outline\" size=\"sm\" onClick={() => navigate('/tasks/tasks-page')}>\n <X className=\"mr-1 h-4 w-4\" />\n Cancel\n </Button>\n <Button\n size=\"sm\"\n onClick={handleCreate}\n disabled={\n saving \|\|\n !form.title.trim() \|\|\n !selectedProjectId \|\|\n storyPoints.invalid \|\|\n estimate.invalid\n }\n >\n <Save className=\"mr-1 h-4 w-4\" />\n {saving ? 'Creating...' : 'Create Task'}\n </Button>\n </div>\n </div>\n {saveError && (\n <div role=\"alert\" className=\"p-3 bg-destructive/10 text-destructive rounded-md text-sm\">\n {saveError}\n </div>\n )}\n <Card>\n <CardHeader>\n <CardTitle className=\"flex items-center gap-2\">\n <CheckSquare className=\"h-4 w-4\" />\n Task Details\n </CardTitle>\n </CardHeader>\n <CardContent className=\"space-y-4\">\n <div>\n <label className=\"text-sm font-medium\">Title</label>\n <Input\n value={form.title}\n onChange={(e) => setForm({ ...form, title: e.target.value })}\n className=\"mt-1\"\n placeholder=\"e.g. Implement search query parser\"\n />\n </div>\n <div>\n <label className=\"text-sm font-medium\">Description</label>\n <textarea\n className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm min-h-[100px]\"\n value={form.description}\n onChange={(e) => setForm({ ...form, description: e.target.value })}\n placeholder=\"Describe the task requirements...\"\n />\n </div>\n <div className=\"grid grid-cols-3 gap-4\">\n <div>\n <label className=\"text-sm font-medium\">Project</label>\n <select\n className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm\"\n value={selectedProjectId}\n // A sprint belongs to one project: changing the project clears the chosen sprint.\n onChange={(e) =>\n setForm({ ...form, projectId: e.target.value, sprintId: '', milestoneId: '' })\n }\n >\n {projects.length === 0 && (\n <option value=\"\" disabled>\n {projectsLoading && !projectsData\n ? 'Loading projects…'\n : projectsError\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.key} — {p.name}\n </option>\n ))}\n </select>\n {/* C2 (BOFF-7833): loading, failure and \"no projects\" are told apart. */}\n {projectsError && (\n <p role=\"alert\" className=\"mt-1 flex items-center gap-2 text-xs text-destructive\">\n {projectsError.message}\n <Button\n type=\"button\"\n size=\"sm\"\n variant=\"ghost\"\n className=\"h-6 px-2 text-xs\"\n onClick={() => void refetchProjects()}\n >\n Retry\n </Button>\n </p>\n )}\n {!projectsLoading && !projectsError && projectsData && projects.length === 0 && (\n <button\n type=\"button\"\n className=\"mt-1 text-xs text-muted-foreground underline\"\n onClick={() => navigate('/projects/create-project-page')}\n >\n Create a project first\n </button>\n )}\n </div>\n <div>\n <label className=\"text-sm font-medium\">Priority</label>\n <select\n className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm\"\n value={form.priority}\n onChange={(e) => setForm({ ...form, priority: e.target.value })}\n >\n {WORK_ITEM_PRIORITIES.map((p) => (\n <option key={p} value={p}>\n {p.toLowerCase()}\n </option>\n ))}\n </select>\n </div>\n <div>\n <label className=\"text-sm font-medium\">Type</label>\n <select\n className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm\"\n value={form.type}\n onChange={(e) => setForm({ ...form, type: e.target.value })}\n >\n {['STORY', 'BUG', 'TASK', 'EPIC', 'SUB_TASK'].map((t) => (\n <option key={t} value={t}>\n {t.toLowerCase().replace('_', ' ')}\n </option>\n ))}\n </select>\n </div>\n </div>\n <div className=\"grid grid-cols-3 gap-4\">\n <div>\n <label htmlFor=\"task-story-points\" className=\"text-sm font-medium\">\n Story Points\n </label>\n <Input\n id=\"task-story-points\"\n type=\"number\"\n min={0}\n step={1}\n value={form.storyPoints}\n onChange={(e) => setForm({ ...form, storyPoints: e.target.value })}\n aria-invalid={storyPoints.invalid}\n className=\"mt-1\"\n />\n {storyPoints.invalid && (\n <p role=\"alert\" className=\"mt-1 text-xs text-destructive\">\n Story points must be a whole number, 0 or more.\n </p>\n )}\n </div>\n <div>\n <label htmlFor=\"task-milestone\" className=\"text-sm font-medium\">\n Milestone\n </label>\n <MilestoneSelect\n id=\"task-milestone\"\n projectId={selectedProjectId}\n value={form.milestoneId}\n onChange={(milestoneId) => setForm({ ...form, milestoneId })}\n />\n </div>\n <div>\n <label htmlFor=\"task-sprint\" className=\"text-sm font-medium\">\n Sprint\n </label>\n <select\n id=\"task-sprint\"\n className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm\"\n value={form.sprintId}\n onChange={(e) => setForm({ ...form, sprintId: e.target.value })}\n >\n <option value=\"\">\n {sprintsLoading && !sprintsData ? 'Loading sprints…' : 'No sprint'}\n </option>\n {openSprints.map((s) => (\n <option key={s.id} value={s.id}>\n {s.name} ({s.status.toLowerCase()})\n </option>\n ))}\n </select>\n </div>\n <div>\n <label className=\"text-sm font-medium\">Due Date</label>\n <Input\n type=\"date\"\n value={form.dueDate}\n onChange={(e) => setForm({ ...form, dueDate: e.target.value })}\n className=\"mt-1\"\n />\n </div>\n </div>\n <div className=\"grid grid-cols-3 gap-4\">\n <div>\n <label htmlFor=\"task-estimate-hours\" className=\"text-sm font-medium\">\n Estimate (hours)\n </label>\n <Input\n id=\"task-estimate-hours\"\n type=\"number\"\n min={0}\n step={0.25}\n value={form.estimateHours}\n onChange={(e) => setForm({ ...form, estimateHours: e.target.value })}\n aria-invalid={estimate.invalid}\n aria-describedby=\"task-estimate-hint\"\n className=\"mt-1\"\n />\n {estimate.invalid ? (\n <p role=\"alert\" className=\"mt-1 text-xs text-destructive\">\n The estimate must be a number of hours, 0 or more.\n </p>\n ) : (\n <p id=\"task-estimate-hint\" className=\"mt-1 text-xs text-muted-foreground\">\n Used as the task's duration on the critical path.\n </p>\n )}\n </div>\n </div>\n <div>\n <label htmlFor=\"task-assignee\" className=\"text-sm font-medium\">\n Assignee\n </label>\n <div className=\"mt-1\">\n <AssigneeSelect\n id=\"task-assignee\"\n value={form.assigneeId}\n onChange={(assigneeId) => setForm({ ...form, assigneeId })}\n />\n </div>\n </div>\n <div>\n <label className=\"text-sm font-medium\">Labels (comma-separated)</label>\n <Input\n value={form.labels}\n onChange={(e) => setForm({ ...form, labels: e.target.value })}\n className=\"mt-1\"\n placeholder=\"backend, search, performance\"\n />\n </div>\n </CardContent>\n </Card>\n </div>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"TasksCreateTaskPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/TasksCreateTaskPagePage.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useMutation, useQuery } from '@apollo/client/react';\nimport { Card, CardContent, CardHeader, CardTitle, Button, Input } from '@burdenoff/fe-libs/ui';\nimport { Save, X, CheckSquare } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { MilestoneSelect } from '../milestones/MilestoneControls';\nimport { throwOnError } from '../utils/mutationResult';\nimport { parseEstimateHours, parseIntField } from '../utils/formValidation';\nimport { AssigneeSelect, WORK_ITEM_PRIORITIES } from '../controls/WorkItemControls';\nimport { RequiredSkillsField } from '../skills/RequiredSkillsEditor';\nimport { requiredSkillsRefusal } from '../skills/skillTags';\nimport { useTr } from '../../shared/hooks/useTr';\n\ninterface PlanmagnetProjectOption {\n id: string;\n name: string;\n key: string;\n}\n\nconst CREATE_WORK_ITEM = gql`\n mutation CreateWorkItem($input: PlanmagnetCreateWorkItemInput!) {\n planmagnetCreateWorkItem(input: $input) {\n id\n title\n type\n status\n priority\n key\n storyPoints\n dueDate\n labels\n sprintId\n createdAt\n }\n }\n`;\n\n// BOFF-4442/4443 live-verify fix: a WorkItem must belong to a real project\n// (PlanmagnetCreateWorkItemInput.projectId is non-null); the form needs the\n// caller's actual projects to choose from rather than a free-text name.\nconst GET_PROJECTS = gql`\n query GetProjectsForTaskCreate($workspaceId: ID!) {\n planmagnetProjects(workspaceId: $workspaceId, pagination: { first: 100 }) {\n items {\n id\n name\n key\n }\n }\n }\n`;\n\n// Sprints of the chosen project that can still take work (BOFF-7962: this was a free-text \"Sprint ID\" box — the id\n// was only discoverable from a sprint URL, and a name or another project's id was refused).\nconst GET_SPRINTS = gql`\n query GetSprintsForTaskCreate($workspaceId: ID!, $projectId: String) {\n planmagnetSprints(\n workspaceId: $workspaceId\n filter: { projectId: $projectId }\n pagination: { first: 100 }\n ) {\n items {\n id\n name\n status\n }\n }\n }\n`;\nconst OPEN_SPRINT_STATUSES = new Set(['PLANNING', 'ACTIVE', 'REVIEW']);\n\nexport function TasksCreateTaskPagePage() {\n const { workspaceId } = usePlanMagnet();\n const tr = useTr();\n const [form, setForm] = useState({\n title: '',\n description: '',\n projectId: '',\n priority: 'MEDIUM',\n type: 'STORY',\n storyPoints: '5',\n labels: '',\n sprintId: '',\n milestoneId: '',\n assigneeId: '',\n dueDate: '',\n estimateHours: '',\n });\n\n const {\n data: projectsData,\n loading: projectsLoading,\n error: projectsError,\n refetch: refetchProjects,\n } = useQuery<{ planmagnetProjects?: { items: PlanmagnetProjectOption[] } }>(GET_PROJECTS, {\n variables: { workspaceId: workspaceId ?? 'default' },\n skip: !workspaceId,\n });\n const projects: PlanmagnetProjectOption[] = projectsData?.planmagnetProjects?.items ?? [];\n // Fall back to the first loaded project when the user hasn't picked one\n // yet, without stashing derived state in an effect (avoids the extra\n // render cycle and keeps a single source of truth: `projects`).\n const selectedProjectId = form.projectId \|\| projects[0]?.id \|\| '';\n const { data: sprintsData, loading: sprintsLoading } = useQuery<{\n planmagnetSprints?: { items: { id: string; name: string; status: string }[] };\n }>(GET_SPRINTS, {\n variables: { workspaceId: workspaceId ?? 'default', projectId: selectedProjectId },\n skip: !workspaceId \|\| !selectedProjectId,\n });\n const openSprints = (sprintsData?.planmagnetSprints?.items ?? []).filter((s) =>\n OPEN_SPRINT_STATUSES.has(s.status)\n );\n\n const navigate = usePlanMagnetNavigate();\n const [createWorkItem, { loading: saving }] = useMutation(CREATE_WORK_ITEM, {\n refetchQueries: ['GetWorkItems'],\n });\n const [saveError, setSaveError] = useState<string \| null>(null);\n // ANR-07/ANR-28: the skills this task needs, sent only when there are some; a refusal of them shows on the field.\n const [requiredSkills, setRequiredSkills] = useState<string[]>([]);\n const [skillsError, setSkillsError] = useState<string \| null>(null);\n // Story points are a whole number, 0 or more (BOFF-7833: prod accepted -3).\n const storyPoints = parseIntField(form.storyPoints, { min: 0 });\n const estimate = parseEstimateHours(form.estimateHours);\n\n const handleCreate = async () => {\n if (\n !form.title.trim() \|\|\n !selectedProjectId \|\|\n !workspaceId \|\|\n storyPoints.invalid \|\|\n estimate.invalid\n )\n return;\n setSaveError(null);\n setSkillsError(null);\n // Success opens the new task; a refusal shows the service's reason (errorPolicy 'all' resolves refused\n // mutations, so the old code showed nothing either way).\n try {\n const result = await throwOnError(\n createWorkItem({\n variables: {\n input: {\n projectId: selectedProjectId,\n title: form.title,\n description: form.description \|\| undefined,\n type: form.type,\n priority: form.priority,\n storyPoints: storyPoints.value,\n labels: form.labels\n ? form.labels\n .split(',')\n .map((l) => l.trim())\n .filter(Boolean)\n : undefined,\n sprintId: form.sprintId \|\| undefined,\n milestoneId: form.milestoneId \|\| undefined,\n assigneeId: form.assigneeId \|\| undefined,\n dueDate: form.dueDate \|\| undefined,\n estimateMinutes: estimate.minutes,\n requiredSkills: requiredSkills.length > 0 ? requiredSkills : undefined,\n },\n },\n })\n );\n const id = (result.data as { planmagnetCreateWorkItem?: { id: string } } \| undefined)\n ?.planmagnetCreateWorkItem?.id;\n navigate(\n id ? `/tasks/task-detail-page?taskId=${encodeURIComponent(id)}` : '/tasks/tasks-page'\n );\n } catch (e) {\n const skillsRefusal = requiredSkillsRefusal(e);\n if (skillsRefusal) {\n setSkillsError(skillsRefusal);\n setSaveError(\n tr(\n 'planmagnet.skills.editor.createRefused',\n 'The task was not created: see Required skills below.'\n )\n );\n } else {\n setSaveError(e instanceof Error ? e.message : 'The task could not be created.');\n }\n }\n };\n\n return (\n <div className=\"space-y-6 p-6 max-w-4xl\">\n <div className=\"flex items-center justify-between\">\n <div>\n <h1 className=\"text-2xl font-semibold\">Create Task</h1>\n <p className=\"text-sm text-muted-foreground\">Add a new task to the project backlog.</p>\n </div>\n <div className=\"flex gap-2\">\n <Button variant=\"outline\" size=\"sm\" onClick={() => navigate('/tasks/tasks-page')}>\n <X className=\"mr-1 h-4 w-4\" />\n Cancel\n </Button>\n <Button\n size=\"sm\"\n onClick={handleCreate}\n disabled={\n saving \|\|\n !form.title.trim() \|\|\n !selectedProjectId \|\|\n storyPoints.invalid \|\|\n estimate.invalid\n }\n >\n <Save className=\"mr-1 h-4 w-4\" />\n {saving ? 'Creating...' : 'Create Task'}\n </Button>\n </div>\n </div>\n {saveError && (\n <div role=\"alert\" className=\"p-3 bg-destructive/10 text-destructive rounded-md text-sm\">\n {saveError}\n </div>\n )}\n <Card>\n <CardHeader>\n <CardTitle className=\"flex items-center gap-2\">\n <CheckSquare className=\"h-4 w-4\" />\n Task Details\n </CardTitle>\n </CardHeader>\n <CardContent className=\"space-y-4\">\n <div>\n <label className=\"text-sm font-medium\">Title</label>\n <Input\n value={form.title}\n onChange={(e) => setForm({ ...form, title: e.target.value })}\n className=\"mt-1\"\n placeholder=\"e.g. Implement search query parser\"\n />\n </div>\n <div>\n <label className=\"text-sm font-medium\">Description</label>\n <textarea\n className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm min-h-[100px]\"\n value={form.description}\n onChange={(e) => setForm({ ...form, description: e.target.value })}\n placeholder=\"Describe the task requirements...\"\n />\n </div>\n <div className=\"grid grid-cols-3 gap-4\">\n <div>\n <label className=\"text-sm font-medium\">Project</label>\n <select\n className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm\"\n value={selectedProjectId}\n // A sprint belongs to one project: changing the project clears the chosen sprint.\n onChange={(e) =>\n setForm({ ...form, projectId: e.target.value, sprintId: '', milestoneId: '' })\n }\n >\n {projects.length === 0 && (\n <option value=\"\" disabled>\n {projectsLoading && !projectsData\n ? 'Loading projects…'\n : projectsError\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.key} — {p.name}\n </option>\n ))}\n </select>\n {/* C2 (BOFF-7833): loading, failure and \"no projects\" are told apart. */}\n {projectsError && (\n <p role=\"alert\" className=\"mt-1 flex items-center gap-2 text-xs text-destructive\">\n {projectsError.message}\n <Button\n type=\"button\"\n size=\"sm\"\n variant=\"ghost\"\n className=\"h-6 px-2 text-xs\"\n onClick={() => void refetchProjects()}\n >\n Retry\n </Button>\n </p>\n )}\n {!projectsLoading && !projectsError && projectsData && projects.length === 0 && (\n <button\n type=\"button\"\n className=\"mt-1 text-xs text-muted-foreground underline\"\n onClick={() => navigate('/projects/create-project-page')}\n >\n Create a project first\n </button>\n )}\n </div>\n <div>\n <label className=\"text-sm font-medium\">Priority</label>\n <select\n className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm\"\n value={form.priority}\n onChange={(e) => setForm({ ...form, priority: e.target.value })}\n >\n {WORK_ITEM_PRIORITIES.map((p) => (\n <option key={p} value={p}>\n {p.toLowerCase()}\n </option>\n ))}\n </select>\n </div>\n <div>\n <label className=\"text-sm font-medium\">Type</label>\n <select\n className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm\"\n value={form.type}\n onChange={(e) => setForm({ ...form, type: e.target.value })}\n >\n {['STORY', 'BUG', 'TASK', 'EPIC', 'SUB_TASK'].map((t) => (\n <option key={t} value={t}>\n {t.toLowerCase().replace('_', ' ')}\n </option>\n ))}\n </select>\n </div>\n </div>\n <div className=\"grid grid-cols-3 gap-4\">\n <div>\n <label htmlFor=\"task-story-points\" className=\"text-sm font-medium\">\n Story Points\n </label>\n <Input\n id=\"task-story-points\"\n type=\"number\"\n min={0}\n step={1}\n value={form.storyPoints}\n onChange={(e) => setForm({ ...form, storyPoints: e.target.value })}\n aria-invalid={storyPoints.invalid}\n className=\"mt-1\"\n />\n {storyPoints.invalid && (\n <p role=\"alert\" className=\"mt-1 text-xs text-destructive\">\n Story points must be a whole number, 0 or more.\n </p>\n )}\n </div>\n <div>\n <label htmlFor=\"task-milestone\" className=\"text-sm font-medium\">\n Milestone\n </label>\n <MilestoneSelect\n id=\"task-milestone\"\n projectId={selectedProjectId}\n value={form.milestoneId}\n onChange={(milestoneId) => setForm({ ...form, milestoneId })}\n />\n </div>\n <div>\n <label htmlFor=\"task-sprint\" className=\"text-sm font-medium\">\n Sprint\n </label>\n <select\n id=\"task-sprint\"\n className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm\"\n value={form.sprintId}\n onChange={(e) => setForm({ ...form, sprintId: e.target.value })}\n >\n <option value=\"\">\n {sprintsLoading && !sprintsData ? 'Loading sprints…' : 'No sprint'}\n </option>\n {openSprints.map((s) => (\n <option key={s.id} value={s.id}>\n {s.name} ({s.status.toLowerCase()})\n </option>\n ))}\n </select>\n </div>\n <div>\n <label className=\"text-sm font-medium\">Due Date</label>\n <Input\n type=\"date\"\n value={form.dueDate}\n onChange={(e) => setForm({ ...form, dueDate: e.target.value })}\n className=\"mt-1\"\n />\n </div>\n </div>\n <div className=\"grid grid-cols-3 gap-4\">\n <div>\n <label htmlFor=\"task-estimate-hours\" className=\"text-sm font-medium\">\n Estimate (hours)\n </label>\n <Input\n id=\"task-estimate-hours\"\n type=\"number\"\n min={0}\n step={0.25}\n value={form.estimateHours}\n onChange={(e) => setForm({ ...form, estimateHours: e.target.value })}\n aria-invalid={estimate.invalid}\n aria-describedby=\"task-estimate-hint\"\n className=\"mt-1\"\n />\n {estimate.invalid ? (\n <p role=\"alert\" className=\"mt-1 text-xs text-destructive\">\n The estimate must be a number of hours, 0 or more.\n </p>\n ) : (\n <p id=\"task-estimate-hint\" className=\"mt-1 text-xs text-muted-foreground\">\n Used as the task's duration on the critical path.\n </p>\n )}\n </div>\n </div>\n <div>\n <label htmlFor=\"task-assignee\" className=\"text-sm font-medium\">\n Assignee\n </label>\n <div className=\"mt-1\">\n <AssigneeSelect\n id=\"task-assignee\"\n value={form.assigneeId}\n onChange={(assigneeId) => setForm({ ...form, assigneeId })}\n />\n </div>\n </div>\n <div>\n <label className=\"text-sm font-medium\">Labels (comma-separated)</label>\n <Input\n value={form.labels}\n onChange={(e) => setForm({ ...form, labels: e.target.value })}\n className=\"mt-1\"\n placeholder=\"backend, search, performance\"\n />\n </div>\n <RequiredSkillsField\n id=\"task-required-skills\"\n value={requiredSkills}\n onChange={(next) => {\n setRequiredSkills(next);\n setSkillsError(null);\n }}\n disabled={saving}\n serverError={skillsError}\n />\n </CardContent>\n </Card>\n </div>\n );\n}\n"],"mappings":"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"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TasksEditTaskPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/TasksEditTaskPagePage.tsx"],"names":[],"mappings":"~~AA0EA~~,wBAAgB,qBAAqB,~~4CAsSpC~~"}
1	+ {"version":3,"file":"TasksEditTaskPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/TasksEditTaskPagePage.tsx"],"names":[],"mappings":"AA8EA,wBAAgB,qBAAqB,4CAsUpC"}

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

@@ -1,16 +1,20 @@
 import { usePlanMagnet as e, usePlanMagnetNavigate as t } from "../providers/PlanMagnetProvider.js";
-import { throwOnError as n } from "../utils/mutationResult.js";
-import { WORK_ITEM_PRIORITIES as r } from "../controls/WorkItemControls.js";
-import { estimateHoursText as i, parseEstimateHours as a, parseIntField as o } from "../utils/formValidation.js";
-import { MilestoneSelect as s } from "../milestones/MilestoneControls.js";
-import { useMemo as c, useState as l } from "react";
-import { ArrowLeft as u, Save as d } from "lucide-react";
-import { gql as f } from "@apollo/client";
-import { useMutation as p, useQuery as m } from "@apollo/client/react";
-import { jsx as h, jsxs as g } from "react/jsx-runtime";
-import { Button as _, Card as v, CardContent as y, CardHeader as b, CardTitle as x, Input as S } from "@burdenoff/fe-libs/ui";
+import { useTr as n } from "../../shared/hooks/useTr.js";
+import { throwOnError as r } from "../utils/mutationResult.js";
+import { WORK_ITEM_PRIORITIES as i } from "../controls/WorkItemControls.js";
+import { estimateHoursText as a, parseEstimateHours as o, parseIntField as s } from "../utils/formValidation.js";
+import { requiredSkillsRefusal as c } from "../skills/skillTags.js";
+import { MilestoneSelect as l } from "../milestones/MilestoneControls.js";
+import { RequiredSkillsField as u } from "../skills/RequiredSkillsEditor.js";
+import { useRequiredSkillsDraft as d } from "../skills/useRequiredSkillsDraft.js";
+import { useMemo as f, useState as p } from "react";
+import { ArrowLeft as m, Save as h } from "lucide-react";
+import { gql as g } from "@apollo/client";
+import { useMutation as _, useQuery as v } from "@apollo/client/react";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+import { Button as x, Card as S, CardContent as C, CardHeader as w, CardTitle as T, Input as E } from "@burdenoff/fe-libs/ui";
 //#region src/planmagnet/pages/TasksEditTaskPagePage.tsx
-var C = f`
+var D = g`
   query GetWorkItem($workItemId: ID!) {
     planmagnetWorkItem(id: $workItemId) {
       id
@@ -31,7 +35,7 @@ var C = f`
       updatedAt
     }
   }
-`, w = f`
+`, O = g`
   mutation UpdateWorkItem($workItemId: ID!, $input: PlanmagnetUpdateWorkItemInput!) {
     planmagnetUpdateWorkItem(id: $workItemId, input: $input) {
       id
@@ -49,172 +53,177 @@ var C = f`
     }
   }
 `;
-function T() {
-	let { workspaceId: f } = e(), T = new URLSearchParams(window.location.search).get("taskId") ?? "", E = t(), { data: D, loading: O, error: k } = m(C, {
-		variables: { workItemId: T },
-		skip: !f || !T
-	}), [A, { loading: j }] = p(w, {
+function k() {
+	let { workspaceId: g } = e(), k = new URLSearchParams(window.location.search).get("taskId") ?? "", A = t(), j = n(), { data: M, loading: N, error: P } = v(D, {
+		variables: { workItemId: k },
+		skip: !g || !k
+	}), F = d(k, !g), [I, { loading: L }] = _(O, {
 		refetchQueries: [
 			"GetWorkItems",
 			"GetWorkItemDetail",
 			"GetWorkItemCounts",
-			"ProjectBoard"
+			"ProjectBoard",
+			"WorkItemRequiredSkills"
 		],
 		awaitRefetchQueries: !0
-	}), [M, N] = l(null), [P, F] = l(!1), I = D?.planmagnetWorkItem, L = c(() => ({
-		title: I?.title ?? "",
-		description: I?.description ?? "",
-		priority: I?.priority ?? "MEDIUM",
-		type: I?.type ?? "STORY",
-		storyPoints: I?.storyPoints?.toString() ?? "",
-		labels: (I?.labels ?? []).join(", "),
-		dueDate: I?.dueDate ? String(I.dueDate).slice(0, 10) : "",
-		estimateHours: i(I?.estimateMinutes),
-		milestoneId: I?.milestoneId ?? ""
-	}), [I]), [R, z] = l({}), B = {
-		...L,
-		...R
-	}, V = (e) => z(e), H = o(B.storyPoints, { min: 0 }), U = a(B.estimateHours), W = async () => {
-		if (!f || !T || H.invalid || U.invalid) return;
-		if (!B.title.trim()) {
-			N("A task needs a title.");
+	}), [R, z] = p(null), [B, V] = p(!1), H = M?.planmagnetWorkItem, U = f(() => ({
+		title: H?.title ?? "",
+		description: H?.description ?? "",
+		priority: H?.priority ?? "MEDIUM",
+		type: H?.type ?? "STORY",
+		storyPoints: H?.storyPoints?.toString() ?? "",
+		labels: (H?.labels ?? []).join(", "),
+		dueDate: H?.dueDate ? String(H.dueDate).slice(0, 10) : "",
+		estimateHours: a(H?.estimateMinutes),
+		milestoneId: H?.milestoneId ?? ""
+	}), [H]), [W, G] = p({}), K = {
+		...U,
+		...W
+	}, q = (e) => G(e), J = s(K.storyPoints, { min: 0 }), Y = o(K.estimateHours), X = async () => {
+		if (!g || !k || J.invalid || Y.invalid) return;
+		if (!K.title.trim()) {
+			z("A task needs a title.");
 			return;
 		}
 		let e = (e) => e.split(",").map((e) => e.trim()).filter(Boolean), t = {
-			title: B.title.trim(),
-			description: B.description.trim() || null,
-			priority: B.priority,
-			type: B.type,
-			storyPoints: H.value ?? null,
-			labels: e(B.labels),
-			dueDate: B.dueDate || null,
-			estimateMinutes: U.minutes ?? null,
-			milestoneId: B.milestoneId || null
-		}, r = {
-			title: L.title,
-			description: L.description.trim() || null,
-			priority: L.priority,
-			type: L.type,
-			storyPoints: L.storyPoints === "" ? null : Number(L.storyPoints),
-			labels: e(L.labels),
-			dueDate: L.dueDate || null,
-			estimateMinutes: a(L.estimateHours).minutes ?? null,
-			milestoneId: L.milestoneId || null
-		}, i = Object.fromEntries(Object.entries(t).filter(([e, t]) => JSON.stringify(t) !== JSON.stringify(r[e])));
-		if (N(null), F(!1), Object.keys(i).length === 0) {
-			F(!0);
+			title: K.title.trim(),
+			description: K.description.trim() || null,
+			priority: K.priority,
+			type: K.type,
+			storyPoints: J.value ?? null,
+			labels: e(K.labels),
+			dueDate: K.dueDate || null,
+			estimateMinutes: Y.minutes ?? null,
+			milestoneId: K.milestoneId || null
+		}, n = {
+			title: U.title,
+			description: U.description.trim() || null,
+			priority: U.priority,
+			type: U.type,
+			storyPoints: U.storyPoints === "" ? null : Number(U.storyPoints),
+			labels: e(U.labels),
+			dueDate: U.dueDate || null,
+			estimateMinutes: o(U.estimateHours).minutes ?? null,
+			milestoneId: U.milestoneId || null
+		}, i = {
+			...Object.fromEntries(Object.entries(t).filter(([e, t]) => JSON.stringify(t) !== JSON.stringify(n[e]))),
+			...F.changedValue ? { requiredSkills: F.changedValue } : {}
+		};
+		if (z(null), V(!1), F.setServerError(null), Object.keys(i).length === 0) {
+			V(!0);
 			return;
 		}
 		try {
-			await n(A({ variables: {
-				workItemId: T,
+			await r(I({ variables: {
+				workItemId: k,
 				input: i
-			} })), F(!0);
+			} })), F.reset(), V(!0);
 		} catch (e) {
-			N(e instanceof Error ? e.message : "The task could not be saved.");
+			let t = c(e);
+			t ? (F.setServerError(t), z(j("planmagnet.skills.editor.saveRefused", "Not saved: see Required skills below."))) : z(e instanceof Error ? e.message : "The task could not be saved.");
 		}
 	};
-	if (O && !D) return /* @__PURE__ */ h("div", {
+	if (N && !M) return /* @__PURE__ */ y("div", {
 		className: "flex items-center justify-center p-12",
-		children: /* @__PURE__ */ h("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
+		children: /* @__PURE__ */ y("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
 	});
-	if (k) return /* @__PURE__ */ g("div", {
+	if (P) return /* @__PURE__ */ b("div", {
 		className: "p-6 text-destructive",
-		children: ["Error: ", k.message]
+		children: ["Error: ", P.message]
 	});
-	if (!D?.planmagnetWorkItem) return /* @__PURE__ */ h("div", {
+	if (!M?.planmagnetWorkItem) return /* @__PURE__ */ y("div", {
 		className: "p-6 text-muted-foreground",
 		children: "Task not found."
 	});
-	let G = D.planmagnetWorkItem;
-	return /* @__PURE__ */ g("div", {
+	let Z = M.planmagnetWorkItem;
+	return /* @__PURE__ */ b("div", {
 		className: "space-y-6 p-6 max-w-4xl",
 		children: [
-			/* @__PURE__ */ g("div", {
+			/* @__PURE__ */ b("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ g("div", {
+				children: [/* @__PURE__ */ b("div", {
 					className: "flex items-center gap-3",
-					children: [/* @__PURE__ */ h(_, {
+					children: [/* @__PURE__ */ y(x, {
 						variant: "ghost",
 						size: "sm",
 						"aria-label": "Back to the task",
-						onClick: () => E(`/tasks/task-detail-page?taskId=${encodeURIComponent(T)}`),
-						children: /* @__PURE__ */ h(u, { className: "h-4 w-4" })
-					}), /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("h1", {
+						onClick: () => A(`/tasks/task-detail-page?taskId=${encodeURIComponent(k)}`),
+						children: /* @__PURE__ */ y(m, { className: "h-4 w-4" })
+					}), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("h1", {
 						className: "text-2xl font-semibold",
 						children: "Edit Task"
-					}), /* @__PURE__ */ h("p", {
+					}), /* @__PURE__ */ y("p", {
 						className: "text-sm text-muted-foreground",
-						children: G.title
+						children: Z.title
 					})] })]
-				}), /* @__PURE__ */ g(_, {
+				}), /* @__PURE__ */ b(x, {
 					size: "sm",
-					onClick: W,
-					disabled: j || H.invalid || U.invalid,
-					children: [/* @__PURE__ */ h(d, { className: "mr-1 h-4 w-4" }), j ? "Saving..." : "Save Changes"]
+					onClick: X,
+					disabled: L || J.invalid || Y.invalid,
+					children: [/* @__PURE__ */ y(h, { className: "mr-1 h-4 w-4" }), L ? "Saving..." : "Save Changes"]
 				})]
 			}),
-			P && /* @__PURE__ */ h("div", {
+			B && /* @__PURE__ */ y("div", {
 				role: "status",
 				className: "p-3 bg-muted text-status-success-text rounded-md text-sm",
 				children: "Changes saved."
 			}),
-			M && /* @__PURE__ */ h("div", {
+			R && /* @__PURE__ */ y("div", {
 				role: "alert",
 				className: "p-3 bg-destructive/10 text-destructive rounded-md text-sm",
-				children: M
+				children: R
 			}),
-			/* @__PURE__ */ g(v, { children: [/* @__PURE__ */ h(b, { children: /* @__PURE__ */ h(x, { children: "Task Details" }) }), /* @__PURE__ */ g(y, {
+			/* @__PURE__ */ b(S, { children: [/* @__PURE__ */ y(w, { children: /* @__PURE__ */ y(T, { children: "Task Details" }) }), /* @__PURE__ */ b(C, {
 				className: "space-y-4",
 				children: [
-					/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
+					/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("label", {
 						className: "text-sm font-medium",
 						children: "Title"
-					}), /* @__PURE__ */ h(S, {
-						value: B.title,
-						onChange: (e) => V({
-							...B,
+					}), /* @__PURE__ */ y(E, {
+						value: K.title,
+						onChange: (e) => q({
+							...K,
 							title: e.target.value
 						}),
 						className: "mt-1"
 					})] }),
-					/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
+					/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("label", {
 						className: "text-sm font-medium",
 						children: "Description"
-					}), /* @__PURE__ */ h("textarea", {
+					}), /* @__PURE__ */ y("textarea", {
 						className: "mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm min-h-[100px]",
-						value: B.description,
-						onChange: (e) => V({
-							...B,
+						value: K.description,
+						onChange: (e) => q({
+							...K,
 							description: e.target.value
 						})
 					})] }),
-					/* @__PURE__ */ g("div", {
+					/* @__PURE__ */ b("div", {
 						className: "grid grid-cols-3 gap-4",
 						children: [
-							/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
+							/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("label", {
 								className: "text-sm font-medium",
 								children: "Priority"
-							}), /* @__PURE__ */ h("select", {
+							}), /* @__PURE__ */ y("select", {
 								className: "mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm",
-								value: B.priority,
-								onChange: (e) => V({
-									...B,
+								value: K.priority,
+								onChange: (e) => q({
+									...K,
 									priority: e.target.value
 								}),
-								children: r.map((e) => /* @__PURE__ */ h("option", {
+								children: i.map((e) => /* @__PURE__ */ y("option", {
 									value: e,
 									children: e.toLowerCase()
 								}, e))
 							})] }),
-							/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
+							/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("label", {
 								className: "text-sm font-medium",
 								children: "Type"
-							}), /* @__PURE__ */ h("select", {
+							}), /* @__PURE__ */ y("select", {
 								className: "mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm",
-								value: B.type,
-								onChange: (e) => V({
-									...B,
+								value: K.type,
+								onChange: (e) => q({
+									...K,
 									type: e.target.value
 								}),
 								children: [
@@ -223,31 +232,31 @@ function T() {
 									"TASK",
 									"EPIC",
 									"SUB_TASK"
-								].map((e) => /* @__PURE__ */ h("option", {
+								].map((e) => /* @__PURE__ */ y("option", {
 									value: e,
 									children: e.toLowerCase().replace("_", " ")
 								}, e))
 							})] }),
-							/* @__PURE__ */ g("div", { children: [
-								/* @__PURE__ */ h("label", {
+							/* @__PURE__ */ b("div", { children: [
+								/* @__PURE__ */ y("label", {
 									htmlFor: "task-story-points",
 									className: "text-sm font-medium",
 									children: "Story Points"
 								}),
-								/* @__PURE__ */ h(S, {
+								/* @__PURE__ */ y(E, {
 									id: "task-story-points",
 									type: "number",
 									min: 0,
 									step: 1,
-									value: B.storyPoints,
-									onChange: (e) => V({
-										...B,
+									value: K.storyPoints,
+									onChange: (e) => q({
+										...K,
 										storyPoints: e.target.value
 									}),
-									"aria-invalid": H.invalid,
+									"aria-invalid": J.invalid,
 									className: "mt-1"
 								}),
-								H.invalid && /* @__PURE__ */ h("p", {
+								J.invalid && /* @__PURE__ */ y("p", {
 									role: "alert",
 									className: "mt-1 text-xs text-destructive",
 									children: "Story points must be a whole number, 0 or more."
@@ -255,79 +264,88 @@ function T() {
 							] })
 						]
 					}),
-					/* @__PURE__ */ g("div", {
+					/* @__PURE__ */ b("div", {
 						className: "grid grid-cols-3 gap-4",
 						children: [
-							/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
+							/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("label", {
 								className: "text-sm font-medium",
 								children: "Due Date"
-							}), /* @__PURE__ */ h(S, {
+							}), /* @__PURE__ */ y(E, {
 								type: "date",
-								value: B.dueDate,
-								onChange: (e) => V({
-									...B,
+								value: K.dueDate,
+								onChange: (e) => q({
+									...K,
 									dueDate: e.target.value
 								}),
 								className: "mt-1"
 							})] }),
-							/* @__PURE__ */ g("div", { children: [
-								/* @__PURE__ */ h("label", {
+							/* @__PURE__ */ b("div", { children: [
+								/* @__PURE__ */ y("label", {
 									htmlFor: "task-estimate-hours",
 									className: "text-sm font-medium",
 									children: "Estimate (hours)"
 								}),
-								/* @__PURE__ */ h(S, {
+								/* @__PURE__ */ y(E, {
 									id: "task-estimate-hours",
 									type: "number",
 									min: 0,
 									step: .25,
-									value: B.estimateHours,
-									onChange: (e) => V({
-										...B,
+									value: K.estimateHours,
+									onChange: (e) => q({
+										...K,
 										estimateHours: e.target.value
 									}),
-									"aria-invalid": U.invalid,
+									"aria-invalid": Y.invalid,
 									"aria-describedby": "task-estimate-hint",
 									className: "mt-1"
 								}),
-								U.invalid ? /* @__PURE__ */ h("p", {
+								Y.invalid ? /* @__PURE__ */ y("p", {
 									role: "alert",
 									className: "mt-1 text-xs text-destructive",
 									children: "The estimate must be a number of hours, 0 or more."
-								}) : /* @__PURE__ */ h("p", {
+								}) : /* @__PURE__ */ y("p", {
 									id: "task-estimate-hint",
 									className: "mt-1 text-xs text-muted-foreground",
 									children: "Used as the task's duration on the critical path."
 								})
 							] }),
-							/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
+							/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("label", {
 								className: "text-sm font-medium",
 								children: "Labels"
-							}), /* @__PURE__ */ h(S, {
-								value: B.labels,
-								onChange: (e) => V({
-									...B,
+							}), /* @__PURE__ */ y(E, {
+								value: K.labels,
+								onChange: (e) => q({
+									...K,
 									labels: e.target.value
 								}),
 								className: "mt-1"
 							})] })
 						]
 					}),
-					/* @__PURE__ */ h("div", {
+					/* @__PURE__ */ y("div", {
 						className: "grid grid-cols-3 gap-4",
-						children: /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
+						children: /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("label", {
 							htmlFor: "task-milestone",
 							className: "text-sm font-medium",
 							children: "Milestone"
-						}), /* @__PURE__ */ h(s, {
+						}), /* @__PURE__ */ y(l, {
 							id: "task-milestone",
-							projectId: G.projectId,
-							value: B.milestoneId,
-							onChange: (e) => V({
-								...B,
+							projectId: Z.projectId,
+							value: K.milestoneId,
+							onChange: (e) => q({
+								...K,
 								milestoneId: e
 							})
 						})] })
+					}),
+					/* @__PURE__ */ y(u, {
+						id: "task-required-skills",
+						value: F.value,
+						onChange: F.setValue,
+						disabled: L,
+						serverError: F.serverError,
+						loading: F.loading,
+						loadError: F.loadError
 					})
 				]
 			})] })
@@ -335,6 +353,6 @@ function T() {
 	});
 }
 //#endregion
-export { T as TasksEditTaskPagePage };
+export { k as TasksEditTaskPagePage };
 //# sourceMappingURL=TasksEditTaskPagePage.js.map