@burdenoff/microfe-planmagnet 2026.924.2 → 2026.924.4

package/dist/planmagnet/pages/GoalsObjectiveDetailPagePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"GoalsObjectiveDetailPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/GoalsObjectiveDetailPagePage.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 {\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  Button,\n  Input,\n  Badge,\n} from '@burdenoff/fe-libs/ui';\nimport { Flag, Calendar, User, Plus, Trash2, ArrowLeft } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\n\n// BOFF-4441: OKR detail — real Objective + KeyResult data via GraphQL.\n// `progress` (on both the objective and each key result) is computed live\n// server-side from current/target values; this page only ever reads it,\n// never derives it client-side. `linkedWorkItemRollup` surfaces a real,\n// live-computed completion ratio over WorkItems linked to a key result --\n// informational only, it does not drive `currentValue` (see the backend\n// module header for the explicit deferral of that automation).\nconst GET_OBJECTIVE = gql`\n  query GetObjectiveDetail($id: ID!) {\n    planmagnetObjective(id: $id) {\n      id\n      workspaceId\n      title\n      description\n      ownerId\n      periodLabel\n      startDate\n      endDate\n      status\n      progress\n      createdAt\n      keyResults {\n        id\n        title\n        description\n        metricType\n        startValue\n        targetValue\n        currentValue\n        unit\n        status\n        ownerId\n        progress\n        linkedWorkItemRollup {\n          totalLinked\n          doneCount\n          completionRatio\n        }\n      }\n    }\n  }\n`;\n\nconst CREATE_KEY_RESULT = gql`\n  mutation CreateKeyResult($input: PlanmagnetCreateKeyResultInput!) {\n    planmagnetCreateKeyResult(input: $input) {\n      id\n    }\n  }\n`;\n\nconst UPDATE_KEY_RESULT = gql`\n  mutation UpdateKeyResult($id: ID!, $input: PlanmagnetUpdateKeyResultInput!) {\n    planmagnetUpdateKeyResult(id: $id, input: $input) {\n      id\n      currentValue\n      status\n    }\n  }\n`;\n\nconst DELETE_KEY_RESULT = gql`\n  mutation DeleteKeyResult($id: ID!) {\n    planmagnetDeleteKeyResult(id: $id)\n  }\n`;\n\nconst DELETE_OBJECTIVE = gql`\n  mutation DeleteObjective($id: ID!) {\n    planmagnetDeleteObjective(id: $id)\n  }\n`;\n\nconst objectiveStatusColor: Record<string, string> = {\n  DRAFT: 'bg-gray-100 text-gray-800',\n  ACTIVE: 'bg-blue-100 text-blue-800',\n  COMPLETED: 'bg-green-100 text-green-800',\n  CANCELLED: 'bg-red-100 text-red-800',\n};\n\nconst krStatusColor: Record<string, string> = {\n  NOT_STARTED: 'bg-gray-100 text-gray-800',\n  IN_PROGRESS: 'bg-blue-100 text-blue-800',\n  AT_RISK: 'bg-orange-100 text-orange-800',\n  COMPLETED: 'bg-green-100 text-green-800',\n};\n\nfunction ProgressBar({ progress }: { progress: number }) {\n  const pct = Math.max(0, Math.min(100, Math.round(progress)));\n  return (\n    <div className=\"h-2 w-full rounded-full bg-muted overflow-hidden\">\n      <div className=\"h-full rounded-full bg-primary transition-all\" style={{ width: `${pct}%` }} />\n    </div>\n  );\n}\n\ninterface KeyResultNode {\n  id: string;\n  title: string;\n  description: string | null;\n  metricType: 'NUMERIC' | 'PERCENTAGE' | 'BOOLEAN';\n  startValue: number;\n  targetValue: number;\n  currentValue: number;\n  unit: string | null;\n  status: string;\n  ownerId: string | null;\n  progress: number;\n  linkedWorkItemRollup: { totalLinked: number; doneCount: number; completionRatio: number };\n}\n\nfunction KeyResultRow({\n  kr,\n  onUpdated,\n  onDeleted,\n}: {\n  kr: KeyResultNode;\n  onUpdated: () => void;\n  onDeleted: () => void;\n}) {\n  const [draftValue, setDraftValue] = useState(String(kr.currentValue));\n  const [updateKeyResult, { loading: updating }] = useMutation(UPDATE_KEY_RESULT);\n  const [deleteKeyResult, { loading: deleting }] = useMutation(DELETE_KEY_RESULT);\n\n  const handleSaveProgress = async () => {\n    const parsed = kr.metricType === 'BOOLEAN' ? (draftValue === '1' ? 1 : 0) : Number(draftValue);\n    if (Number.isNaN(parsed)) return;\n    await updateKeyResult({ variables: { id: kr.id, input: { currentValue: parsed } } });\n    onUpdated();\n  };\n\n  const handleDelete = async () => {\n    await deleteKeyResult({ variables: { id: kr.id } });\n    onDeleted();\n  };\n\n  return (\n    <div className=\"rounded-md border border-input p-4 space-y-3\">\n      <div className=\"flex items-start justify-between gap-3\">\n        <div className=\"min-w-0\">\n          <p className=\"text-sm font-medium\">{kr.title}</p>\n          {kr.description && (\n            <p className=\"text-xs text-muted-foreground mt-0.5\">{kr.description}</p>\n          )}\n        </div>\n        <div className=\"flex items-center gap-2 shrink-0\">\n          <span\n            className={`text-xs px-2 py-0.5 rounded-full capitalize ${krStatusColor[kr.status] ?? ''}`}\n          >\n            {kr.status.toLowerCase().replace('_', ' ')}\n          </span>\n          <Button\n            size=\"icon\"\n            variant=\"ghost\"\n            disabled={deleting}\n            onClick={handleDelete}\n            aria-label={`Delete ${kr.title}`}\n          >\n            <Trash2 className=\"h-4 w-4\" />\n          </Button>\n        </div>\n      </div>\n      <ProgressBar progress={kr.progress} />\n      <div className=\"flex items-center justify-between text-xs text-muted-foreground\">\n        <span>\n          {kr.metricType === 'BOOLEAN'\n            ? kr.currentValue > 0\n              ? 'Done'\n              : 'Not done'\n            : `${kr.currentValue}${kr.unit ? ` ${kr.unit}` : ''} of ${kr.targetValue}${kr.unit ? ` ${kr.unit}` : ''}`}\n        </span>\n        <span>{Math.round(kr.progress)}%</span>\n      </div>\n      {kr.linkedWorkItemRollup.totalLinked > 0 && (\n        <p className=\"text-xs text-muted-foreground\">\n          {kr.linkedWorkItemRollup.doneCount}/{kr.linkedWorkItemRollup.totalLinked} linked work\n          items done ({Math.round(kr.linkedWorkItemRollup.completionRatio * 100)}%) &mdash;\n          informational, update progress above manually\n        </p>\n      )}\n      <div className=\"flex items-center gap-2\">\n        {kr.metricType === 'BOOLEAN' ? (\n          <select\n            className=\"rounded-md border border-input bg-background px-3 py-1.5 text-sm\"\n            value={draftValue}\n            onChange={(e) => setDraftValue(e.target.value)}\n          >\n            <option value=\"0\">Not done</option>\n            <option value=\"1\">Done</option>\n          </select>\n        ) : (\n          <Input\n            type=\"number\"\n            value={draftValue}\n            onChange={(e) => setDraftValue(e.target.value)}\n            className=\"w-32\"\n          />\n        )}\n        <Button size=\"sm\" variant=\"outline\" disabled={updating} onClick={handleSaveProgress}>\n          {updating ? 'Saving...' : 'Update progress'}\n        </Button>\n      </div>\n    </div>\n  );\n}\n\nexport function GoalsObjectiveDetailPagePage() {\n  const { workspaceId } = usePlanMagnet();\n  const navigate = usePlanMagnetNavigate();\n  const objectiveId = new URLSearchParams(window.location.search).get('objectiveId') ?? '';\n\n  const [isAddingKr, setIsAddingKr] = useState(false);\n  const [krForm, setKrForm] = useState({\n    title: '',\n    metricType: 'NUMERIC',\n    targetValue: '100',\n    unit: '',\n  });\n\n  const { data, loading, error, refetch } = useQuery<{\n    planmagnetObjective: {\n      id: string;\n      title: string;\n      description: string | null;\n      ownerId: string;\n      periodLabel: string;\n      startDate: string | null;\n      endDate: string | null;\n      status: string;\n      progress: number;\n      createdAt: string;\n      keyResults: KeyResultNode[];\n    } | null;\n  }>(GET_OBJECTIVE, {\n    variables: { id: objectiveId },\n    skip: !workspaceId || !objectiveId,\n  });\n\n  const [createKeyResult, { loading: creatingKr }] = useMutation(CREATE_KEY_RESULT);\n  const [deleteObjective, { loading: deletingObjective }] = useMutation(DELETE_OBJECTIVE);\n\n  if (loading) {\n    return (\n      <div className=\"flex items-center justify-center p-12\">\n        <div className=\"animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full\" />\n      </div>\n    );\n  }\n  if (error) return <div className=\"p-6 text-red-500\">Error: {error.message}</div>;\n\n  const objective = data?.planmagnetObjective;\n  if (!objective) return <div className=\"p-6 text-muted-foreground\">Objective not found.</div>;\n\n  const handleAddKeyResult = async () => {\n    if (!krForm.title.trim() || !objectiveId) return;\n    const target = Number(krForm.metricType === 'BOOLEAN' ? 1 : krForm.targetValue);\n    if (Number.isNaN(target)) return;\n    await createKeyResult({\n      variables: {\n        input: {\n          objectiveId,\n          title: krForm.title.trim(),\n          metricType: krForm.metricType,\n          targetValue: target,\n          unit: krForm.unit.trim() || undefined,\n        },\n      },\n    });\n    setKrForm({ title: '', metricType: 'NUMERIC', targetValue: '100', unit: '' });\n    setIsAddingKr(false);\n    void refetch();\n  };\n\n  const handleDeleteObjective = async () => {\n    await deleteObjective({ variables: { id: objectiveId } });\n    navigate('/goals/goals-page');\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div className=\"flex items-center gap-3\">\n          <Button variant=\"ghost\" size=\"icon\" onClick={() => navigate('/goals/goals-page')}>\n            <ArrowLeft className=\"h-4 w-4\" />\n          </Button>\n          <Flag className=\"h-6 w-6 text-primary\" />\n          <div>\n            <h1 className=\"text-2xl font-semibold\">{objective.title}</h1>\n            <p className=\"text-sm text-muted-foreground\">{objective.periodLabel}</p>\n          </div>\n        </div>\n        <div className=\"flex items-center gap-2\">\n          <span\n            className={`text-xs px-3 py-1 rounded-full capitalize ${objectiveStatusColor[objective.status] ?? 'bg-gray-100'}`}\n          >\n            {objective.status.toLowerCase()}\n          </span>\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            disabled={deletingObjective}\n            onClick={handleDeleteObjective}\n          >\n            <Trash2 className=\"mr-1 h-4 w-4\" />\n            Delete\n          </Button>\n        </div>\n      </div>\n\n      <div className=\"grid grid-cols-1 lg:grid-cols-3 gap-6\">\n        <div className=\"lg:col-span-2 space-y-6\">\n          <Card>\n            <CardHeader className=\"flex flex-row items-center justify-between space-y-0\">\n              <CardTitle>Overview</CardTitle>\n              <Badge variant=\"outline\">{Math.round(objective.progress)}% complete</Badge>\n            </CardHeader>\n            <CardContent className=\"space-y-4\">\n              <p className=\"text-sm\">{objective.description ?? 'No description provided.'}</p>\n              <ProgressBar progress={objective.progress} />\n            </CardContent>\n          </Card>\n\n          <Card>\n            <CardHeader className=\"flex flex-row items-center justify-between space-y-0\">\n              <CardTitle>Key Results</CardTitle>\n              {!isAddingKr && (\n                <Button size=\"sm\" variant=\"outline\" onClick={() => setIsAddingKr(true)}>\n                  <Plus className=\"mr-1 h-4 w-4\" />\n                  Add Key Result\n                </Button>\n              )}\n            </CardHeader>\n            <CardContent className=\"space-y-4\">\n              {isAddingKr && (\n                <div className=\"space-y-3 rounded-md border border-input p-3\">\n                  <Input\n                    placeholder=\"Key result title, e.g. Sign 10 new enterprise customers\"\n                    value={krForm.title}\n                    onChange={(e) => setKrForm({ ...krForm, title: e.target.value })}\n                  />\n                  <div className=\"grid grid-cols-3 gap-3\">\n                    <select\n                      className=\"rounded-md border border-input bg-background px-3 py-2 text-sm\"\n                      value={krForm.metricType}\n                      onChange={(e) => setKrForm({ ...krForm, metricType: e.target.value })}\n                    >\n                      <option value=\"NUMERIC\">Numeric</option>\n                      <option value=\"PERCENTAGE\">Percentage</option>\n                      <option value=\"BOOLEAN\">Yes / No</option>\n                    </select>\n                    {krForm.metricType !== 'BOOLEAN' && (\n                      <Input\n                        type=\"number\"\n                        placeholder=\"Target value\"\n                        value={krForm.targetValue}\n                        onChange={(e) => setKrForm({ ...krForm, targetValue: e.target.value })}\n                      />\n                    )}\n                    {krForm.metricType === 'NUMERIC' && (\n                      <Input\n                        placeholder=\"Unit (optional)\"\n                        value={krForm.unit}\n                        onChange={(e) => setKrForm({ ...krForm, unit: e.target.value })}\n                      />\n                    )}\n                  </div>\n                  <div className=\"flex gap-2 justify-end\">\n                    <Button\n                      size=\"sm\"\n                      variant=\"ghost\"\n                      onClick={() => {\n                        setIsAddingKr(false);\n                        setKrForm({\n                          title: '',\n                          metricType: 'NUMERIC',\n                          targetValue: '100',\n                          unit: '',\n                        });\n                      }}\n                    >\n                      Cancel\n                    </Button>\n                    <Button\n                      size=\"sm\"\n                      disabled={creatingKr || !krForm.title.trim()}\n                      onClick={handleAddKeyResult}\n                    >\n                      {creatingKr ? 'Adding...' : 'Add Key Result'}\n                    </Button>\n                  </div>\n                </div>\n              )}\n              {objective.keyResults.length === 0 && !isAddingKr && (\n                <p className=\"text-sm text-muted-foreground\">\n                  No key results yet. Add one to make this objective measurable.\n                </p>\n              )}\n              {objective.keyResults.map((kr) => (\n                <KeyResultRow\n                  key={kr.id}\n                  kr={kr}\n                  onUpdated={() => void refetch()}\n                  onDeleted={() => void refetch()}\n                />\n              ))}\n            </CardContent>\n          </Card>\n        </div>\n\n        <Card>\n          <CardHeader>\n            <CardTitle>Details</CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-3 text-sm\">\n            <div className=\"flex items-center gap-2\">\n              <User className=\"h-4 w-4 text-muted-foreground\" />\n              <span className=\"text-muted-foreground\">Owner:</span>\n              <span className=\"font-medium\">{objective.ownerId}</span>\n            </div>\n            <div className=\"flex items-center gap-2\">\n              <Calendar className=\"h-4 w-4 text-muted-foreground\" />\n              <span className=\"text-muted-foreground\">Period:</span>\n              <span className=\"font-medium\">{objective.periodLabel}</span>\n            </div>\n            {objective.endDate && (\n              <div className=\"flex items-center gap-2\">\n                <Calendar className=\"h-4 w-4 text-muted-foreground\" />\n                <span className=\"text-muted-foreground\">Target end:</span>\n                <span className=\"font-medium\">\n                  {new Date(objective.endDate).toLocaleDateString()}\n                </span>\n              </div>\n            )}\n            <div className=\"flex items-center gap-2\">\n              <Calendar className=\"h-4 w-4 text-muted-foreground\" />\n              <span className=\"text-muted-foreground\">Created:</span>\n              <span className=\"font-medium\">\n                {objective.createdAt ? new Date(objective.createdAt).toLocaleDateString() : '—'}\n              </span>\n            </div>\n          </CardContent>\n        </Card>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"GoalsObjectiveDetailPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/GoalsObjectiveDetailPagePage.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 {\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  Button,\n  Input,\n  Badge,\n} from '@burdenoff/fe-libs/ui';\nimport { Flag, Calendar, User, Plus, Trash2, ArrowLeft } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { PersonName } from '../people/People';\n\n// BOFF-4441: OKR detail — real Objective + KeyResult data via GraphQL.\n// `progress` (on both the objective and each key result) is computed live\n// server-side from current/target values; this page only ever reads it,\n// never derives it client-side. `linkedWorkItemRollup` surfaces a real,\n// live-computed completion ratio over WorkItems linked to a key result --\n// informational only, it does not drive `currentValue` (see the backend\n// module header for the explicit deferral of that automation).\nconst GET_OBJECTIVE = gql`\n  query GetObjectiveDetail($id: ID!) {\n    planmagnetObjective(id: $id) {\n      id\n      workspaceId\n      title\n      description\n      ownerId\n      periodLabel\n      startDate\n      endDate\n      status\n      progress\n      createdAt\n      keyResults {\n        id\n        title\n        description\n        metricType\n        startValue\n        targetValue\n        currentValue\n        unit\n        status\n        ownerId\n        progress\n        linkedWorkItemRollup {\n          totalLinked\n          doneCount\n          completionRatio\n        }\n      }\n    }\n  }\n`;\n\nconst CREATE_KEY_RESULT = gql`\n  mutation CreateKeyResult($input: PlanmagnetCreateKeyResultInput!) {\n    planmagnetCreateKeyResult(input: $input) {\n      id\n    }\n  }\n`;\n\nconst UPDATE_KEY_RESULT = gql`\n  mutation UpdateKeyResult($id: ID!, $input: PlanmagnetUpdateKeyResultInput!) {\n    planmagnetUpdateKeyResult(id: $id, input: $input) {\n      id\n      currentValue\n      status\n    }\n  }\n`;\n\nconst DELETE_KEY_RESULT = gql`\n  mutation DeleteKeyResult($id: ID!) {\n    planmagnetDeleteKeyResult(id: $id)\n  }\n`;\n\nconst DELETE_OBJECTIVE = gql`\n  mutation DeleteObjective($id: ID!) {\n    planmagnetDeleteObjective(id: $id)\n  }\n`;\n\nconst objectiveStatusColor: Record<string, string> = {\n  DRAFT: 'bg-gray-100 text-gray-800',\n  ACTIVE: 'bg-blue-100 text-blue-800',\n  COMPLETED: 'bg-green-100 text-green-800',\n  CANCELLED: 'bg-red-100 text-red-800',\n};\n\nconst krStatusColor: Record<string, string> = {\n  NOT_STARTED: 'bg-gray-100 text-gray-800',\n  IN_PROGRESS: 'bg-blue-100 text-blue-800',\n  AT_RISK: 'bg-orange-100 text-orange-800',\n  COMPLETED: 'bg-green-100 text-green-800',\n};\n\nfunction ProgressBar({ progress }: { progress: number }) {\n  const pct = Math.max(0, Math.min(100, Math.round(progress)));\n  return (\n    <div className=\"h-2 w-full rounded-full bg-muted overflow-hidden\">\n      <div className=\"h-full rounded-full bg-primary transition-all\" style={{ width: `${pct}%` }} />\n    </div>\n  );\n}\n\ninterface KeyResultNode {\n  id: string;\n  title: string;\n  description: string | null;\n  metricType: 'NUMERIC' | 'PERCENTAGE' | 'BOOLEAN';\n  startValue: number;\n  targetValue: number;\n  currentValue: number;\n  unit: string | null;\n  status: string;\n  ownerId: string | null;\n  progress: number;\n  linkedWorkItemRollup: { totalLinked: number; doneCount: number; completionRatio: number };\n}\n\nfunction KeyResultRow({\n  kr,\n  onUpdated,\n  onDeleted,\n}: {\n  kr: KeyResultNode;\n  onUpdated: () => void;\n  onDeleted: () => void;\n}) {\n  const [draftValue, setDraftValue] = useState(String(kr.currentValue));\n  const [updateKeyResult, { loading: updating }] = useMutation(UPDATE_KEY_RESULT);\n  const [deleteKeyResult, { loading: deleting }] = useMutation(DELETE_KEY_RESULT);\n\n  const handleSaveProgress = async () => {\n    const parsed = kr.metricType === 'BOOLEAN' ? (draftValue === '1' ? 1 : 0) : Number(draftValue);\n    if (Number.isNaN(parsed)) return;\n    await updateKeyResult({ variables: { id: kr.id, input: { currentValue: parsed } } });\n    onUpdated();\n  };\n\n  const handleDelete = async () => {\n    await deleteKeyResult({ variables: { id: kr.id } });\n    onDeleted();\n  };\n\n  return (\n    <div className=\"rounded-md border border-input p-4 space-y-3\">\n      <div className=\"flex items-start justify-between gap-3\">\n        <div className=\"min-w-0\">\n          <p className=\"text-sm font-medium\">{kr.title}</p>\n          {kr.description && (\n            <p className=\"text-xs text-muted-foreground mt-0.5\">{kr.description}</p>\n          )}\n        </div>\n        <div className=\"flex items-center gap-2 shrink-0\">\n          <span\n            className={`text-xs px-2 py-0.5 rounded-full capitalize ${krStatusColor[kr.status] ?? ''}`}\n          >\n            {kr.status.toLowerCase().replace('_', ' ')}\n          </span>\n          <Button\n            size=\"icon\"\n            variant=\"ghost\"\n            disabled={deleting}\n            onClick={handleDelete}\n            aria-label={`Delete ${kr.title}`}\n          >\n            <Trash2 className=\"h-4 w-4\" />\n          </Button>\n        </div>\n      </div>\n      <ProgressBar progress={kr.progress} />\n      <div className=\"flex items-center justify-between text-xs text-muted-foreground\">\n        <span>\n          {kr.metricType === 'BOOLEAN'\n            ? kr.currentValue > 0\n              ? 'Done'\n              : 'Not done'\n            : `${kr.currentValue}${kr.unit ? ` ${kr.unit}` : ''} of ${kr.targetValue}${kr.unit ? ` ${kr.unit}` : ''}`}\n        </span>\n        <span>{Math.round(kr.progress)}%</span>\n      </div>\n      {kr.linkedWorkItemRollup.totalLinked > 0 && (\n        <p className=\"text-xs text-muted-foreground\">\n          {kr.linkedWorkItemRollup.doneCount}/{kr.linkedWorkItemRollup.totalLinked} linked work\n          items done ({Math.round(kr.linkedWorkItemRollup.completionRatio * 100)}%) &mdash;\n          informational, update progress above manually\n        </p>\n      )}\n      <div className=\"flex items-center gap-2\">\n        {kr.metricType === 'BOOLEAN' ? (\n          <select\n            className=\"rounded-md border border-input bg-background px-3 py-1.5 text-sm\"\n            value={draftValue}\n            onChange={(e) => setDraftValue(e.target.value)}\n          >\n            <option value=\"0\">Not done</option>\n            <option value=\"1\">Done</option>\n          </select>\n        ) : (\n          <Input\n            type=\"number\"\n            value={draftValue}\n            onChange={(e) => setDraftValue(e.target.value)}\n            className=\"w-32\"\n          />\n        )}\n        <Button size=\"sm\" variant=\"outline\" disabled={updating} onClick={handleSaveProgress}>\n          {updating ? 'Saving...' : 'Update progress'}\n        </Button>\n      </div>\n    </div>\n  );\n}\n\nexport function GoalsObjectiveDetailPagePage() {\n  const { workspaceId } = usePlanMagnet();\n  const navigate = usePlanMagnetNavigate();\n  const objectiveId = new URLSearchParams(window.location.search).get('objectiveId') ?? '';\n\n  const [isAddingKr, setIsAddingKr] = useState(false);\n  const [krForm, setKrForm] = useState({\n    title: '',\n    metricType: 'NUMERIC',\n    targetValue: '100',\n    unit: '',\n  });\n\n  const { data, loading, error, refetch } = useQuery<{\n    planmagnetObjective: {\n      id: string;\n      title: string;\n      description: string | null;\n      ownerId: string;\n      periodLabel: string;\n      startDate: string | null;\n      endDate: string | null;\n      status: string;\n      progress: number;\n      createdAt: string;\n      keyResults: KeyResultNode[];\n    } | null;\n  }>(GET_OBJECTIVE, {\n    variables: { id: objectiveId },\n    skip: !workspaceId || !objectiveId,\n  });\n\n  const [createKeyResult, { loading: creatingKr }] = useMutation(CREATE_KEY_RESULT);\n  const [deleteObjective, { loading: deletingObjective }] = useMutation(DELETE_OBJECTIVE);\n\n  if (loading) {\n    return (\n      <div className=\"flex items-center justify-center p-12\">\n        <div className=\"animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full\" />\n      </div>\n    );\n  }\n  if (error) return <div className=\"p-6 text-red-500\">Error: {error.message}</div>;\n\n  const objective = data?.planmagnetObjective;\n  if (!objective) return <div className=\"p-6 text-muted-foreground\">Objective not found.</div>;\n\n  const handleAddKeyResult = async () => {\n    if (!krForm.title.trim() || !objectiveId) return;\n    const target = Number(krForm.metricType === 'BOOLEAN' ? 1 : krForm.targetValue);\n    if (Number.isNaN(target)) return;\n    await createKeyResult({\n      variables: {\n        input: {\n          objectiveId,\n          title: krForm.title.trim(),\n          metricType: krForm.metricType,\n          targetValue: target,\n          unit: krForm.unit.trim() || undefined,\n        },\n      },\n    });\n    setKrForm({ title: '', metricType: 'NUMERIC', targetValue: '100', unit: '' });\n    setIsAddingKr(false);\n    void refetch();\n  };\n\n  const handleDeleteObjective = async () => {\n    await deleteObjective({ variables: { id: objectiveId } });\n    navigate('/goals/goals-page');\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div className=\"flex items-center gap-3\">\n          <Button variant=\"ghost\" size=\"icon\" onClick={() => navigate('/goals/goals-page')}>\n            <ArrowLeft className=\"h-4 w-4\" />\n          </Button>\n          <Flag className=\"h-6 w-6 text-primary\" />\n          <div>\n            <h1 className=\"text-2xl font-semibold\">{objective.title}</h1>\n            <p className=\"text-sm text-muted-foreground\">{objective.periodLabel}</p>\n          </div>\n        </div>\n        <div className=\"flex items-center gap-2\">\n          <span\n            className={`text-xs px-3 py-1 rounded-full capitalize ${objectiveStatusColor[objective.status] ?? 'bg-gray-100'}`}\n          >\n            {objective.status.toLowerCase()}\n          </span>\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            disabled={deletingObjective}\n            onClick={handleDeleteObjective}\n          >\n            <Trash2 className=\"mr-1 h-4 w-4\" />\n            Delete\n          </Button>\n        </div>\n      </div>\n\n      <div className=\"grid grid-cols-1 lg:grid-cols-3 gap-6\">\n        <div className=\"lg:col-span-2 space-y-6\">\n          <Card>\n            <CardHeader className=\"flex flex-row items-center justify-between space-y-0\">\n              <CardTitle>Overview</CardTitle>\n              <Badge variant=\"outline\">{Math.round(objective.progress)}% complete</Badge>\n            </CardHeader>\n            <CardContent className=\"space-y-4\">\n              <p className=\"text-sm\">{objective.description ?? 'No description provided.'}</p>\n              <ProgressBar progress={objective.progress} />\n            </CardContent>\n          </Card>\n\n          <Card>\n            <CardHeader className=\"flex flex-row items-center justify-between space-y-0\">\n              <CardTitle>Key Results</CardTitle>\n              {!isAddingKr && (\n                <Button size=\"sm\" variant=\"outline\" onClick={() => setIsAddingKr(true)}>\n                  <Plus className=\"mr-1 h-4 w-4\" />\n                  Add Key Result\n                </Button>\n              )}\n            </CardHeader>\n            <CardContent className=\"space-y-4\">\n              {isAddingKr && (\n                <div className=\"space-y-3 rounded-md border border-input p-3\">\n                  <Input\n                    placeholder=\"Key result title, e.g. Sign 10 new enterprise customers\"\n                    value={krForm.title}\n                    onChange={(e) => setKrForm({ ...krForm, title: e.target.value })}\n                  />\n                  <div className=\"grid grid-cols-3 gap-3\">\n                    <select\n                      className=\"rounded-md border border-input bg-background px-3 py-2 text-sm\"\n                      value={krForm.metricType}\n                      onChange={(e) => setKrForm({ ...krForm, metricType: e.target.value })}\n                    >\n                      <option value=\"NUMERIC\">Numeric</option>\n                      <option value=\"PERCENTAGE\">Percentage</option>\n                      <option value=\"BOOLEAN\">Yes / No</option>\n                    </select>\n                    {krForm.metricType !== 'BOOLEAN' && (\n                      <Input\n                        type=\"number\"\n                        placeholder=\"Target value\"\n                        value={krForm.targetValue}\n                        onChange={(e) => setKrForm({ ...krForm, targetValue: e.target.value })}\n                      />\n                    )}\n                    {krForm.metricType === 'NUMERIC' && (\n                      <Input\n                        placeholder=\"Unit (optional)\"\n                        value={krForm.unit}\n                        onChange={(e) => setKrForm({ ...krForm, unit: e.target.value })}\n                      />\n                    )}\n                  </div>\n                  <div className=\"flex gap-2 justify-end\">\n                    <Button\n                      size=\"sm\"\n                      variant=\"ghost\"\n                      onClick={() => {\n                        setIsAddingKr(false);\n                        setKrForm({\n                          title: '',\n                          metricType: 'NUMERIC',\n                          targetValue: '100',\n                          unit: '',\n                        });\n                      }}\n                    >\n                      Cancel\n                    </Button>\n                    <Button\n                      size=\"sm\"\n                      disabled={creatingKr || !krForm.title.trim()}\n                      onClick={handleAddKeyResult}\n                    >\n                      {creatingKr ? 'Adding...' : 'Add Key Result'}\n                    </Button>\n                  </div>\n                </div>\n              )}\n              {objective.keyResults.length === 0 && !isAddingKr && (\n                <p className=\"text-sm text-muted-foreground\">\n                  No key results yet. Add one to make this objective measurable.\n                </p>\n              )}\n              {objective.keyResults.map((kr) => (\n                <KeyResultRow\n                  key={kr.id}\n                  kr={kr}\n                  onUpdated={() => void refetch()}\n                  onDeleted={() => void refetch()}\n                />\n              ))}\n            </CardContent>\n          </Card>\n        </div>\n\n        <Card>\n          <CardHeader>\n            <CardTitle>Details</CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-3 text-sm\">\n            <div className=\"flex items-center gap-2\">\n              <User className=\"h-4 w-4 text-muted-foreground\" />\n              <span className=\"text-muted-foreground\">Owner:</span>\n              <span className=\"font-medium\">\n                <PersonName id={objective.ownerId} />\n              </span>\n            </div>\n            <div className=\"flex items-center gap-2\">\n              <Calendar className=\"h-4 w-4 text-muted-foreground\" />\n              <span className=\"text-muted-foreground\">Period:</span>\n              <span className=\"font-medium\">{objective.periodLabel}</span>\n            </div>\n            {objective.endDate && (\n              <div className=\"flex items-center gap-2\">\n                <Calendar className=\"h-4 w-4 text-muted-foreground\" />\n                <span className=\"text-muted-foreground\">Target end:</span>\n                <span className=\"font-medium\">\n                  {new Date(objective.endDate).toLocaleDateString()}\n                </span>\n              </div>\n            )}\n            <div className=\"flex items-center gap-2\">\n              <Calendar className=\"h-4 w-4 text-muted-foreground\" />\n              <span className=\"text-muted-foreground\">Created:</span>\n              <span className=\"font-medium\">\n                {objective.createdAt ? new Date(objective.createdAt).toLocaleDateString() : '—'}\n              </span>\n            </div>\n          </CardContent>\n        </Card>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/planmagnet/pages/ProductsEditProductPagePage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProductsEditProductPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProductsEditProductPagePage.tsx"],"names":[],"mappings":"AA0DA,wBAAgB,2BAA2B,4CA4N1C"}
+{"version":3,"file":"ProductsEditProductPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProductsEditProductPagePage.tsx"],"names":[],"mappings":"AA2DA,wBAAgB,2BAA2B,4CA8N1C"}

package/dist/planmagnet/pages/ProductsEditProductPagePage.js

@@ -1,13 +1,14 @@
 import { usePlanMagnet as e, usePlanMagnetNavigate as t } from "../providers/PlanMagnetProvider.js";
-import { useMemo as n, useState as r } from "react";
-import { ArrowLeft as i, Loader2 as a, Package as o, Save as s } from "lucide-react";
-import { useParams as c } from "react-router";
-import { gql as l } from "@apollo/client";
-import { useMutation as u, useQuery as d } from "@apollo/client/react";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
-import { Button as m, Card as h, CardContent as g, CardHeader as _, CardTitle as v, Input as y } from "@burdenoff/fe-libs/ui";
+import { PersonName as n } from "../people/People.js";
+import { useMemo as r, useState as i } from "react";
+import { ArrowLeft as a, Loader2 as o, Package as s, Save as c } from "lucide-react";
+import { useParams as l } from "react-router";
+import { gql as u } from "@apollo/client";
+import { useMutation as d, useQuery as f } from "@apollo/client/react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { Button as h, Card as g, CardContent as _, CardHeader as v, CardTitle as y, Input as b } from "@burdenoff/fe-libs/ui";
 //#region src/planmagnet/pages/ProductsEditProductPagePage.tsx
-var b = l`
+var x = u`
   query GetRoadmapForEdit($id: ID!) {
     planmagnetRoadmap(id: $id) {
       id
@@ -25,7 +26,7 @@ var b = l`
       }
     }
   }
-`, x = l`
+`, S = u`
   mutation UpdateRoadmap($id: ID!, $input: PlanmagnetUpdateRoadmapInput!) {
     planmagnetUpdateRoadmap(id: $id, input: $input) {
       id
@@ -37,221 +38,221 @@ var b = l`
       updatedAt
     }
   }
-`, S = l`
+`, C = u`
   mutation DeleteRoadmap($id: ID!) {
     planmagnetDeleteRoadmap(id: $id)
   }
 `;
-function C() {
-	let { workspaceId: l } = e(), C = t(), w = c().id ?? "", { data: T, loading: E, error: D } = d(b, {
-		variables: { id: w },
-		skip: !w
-	}), [O, { loading: k, error: A }] = u(x, { refetchQueries: ["ListRoadmaps", "GetRoadmapForEdit"] }), [j, { loading: M }] = u(S, {
+function w() {
+	let { workspaceId: u } = e(), w = t(), T = l().id ?? "", { data: E, loading: D, error: O } = f(x, {
+		variables: { id: T },
+		skip: !T
+	}), [k, { loading: A, error: j }] = d(S, { refetchQueries: ["ListRoadmaps", "GetRoadmapForEdit"] }), [M, { loading: N }] = d(C, {
 		refetchQueries: ["ListRoadmaps"],
-		onCompleted: () => C("/products")
-	}), N = T?.planmagnetRoadmap, P = n(() => ({
-		name: N?.name ?? "",
-		description: N?.description ?? "",
-		type: N?.type ?? "TIMELINE",
-		isPublic: N?.isPublic ?? !1
-	}), [N]), [F, I] = r({}), L = {
-		...P,
-		...F
-	}, R = (e) => I(e);
-	return E ? /* @__PURE__ */ f("div", {
+		onCompleted: () => w("/products")
+	}), P = E?.planmagnetRoadmap, F = r(() => ({
+		name: P?.name ?? "",
+		description: P?.description ?? "",
+		type: P?.type ?? "TIMELINE",
+		isPublic: P?.isPublic ?? !1
+	}), [P]), [I, L] = i({}), R = {
+		...F,
+		...I
+	}, z = (e) => L(e);
+	return D ? /* @__PURE__ */ p("div", {
 		className: "flex items-center justify-center p-12",
-		children: /* @__PURE__ */ f(a, { className: "h-8 w-8 animate-spin text-muted-foreground" })
-	}) : D ? /* @__PURE__ */ p("div", {
+		children: /* @__PURE__ */ p(o, { className: "h-8 w-8 animate-spin text-muted-foreground" })
+	}) : O ? /* @__PURE__ */ m("div", {
 		className: "p-6 text-destructive",
-		children: ["Failed to load product: ", D.message]
-	}) : N ? /* @__PURE__ */ p("div", {
+		children: ["Failed to load product: ", O.message]
+	}) : P ? /* @__PURE__ */ m("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ p("div", {
+			/* @__PURE__ */ m("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ p("div", {
+				children: [/* @__PURE__ */ m("div", {
 					className: "flex items-center gap-3",
-					children: [/* @__PURE__ */ f(m, {
+					children: [/* @__PURE__ */ p(h, {
 						variant: "ghost",
 						size: "sm",
-						onClick: () => C("/products"),
-						children: /* @__PURE__ */ f(i, { className: "h-4 w-4" })
-					}), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("h1", {
+						onClick: () => w("/products"),
+						children: /* @__PURE__ */ p(a, { className: "h-4 w-4" })
+					}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h1", {
 						className: "text-2xl font-semibold",
 						children: "Edit Product"
-					}), /* @__PURE__ */ p("p", {
+					}), /* @__PURE__ */ m("p", {
 						className: "text-sm text-muted-foreground",
-						children: ["Editing ", N.name]
+						children: ["Editing ", P.name]
 					})] })]
-				}), /* @__PURE__ */ p(m, {
+				}), /* @__PURE__ */ m(h, {
 					size: "sm",
 					onClick: () => {
-						O({ variables: {
-							id: w,
+						k({ variables: {
+							id: T,
 							input: {
-								name: L.name,
-								description: L.description || void 0,
-								type: L.type,
-								isPublic: L.isPublic
+								name: R.name,
+								description: R.description || void 0,
+								type: R.type,
+								isPublic: R.isPublic
 							}
 						} });
 					},
-					disabled: k,
-					children: [k ? /* @__PURE__ */ f(a, { className: "mr-1 h-4 w-4 animate-spin" }) : /* @__PURE__ */ f(s, { className: "mr-1 h-4 w-4" }), "Save Changes"]
+					disabled: A,
+					children: [A ? /* @__PURE__ */ p(o, { className: "mr-1 h-4 w-4 animate-spin" }) : /* @__PURE__ */ p(c, { className: "mr-1 h-4 w-4" }), "Save Changes"]
 				})]
 			}),
-			A && /* @__PURE__ */ p("div", {
+			j && /* @__PURE__ */ m("div", {
 				className: "p-3 rounded-md bg-destructive/10 text-destructive text-sm",
-				children: ["Failed to save: ", A.message]
+				children: ["Failed to save: ", j.message]
 			}),
-			/* @__PURE__ */ p("div", {
+			/* @__PURE__ */ m("div", {
 				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
-				children: [/* @__PURE__ */ f("div", {
+				children: [/* @__PURE__ */ p("div", {
 					className: "lg:col-span-2 space-y-6",
-					children: /* @__PURE__ */ p(h, { children: [/* @__PURE__ */ f(_, { children: /* @__PURE__ */ f(v, { children: "Basic Information" }) }), /* @__PURE__ */ p(g, {
+					children: /* @__PURE__ */ m(g, { children: [/* @__PURE__ */ p(v, { children: /* @__PURE__ */ p(y, { children: "Basic Information" }) }), /* @__PURE__ */ m(_, {
 						className: "space-y-4",
 						children: [
-							/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+							/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 								className: "text-sm font-medium",
 								children: "Product Name"
-							}), /* @__PURE__ */ f(y, {
-								value: L.name,
-								onChange: (e) => R({
-									...L,
+							}), /* @__PURE__ */ p(b, {
+								value: R.name,
+								onChange: (e) => z({
+									...R,
 									name: e.target.value
 								}),
 								className: "mt-1"
 							})] }),
-							/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+							/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 								className: "text-sm font-medium",
 								children: "Description"
-							}), /* @__PURE__ */ f("textarea", {
+							}), /* @__PURE__ */ p("textarea", {
 								className: "mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm min-h-[80px]",
-								value: L.description,
-								onChange: (e) => R({
-									...L,
+								value: R.description,
+								onChange: (e) => z({
+									...R,
 									description: e.target.value
 								})
 							})] }),
-							/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+							/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 								className: "text-sm font-medium",
 								children: "Type"
-							}), /* @__PURE__ */ f("div", {
+							}), /* @__PURE__ */ p("div", {
 								className: "mt-1 flex gap-2",
 								children: [
 									"TIMELINE",
 									"GANTT",
 									"SWIMLANE",
 									"CUSTOM"
-								].map((e) => /* @__PURE__ */ f("button", {
-									onClick: () => R({
-										...L,
+								].map((e) => /* @__PURE__ */ p("button", {
+									onClick: () => z({
+										...R,
 										type: e
 									}),
-									className: `rounded-md px-3 py-1.5 text-sm capitalize ${L.type === e ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground"}`,
+									className: `rounded-md px-3 py-1.5 text-sm capitalize ${R.type === e ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground"}`,
 									children: e.toLowerCase()
 								}, e))
 							})] }),
-							/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+							/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 								className: "text-sm font-medium",
 								children: "Visibility"
-							}), /* @__PURE__ */ f("div", {
+							}), /* @__PURE__ */ p("div", {
 								className: "mt-1 flex gap-2",
-								children: [!1, !0].map((e) => /* @__PURE__ */ f("button", {
-									onClick: () => R({
-										...L,
+								children: [!1, !0].map((e) => /* @__PURE__ */ p("button", {
+									onClick: () => z({
+										...R,
 										isPublic: e
 									}),
-									className: `rounded-md px-3 py-1.5 text-sm ${L.isPublic === e ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground"}`,
+									className: `rounded-md px-3 py-1.5 text-sm ${R.isPublic === e ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground"}`,
 									children: e ? "Public" : "Private"
 								}, String(e)))
 							})] })
 						]
 					})] })
-				}), /* @__PURE__ */ p("div", {
+				}), /* @__PURE__ */ m("div", {
 					className: "space-y-6",
-					children: [/* @__PURE__ */ p(h, { children: [/* @__PURE__ */ f(_, { children: /* @__PURE__ */ f(v, { children: "Product Info" }) }), /* @__PURE__ */ p(g, {
+					children: [/* @__PURE__ */ m(g, { children: [/* @__PURE__ */ p(v, { children: /* @__PURE__ */ p(y, { children: "Product Info" }) }), /* @__PURE__ */ m(_, {
 						className: "space-y-3 text-sm",
 						children: [
-							/* @__PURE__ */ p("div", {
+							/* @__PURE__ */ m("div", {
 								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ f(o, { className: "h-4 w-4 text-primary" }), /* @__PURE__ */ f("span", {
+								children: [/* @__PURE__ */ p(s, { className: "h-4 w-4 text-primary" }), /* @__PURE__ */ p("span", {
 									className: "font-medium",
-									children: N.name
+									children: P.name
 								})]
 							}),
-							/* @__PURE__ */ p("div", {
+							/* @__PURE__ */ m("div", {
 								className: "flex justify-between",
-								children: [/* @__PURE__ */ f("span", {
+								children: [/* @__PURE__ */ p("span", {
 									className: "text-muted-foreground",
 									children: "Items"
-								}), /* @__PURE__ */ f("span", {
+								}), /* @__PURE__ */ p("span", {
 									className: "font-medium",
-									children: N.items?.length ?? 0
+									children: P.items?.length ?? 0
 								})]
 							}),
-							/* @__PURE__ */ p("div", {
+							/* @__PURE__ */ m("div", {
 								className: "flex justify-between",
-								children: [/* @__PURE__ */ f("span", {
+								children: [/* @__PURE__ */ p("span", {
 									className: "text-muted-foreground",
 									children: "Type"
-								}), /* @__PURE__ */ f("span", {
+								}), /* @__PURE__ */ p("span", {
 									className: "font-medium capitalize",
-									children: N.type.toLowerCase()
+									children: P.type.toLowerCase()
 								})]
 							}),
-							/* @__PURE__ */ p("div", {
+							/* @__PURE__ */ m("div", {
 								className: "flex justify-between",
-								children: [/* @__PURE__ */ f("span", {
+								children: [/* @__PURE__ */ p("span", {
 									className: "text-muted-foreground",
 									children: "Visibility"
-								}), /* @__PURE__ */ f("span", {
+								}), /* @__PURE__ */ p("span", {
 									className: "font-medium",
-									children: N.isPublic ? "Public" : "Private"
+									children: P.isPublic ? "Public" : "Private"
 								})]
 							}),
-							/* @__PURE__ */ p("div", {
+							/* @__PURE__ */ m("div", {
 								className: "flex justify-between",
-								children: [/* @__PURE__ */ f("span", {
+								children: [/* @__PURE__ */ p("span", {
 									className: "text-muted-foreground",
 									children: "Owner"
-								}), /* @__PURE__ */ f("span", {
+								}), /* @__PURE__ */ p("span", {
 									className: "font-medium",
-									children: N.ownerId
+									children: /* @__PURE__ */ p(n, { id: P.ownerId })
 								})]
 							}),
-							/* @__PURE__ */ p("div", {
+							/* @__PURE__ */ m("div", {
 								className: "flex justify-between",
-								children: [/* @__PURE__ */ f("span", {
+								children: [/* @__PURE__ */ p("span", {
 									className: "text-muted-foreground",
 									children: "Created"
-								}), /* @__PURE__ */ f("span", { children: new Date(N.createdAt).toLocaleDateString() })]
+								}), /* @__PURE__ */ p("span", { children: new Date(P.createdAt).toLocaleDateString() })]
 							}),
-							/* @__PURE__ */ p("div", {
+							/* @__PURE__ */ m("div", {
 								className: "flex justify-between",
-								children: [/* @__PURE__ */ f("span", {
+								children: [/* @__PURE__ */ p("span", {
 									className: "text-muted-foreground",
 									children: "Updated"
-								}), /* @__PURE__ */ f("span", { children: new Date(N.updatedAt).toLocaleDateString() })]
+								}), /* @__PURE__ */ p("span", { children: new Date(P.updatedAt).toLocaleDateString() })]
 							})
 						]
-					})] }), /* @__PURE__ */ p(h, { children: [/* @__PURE__ */ f(_, { children: /* @__PURE__ */ f(v, { children: "Danger Zone" }) }), /* @__PURE__ */ f(g, { children: /* @__PURE__ */ f(m, {
+					})] }), /* @__PURE__ */ m(g, { children: [/* @__PURE__ */ p(v, { children: /* @__PURE__ */ p(y, { children: "Danger Zone" }) }), /* @__PURE__ */ p(_, { children: /* @__PURE__ */ p(h, {
 						variant: "destructive",
 						size: "sm",
 						className: "w-full",
-						disabled: M,
-						onClick: () => j({ variables: { id: w } }),
-						children: M ? "Archiving..." : "Archive Product"
+						disabled: N,
+						onClick: () => M({ variables: { id: T } }),
+						children: N ? "Archiving..." : "Archive Product"
 					}) })] })]
 				})]
 			})
 		]
-	}) : /* @__PURE__ */ f("div", {
+	}) : /* @__PURE__ */ p("div", {
 		className: "p-6 text-muted-foreground",
 		children: "No product found."
 	});
 }
 //#endregion
-export { C as ProductsEditProductPagePage };
+export { w as ProductsEditProductPagePage };
 
 //# sourceMappingURL=ProductsEditProductPagePage.js.map

package/dist/planmagnet/pages/ProductsEditProductPagePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductsEditProductPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProductsEditProductPagePage.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport { useState, useMemo } from 'react';\nimport { gql } from '@apollo/client';\nimport { useQuery, useMutation } from '@apollo/client/react';\nimport {\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  Button,\n  Input,\n  Badge,\n} from '@burdenoff/fe-libs/ui';\nimport { Save, ArrowLeft, Package, Loader2 } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { useParams } from 'react-router';\n\nconst GET_ROADMAP = gql`\n  query GetRoadmapForEdit($id: ID!) {\n    planmagnetRoadmap(id: $id) {\n      id\n      workspaceId\n      name\n      description\n      type\n      isPublic\n      ownerId\n      createdAt\n      updatedAt\n      items {\n        id\n        status\n      }\n    }\n  }\n`;\n\nconst UPDATE_ROADMAP = gql`\n  mutation UpdateRoadmap($id: ID!, $input: PlanmagnetUpdateRoadmapInput!) {\n    planmagnetUpdateRoadmap(id: $id, input: $input) {\n      id\n      name\n      description\n      type\n      isPublic\n      ownerId\n      updatedAt\n    }\n  }\n`;\n\nconst DELETE_ROADMAP = gql`\n  mutation DeleteRoadmap($id: ID!) {\n    planmagnetDeleteRoadmap(id: $id)\n  }\n`;\n\nexport function ProductsEditProductPagePage() {\n  const { workspaceId } = usePlanMagnet();\n  const navigate = usePlanMagnetNavigate();\n  const params = useParams<{ id: string }>();\n  const roadmapId = params.id ?? '';\n\n  const {\n    data,\n    loading,\n    error,\n  } = // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    useQuery<Record<string, any>>(GET_ROADMAP, {\n      variables: { id: roadmapId },\n      skip: !roadmapId,\n    });\n\n  const [updateRoadmap, { loading: saving, error: saveError }] = useMutation(UPDATE_ROADMAP, {\n    refetchQueries: ['ListRoadmaps', 'GetRoadmapForEdit'],\n  });\n\n  const [deleteRoadmap, { loading: deleting }] = useMutation(DELETE_ROADMAP, {\n    refetchQueries: ['ListRoadmaps'],\n    onCompleted: () => navigate('/products'),\n  });\n\n  const roadmap = data?.planmagnetRoadmap;\n\n  const defaultForm = useMemo(\n    () => ({\n      name: roadmap?.name ?? '',\n      description: roadmap?.description ?? '',\n      type: roadmap?.type ?? 'TIMELINE',\n      isPublic: roadmap?.isPublic ?? false,\n    }),\n    [roadmap]\n  );\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const [formOverrides, setFormOverrides] = useState<Record<string, any>>({});\n  const form = { ...defaultForm, ...formOverrides } as {\n    name: string;\n    description: string;\n    type: string;\n    isPublic: boolean;\n  };\n  const setForm = (val: typeof form) => setFormOverrides(val);\n\n  const typeOptions = ['TIMELINE', 'GANTT', 'SWIMLANE', 'CUSTOM'] as const;\n\n  const handleSave = () => {\n    updateRoadmap({\n      variables: {\n        id: roadmapId,\n        input: {\n          name: form.name,\n          description: form.description || undefined,\n          type: form.type,\n          isPublic: form.isPublic,\n        },\n      },\n    });\n  };\n\n  if (loading) {\n    return (\n      <div className=\"flex items-center justify-center p-12\">\n        <Loader2 className=\"h-8 w-8 animate-spin text-muted-foreground\" />\n      </div>\n    );\n  }\n\n  if (error) {\n    return <div className=\"p-6 text-destructive\">Failed to load product: {error.message}</div>;\n  }\n\n  if (!roadmap) {\n    return <div className=\"p-6 text-muted-foreground\">No product found.</div>;\n  }\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div className=\"flex items-center gap-3\">\n          <Button variant=\"ghost\" size=\"sm\" onClick={() => navigate('/products')}>\n            <ArrowLeft className=\"h-4 w-4\" />\n          </Button>\n          <div>\n            <h1 className=\"text-2xl font-semibold\">Edit Product</h1>\n            <p className=\"text-sm text-muted-foreground\">Editing {roadmap.name}</p>\n          </div>\n        </div>\n        <Button size=\"sm\" onClick={handleSave} disabled={saving}>\n          {saving ? (\n            <Loader2 className=\"mr-1 h-4 w-4 animate-spin\" />\n          ) : (\n            <Save className=\"mr-1 h-4 w-4\" />\n          )}\n          Save Changes\n        </Button>\n      </div>\n\n      {saveError && (\n        <div className=\"p-3 rounded-md bg-destructive/10 text-destructive text-sm\">\n          Failed to save: {saveError.message}\n        </div>\n      )}\n\n      <div className=\"grid grid-cols-1 lg:grid-cols-3 gap-6\">\n        <div className=\"lg:col-span-2 space-y-6\">\n          <Card>\n            <CardHeader>\n              <CardTitle>Basic Information</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-4\">\n              <div>\n                <label className=\"text-sm font-medium\">Product Name</label>\n                <Input\n                  value={form.name}\n                  onChange={(e) => setForm({ ...form, name: e.target.value })}\n                  className=\"mt-1\"\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-[80px]\"\n                  value={form.description}\n                  onChange={(e) => setForm({ ...form, description: e.target.value })}\n                />\n              </div>\n              <div>\n                <label className=\"text-sm font-medium\">Type</label>\n                <div className=\"mt-1 flex gap-2\">\n                  {typeOptions.map((t) => (\n                    <button\n                      key={t}\n                      onClick={() => setForm({ ...form, type: t })}\n                      className={`rounded-md px-3 py-1.5 text-sm capitalize ${form.type === t ? 'bg-primary text-primary-foreground' : 'bg-muted text-muted-foreground'}`}\n                    >\n                      {t.toLowerCase()}\n                    </button>\n                  ))}\n                </div>\n              </div>\n              <div>\n                <label className=\"text-sm font-medium\">Visibility</label>\n                <div className=\"mt-1 flex gap-2\">\n                  {[false, true].map((pub) => (\n                    <button\n                      key={String(pub)}\n                      onClick={() => setForm({ ...form, isPublic: pub })}\n                      className={`rounded-md px-3 py-1.5 text-sm ${form.isPublic === pub ? 'bg-primary text-primary-foreground' : 'bg-muted text-muted-foreground'}`}\n                    >\n                      {pub ? 'Public' : 'Private'}\n                    </button>\n                  ))}\n                </div>\n              </div>\n            </CardContent>\n          </Card>\n        </div>\n\n        <div className=\"space-y-6\">\n          <Card>\n            <CardHeader>\n              <CardTitle>Product Info</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-3 text-sm\">\n              <div className=\"flex items-center gap-2\">\n                <Package className=\"h-4 w-4 text-primary\" />\n                <span className=\"font-medium\">{roadmap.name}</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Items</span>\n                <span className=\"font-medium\">{roadmap.items?.length ?? 0}</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Type</span>\n                <span className=\"font-medium capitalize\">{roadmap.type.toLowerCase()}</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Visibility</span>\n                <span className=\"font-medium\">{roadmap.isPublic ? 'Public' : 'Private'}</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Owner</span>\n                <span className=\"font-medium\">{roadmap.ownerId}</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Created</span>\n                <span>{new Date(roadmap.createdAt).toLocaleDateString()}</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Updated</span>\n                <span>{new Date(roadmap.updatedAt).toLocaleDateString()}</span>\n              </div>\n            </CardContent>\n          </Card>\n\n          <Card>\n            <CardHeader>\n              <CardTitle>Danger Zone</CardTitle>\n            </CardHeader>\n            <CardContent>\n              <Button\n                variant=\"destructive\"\n                size=\"sm\"\n                className=\"w-full\"\n                disabled={deleting}\n                onClick={() => deleteRoadmap({ variables: { id: roadmapId } })}\n              >\n                {deleting ? 'Archiving...' : 'Archive Product'}\n              </Button>\n            </CardContent>\n          </Card>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ProductsEditProductPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProductsEditProductPagePage.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport { useState, useMemo } from 'react';\nimport { gql } from '@apollo/client';\nimport { useQuery, useMutation } from '@apollo/client/react';\nimport {\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  Button,\n  Input,\n  Badge,\n} from '@burdenoff/fe-libs/ui';\nimport { Save, ArrowLeft, Package, Loader2 } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { useParams } from 'react-router';\nimport { PersonName } from '../people/People';\n\nconst GET_ROADMAP = gql`\n  query GetRoadmapForEdit($id: ID!) {\n    planmagnetRoadmap(id: $id) {\n      id\n      workspaceId\n      name\n      description\n      type\n      isPublic\n      ownerId\n      createdAt\n      updatedAt\n      items {\n        id\n        status\n      }\n    }\n  }\n`;\n\nconst UPDATE_ROADMAP = gql`\n  mutation UpdateRoadmap($id: ID!, $input: PlanmagnetUpdateRoadmapInput!) {\n    planmagnetUpdateRoadmap(id: $id, input: $input) {\n      id\n      name\n      description\n      type\n      isPublic\n      ownerId\n      updatedAt\n    }\n  }\n`;\n\nconst DELETE_ROADMAP = gql`\n  mutation DeleteRoadmap($id: ID!) {\n    planmagnetDeleteRoadmap(id: $id)\n  }\n`;\n\nexport function ProductsEditProductPagePage() {\n  const { workspaceId } = usePlanMagnet();\n  const navigate = usePlanMagnetNavigate();\n  const params = useParams<{ id: string }>();\n  const roadmapId = params.id ?? '';\n\n  const {\n    data,\n    loading,\n    error,\n  } = // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    useQuery<Record<string, any>>(GET_ROADMAP, {\n      variables: { id: roadmapId },\n      skip: !roadmapId,\n    });\n\n  const [updateRoadmap, { loading: saving, error: saveError }] = useMutation(UPDATE_ROADMAP, {\n    refetchQueries: ['ListRoadmaps', 'GetRoadmapForEdit'],\n  });\n\n  const [deleteRoadmap, { loading: deleting }] = useMutation(DELETE_ROADMAP, {\n    refetchQueries: ['ListRoadmaps'],\n    onCompleted: () => navigate('/products'),\n  });\n\n  const roadmap = data?.planmagnetRoadmap;\n\n  const defaultForm = useMemo(\n    () => ({\n      name: roadmap?.name ?? '',\n      description: roadmap?.description ?? '',\n      type: roadmap?.type ?? 'TIMELINE',\n      isPublic: roadmap?.isPublic ?? false,\n    }),\n    [roadmap]\n  );\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const [formOverrides, setFormOverrides] = useState<Record<string, any>>({});\n  const form = { ...defaultForm, ...formOverrides } as {\n    name: string;\n    description: string;\n    type: string;\n    isPublic: boolean;\n  };\n  const setForm = (val: typeof form) => setFormOverrides(val);\n\n  const typeOptions = ['TIMELINE', 'GANTT', 'SWIMLANE', 'CUSTOM'] as const;\n\n  const handleSave = () => {\n    updateRoadmap({\n      variables: {\n        id: roadmapId,\n        input: {\n          name: form.name,\n          description: form.description || undefined,\n          type: form.type,\n          isPublic: form.isPublic,\n        },\n      },\n    });\n  };\n\n  if (loading) {\n    return (\n      <div className=\"flex items-center justify-center p-12\">\n        <Loader2 className=\"h-8 w-8 animate-spin text-muted-foreground\" />\n      </div>\n    );\n  }\n\n  if (error) {\n    return <div className=\"p-6 text-destructive\">Failed to load product: {error.message}</div>;\n  }\n\n  if (!roadmap) {\n    return <div className=\"p-6 text-muted-foreground\">No product found.</div>;\n  }\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div className=\"flex items-center gap-3\">\n          <Button variant=\"ghost\" size=\"sm\" onClick={() => navigate('/products')}>\n            <ArrowLeft className=\"h-4 w-4\" />\n          </Button>\n          <div>\n            <h1 className=\"text-2xl font-semibold\">Edit Product</h1>\n            <p className=\"text-sm text-muted-foreground\">Editing {roadmap.name}</p>\n          </div>\n        </div>\n        <Button size=\"sm\" onClick={handleSave} disabled={saving}>\n          {saving ? (\n            <Loader2 className=\"mr-1 h-4 w-4 animate-spin\" />\n          ) : (\n            <Save className=\"mr-1 h-4 w-4\" />\n          )}\n          Save Changes\n        </Button>\n      </div>\n\n      {saveError && (\n        <div className=\"p-3 rounded-md bg-destructive/10 text-destructive text-sm\">\n          Failed to save: {saveError.message}\n        </div>\n      )}\n\n      <div className=\"grid grid-cols-1 lg:grid-cols-3 gap-6\">\n        <div className=\"lg:col-span-2 space-y-6\">\n          <Card>\n            <CardHeader>\n              <CardTitle>Basic Information</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-4\">\n              <div>\n                <label className=\"text-sm font-medium\">Product Name</label>\n                <Input\n                  value={form.name}\n                  onChange={(e) => setForm({ ...form, name: e.target.value })}\n                  className=\"mt-1\"\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-[80px]\"\n                  value={form.description}\n                  onChange={(e) => setForm({ ...form, description: e.target.value })}\n                />\n              </div>\n              <div>\n                <label className=\"text-sm font-medium\">Type</label>\n                <div className=\"mt-1 flex gap-2\">\n                  {typeOptions.map((t) => (\n                    <button\n                      key={t}\n                      onClick={() => setForm({ ...form, type: t })}\n                      className={`rounded-md px-3 py-1.5 text-sm capitalize ${form.type === t ? 'bg-primary text-primary-foreground' : 'bg-muted text-muted-foreground'}`}\n                    >\n                      {t.toLowerCase()}\n                    </button>\n                  ))}\n                </div>\n              </div>\n              <div>\n                <label className=\"text-sm font-medium\">Visibility</label>\n                <div className=\"mt-1 flex gap-2\">\n                  {[false, true].map((pub) => (\n                    <button\n                      key={String(pub)}\n                      onClick={() => setForm({ ...form, isPublic: pub })}\n                      className={`rounded-md px-3 py-1.5 text-sm ${form.isPublic === pub ? 'bg-primary text-primary-foreground' : 'bg-muted text-muted-foreground'}`}\n                    >\n                      {pub ? 'Public' : 'Private'}\n                    </button>\n                  ))}\n                </div>\n              </div>\n            </CardContent>\n          </Card>\n        </div>\n\n        <div className=\"space-y-6\">\n          <Card>\n            <CardHeader>\n              <CardTitle>Product Info</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-3 text-sm\">\n              <div className=\"flex items-center gap-2\">\n                <Package className=\"h-4 w-4 text-primary\" />\n                <span className=\"font-medium\">{roadmap.name}</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Items</span>\n                <span className=\"font-medium\">{roadmap.items?.length ?? 0}</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Type</span>\n                <span className=\"font-medium capitalize\">{roadmap.type.toLowerCase()}</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Visibility</span>\n                <span className=\"font-medium\">{roadmap.isPublic ? 'Public' : 'Private'}</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Owner</span>\n                <span className=\"font-medium\">\n                  <PersonName id={roadmap.ownerId} />\n                </span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Created</span>\n                <span>{new Date(roadmap.createdAt).toLocaleDateString()}</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Updated</span>\n                <span>{new Date(roadmap.updatedAt).toLocaleDateString()}</span>\n              </div>\n            </CardContent>\n          </Card>\n\n          <Card>\n            <CardHeader>\n              <CardTitle>Danger Zone</CardTitle>\n            </CardHeader>\n            <CardContent>\n              <Button\n                variant=\"destructive\"\n                size=\"sm\"\n                className=\"w-full\"\n                disabled={deleting}\n                onClick={() => deleteRoadmap({ variables: { id: roadmapId } })}\n              >\n                {deleting ? 'Archiving...' : 'Archive Product'}\n              </Button>\n            </CardContent>\n          </Card>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/planmagnet/pages/ProductsProductDetailPagePage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProductsProductDetailPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProductsProductDetailPagePage.tsx"],"names":[],"mappings":"AAgGA,wBAAgB,6BAA6B,4CA2N5C"}
+{"version":3,"file":"ProductsProductDetailPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProductsProductDetailPagePage.tsx"],"names":[],"mappings":"AAiGA,wBAAgB,6BAA6B,4CA6N5C"}