@burdenoff/microfe-planmagnet 2026.925.15 → 2026.925.17

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

@@ -1 +1 @@
-{"version":3,"file":"TasksTaskDetailPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/TasksTaskDetailPagePage.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport { useState } from 'react';\nimport { throwOnError } from '../utils/mutationResult';\nimport { WorkItemComments } from '../comments/WorkItemComments';\nimport { WorkItemActivity } from '../comments/WorkItemActivity';\nimport { gql } from '@apollo/client';\nimport { useMutation, useQuery } from '@apollo/client/react';\nimport {\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  Badge,\n  Button,\n  Input,\n} from '@burdenoff/fe-libs/ui';\nimport { FileText, Plus, X } from 'lucide-react';\nimport { MarkdownEditor } from '#src/components/MarkdownEditor';\nimport { usePlanMagnet } from '../providers/PlanMagnetProvider';\n\nconst GET_WORK_ITEM = gql`\n  query GetWorkItemDetail($workItemId: ID!) {\n    planmagnetWorkItem(id: $workItemId) {\n      id\n      title\n      description\n      type\n      status\n      priority\n      key\n      assigneeId\n      reporterId\n      sprintId\n      storyPoints\n      estimateMinutes\n      dueDate\n      labels\n      tags\n      createdAt\n      updatedAt\n    }\n  }\n`;\n\nconst GET_WORK_ITEM_DOCS = gql`\n  query GetWorkItemDocs($workItemId: ID!) {\n    planmagnetWorkItemDocs(workItemId: $workItemId) {\n      id\n      title\n      status\n      version\n      updatedAt\n    }\n  }\n`;\n\nconst CREATE_DOC = gql`\n  mutation CreateDocForWorkItem($input: PlanmagnetCreateDocInput!) {\n    planmagnetCreateDoc(input: $input) {\n      id\n    }\n  }\n`;\n\nconst LINK_DOC_TO_WORK_ITEM = gql`\n  mutation LinkDocToWorkItem($docId: ID!, $workItemId: ID!) {\n    planmagnetLinkDocToWorkItem(docId: $docId, workItemId: $workItemId) {\n      id\n    }\n  }\n`;\n\nconst UNLINK_DOC_FROM_WORK_ITEM = gql`\n  mutation UnlinkDocFromWorkItem($docId: ID!, $workItemId: ID!) {\n    planmagnetUnlinkDocFromWorkItem(docId: $docId, workItemId: $workItemId)\n  }\n`;\n\ninterface WorkItemNode {\n  id: string;\n  title: string;\n  description: string | null;\n  type: string;\n  status: string;\n  priority: string;\n  key: string;\n  assigneeId: string | null;\n  reporterId: string | null;\n  sprintId: string | null;\n  storyPoints: number | null;\n  estimateMinutes: number | null;\n  dueDate: string | null;\n  labels: string[];\n  tags: string[];\n  createdAt: string;\n  updatedAt: string;\n}\n\ninterface WorkItemDocNode {\n  id: string;\n  title: string;\n  status: string;\n  version: number;\n  updatedAt: string;\n}\n\nconst priorityColor: Record<string, string> = {\n  LOW: 'bg-gray-100 text-gray-800',\n  MEDIUM: 'bg-blue-100 text-blue-800',\n  HIGH: 'bg-orange-100 text-orange-800',\n  CRITICAL: 'bg-red-100 text-red-800',\n};\n\nconst statusColor: Record<string, string> = {\n  BACKLOG: 'bg-gray-100 text-gray-800',\n  TODO: 'bg-blue-100 text-blue-800',\n  IN_PROGRESS: 'bg-yellow-100 text-yellow-800',\n  IN_REVIEW: 'bg-purple-100 text-purple-800',\n  DONE: 'bg-green-100 text-green-800',\n  BLOCKED: 'bg-red-100 text-red-800',\n  TESTING: 'bg-teal-100 text-teal-800',\n  CANCELLED: 'bg-gray-100 text-gray-800',\n};\n\nconst docStatusColor: Record<string, string> = {\n  DRAFT: 'bg-gray-100 text-gray-800',\n  PUBLISHED: 'bg-green-100 text-green-800',\n  ARCHIVED: 'bg-gray-100 text-gray-500',\n};\n\n/**\n * Linked-docs panel (BOFF-4443): create a doc and link it to this work item\n * in one action, view currently-linked docs, and unlink one. Reads/writes go\n * through the real planmagnetWorkItemDocs / planmagnetCreateDoc /\n * planmagnetLinkDocToWorkItem / planmagnetUnlinkDocFromWorkItem GraphQL\n * fields — no fabricated data. Full doc editing (revisions, revert) lives on\n * a dedicated doc detail view; this panel is scoped to linking.\n */\nfunction LinkedDocsPanel({ workItemId }: { workItemId: string }) {\n  const [isComposing, setIsComposing] = useState(false);\n  const [newTitle, setNewTitle] = useState('');\n  const [newContent, setNewContent] = useState('');\n\n  const { data, loading, error, refetch } = useQuery<{\n    planmagnetWorkItemDocs: WorkItemDocNode[];\n  }>(GET_WORK_ITEM_DOCS, {\n    variables: { workItemId },\n    skip: !workItemId,\n  });\n\n  const [createDoc, { loading: creating }] = useMutation(CREATE_DOC);\n  const [linkDoc] = useMutation(LINK_DOC_TO_WORK_ITEM);\n  const [unlinkDoc, { loading: unlinking }] = useMutation(UNLINK_DOC_FROM_WORK_ITEM);\n  // A refused mutation resolves with { error } (fe-libs errorPolicy 'all');\n  // the composer used to clear itself as if the doc had been saved.\n  const [actionError, setActionError] = useState<string | null>(null);\n\n  const docs = data?.planmagnetWorkItemDocs ?? [];\n\n  const handleCreateAndLink = async () => {\n    if (!newTitle.trim() || !newContent.trim()) return;\n    setActionError(null);\n    try {\n      const result = await throwOnError(\n        createDoc({ variables: { input: { title: newTitle.trim(), content: newContent.trim() } } })\n      );\n      const docId = result.data?.planmagnetCreateDoc?.id;\n      if (docId) {\n        await throwOnError(linkDoc({ variables: { docId, workItemId } }));\n      }\n    } catch (e) {\n      setActionError(e instanceof Error ? e.message : 'The doc could not be saved.');\n      return;\n    }\n    setNewTitle('');\n    setNewContent('');\n    setIsComposing(false);\n    void refetch();\n  };\n\n  const handleUnlink = async (docId: string) => {\n    setActionError(null);\n    try {\n      await throwOnError(unlinkDoc({ variables: { docId, workItemId } }));\n    } catch (e) {\n      setActionError(e instanceof Error ? e.message : 'The doc could not be unlinked.');\n      return;\n    }\n    void refetch();\n  };\n\n  return (\n    <Card>\n      <CardHeader className=\"flex flex-row items-center justify-between space-y-0\">\n        <CardTitle>Linked Docs</CardTitle>\n        {!isComposing && (\n          <Button size=\"sm\" variant=\"outline\" onClick={() => setIsComposing(true)}>\n            <Plus className=\"h-4 w-4 mr-1\" />\n            New Doc\n          </Button>\n        )}\n      </CardHeader>\n      <CardContent className=\"space-y-4\">\n        {isComposing && (\n          <div className=\"space-y-3 rounded-md border border-input p-3\">\n            <Input\n              placeholder=\"Doc title\"\n              value={newTitle}\n              onChange={(e) => setNewTitle(e.target.value)}\n            />\n            <MarkdownEditor\n              value={newContent}\n              onChange={setNewContent}\n              placeholder=\"Write the spec/doc content...\"\n              minHeight={140}\n            />\n            <div className=\"flex gap-2 justify-end\">\n              <Button\n                size=\"sm\"\n                variant=\"ghost\"\n                onClick={() => {\n                  setIsComposing(false);\n                  setNewTitle('');\n                  setNewContent('');\n                }}\n              >\n                Cancel\n              </Button>\n              <Button\n                size=\"sm\"\n                disabled={creating || !newTitle.trim() || !newContent.trim()}\n                onClick={handleCreateAndLink}\n              >\n                {creating ? 'Creating...' : 'Create & Link'}\n              </Button>\n            </div>\n          </div>\n        )}\n\n        {loading && <p className=\"text-sm text-muted-foreground\">Loading docs...</p>}\n        {error && <p className=\"text-sm text-red-500\">Error: {error.message}</p>}\n        {actionError && (\n          <p role=\"alert\" className=\"text-sm text-destructive\">\n            {actionError}\n          </p>\n        )}\n        {!loading && !error && docs.length === 0 && !isComposing && (\n          <p className=\"text-sm text-muted-foreground\">No docs linked to this work item yet.</p>\n        )}\n        {docs.map((doc) => (\n          <div\n            key={doc.id}\n            className=\"flex items-center justify-between gap-3 rounded-md border border-input p-3\"\n          >\n            <div className=\"flex items-center gap-2 min-w-0\">\n              <FileText className=\"h-4 w-4 text-muted-foreground shrink-0\" />\n              <div className=\"min-w-0\">\n                <p className=\"text-sm font-medium truncate\">{doc.title}</p>\n                <p className=\"text-xs text-muted-foreground\">v{doc.version}</p>\n              </div>\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 ${docStatusColor[doc.status] ?? ''}`}\n              >\n                {doc.status.toLowerCase()}\n              </span>\n              <Button\n                size=\"icon\"\n                variant=\"ghost\"\n                disabled={unlinking}\n                onClick={() => handleUnlink(doc.id)}\n                aria-label={`Unlink ${doc.title}`}\n              >\n                <X className=\"h-4 w-4\" />\n              </Button>\n            </div>\n          </div>\n        ))}\n      </CardContent>\n    </Card>\n  );\n}\n\nexport function TasksTaskDetailPagePage() {\n  const { workspaceId } = usePlanMagnet();\n\n  // In a real app, workItemId comes from route params.\n  const workItemId = new URLSearchParams(window.location.search).get('taskId') ?? '';\n\n  const { data, loading, error } = useQuery<{\n    planmagnetWorkItem: WorkItemNode;\n  }>(GET_WORK_ITEM, {\n    variables: { workItemId },\n    skip: !workspaceId || !workItemId,\n  });\n\n  // Only before the first load: a refetch must not blank the page (it\n\n  // unmounts every component on it and loses their state).\n\n  if (loading && !data) {\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\n  if (error) {\n    return <div className=\"p-6 text-red-500\">Error: {error.message}</div>;\n  }\n\n  const task = data?.planmagnetWorkItem;\n  if (!task) return <div className=\"p-6 text-muted-foreground\">Task not found.</div>;\n\n  const statusDisplay = task.status.toLowerCase().replace('_', ' ');\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">{task.title}</h1>\n        <p className=\"text-sm text-muted-foreground\">\n          {task.key} &middot; {task.type.toLowerCase()}\n        </p>\n      </div>\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>Description</CardTitle>\n            </CardHeader>\n            <CardContent>\n              <p className=\"text-sm\">{task.description ?? 'No description provided.'}</p>\n            </CardContent>\n          </Card>\n          <LinkedDocsPanel workItemId={task.id} />\n          <WorkItemComments workItemId={task.id} />\n          <WorkItemActivity workItemId={task.id} />\n        </div>\n        <div className=\"space-y-6\">\n          <Card>\n            <CardHeader>\n              <CardTitle>Details</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-3 text-sm\">\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Status</span>\n                <span\n                  className={`text-xs px-2 py-0.5 rounded-full capitalize ${statusColor[task.status] ?? ''}`}\n                >\n                  {statusDisplay}\n                </span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Priority</span>\n                <span\n                  className={`text-xs px-2 py-0.5 rounded-full capitalize ${priorityColor[task.priority] ?? ''}`}\n                >\n                  {task.priority.toLowerCase()}\n                </span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Type</span>\n                <Badge variant=\"outline\" className=\"capitalize\">\n                  {task.type.toLowerCase()}\n                </Badge>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Story Points</span>\n                <span className=\"font-medium\">{task.storyPoints ?? 0}</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Assignee</span>\n                <span>{task.assigneeId ?? 'Unassigned'}</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Reporter</span>\n                <span>{task.reporterId ?? 'Unknown'}</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Key</span>\n                <span>{task.key}</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Due Date</span>\n                <span>{task.dueDate ?? 'Not set'}</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Created</span>\n                <span>{task.createdAt}</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Updated</span>\n                <span>{task.updatedAt}</span>\n              </div>\n              <div>\n                <span className=\"text-muted-foreground text-xs\">Labels</span>\n                <div className=\"flex gap-1 mt-1 flex-wrap\">\n                  {(task.labels ?? []).map((l) => (\n                    <span key={l} className=\"text-xs px-2 py-0.5 rounded bg-muted\">\n                      {l}\n                    </span>\n                  ))}\n                </div>\n              </div>\n            </CardContent>\n          </Card>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"TasksTaskDetailPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/TasksTaskDetailPagePage.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport { useState } from 'react';\nimport { throwOnError } from '../utils/mutationResult';\nimport { WorkItemComments } from '../comments/WorkItemComments';\nimport { WorkItemActivity } from '../comments/WorkItemActivity';\nimport { gql } from '@apollo/client';\nimport { useMutation, useQuery } from '@apollo/client/react';\nimport {\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  Badge,\n  Button,\n  Input,\n} from '@burdenoff/fe-libs/ui';\nimport { FileText, Plus, X } from 'lucide-react';\nimport { MarkdownEditor } from '#src/components/MarkdownEditor';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\n\nconst GET_WORK_ITEM = gql`\n  query GetWorkItemDetail($workItemId: ID!) {\n    planmagnetWorkItem(id: $workItemId) {\n      id\n      title\n      description\n      type\n      status\n      priority\n      key\n      assigneeId\n      reporterId\n      sprintId\n      storyPoints\n      estimateMinutes\n      dueDate\n      labels\n      tags\n      createdAt\n      updatedAt\n    }\n  }\n`;\n\nconst GET_WORK_ITEM_DOCS = gql`\n  query GetWorkItemDocs($workItemId: ID!) {\n    planmagnetWorkItemDocs(workItemId: $workItemId) {\n      id\n      title\n      status\n      version\n      updatedAt\n    }\n  }\n`;\n\nconst CREATE_DOC = gql`\n  mutation CreateDocForWorkItem($input: PlanmagnetCreateDocInput!) {\n    planmagnetCreateDoc(input: $input) {\n      id\n    }\n  }\n`;\n\nconst LINK_DOC_TO_WORK_ITEM = gql`\n  mutation LinkDocToWorkItem($docId: ID!, $workItemId: ID!) {\n    planmagnetLinkDocToWorkItem(docId: $docId, workItemId: $workItemId) {\n      id\n    }\n  }\n`;\n\nconst UNLINK_DOC_FROM_WORK_ITEM = gql`\n  mutation UnlinkDocFromWorkItem($docId: ID!, $workItemId: ID!) {\n    planmagnetUnlinkDocFromWorkItem(docId: $docId, workItemId: $workItemId)\n  }\n`;\n\ninterface WorkItemNode {\n  id: string;\n  title: string;\n  description: string | null;\n  type: string;\n  status: string;\n  priority: string;\n  key: string;\n  assigneeId: string | null;\n  reporterId: string | null;\n  sprintId: string | null;\n  storyPoints: number | null;\n  estimateMinutes: number | null;\n  dueDate: string | null;\n  labels: string[];\n  tags: string[];\n  createdAt: string;\n  updatedAt: string;\n}\n\ninterface WorkItemDocNode {\n  id: string;\n  title: string;\n  status: string;\n  version: number;\n  updatedAt: string;\n}\n\nconst priorityColor: Record<string, string> = {\n  LOW: 'bg-gray-100 text-gray-800',\n  MEDIUM: 'bg-blue-100 text-blue-800',\n  HIGH: 'bg-orange-100 text-orange-800',\n  CRITICAL: 'bg-red-100 text-red-800',\n};\n\nconst statusColor: Record<string, string> = {\n  BACKLOG: 'bg-gray-100 text-gray-800',\n  TODO: 'bg-blue-100 text-blue-800',\n  IN_PROGRESS: 'bg-yellow-100 text-yellow-800',\n  IN_REVIEW: 'bg-purple-100 text-purple-800',\n  DONE: 'bg-green-100 text-green-800',\n  BLOCKED: 'bg-red-100 text-red-800',\n  TESTING: 'bg-teal-100 text-teal-800',\n  CANCELLED: 'bg-gray-100 text-gray-800',\n};\n\nconst docStatusColor: Record<string, string> = {\n  DRAFT: 'bg-gray-100 text-gray-800',\n  PUBLISHED: 'bg-green-100 text-green-800',\n  ARCHIVED: 'bg-gray-100 text-gray-500',\n};\n\n/**\n * Linked-docs panel (BOFF-4443): create a doc and link it to this work item\n * in one action, view currently-linked docs, and unlink one. Reads/writes go\n * through the real planmagnetWorkItemDocs / planmagnetCreateDoc /\n * planmagnetLinkDocToWorkItem / planmagnetUnlinkDocFromWorkItem GraphQL\n * fields — no fabricated data. Full doc editing (revisions, revert) lives on\n * a dedicated doc detail view; this panel is scoped to linking.\n */\nfunction LinkedDocsPanel({ workItemId }: { workItemId: string }) {\n  const navigate = usePlanMagnetNavigate();\n  const [isComposing, setIsComposing] = useState(false);\n  const [newTitle, setNewTitle] = useState('');\n  const [newContent, setNewContent] = useState('');\n\n  const { data, loading, error, refetch } = useQuery<{\n    planmagnetWorkItemDocs: WorkItemDocNode[];\n  }>(GET_WORK_ITEM_DOCS, {\n    variables: { workItemId },\n    skip: !workItemId,\n  });\n\n  const [createDoc, { loading: creating }] = useMutation(CREATE_DOC);\n  const [linkDoc] = useMutation(LINK_DOC_TO_WORK_ITEM);\n  const [unlinkDoc, { loading: unlinking }] = useMutation(UNLINK_DOC_FROM_WORK_ITEM);\n  // A refused mutation resolves with { error } (fe-libs errorPolicy 'all');\n  // the composer used to clear itself as if the doc had been saved.\n  const [actionError, setActionError] = useState<string | null>(null);\n\n  const docs = data?.planmagnetWorkItemDocs ?? [];\n\n  const handleCreateAndLink = async () => {\n    if (!newTitle.trim() || !newContent.trim()) return;\n    setActionError(null);\n    try {\n      const result = await throwOnError(\n        createDoc({ variables: { input: { title: newTitle.trim(), content: newContent.trim() } } })\n      );\n      const docId = result.data?.planmagnetCreateDoc?.id;\n      if (docId) {\n        await throwOnError(linkDoc({ variables: { docId, workItemId } }));\n      }\n    } catch (e) {\n      setActionError(e instanceof Error ? e.message : 'The doc could not be saved.');\n      return;\n    }\n    setNewTitle('');\n    setNewContent('');\n    setIsComposing(false);\n    void refetch();\n  };\n\n  const handleUnlink = async (docId: string) => {\n    setActionError(null);\n    try {\n      await throwOnError(unlinkDoc({ variables: { docId, workItemId } }));\n    } catch (e) {\n      setActionError(e instanceof Error ? e.message : 'The doc could not be unlinked.');\n      return;\n    }\n    void refetch();\n  };\n\n  return (\n    <Card>\n      <CardHeader className=\"flex flex-row items-center justify-between space-y-0\">\n        <CardTitle>Linked Docs</CardTitle>\n        {!isComposing && (\n          <Button size=\"sm\" variant=\"outline\" onClick={() => setIsComposing(true)}>\n            <Plus className=\"h-4 w-4 mr-1\" />\n            New Doc\n          </Button>\n        )}\n      </CardHeader>\n      <CardContent className=\"space-y-4\">\n        {isComposing && (\n          <div className=\"space-y-3 rounded-md border border-input p-3\">\n            <Input\n              placeholder=\"Doc title\"\n              value={newTitle}\n              onChange={(e) => setNewTitle(e.target.value)}\n            />\n            <MarkdownEditor\n              value={newContent}\n              onChange={setNewContent}\n              placeholder=\"Write the spec/doc content...\"\n              minHeight={140}\n            />\n            <div className=\"flex gap-2 justify-end\">\n              <Button\n                size=\"sm\"\n                variant=\"ghost\"\n                onClick={() => {\n                  setIsComposing(false);\n                  setNewTitle('');\n                  setNewContent('');\n                }}\n              >\n                Cancel\n              </Button>\n              <Button\n                size=\"sm\"\n                disabled={creating || !newTitle.trim() || !newContent.trim()}\n                onClick={handleCreateAndLink}\n              >\n                {creating ? 'Creating...' : 'Create & Link'}\n              </Button>\n            </div>\n          </div>\n        )}\n\n        {loading && <p className=\"text-sm text-muted-foreground\">Loading docs...</p>}\n        {error && <p className=\"text-sm text-red-500\">Error: {error.message}</p>}\n        {actionError && (\n          <p role=\"alert\" className=\"text-sm text-destructive\">\n            {actionError}\n          </p>\n        )}\n        {!loading && !error && docs.length === 0 && !isComposing && (\n          <p className=\"text-sm text-muted-foreground\">No docs linked to this work item yet.</p>\n        )}\n        {docs.map((doc) => (\n          <div\n            key={doc.id}\n            className=\"flex items-center justify-between gap-3 rounded-md border border-input p-3\"\n          >\n            <div className=\"flex items-center gap-2 min-w-0\">\n              <FileText className=\"h-4 w-4 text-muted-foreground shrink-0\" />\n              <div className=\"min-w-0\">\n                <button\n                  type=\"button\"\n                  className=\"block max-w-full truncate text-left text-sm font-medium hover:underline\"\n                  onClick={() =>\n                    navigate(`/docs/doc-detail-page?docId=${encodeURIComponent(doc.id)}`)\n                  }\n                >\n                  {doc.title}\n                </button>\n                <p className=\"text-xs text-muted-foreground\">v{doc.version}</p>\n              </div>\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 ${docStatusColor[doc.status] ?? ''}`}\n              >\n                {doc.status.toLowerCase()}\n              </span>\n              <Button\n                size=\"icon\"\n                variant=\"ghost\"\n                disabled={unlinking}\n                onClick={() => handleUnlink(doc.id)}\n                aria-label={`Unlink ${doc.title}`}\n              >\n                <X className=\"h-4 w-4\" />\n              </Button>\n            </div>\n          </div>\n        ))}\n      </CardContent>\n    </Card>\n  );\n}\n\nexport function TasksTaskDetailPagePage() {\n  const { workspaceId } = usePlanMagnet();\n\n  // In a real app, workItemId comes from route params.\n  const workItemId = new URLSearchParams(window.location.search).get('taskId') ?? '';\n\n  const { data, loading, error } = useQuery<{\n    planmagnetWorkItem: WorkItemNode;\n  }>(GET_WORK_ITEM, {\n    variables: { workItemId },\n    skip: !workspaceId || !workItemId,\n  });\n\n  // Only before the first load: a refetch must not blank the page (it\n\n  // unmounts every component on it and loses their state).\n\n  if (loading && !data) {\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\n  if (error) {\n    return <div className=\"p-6 text-red-500\">Error: {error.message}</div>;\n  }\n\n  const task = data?.planmagnetWorkItem;\n  if (!task) return <div className=\"p-6 text-muted-foreground\">Task not found.</div>;\n\n  const statusDisplay = task.status.toLowerCase().replace('_', ' ');\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">{task.title}</h1>\n        <p className=\"text-sm text-muted-foreground\">\n          {task.key} &middot; {task.type.toLowerCase()}\n        </p>\n      </div>\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>Description</CardTitle>\n            </CardHeader>\n            <CardContent>\n              <p className=\"text-sm\">{task.description ?? 'No description provided.'}</p>\n            </CardContent>\n          </Card>\n          <LinkedDocsPanel workItemId={task.id} />\n          <WorkItemComments workItemId={task.id} />\n          <WorkItemActivity workItemId={task.id} />\n        </div>\n        <div className=\"space-y-6\">\n          <Card>\n            <CardHeader>\n              <CardTitle>Details</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-3 text-sm\">\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Status</span>\n                <span\n                  className={`text-xs px-2 py-0.5 rounded-full capitalize ${statusColor[task.status] ?? ''}`}\n                >\n                  {statusDisplay}\n                </span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Priority</span>\n                <span\n                  className={`text-xs px-2 py-0.5 rounded-full capitalize ${priorityColor[task.priority] ?? ''}`}\n                >\n                  {task.priority.toLowerCase()}\n                </span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Type</span>\n                <Badge variant=\"outline\" className=\"capitalize\">\n                  {task.type.toLowerCase()}\n                </Badge>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Story Points</span>\n                <span className=\"font-medium\">{task.storyPoints ?? 0}</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Assignee</span>\n                <span>{task.assigneeId ?? 'Unassigned'}</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Reporter</span>\n                <span>{task.reporterId ?? 'Unknown'}</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Key</span>\n                <span>{task.key}</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Due Date</span>\n                <span>{task.dueDate ?? 'Not set'}</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Created</span>\n                <span>{task.createdAt}</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Updated</span>\n                <span>{task.updatedAt}</span>\n              </div>\n              <div>\n                <span className=\"text-muted-foreground text-xs\">Labels</span>\n                <div className=\"flex gap-1 mt-1 flex-wrap\">\n                  {(task.labels ?? []).map((l) => (\n                    <span key={l} className=\"text-xs px-2 py-0.5 rounded bg-muted\">\n                      {l}\n                    </span>\n                  ))}\n                </div>\n              </div>\n            </CardContent>\n          </Card>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAqBA,IAAM,IAAgB,CAAG;;;;;;;;;;;;;;;;;;;;;;GAwBnB,IAAqB,CAAG;;;;;;;;;;GAYxB,IAAa,CAAG;;;;;;GAQhB,IAAwB,CAAG;;;;;;GAQ3B,IAA4B,CAAG;;;;GAkC/B,IAAwC;CAC5C,KAAK;CACL,QAAQ;CACR,MAAM;CACN,UAAU;CACX,EAEK,IAAsC;CAC1C,SAAS;CACT,MAAM;CACN,aAAa;CACb,WAAW;CACX,MAAM;CACN,SAAS;CACT,SAAS;CACT,WAAW;CACZ,EAEK,IAAyC;CAC7C,OAAO;CACP,WAAW;CACX,UAAU;CACX;AAUD,SAAS,EAAgB,EAAE,iBAAsC;CAC/D,IAAM,IAAW,GAAuB,EAClC,CAAC,GAAa,KAAkB,EAAS,GAAM,EAC/C,CAAC,GAAU,KAAe,EAAS,GAAG,EACtC,CAAC,GAAY,KAAiB,EAAS,GAAG,EAE1C,EAAE,SAAM,YAAS,UAAO,eAAY,EAEvC,GAAoB;EACrB,WAAW,EAAE,eAAY;EACzB,MAAM,CAAC;EACR,CAAC,EAEI,CAAC,GAAW,EAAE,SAAS,OAAc,EAAY,EAAW,EAC5D,CAAC,KAAW,EAAY,EAAsB,EAC9C,CAAC,GAAW,EAAE,SAAS,OAAe,EAAY,EAA0B,EAG5E,CAAC,GAAa,KAAkB,EAAwB,KAAK,EAE7D,IAAO,GAAM,0BAA0B,EAAE,EAEzC,IAAsB,YAAY;AAClC,SAAC,EAAS,MAAM,IAAI,CAAC,EAAW,MAAM,GAC1C;KAAe,KAAK;AACpB,OAAI;IAIF,IAAM,KAHS,MAAM,EACnB,EAAU,EAAE,WAAW,EAAE,OAAO;KAAE,OAAO,EAAS,MAAM;KAAE,SAAS,EAAW,MAAM;KAAE,EAAE,EAAE,CAAC,CAC5F,EACoB,MAAM,qBAAqB;AAChD,IAAI,KACF,MAAM,EAAa,EAAQ,EAAE,WAAW;KAAE;KAAO;KAAY,EAAE,CAAC,CAAC;YAE5D,GAAG;AACV,MAAe,aAAa,QAAQ,EAAE,UAAU,8BAA8B;AAC9E;;AAKG,GAHL,EAAY,GAAG,EACf,EAAc,GAAG,EACjB,EAAe,GAAM,EAChB,GAAS;;IAGV,IAAe,OAAO,MAAkB;AAC5C,IAAe,KAAK;AACpB,MAAI;AACF,SAAM,EAAa,EAAU,EAAE,WAAW;IAAE;IAAO;IAAY,EAAE,CAAC,CAAC;WAC5D,GAAG;AACV,KAAe,aAAa,QAAQ,EAAE,UAAU,iCAAiC;AACjF;;AAEG,KAAS;;AAGhB,QACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EAAY,WAAU;YAAtB,CACE,kBAAC,GAAD,EAAA,UAAW,eAAuB,CAAA,EACjC,CAAC,KACA,kBAAC,GAAD;GAAQ,MAAK;GAAK,SAAQ;GAAU,eAAe,EAAe,GAAK;aAAvE,CACE,kBAAC,GAAD,EAAM,WAAU,gBAAiB,CAAA,EAAA,UAE1B;KAEA;KACb,kBAAC,GAAD;EAAa,WAAU;YAAvB;GACG,KACC,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD;MACE,aAAY;MACZ,OAAO;MACP,WAAW,MAAM,EAAY,EAAE,OAAO,MAAM;MAC5C,CAAA;KACF,kBAAC,GAAD;MACE,OAAO;MACP,UAAU;MACV,aAAY;MACZ,WAAW;MACX,CAAA;KACF,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD;OACE,MAAK;OACL,SAAQ;OACR,eAAe;AAGb,QAFA,EAAe,GAAM,EACrB,EAAY,GAAG,EACf,EAAc,GAAG;;iBAEpB;OAEQ,CAAA,EACT,kBAAC,GAAD;OACE,MAAK;OACL,UAAU,KAAY,CAAC,EAAS,MAAM,IAAI,CAAC,EAAW,MAAM;OAC5D,SAAS;iBAER,IAAW,gBAAgB;OACrB,CAAA,CACL;;KACF;;GAGP,KAAW,kBAAC,KAAD;IAAG,WAAU;cAAgC;IAAmB,CAAA;GAC3E,KAAS,kBAAC,KAAD;IAAG,WAAU;cAAb,CAAoC,WAAQ,EAAM,QAAY;;GACvE,KACC,kBAAC,KAAD;IAAG,MAAK;IAAQ,WAAU;cACvB;IACC,CAAA;GAEL,CAAC,KAAW,CAAC,KAAS,EAAK,WAAW,KAAK,CAAC,KAC3C,kBAAC,KAAD;IAAG,WAAU;cAAgC;IAAyC,CAAA;GAEvF,EAAK,KAAK,MACT,kBAAC,OAAD;IAEE,WAAU;cAFZ,CAIE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD,EAAU,WAAU,0CAA2C,CAAA,EAC/D,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,UAAD;OACE,MAAK;OACL,WAAU;OACV,eACE,EAAS,+BAA+B,mBAAmB,EAAI,GAAG,GAAG;iBAGtE,EAAI;OACE,CAAA,EACT,kBAAC,KAAD;OAAG,WAAU;iBAAb,CAA6C,KAAE,EAAI,QAAY;SAC3D;QACF;QACN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,QAAD;MACE,WAAW,+CAA+C,EAAe,EAAI,WAAW;gBAEvF,EAAI,OAAO,aAAa;MACpB,CAAA,EACP,kBAAC,GAAD;MACE,MAAK;MACL,SAAQ;MACR,UAAU;MACV,eAAe,EAAa,EAAI,GAAG;MACnC,cAAY,UAAU,EAAI;gBAE1B,kBAAC,GAAD,EAAG,WAAU,WAAY,CAAA;MAClB,CAAA,CACL;OACF;MAlCC,EAAI,GAkCL,CACN;GACU;IACT,EAAA,CAAA;;AAIX,SAAgB,IAA0B;CACxC,IAAM,EAAE,mBAAgB,GAAe,EAGjC,IAAa,IAAI,gBAAgB,OAAO,SAAS,OAAO,CAAC,IAAI,SAAS,IAAI,IAE1E,EAAE,SAAM,YAAS,aAAU,EAE9B,GAAe;EAChB,WAAW,EAAE,eAAY;EACzB,MAAM,CAAC,KAAe,CAAC;EACxB,CAAC;AAMF,KAAI,KAAW,CAAC,EACd,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD,EAAK,WAAU,kFAAmF,CAAA;EAC9F,CAAA;AAIV,KAAI,EACF,QAAO,kBAAC,OAAD;EAAK,WAAU;YAAf,CAAkC,WAAQ,EAAM,QAAc;;CAGvE,IAAM,IAAO,GAAM;AACnB,KAAI,CAAC,EAAM,QAAO,kBAAC,OAAD;EAAK,WAAU;YAA4B;EAAqB,CAAA;CAElF,IAAM,IAAgB,EAAK,OAAO,aAAa,CAAC,QAAQ,KAAK,IAAI;AAEjE,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;GAAI,WAAU;aAA0B,EAAK;GAAW,CAAA,EACxD,kBAAC,KAAD;GAAG,WAAU;aAAb;IACG,EAAK;IAAI;IAAW,EAAK,KAAK,aAAa;IAC1C;KACA,EAAA,CAAA,EACN,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UAAW,eAAuB,CAAA,EACvB,CAAA,EACb,kBAAC,GAAD,EAAA,UACE,kBAAC,KAAD;MAAG,WAAU;gBAAW,EAAK,eAAe;MAA+B,CAAA,EAC/D,CAAA,CACT,EAAA,CAAA;KACP,kBAAC,GAAD,EAAiB,YAAY,EAAK,IAAM,CAAA;KACxC,kBAAC,GAAD,EAAkB,YAAY,EAAK,IAAM,CAAA;KACzC,kBAAC,GAAD,EAAkB,YAAY,EAAK,IAAM,CAAA;KACrC;OACN,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UAAW,WAAmB,CAAA,EACnB,CAAA,EACb,kBAAC,GAAD;KAAa,WAAU;eAAvB;MACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,QAAD;QAAM,WAAU;kBAAwB;QAAa,CAAA,EACrD,kBAAC,QAAD;QACE,WAAW,+CAA+C,EAAY,EAAK,WAAW;kBAErF;QACI,CAAA,CACH;;MACN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,QAAD;QAAM,WAAU;kBAAwB;QAAe,CAAA,EACvD,kBAAC,QAAD;QACE,WAAW,+CAA+C,EAAc,EAAK,aAAa;kBAEzF,EAAK,SAAS,aAAa;QACvB,CAAA,CACH;;MACN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,QAAD;QAAM,WAAU;kBAAwB;QAAW,CAAA,EACnD,kBAAC,GAAD;QAAO,SAAQ;QAAU,WAAU;kBAChC,EAAK,KAAK,aAAa;QAClB,CAAA,CACJ;;MACN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,QAAD;QAAM,WAAU;kBAAwB;QAAmB,CAAA,EAC3D,kBAAC,QAAD;QAAM,WAAU;kBAAe,EAAK,eAAe;QAAS,CAAA,CACxD;;MACN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,QAAD;QAAM,WAAU;kBAAwB;QAAe,CAAA,EACvD,kBAAC,QAAD,EAAA,UAAO,EAAK,cAAc,cAAoB,CAAA,CAC1C;;MACN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,QAAD;QAAM,WAAU;kBAAwB;QAAe,CAAA,EACvD,kBAAC,QAAD,EAAA,UAAO,EAAK,cAAc,WAAiB,CAAA,CACvC;;MACN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,QAAD;QAAM,WAAU;kBAAwB;QAAU,CAAA,EAClD,kBAAC,QAAD,EAAA,UAAO,EAAK,KAAW,CAAA,CACnB;;MACN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,QAAD;QAAM,WAAU;kBAAwB;QAAe,CAAA,EACvD,kBAAC,QAAD,EAAA,UAAO,EAAK,WAAW,WAAiB,CAAA,CACpC;;MACN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,QAAD;QAAM,WAAU;kBAAwB;QAAc,CAAA,EACtD,kBAAC,QAAD,EAAA,UAAO,EAAK,WAAiB,CAAA,CACzB;;MACN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,QAAD;QAAM,WAAU;kBAAwB;QAAc,CAAA,EACtD,kBAAC,QAAD,EAAA,UAAO,EAAK,WAAiB,CAAA,CACzB;;MACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,QAAD;OAAM,WAAU;iBAAgC;OAAa,CAAA,EAC7D,kBAAC,OAAD;OAAK,WAAU;kBACX,EAAK,UAAU,EAAE,EAAE,KAAK,MACxB,kBAAC,QAAD;QAAc,WAAU;kBACrB;QACI,EAFI,EAEJ,CACP;OACE,CAAA,CACF,EAAA,CAAA;MACM;OACT,EAAA,CAAA;IACH,CAAA,CACF;KACF"}

package/dist/planmagnet/releases/ReleaseGatesCard.d.ts

@@ -1,3 +1,10 @@
+/**
+ * Quality gates holding a release (P1.4). The service refuses RELEASED while
+ * any gate here is not PASSED or WAIVED; this card shows which gates hold the
+ * release, and lets a reviewer add, pass, fail or waive them. There was no
+ * quality-gate UI anywhere before this.
+ */
+export declare const RELEASE_GATES: import('graphql').DocumentNode;
 export declare function ReleaseGatesCard({ releaseId, projectId, releaseStatus, }: {
     releaseId: string;
     projectId: string | null;

package/dist/planmagnet/releases/ReleaseGatesCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReleaseGatesCard.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/releases/ReleaseGatesCard.tsx"],"names":[],"mappings":"AAkFA,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,SAAS,EACT,aAAa,GACd,EAAE;IACD,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,aAAa,EAAE,MAAM,CAAC;CACvB,2CA8HA"}
+{"version":3,"file":"ReleaseGatesCard.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/releases/ReleaseGatesCard.tsx"],"names":[],"mappings":"AAQA;;;;;GAKG;AAEH,eAAO,MAAM,aAAa,gCAazB,CAAC;AAsDF,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,SAAS,EACT,aAAa,GACd,EAAE;IACD,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,aAAa,EAAE,MAAM,CAAC;CACvB,2CA8HA"}

package/dist/planmagnet/releases/ReleaseGatesCard.js

@@ -168,6 +168,6 @@ function C({ releaseId: r, projectId: i, releaseStatus: o }) {
 	});
 }
 //#endregion
-export { C as ReleaseGatesCard };
+export { v as RELEASE_GATES, C as ReleaseGatesCard };
 
 //# sourceMappingURL=ReleaseGatesCard.js.map

package/dist/planmagnet/releases/ReleaseGatesCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReleaseGatesCard.js","names":[],"sources":["../../../src/planmagnet/releases/ReleaseGatesCard.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useMutation, useQuery } from '@apollo/client/react';\nimport { Button, Card, CardContent, CardHeader, CardTitle, Input } from '@burdenoff/fe-libs/ui';\nimport { CheckCircle2, CircleDashed, ShieldAlert, XCircle } from 'lucide-react';\nimport { PersonName } from '../people/People';\nimport { throwOnError } from '../utils/mutationResult';\n\n/**\n * Quality gates holding a release (P1.4). The service refuses RELEASED while\n * any gate here is not PASSED or WAIVED; this card shows which gates hold the\n * release, and lets a reviewer add, pass, fail or waive them. There was no\n * quality-gate UI anywhere before this.\n */\n\nconst GATES = gql`\n  query ReleaseGates($id: ID!) {\n    planmagnetRelease(id: $id) {\n      id\n      qualityGates {\n        id\n        name\n        status\n        reviewerId\n        reviewedAt\n      }\n    }\n  }\n`;\nconst CREATE_GATE = gql`\n  mutation ReleaseGateCreate($input: PlanmagnetCreateQualityGateInput!) {\n    planmagnetCreateQualityGate(input: $input) {\n      id\n    }\n  }\n`;\nconst REVIEW_GATE = gql`\n  mutation ReleaseGateReview($id: ID!, $input: PlanmagnetReviewQualityGateInput!) {\n    planmagnetReviewQualityGate(id: $id, input: $input) {\n      id\n      status\n    }\n  }\n`;\n\ninterface Gate {\n  id: string;\n  name: string;\n  status: string;\n  reviewerId: string | null;\n  reviewedAt: string | null;\n}\n\nconst CLEARING = new Set(['PASSED', 'WAIVED']);\n\nfunction StatusMark({ status }: { status: string }) {\n  // Status carries an icon AND a label, never colour alone.\n  if (status === 'PASSED')\n    return (\n      <span className=\"inline-flex items-center gap-1 text-xs text-status-success-text\">\n        <CheckCircle2 className=\"h-3.5 w-3.5\" /> Passed\n      </span>\n    );\n  if (status === 'WAIVED')\n    return (\n      <span className=\"inline-flex items-center gap-1 text-xs text-muted-foreground\">\n        <CheckCircle2 className=\"h-3.5 w-3.5\" /> Waived\n      </span>\n    );\n  if (status === 'FAILED')\n    return (\n      <span className=\"inline-flex items-center gap-1 text-xs text-status-error-text\">\n        <XCircle className=\"h-3.5 w-3.5\" /> Failed\n      </span>\n    );\n  return (\n    <span className=\"inline-flex items-center gap-1 text-xs text-status-warning-text\">\n      <CircleDashed className=\"h-3.5 w-3.5\" /> {status === 'IN_REVIEW' ? 'In review' : 'Pending'}\n    </span>\n  );\n}\n\nexport function ReleaseGatesCard({\n  releaseId,\n  projectId,\n  releaseStatus,\n}: {\n  releaseId: string;\n  projectId: string | null;\n  releaseStatus: string;\n}) {\n  const [name, setName] = useState('');\n  const [error, setError] = useState<string | null>(null);\n  const { data } = useQuery<{ planmagnetRelease: { qualityGates: Gate[] } | null }>(GATES, {\n    variables: { id: releaseId },\n  });\n  const refetch = { refetchQueries: ['ReleaseGates', 'GetRelease'], awaitRefetchQueries: true };\n  const [create, createState] = useMutation(CREATE_GATE, refetch);\n  const [review, reviewState] = useMutation(REVIEW_GATE, refetch);\n\n  const gates = data?.planmagnetRelease?.qualityGates ?? [];\n  const open = gates.filter((g) => !CLEARING.has(g.status));\n  const shipped = releaseStatus === 'RELEASED';\n\n  const run = async (\n    action: () => Promise<{ error?: unknown }>,\n    fallback: string,\n    after?: () => void\n  ) => {\n    setError(null);\n    try {\n      await throwOnError(action());\n      after?.();\n    } catch (e) {\n      setError(e instanceof Error ? e.message : fallback);\n    }\n  };\n\n  return (\n    <Card data-testid=\"release-gates\">\n      <CardHeader>\n        <CardTitle className=\"flex items-center gap-2\">\n          <ShieldAlert className=\"h-4 w-4\" /> Quality Gates\n        </CardTitle>\n      </CardHeader>\n      <CardContent className=\"space-y-3\">\n        {error && (\n          <p role=\"alert\" className=\"text-sm text-destructive\">\n            {error}\n          </p>\n        )}\n        {!shipped && open.length > 0 && (\n          <p className=\"text-sm text-status-warning-text\" data-testid=\"release-held\">\n            This release cannot be released until {open.length} gate{open.length === 1 ? '' : 's'}{' '}\n            {open.length === 1 ? 'is' : 'are'} passed or waived:{' '}\n            {open.map((g) => g.name).join(', ')}.\n          </p>\n        )}\n        {gates.length === 0 && (\n          <p className=\"text-sm text-muted-foreground\">No quality gates hold this release.</p>\n        )}\n        <ul className=\"space-y-2\">\n          {gates.map((gate) => (\n            <li\n              key={gate.id}\n              className=\"rounded-md border p-2 space-y-1\"\n              data-testid=\"release-gate\"\n            >\n              <div className=\"flex items-center justify-between gap-2\">\n                <span className=\"text-sm font-medium\">{gate.name}</span>\n                <StatusMark status={gate.status} />\n              </div>\n              {gate.reviewerId && (\n                <p className=\"text-xs text-muted-foreground\">\n                  Reviewed by <PersonName id={gate.reviewerId} />\n                  {gate.reviewedAt ? ` · ${new Date(gate.reviewedAt).toLocaleString()}` : ''}\n                </p>\n              )}\n              <div className=\"flex gap-1\">\n                {(['PASSED', 'FAILED', 'WAIVED'] as const).map((status) => (\n                  <Button\n                    key={status}\n                    size=\"sm\"\n                    variant=\"outline\"\n                    className=\"h-7 text-xs\"\n                    disabled={reviewState.loading || gate.status === status}\n                    onClick={() =>\n                      run(\n                        () => review({ variables: { id: gate.id, input: { status } } }),\n                        'The gate could not be reviewed.'\n                      )\n                    }\n                  >\n                    {status === 'PASSED' ? 'Pass' : status === 'FAILED' ? 'Fail' : 'Waive'}\n                  </Button>\n                ))}\n              </div>\n            </li>\n          ))}\n        </ul>\n        {projectId ? (\n          <div className=\"flex gap-2 border-t pt-3\">\n            <Input\n              aria-label=\"New gate name\"\n              placeholder=\"Add a gate, e.g. Security review\"\n              value={name}\n              onChange={(e) => setName(e.target.value)}\n            />\n            <Button\n              size=\"sm\"\n              disabled={!name.trim() || createState.loading}\n              data-testid=\"release-gate-add\"\n              onClick={() =>\n                run(\n                  () =>\n                    create({\n                      variables: {\n                        input: { projectId, releaseId, name: name.trim(), criteria: {} },\n                      },\n                    }),\n                  'The gate could not be added.',\n                  () => setName('')\n                )\n              }\n            >\n              Add gate\n            </Button>\n          </div>\n        ) : (\n          <p className=\"text-xs text-muted-foreground\">\n            This release has no project, so gates cannot be added here.\n          </p>\n        )}\n      </CardContent>\n    </Card>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ReleaseGatesCard.js","names":[],"sources":["../../../src/planmagnet/releases/ReleaseGatesCard.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useMutation, useQuery } from '@apollo/client/react';\nimport { Button, Card, CardContent, CardHeader, CardTitle, Input } from '@burdenoff/fe-libs/ui';\nimport { CheckCircle2, CircleDashed, ShieldAlert, XCircle } from 'lucide-react';\nimport { PersonName } from '../people/People';\nimport { throwOnError } from '../utils/mutationResult';\n\n/**\n * Quality gates holding a release (P1.4). The service refuses RELEASED while\n * any gate here is not PASSED or WAIVED; this card shows which gates hold the\n * release, and lets a reviewer add, pass, fail or waive them. There was no\n * quality-gate UI anywhere before this.\n */\n\nexport const RELEASE_GATES = gql`\n  query ReleaseGates($id: ID!) {\n    planmagnetRelease(id: $id) {\n      id\n      qualityGates {\n        id\n        name\n        status\n        reviewerId\n        reviewedAt\n      }\n    }\n  }\n`;\nconst CREATE_GATE = gql`\n  mutation ReleaseGateCreate($input: PlanmagnetCreateQualityGateInput!) {\n    planmagnetCreateQualityGate(input: $input) {\n      id\n    }\n  }\n`;\nconst REVIEW_GATE = gql`\n  mutation ReleaseGateReview($id: ID!, $input: PlanmagnetReviewQualityGateInput!) {\n    planmagnetReviewQualityGate(id: $id, input: $input) {\n      id\n      status\n    }\n  }\n`;\n\ninterface Gate {\n  id: string;\n  name: string;\n  status: string;\n  reviewerId: string | null;\n  reviewedAt: string | null;\n}\n\nconst CLEARING = new Set(['PASSED', 'WAIVED']);\n\nfunction StatusMark({ status }: { status: string }) {\n  // Status carries an icon AND a label, never colour alone.\n  if (status === 'PASSED')\n    return (\n      <span className=\"inline-flex items-center gap-1 text-xs text-status-success-text\">\n        <CheckCircle2 className=\"h-3.5 w-3.5\" /> Passed\n      </span>\n    );\n  if (status === 'WAIVED')\n    return (\n      <span className=\"inline-flex items-center gap-1 text-xs text-muted-foreground\">\n        <CheckCircle2 className=\"h-3.5 w-3.5\" /> Waived\n      </span>\n    );\n  if (status === 'FAILED')\n    return (\n      <span className=\"inline-flex items-center gap-1 text-xs text-status-error-text\">\n        <XCircle className=\"h-3.5 w-3.5\" /> Failed\n      </span>\n    );\n  return (\n    <span className=\"inline-flex items-center gap-1 text-xs text-status-warning-text\">\n      <CircleDashed className=\"h-3.5 w-3.5\" /> {status === 'IN_REVIEW' ? 'In review' : 'Pending'}\n    </span>\n  );\n}\n\nexport function ReleaseGatesCard({\n  releaseId,\n  projectId,\n  releaseStatus,\n}: {\n  releaseId: string;\n  projectId: string | null;\n  releaseStatus: string;\n}) {\n  const [name, setName] = useState('');\n  const [error, setError] = useState<string | null>(null);\n  const { data } = useQuery<{ planmagnetRelease: { qualityGates: Gate[] } | null }>(RELEASE_GATES, {\n    variables: { id: releaseId },\n  });\n  const refetch = { refetchQueries: ['ReleaseGates', 'GetRelease'], awaitRefetchQueries: true };\n  const [create, createState] = useMutation(CREATE_GATE, refetch);\n  const [review, reviewState] = useMutation(REVIEW_GATE, refetch);\n\n  const gates = data?.planmagnetRelease?.qualityGates ?? [];\n  const open = gates.filter((g) => !CLEARING.has(g.status));\n  const shipped = releaseStatus === 'RELEASED';\n\n  const run = async (\n    action: () => Promise<{ error?: unknown }>,\n    fallback: string,\n    after?: () => void\n  ) => {\n    setError(null);\n    try {\n      await throwOnError(action());\n      after?.();\n    } catch (e) {\n      setError(e instanceof Error ? e.message : fallback);\n    }\n  };\n\n  return (\n    <Card data-testid=\"release-gates\">\n      <CardHeader>\n        <CardTitle className=\"flex items-center gap-2\">\n          <ShieldAlert className=\"h-4 w-4\" /> Quality Gates\n        </CardTitle>\n      </CardHeader>\n      <CardContent className=\"space-y-3\">\n        {error && (\n          <p role=\"alert\" className=\"text-sm text-destructive\">\n            {error}\n          </p>\n        )}\n        {!shipped && open.length > 0 && (\n          <p className=\"text-sm text-status-warning-text\" data-testid=\"release-held\">\n            This release cannot be released until {open.length} gate{open.length === 1 ? '' : 's'}{' '}\n            {open.length === 1 ? 'is' : 'are'} passed or waived:{' '}\n            {open.map((g) => g.name).join(', ')}.\n          </p>\n        )}\n        {gates.length === 0 && (\n          <p className=\"text-sm text-muted-foreground\">No quality gates hold this release.</p>\n        )}\n        <ul className=\"space-y-2\">\n          {gates.map((gate) => (\n            <li\n              key={gate.id}\n              className=\"rounded-md border p-2 space-y-1\"\n              data-testid=\"release-gate\"\n            >\n              <div className=\"flex items-center justify-between gap-2\">\n                <span className=\"text-sm font-medium\">{gate.name}</span>\n                <StatusMark status={gate.status} />\n              </div>\n              {gate.reviewerId && (\n                <p className=\"text-xs text-muted-foreground\">\n                  Reviewed by <PersonName id={gate.reviewerId} />\n                  {gate.reviewedAt ? ` · ${new Date(gate.reviewedAt).toLocaleString()}` : ''}\n                </p>\n              )}\n              <div className=\"flex gap-1\">\n                {(['PASSED', 'FAILED', 'WAIVED'] as const).map((status) => (\n                  <Button\n                    key={status}\n                    size=\"sm\"\n                    variant=\"outline\"\n                    className=\"h-7 text-xs\"\n                    disabled={reviewState.loading || gate.status === status}\n                    onClick={() =>\n                      run(\n                        () => review({ variables: { id: gate.id, input: { status } } }),\n                        'The gate could not be reviewed.'\n                      )\n                    }\n                  >\n                    {status === 'PASSED' ? 'Pass' : status === 'FAILED' ? 'Fail' : 'Waive'}\n                  </Button>\n                ))}\n              </div>\n            </li>\n          ))}\n        </ul>\n        {projectId ? (\n          <div className=\"flex gap-2 border-t pt-3\">\n            <Input\n              aria-label=\"New gate name\"\n              placeholder=\"Add a gate, e.g. Security review\"\n              value={name}\n              onChange={(e) => setName(e.target.value)}\n            />\n            <Button\n              size=\"sm\"\n              disabled={!name.trim() || createState.loading}\n              data-testid=\"release-gate-add\"\n              onClick={() =>\n                run(\n                  () =>\n                    create({\n                      variables: {\n                        input: { projectId, releaseId, name: name.trim(), criteria: {} },\n                      },\n                    }),\n                  'The gate could not be added.',\n                  () => setName('')\n                )\n              }\n            >\n              Add gate\n            </Button>\n          </div>\n        ) : (\n          <p className=\"text-xs text-muted-foreground\">\n            This release has no project, so gates cannot be added here.\n          </p>\n        )}\n      </CardContent>\n    </Card>\n  );\n}\n"],"mappings":"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"}

package/dist/planmagnet/releases/ReleaseReadinessCard.d.ts

@@ -0,0 +1,7 @@
+export declare function ReleaseReadinessCard({ releaseId, projectId, releaseStatus, plannedDate, }: {
+    releaseId: string;
+    projectId: string | null;
+    releaseStatus: string;
+    plannedDate: string | null;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ReleaseReadinessCard.d.ts.map

package/dist/planmagnet/releases/ReleaseReadinessCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReleaseReadinessCard.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/releases/ReleaseReadinessCard.tsx"],"names":[],"mappings":"AA6MA,wBAAgB,oBAAoB,CAAC,EACnC,SAAS,EACT,SAAS,EACT,aAAa,EACb,WAAW,GACZ,EAAE;IACD,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5B,2CAwRA"}

package/dist/planmagnet/releases/ReleaseReadinessCard.js

@@ -0,0 +1,390 @@
+import { CombinedGraphQLErrors as e } from "../../node_modules/@apollo/client/errors/CombinedGraphQLErrors.js";
+import { usePlanMagnet as t, usePlanMagnetNavigate as n } from "../providers/PlanMagnetProvider.js";
+import { RELEASE_GATES as r } from "./ReleaseGatesCard.js";
+import { useState as i } from "react";
+import { AlertTriangle as a, CheckCircle2 as o, Clock as s, Link2 as c, ShieldAlert as l, Users as u, Wallet as d } from "lucide-react";
+import { gql as f } from "@apollo/client";
+import { useQuery as p } from "@apollo/client/react";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { Card as _, CardContent as v, CardHeader as y, CardTitle as b } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/releases/ReleaseReadinessCard.tsx
+var x = f`
+  query ReleaseReadiness($releaseId: ID!) {
+    planmagnetReleaseReadiness(releaseId: $releaseId) {
+      scope
+      totalItems
+      doneItems
+      openWorkItemIds
+      blockers {
+        workItem {
+          id
+          key
+          title
+          status
+        }
+        waitingOn {
+          id
+          key
+          title
+          status
+          projectId
+        }
+      }
+    }
+  }
+`, S = f`
+  query ReleaseBudgets($workspaceId: ID!, $projectId: String!) {
+    planmagnetBudgets(
+      workspaceId: $workspaceId
+      filter: { projectId: $projectId }
+      pagination: { first: 50 }
+    ) {
+      items {
+        id
+        name
+        status
+        currency
+        plannedAmount
+        spentAmount
+        remainingAmount
+        approvedAt
+      }
+    }
+  }
+`, C = f`
+  query ReleaseRisks($workspaceId: ID!, $projectId: String!) {
+    planmagnetRisks(
+      workspaceId: $workspaceId
+      filter: { projectId: $projectId }
+      pagination: { first: 100 }
+    ) {
+      items {
+        id
+        title
+        severity
+        status
+        riskScore
+      }
+    }
+  }
+`, w = f`
+  query ReleaseCustomerRequests($workspaceId: ID!, $projectId: String!) {
+    planmagnetFeatureRequests(
+      workspaceId: $workspaceId
+      filter: { projectId: $projectId }
+      pagination: { first: 100 }
+    ) {
+      items {
+        id
+        title
+        status
+        voteCount
+        workItemId
+      }
+    }
+  }
+`, T = new Set([
+	"RESOLVED",
+	"ACCEPTED",
+	"CLOSED"
+]), E = new Set([
+	"COMPLETED",
+	"DECLINED",
+	"DUPLICATE"
+]), D = 1440 * 60 * 1e3;
+function O(t) {
+	return e.is(t) && t.errors.some((e) => e.extensions?.code === "FORBIDDEN");
+}
+function k({ icon: e, title: t, testId: n, loading: r, error: i, children: a }) {
+	let o = a;
+	return i ? o = /* @__PURE__ */ h("p", {
+		className: "text-sm text-muted-foreground",
+		children: O(i) ? "Your role cannot see this." : `Could not be loaded: ${i instanceof Error ? i.message : "unknown error"}`
+	}) : r && (o = /* @__PURE__ */ h("p", {
+		className: "text-sm text-muted-foreground",
+		children: "Loading…"
+	})), /* @__PURE__ */ g("section", {
+		className: "space-y-1.5",
+		"data-testid": n,
+		children: [/* @__PURE__ */ g("h3", {
+			className: "flex items-center gap-2 text-sm font-medium",
+			children: [e, t]
+		}), o]
+	});
+}
+var A = (e, t) => {
+	try {
+		return new Intl.NumberFormat(void 0, {
+			style: "currency",
+			currency: t
+		}).format(e);
+	} catch {
+		return `${e.toFixed(2)} ${t}`;
+	}
+};
+function j({ releaseId: e, projectId: f, releaseStatus: O, plannedDate: j }) {
+	let { workspaceId: M } = t(), [N] = i(() => Date.now()), P = n(), F = {
+		variables: {
+			workspaceId: M,
+			projectId: f
+		},
+		skip: !M || !f
+	}, I = p(x, { variables: { releaseId: e } }), L = p(r, { variables: { id: e } }), R = p(S, F), z = p(C, F), B = p(w, F), V = O === "RELEASED", H = I.data?.planmagnetReleaseReadiness, U = (L.data?.planmagnetRelease?.qualityGates ?? []).filter((e) => e.status !== "PASSED" && e.status !== "WAIVED"), W = R.data?.planmagnetBudgets.items ?? [], G = (z.data?.planmagnetRisks.items ?? []).filter((e) => !T.has(e.status)).sort((e, t) => t.riskScore - e.riskScore), K = new Set(H?.openWorkItemIds ?? []), q = new Set((H?.blockers ?? []).map((e) => e.workItem.id)), J = (B.data?.planmagnetFeatureRequests.items ?? []).filter((e) => e.workItemId && K.has(e.workItemId) && !E.has(e.status)), Y = j && !V ? Math.floor((N - new Date(j).getTime()) / D) : null, X = [];
+	Y !== null && Y > 0 && X.push(`${Y} day${Y === 1 ? "" : "s"} past its planned date`), H && H.blockers.length > 0 && X.push(`${H.blockers.length} blocked item${H.blockers.length === 1 ? "" : "s"}`), H && H.openWorkItemIds.length > 0 && X.push(`${H.openWorkItemIds.length} unfinished item${H.openWorkItemIds.length === 1 ? "" : "s"}`), U.length > 0 && X.push(`${U.length} gate${U.length === 1 ? "" : "s"} not passed`), W.filter((e) => e.remainingAmount < 0 || e.status === "EXCEEDED").length > 0 && X.push("over budget");
+	let Z = !I.loading && !L.loading;
+	return /* @__PURE__ */ g(_, {
+		"data-testid": "release-readiness",
+		children: [/* @__PURE__ */ h(y, { children: /* @__PURE__ */ h(b, { children: "What stands between this release and shipping" }) }), /* @__PURE__ */ g(v, {
+			className: "space-y-5",
+			children: [
+				V ? /* @__PURE__ */ g("p", {
+					className: "flex items-center gap-2 text-sm text-status-success-text",
+					children: [/* @__PURE__ */ h(o, { className: "h-4 w-4" }), " Released."]
+				}) : Z && X.length === 0 && H && H.scope !== "NONE" ? /* @__PURE__ */ g("p", {
+					className: "flex items-center gap-2 text-sm text-status-success-text",
+					"data-testid": "readiness-headline",
+					children: [/* @__PURE__ */ h(o, { className: "h-4 w-4" }), " Nothing is holding this release."]
+				}) : Z && X.length > 0 ? /* @__PURE__ */ g("p", {
+					className: "flex items-center gap-2 text-sm text-status-warning-text",
+					"data-testid": "readiness-headline",
+					children: [
+						/* @__PURE__ */ h(a, { className: "h-4 w-4 shrink-0" }),
+						" Held by: ",
+						X.join(", "),
+						"."
+					]
+				}) : null,
+				/* @__PURE__ */ h(k, {
+					icon: /* @__PURE__ */ h(c, { className: "h-4 w-4" }),
+					title: "Work and blockers",
+					testId: "readiness-work",
+					loading: I.loading && !I.data,
+					error: I.error,
+					children: H && /* @__PURE__ */ g("div", {
+						className: "space-y-2",
+						children: [
+							/* @__PURE__ */ h("p", {
+								className: "text-sm text-muted-foreground",
+								children: H.scope === "NONE" ? "This release has no work items and no project, so there is nothing to track." : H.scope === "PROJECTS" ? `No work items are assigned to this release, so everything open in its project counts: ${H.totalItems} open.` : `${H.doneItems} of ${H.totalItems} work items done.`
+							}),
+							H.blockers.length === 0 && H.scope !== "NONE" && /* @__PURE__ */ h("p", {
+								className: "text-sm text-muted-foreground",
+								children: "No item is waiting on unfinished work."
+							}),
+							/* @__PURE__ */ h("ul", {
+								className: "space-y-1.5",
+								children: H.blockers.map((e) => /* @__PURE__ */ g("li", {
+									className: "rounded-md border p-2 text-sm",
+									"data-testid": "readiness-blocker",
+									children: [
+										/* @__PURE__ */ g("button", {
+											type: "button",
+											className: "font-medium hover:underline text-left",
+											onClick: () => P(`/tasks/task-detail-page?taskId=${encodeURIComponent(e.workItem.id)}`),
+											children: [
+												e.workItem.key,
+												" ",
+												e.workItem.title
+											]
+										}),
+										/* @__PURE__ */ h("span", {
+											className: "text-muted-foreground",
+											children: " waits on "
+										}),
+										e.waitingOn.map((e, t) => /* @__PURE__ */ g("span", { children: [
+											t > 0 && ", ",
+											/* @__PURE__ */ g("button", {
+												type: "button",
+												className: "hover:underline",
+												onClick: () => P(`/tasks/task-detail-page?taskId=${encodeURIComponent(e.id)}`),
+												children: [
+													e.key,
+													" ",
+													e.title
+												]
+											}),
+											" ",
+											/* @__PURE__ */ g("span", {
+												className: "text-xs text-muted-foreground",
+												children: [
+													"(",
+													e.status.toLowerCase().replace("_", " "),
+													f && e.projectId && e.projectId !== f ? ", another project" : "",
+													")"
+												]
+											})
+										] }, e.id))
+									]
+								}, e.workItem.id))
+							})
+						]
+					})
+				}),
+				/* @__PURE__ */ h(k, {
+					icon: /* @__PURE__ */ h(l, { className: "h-4 w-4" }),
+					title: "Approvals",
+					testId: "readiness-approvals",
+					loading: L.loading && !L.data,
+					error: L.error,
+					children: /* @__PURE__ */ h("p", {
+						className: "text-sm text-muted-foreground",
+						children: U.length === 0 ? "No quality gate is waiting for a decision." : `Waiting on: ${U.map((e) => `${e.name} (${e.status.toLowerCase().replace("_", " ")})`).join(", ")}.`
+					})
+				}),
+				f ? /* @__PURE__ */ g(m, { children: [
+					/* @__PURE__ */ h(k, {
+						icon: /* @__PURE__ */ h(d, { className: "h-4 w-4" }),
+						title: "Budget",
+						testId: "readiness-budget",
+						loading: R.loading && !R.data,
+						error: R.error,
+						children: W.length === 0 ? /* @__PURE__ */ h("p", {
+							className: "text-sm text-muted-foreground",
+							children: "This release's project has no budget."
+						}) : /* @__PURE__ */ h("ul", {
+							className: "space-y-1",
+							children: W.map((e) => {
+								let t = e.remainingAmount < 0;
+								return /* @__PURE__ */ g("li", {
+									className: "text-sm",
+									"data-testid": "readiness-budget-row",
+									children: [
+										/* @__PURE__ */ h("span", {
+											className: "font-medium",
+											children: e.name
+										}),
+										":",
+										" ",
+										A(e.spentAmount, e.currency),
+										" of ",
+										A(e.plannedAmount, e.currency),
+										" ",
+										"spent",
+										t ? /* @__PURE__ */ g("span", {
+											className: "text-status-error-text",
+											children: [
+												" ",
+												"— over by ",
+												A(-e.remainingAmount, e.currency)
+											]
+										}) : /* @__PURE__ */ g("span", {
+											className: "text-muted-foreground",
+											children: [
+												" ",
+												"— ",
+												A(e.remainingAmount, e.currency),
+												" left"
+											]
+										}),
+										!e.approvedAt && /* @__PURE__ */ h("span", {
+											className: "text-status-warning-text",
+											children: " · not approved"
+										})
+									]
+								}, e.id);
+							})
+						})
+					}),
+					/* @__PURE__ */ h(k, {
+						icon: /* @__PURE__ */ h(a, { className: "h-4 w-4" }),
+						title: "Open risks",
+						testId: "readiness-risks",
+						loading: z.loading && !z.data,
+						error: z.error,
+						children: G.length === 0 ? /* @__PURE__ */ h("p", {
+							className: "text-sm text-muted-foreground",
+							children: "No open risks on this release's project."
+						}) : /* @__PURE__ */ g("ul", {
+							className: "space-y-1",
+							children: [G.slice(0, 5).map((e) => /* @__PURE__ */ g("li", {
+								className: "text-sm",
+								children: [
+									/* @__PURE__ */ h("span", {
+										className: "font-medium",
+										children: e.title
+									}),
+									" ",
+									/* @__PURE__ */ g("span", {
+										className: "text-xs text-muted-foreground",
+										children: [
+											"(",
+											e.severity.toLowerCase(),
+											", score ",
+											e.riskScore,
+											",",
+											" ",
+											e.status.toLowerCase(),
+											")"
+										]
+									})
+								]
+							}, e.id)), G.length > 5 && /* @__PURE__ */ g("li", {
+								className: "text-xs text-muted-foreground",
+								children: [
+									"and ",
+									G.length - 5,
+									" more"
+								]
+							})]
+						})
+					}),
+					/* @__PURE__ */ h(k, {
+						icon: /* @__PURE__ */ h(u, { className: "h-4 w-4" }),
+						title: "Customer requests riding on unfinished work",
+						testId: "readiness-requests",
+						loading: B.loading && !B.data,
+						error: B.error,
+						children: J.length === 0 ? /* @__PURE__ */ h("p", {
+							className: "text-sm text-muted-foreground",
+							children: "No open customer request is tied to unfinished work in this release."
+						}) : /* @__PURE__ */ h("ul", {
+							className: "space-y-1",
+							children: J.map((e) => /* @__PURE__ */ g("li", {
+								className: "text-sm",
+								"data-testid": "readiness-request",
+								children: [
+									/* @__PURE__ */ h("span", {
+										className: "font-medium",
+										children: e.title
+									}),
+									" ",
+									/* @__PURE__ */ g("span", {
+										className: "text-xs text-muted-foreground",
+										children: [
+											"(",
+											e.voteCount,
+											" vote",
+											e.voteCount === 1 ? "" : "s",
+											")"
+										]
+									}),
+									e.workItemId && q.has(e.workItemId) && /* @__PURE__ */ h("span", {
+										className: "text-status-error-text",
+										children: " — its work is blocked"
+									})
+								]
+							}, e.id))
+						})
+					})
+				] }) : /* @__PURE__ */ h("p", {
+					className: "text-sm text-muted-foreground",
+					children: "This release has no project, so budget, risks and customer requests cannot be shown."
+				}),
+				j && Y !== null && /* @__PURE__ */ g("p", {
+					className: "flex items-center gap-2 text-xs text-muted-foreground",
+					children: [
+						/* @__PURE__ */ h(s, { className: "h-3.5 w-3.5" }),
+						"Planned for ",
+						new Date(j).toLocaleDateString(),
+						Y > 0 ? ` (${Y} day${Y === 1 ? "" : "s"} ago)` : "",
+						"."
+					]
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { j as ReleaseReadinessCard };
+
+//# sourceMappingURL=ReleaseReadinessCard.js.map