@burdenoff/microfe-planmagnet 2026.930.24 → 2026.1001.1

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 { TaskTimePanel } from '../time/TaskTimePanel';\nimport { PersonName } from '../people/People';\nimport { DocSearchSelect } from '../controls/Pickers';\nimport { CustomFieldsPanel } from '../controls/CustomFieldValuesPanel';\nimport { DependencyPanel } from '../dependency/DependencyPanel';\nimport { IssueLinksPanel } from '../links/IssueLinksPanel';\nimport { WorkItemMilestoneSelect } from '../milestones/MilestoneControls';\nimport {\n  WORK_ITEM_PRIORITIES,\n  WorkItemStatusSelect,\n  WorkItemAssigneeSelect,\n  WorkItemEnumSelect,\n  WorkItemHeaderActions,\n} from '../controls/WorkItemControls';\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, Link2, 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      projectId\n      title\n      description\n      type\n      status\n      priority\n      key\n      assigneeId\n      reporterId\n      createdBy\n      sprintId\n      milestoneId\n      storyPoints\n      estimateMinutes\n      dueDate\n      labels\n      tags\n      createdAt\n      updatedAt\n      customFieldValues {\n        id\n        definitionId\n        value\n      }\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  createdBy: string;\n  sprintId: string | null;\n  milestoneId: 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  customFieldValues: { id: string; definitionId: string; value: unknown }[];\n}\n\ninterface WorkItemDocNode {\n  id: string;\n  title: string;\n  status: string;\n  version: number;\n  updatedAt: string;\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  // BOFF-7961: only \"New Doc\" existed, so a doc written on the Docs page could never be linked to a task.\n  const [isLinking, setIsLinking] = useState(false);\n  const [existingDocId, setExistingDocId] = useState('');\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, { loading: linking }] = 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 handleLinkExisting = async () => {\n    if (!existingDocId) return;\n    setActionError(null);\n    try {\n      await throwOnError(linkDoc({ variables: { docId: existingDocId, workItemId } }));\n    } catch (e) {\n      setActionError(e instanceof Error ? e.message : 'The doc could not be linked.');\n      return;\n    }\n    setExistingDocId('');\n    setIsLinking(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 && !isLinking && (\n          <div className=\"flex gap-2\">\n            <Button size=\"sm\" variant=\"outline\" onClick={() => setIsLinking(true)}>\n              <Link2 className=\"h-4 w-4 mr-1\" />\n              Link existing doc\n            </Button>\n            <Button size=\"sm\" variant=\"outline\" onClick={() => setIsComposing(true)}>\n              <Plus className=\"h-4 w-4 mr-1\" />\n              New Doc\n            </Button>\n          </div>\n        )}\n      </CardHeader>\n      <CardContent className=\"space-y-4\">\n        {isLinking && (\n          <div className=\"space-y-2 rounded-md border border-input p-3\">\n            <DocSearchSelect\n              id=\"task-link-doc\"\n              value={existingDocId}\n              onChange={setExistingDocId}\n              exclude={docs.map((d) => d.id)}\n            />\n            <div className=\"flex gap-2 justify-end\">\n              <Button\n                size=\"sm\"\n                variant=\"ghost\"\n                onClick={() => {\n                  setIsLinking(false);\n                  setExistingDocId('');\n                }}\n              >\n                Cancel\n              </Button>\n              <Button size=\"sm\" disabled={!existingDocId || linking} onClick={handleLinkExisting}>\n                {linking ? 'Linking...' : 'Link'}\n              </Button>\n            </div>\n          </div>\n        )}\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 && !isLinking && (\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  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-start justify-between gap-4\">\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        <WorkItemHeaderActions workItemId={task.id} title={task.title} />\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          <CustomFieldsPanel\n            workItemId={task.id}\n            projectId={task.projectId}\n            values={task.customFieldValues ?? []}\n          />\n          <LinkedDocsPanel workItemId={task.id} />\n          <TaskTimePanel\n            workspaceId={workspaceId}\n            workItemId={task.id}\n            projectId={task.projectId}\n            taskLabel={`${task.key} — ${task.title}`}\n          />\n          <DependencyPanel\n            workspaceId={workspaceId ?? ''}\n            workItemId={task.id}\n            projectId={task.projectId}\n          />\n          {/* PDM-24: semantic links (blocks / duplicates / causes / relates to), not scheduling. */}\n          <IssueLinksPanel 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 items-start justify-between gap-2\">\n                <span className=\"text-muted-foreground\">Status</span>\n                <WorkItemStatusSelect\n                  workItemId={task.id}\n                  projectId={task.projectId}\n                  value={task.status}\n                />\n              </div>\n              <div className=\"flex items-start justify-between gap-2\">\n                <span className=\"text-muted-foreground\">Priority</span>\n                <WorkItemEnumSelect\n                  workItemId={task.id}\n                  field=\"priority\"\n                  value={task.priority}\n                  options={WORK_ITEM_PRIORITIES}\n                  label=\"Priority\"\n                />\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 items-start justify-between gap-2\">\n                <span className=\"text-muted-foreground\">Milestone</span>\n                {/* PDM-22: a milestone of this task's project, or none. */}\n                <WorkItemMilestoneSelect\n                  workItemId={task.id}\n                  projectId={task.projectId}\n                  milestoneId={task.milestoneId}\n                />\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 items-start justify-between gap-2\">\n                <span className=\"text-muted-foreground\">Assignee</span>\n                {/* Members by name (BOFF-7946); choosing one assigns the task (BOFF-7938). */}\n                <WorkItemAssigneeSelect workItemId={task.id} assigneeId={task.assigneeId} />\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Reporter</span>\n                {/* No PlanMagnet form sets reporterId, so a UI-created task has none; its creator reported it. */}\n                <PersonName id={task.reporterId ?? task.createdBy} />\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 { TaskTimePanel } from '../time/TaskTimePanel';\nimport { PersonName } from '../people/People';\nimport { DocSearchSelect } from '../controls/Pickers';\nimport { CustomFieldsPanel } from '../controls/CustomFieldValuesPanel';\nimport { DependencyPanel } from '../dependency/DependencyPanel';\nimport { IssueLinksPanel } from '../links/IssueLinksPanel';\nimport { WorkItemMilestoneSelect } from '../milestones/MilestoneControls';\nimport {\n  WORK_ITEM_PRIORITIES,\n  WorkItemStatusSelect,\n  WorkItemAssigneeSelect,\n  WorkItemEnumSelect,\n  WorkItemHeaderActions,\n} from '../controls/WorkItemControls';\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, Link2, Plus, X } from 'lucide-react';\nimport { MarkdownEditor } from '#src/components/MarkdownEditor';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { usePresence } from '../hooks/usePresence';\nimport { PresenceAvatars } from '../presence/PresenceAvatars';\nimport { WorkItemDiscussionPanel } from '../discussion/WorkItemDiscussionPanel';\nimport { CodeLinksPanel, type WorkItemCodeLink } from '../links/CodeLinksPanel';\n\nconst GET_WORK_ITEM = gql`\n  query GetWorkItemDetail($workItemId: ID!) {\n    planmagnetWorkItem(id: $workItemId) {\n      id\n      projectId\n      title\n      description\n      type\n      status\n      priority\n      key\n      assigneeId\n      reporterId\n      createdBy\n      sprintId\n      milestoneId\n      storyPoints\n      estimateMinutes\n      dueDate\n      labels\n      tags\n      createdAt\n      updatedAt\n      customFieldValues {\n        id\n        definitionId\n        value\n      }\n      discussionConversationId\n      codeLinks {\n        id\n        kind\n        title\n        url\n        state\n        number\n        authorLogin\n        mergedAt\n        ref\n      }\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  createdBy: string;\n  sprintId: string | null;\n  milestoneId: 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  customFieldValues: { id: string; definitionId: string; value: unknown }[];\n  discussionConversationId: string | null;\n  codeLinks: WorkItemCodeLink[];\n}\n\ninterface WorkItemDocNode {\n  id: string;\n  title: string;\n  status: string;\n  version: number;\n  updatedAt: string;\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  // BOFF-7961: only \"New Doc\" existed, so a doc written on the Docs page could never be linked to a task.\n  const [isLinking, setIsLinking] = useState(false);\n  const [existingDocId, setExistingDocId] = useState('');\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, { loading: linking }] = 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 handleLinkExisting = async () => {\n    if (!existingDocId) return;\n    setActionError(null);\n    try {\n      await throwOnError(linkDoc({ variables: { docId: existingDocId, workItemId } }));\n    } catch (e) {\n      setActionError(e instanceof Error ? e.message : 'The doc could not be linked.');\n      return;\n    }\n    setExistingDocId('');\n    setIsLinking(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 && !isLinking && (\n          <div className=\"flex gap-2\">\n            <Button size=\"sm\" variant=\"outline\" onClick={() => setIsLinking(true)}>\n              <Link2 className=\"h-4 w-4 mr-1\" />\n              Link existing doc\n            </Button>\n            <Button size=\"sm\" variant=\"outline\" onClick={() => setIsComposing(true)}>\n              <Plus className=\"h-4 w-4 mr-1\" />\n              New Doc\n            </Button>\n          </div>\n        )}\n      </CardHeader>\n      <CardContent className=\"space-y-4\">\n        {isLinking && (\n          <div className=\"space-y-2 rounded-md border border-input p-3\">\n            <DocSearchSelect\n              id=\"task-link-doc\"\n              value={existingDocId}\n              onChange={setExistingDocId}\n              exclude={docs.map((d) => d.id)}\n            />\n            <div className=\"flex gap-2 justify-end\">\n              <Button\n                size=\"sm\"\n                variant=\"ghost\"\n                onClick={() => {\n                  setIsLinking(false);\n                  setExistingDocId('');\n                }}\n              >\n                Cancel\n              </Button>\n              <Button size=\"sm\" disabled={!existingDocId || linking} onClick={handleLinkExisting}>\n                {linking ? 'Linking...' : 'Link'}\n              </Button>\n            </div>\n          </div>\n        )}\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 && !isLinking && (\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  // CWF-24: who else is looking at this task right now, and who's mid-comment.\n  const presence = usePresence('WORK_ITEM', workItemId || null);\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  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-start justify-between gap-4\">\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          <PresenceAvatars others={presence.others} />\n        </div>\n        <WorkItemHeaderActions workItemId={task.id} title={task.title} />\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          <CustomFieldsPanel\n            workItemId={task.id}\n            projectId={task.projectId}\n            values={task.customFieldValues ?? []}\n          />\n          <LinkedDocsPanel workItemId={task.id} />\n          <TaskTimePanel\n            workspaceId={workspaceId}\n            workItemId={task.id}\n            projectId={task.projectId}\n            taskLabel={`${task.key} — ${task.title}`}\n          />\n          <DependencyPanel\n            workspaceId={workspaceId ?? ''}\n            workItemId={task.id}\n            projectId={task.projectId}\n          />\n          {/* PDM-24: semantic links (blocks / duplicates / causes / relates to), not scheduling. */}\n          <IssueLinksPanel workItemId={task.id} />\n          {/* CWF-26: a real group conversation in Conversations, not a comment thread of its own. */}\n          <WorkItemDiscussionPanel\n            workItemId={task.id}\n            workItemKey={task.key}\n            workItemTitle={task.title}\n            assigneeId={task.assigneeId}\n            discussionConversationId={task.discussionConversationId}\n          />\n          {/* AUT-12: PRs/commits/releases GitHub sync discovered that mention this item's key. */}\n          <CodeLinksPanel codeLinks={task.codeLinks ?? []} />\n          <WorkItemComments\n            workItemId={task.id}\n            presence={{\n              typingActorIds: presence.typingActorIds,\n              notifyTyping: presence.notifyTyping,\n            }}\n          />\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 items-start justify-between gap-2\">\n                <span className=\"text-muted-foreground\">Status</span>\n                <WorkItemStatusSelect\n                  workItemId={task.id}\n                  projectId={task.projectId}\n                  value={task.status}\n                />\n              </div>\n              <div className=\"flex items-start justify-between gap-2\">\n                <span className=\"text-muted-foreground\">Priority</span>\n                <WorkItemEnumSelect\n                  workItemId={task.id}\n                  field=\"priority\"\n                  value={task.priority}\n                  options={WORK_ITEM_PRIORITIES}\n                  label=\"Priority\"\n                />\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 items-start justify-between gap-2\">\n                <span className=\"text-muted-foreground\">Milestone</span>\n                {/* PDM-22: a milestone of this task's project, or none. */}\n                <WorkItemMilestoneSelect\n                  workItemId={task.id}\n                  projectId={task.projectId}\n                  milestoneId={task.milestoneId}\n                />\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 items-start justify-between gap-2\">\n                <span className=\"text-muted-foreground\">Assignee</span>\n                {/* Members by name (BOFF-7946); choosing one assigns the task (BOFF-7938). */}\n                <WorkItemAssigneeSelect workItemId={task.id} assigneeId={task.assigneeId} />\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Reporter</span>\n                {/* No PlanMagnet form sets reporterId, so a UI-created task has none; its creator reported it. */}\n                <PersonName id={task.reporterId ?? task.createdBy} />\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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"}

package/dist/planmagnet/presence/PresenceAvatars.d.ts

@@ -0,0 +1,16 @@
+import { PresenceOther } from '../hooks/usePresence';
+
+export declare function PresenceAvatars({ others }: {
+    others: readonly PresenceOther[];
+}): import("react/jsx-runtime").JSX.Element | null;
+/**
+ * "Ada is typing…" (CWF-24), inside a comment thread. A live region (polite — a typing flip is not urgent enough
+ * to interrupt) so the line appearing/disappearing/changing names is announced without extra chrome. Renders an
+ * (invisible-to-sighted-users but still present) empty live region rather than nothing at all when no one is
+ * typing, so the region already exists in the accessibility tree before the first announcement — inserting a
+ * brand-new `aria-live` node right as it needs to speak is unreliable across screen readers.
+ */
+export declare function TypingLine({ typingActorIds }: {
+    typingActorIds: readonly string[];
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PresenceAvatars.d.ts.map

package/dist/planmagnet/presence/PresenceAvatars.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PresenceAvatars.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/presence/PresenceAvatars.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAe1D,wBAAgB,eAAe,CAAC,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,SAAS,aAAa,EAAE,CAAA;CAAE,kDA6B/E;AAED;;;;;;GAMG;AACH,wBAAgB,UAAU,CAAC,EAAE,cAAc,EAAE,EAAE;IAAE,cAAc,EAAE,SAAS,MAAM,EAAE,CAAA;CAAE,2CAsBnF"}

package/dist/planmagnet/presence/PresenceAvatars.js

@@ -0,0 +1,56 @@
+import { PersonAvatar as e, PersonName as t } from "../people/People.js";
+import { Fragment as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/planmagnet/presence/PresenceAvatars.tsx
+var a = 5;
+function o({ others: t }) {
+	if (t.length === 0) return null;
+	let n = t.slice(0, a), o = t.length - n.length;
+	return /* @__PURE__ */ i("div", {
+		role: "group",
+		"aria-label": `Also here: ${t.length} other${t.length === 1 ? "" : "s"}`,
+		"data-testid": "presence-avatars",
+		className: "flex items-center gap-1.5",
+		children: [
+			/* @__PURE__ */ r("span", {
+				className: "text-xs text-muted-foreground",
+				children: "Also here:"
+			}),
+			/* @__PURE__ */ r("div", {
+				className: "flex -space-x-2",
+				children: n.map((t) => /* @__PURE__ */ r(e, {
+					id: t.actorId,
+					className: "flex h-6 w-6 shrink-0 items-center justify-center rounded-full border-2 border-bg-surface bg-muted text-[10px] font-medium text-foreground"
+				}, t.actorId))
+			}),
+			o > 0 && /* @__PURE__ */ i("span", {
+				className: "text-xs text-muted-foreground",
+				"data-testid": "presence-avatars-overflow",
+				children: ["+", o]
+			})
+		]
+	});
+}
+function s({ typingActorIds: e }) {
+	let [a, o] = e;
+	return /* @__PURE__ */ i("p", {
+		role: "status",
+		"aria-live": "polite",
+		"data-testid": "presence-typing",
+		className: "min-h-[1rem] text-xs italic text-muted-foreground",
+		children: [
+			e.length === 1 && /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r(t, { id: a }), " is typing…"] }),
+			e.length === 2 && /* @__PURE__ */ i(n, { children: [
+				/* @__PURE__ */ r(t, { id: a }),
+				" and ",
+				/* @__PURE__ */ r(t, { id: o }),
+				" are typing…"
+			] }),
+			e.length > 2 && `${e.length} people are typing…`
+		]
+	});
+}
+//#endregion
+export { o as PresenceAvatars, s as TypingLine };
+
+//# sourceMappingURL=PresenceAvatars.js.map

package/dist/planmagnet/presence/PresenceAvatars.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PresenceAvatars.js","names":[],"sources":["../../../src/planmagnet/presence/PresenceAvatars.tsx"],"sourcesContent":["import { Fragment } from 'react';\nimport { PersonAvatar, PersonName } from '../people/People';\nimport type { PresenceOther } from '../hooks/usePresence';\n\n/**\n * \"Also here: …\" (CWF-24) — everyone else currently present on a task/doc/roadmap/project, up to 5 initials\n * bubbles plus a \"+N\" overflow count. `others` is expected to already exclude the caller — `usePresence` does\n * that — so this never needs its own id to filter against. Renders nothing when nobody else is here: an empty\n * \"Also here:\" row would be noise, not information.\n *\n * Each bubble is a `PersonAvatar`, which already carries its own resolved-name `aria-label`/tooltip (People.tsx),\n * so wrapping this in `role=\"group\"` with a visible label is enough for the set to read sensibly to a screen\n * reader — there is no second, separately-maintained list of names to keep in sync with the bubbles.\n */\n\nconst MAX_SHOWN = 5;\n\nexport function PresenceAvatars({ others }: { others: readonly PresenceOther[] }) {\n  if (others.length === 0) return null;\n  const shown = others.slice(0, MAX_SHOWN);\n  const overflow = others.length - shown.length;\n\n  return (\n    <div\n      role=\"group\"\n      aria-label={`Also here: ${others.length} other${others.length === 1 ? '' : 's'}`}\n      data-testid=\"presence-avatars\"\n      className=\"flex items-center gap-1.5\"\n    >\n      <span className=\"text-xs text-muted-foreground\">Also here:</span>\n      <div className=\"flex -space-x-2\">\n        {shown.map((entry) => (\n          <PersonAvatar\n            key={entry.actorId}\n            id={entry.actorId}\n            className=\"flex h-6 w-6 shrink-0 items-center justify-center rounded-full border-2 border-bg-surface bg-muted text-[10px] font-medium text-foreground\"\n          />\n        ))}\n      </div>\n      {overflow > 0 && (\n        <span className=\"text-xs text-muted-foreground\" data-testid=\"presence-avatars-overflow\">\n          +{overflow}\n        </span>\n      )}\n    </div>\n  );\n}\n\n/**\n * \"Ada is typing…\" (CWF-24), inside a comment thread. A live region (polite — a typing flip is not urgent enough\n * to interrupt) so the line appearing/disappearing/changing names is announced without extra chrome. Renders an\n * (invisible-to-sighted-users but still present) empty live region rather than nothing at all when no one is\n * typing, so the region already exists in the accessibility tree before the first announcement — inserting a\n * brand-new `aria-live` node right as it needs to speak is unreliable across screen readers.\n */\nexport function TypingLine({ typingActorIds }: { typingActorIds: readonly string[] }) {\n  const [first, second] = typingActorIds;\n  return (\n    <p\n      role=\"status\"\n      aria-live=\"polite\"\n      data-testid=\"presence-typing\"\n      className=\"min-h-[1rem] text-xs italic text-muted-foreground\"\n    >\n      {typingActorIds.length === 1 && (\n        <Fragment>\n          <PersonName id={first} /> is typing…\n        </Fragment>\n      )}\n      {typingActorIds.length === 2 && (\n        <Fragment>\n          <PersonName id={first} /> and <PersonName id={second} /> are typing…\n        </Fragment>\n      )}\n      {typingActorIds.length > 2 && `${typingActorIds.length} people are typing…`}\n    </p>\n  );\n}\n"],"mappings":";;;;AAeA,IAAM,IAAY;AAElB,SAAgB,EAAgB,EAAE,aAAgD;AAChF,KAAI,EAAO,WAAW,EAAG,QAAO;CAChC,IAAM,IAAQ,EAAO,MAAM,GAAG,EAAU,EAClC,IAAW,EAAO,SAAS,EAAM;AAEvC,QACE,kBAAC,OAAD;EACE,MAAK;EACL,cAAY,cAAc,EAAO,OAAO,QAAQ,EAAO,WAAW,IAAI,KAAK;EAC3E,eAAY;EACZ,WAAU;YAJZ;GAME,kBAAC,QAAD;IAAM,WAAU;cAAgC;IAAiB,CAAA;GACjE,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAM,KAAK,MACV,kBAAC,GAAD;KAEE,IAAI,EAAM;KACV,WAAU;KACV,EAHK,EAAM,QAGX,CACF;IACE,CAAA;GACL,IAAW,KACV,kBAAC,QAAD;IAAM,WAAU;IAAgC,eAAY;cAA5D,CAAwF,KACpF,EACG;;GAEL;;;AAWV,SAAgB,EAAW,EAAE,qBAAyD;CACpF,IAAM,CAAC,GAAO,KAAU;AACxB,QACE,kBAAC,KAAD;EACE,MAAK;EACL,aAAU;EACV,eAAY;EACZ,WAAU;YAJZ;GAMG,EAAe,WAAW,KACzB,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAY,IAAI,GAAS,CAAA,EAAA,cAChB,EAAA,CAAA;GAEZ,EAAe,WAAW,KACzB,kBAAC,GAAD,EAAA,UAAA;IACE,kBAAC,GAAD,EAAY,IAAI,GAAS,CAAA;;IAAK,kBAAC,GAAD,EAAY,IAAI,GAAU,CAAA;;IAC/C,EAAA,CAAA;GAEZ,EAAe,SAAS,KAAK,GAAG,EAAe,OAAO;GACrD"}

package/dist/planmagnet/reports/ExportMenu.d.ts

@@ -0,0 +1,9 @@
+import { ReportRun, ReportWidget } from './reportModel';
+
+export declare function ExportMenu({ reportName, widgets, run, onPrint, }: {
+    reportName: string;
+    widgets: ReportWidget[];
+    run: ReportRun | null;
+    onPrint: () => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ExportMenu.d.ts.map

package/dist/planmagnet/reports/ExportMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExportMenu.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/reports/ExportMenu.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAsB,SAAS,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AA+BjF,wBAAgB,UAAU,CAAC,EACzB,UAAU,EACV,OAAO,EACP,GAAG,EACH,OAAO,GACR,EAAE;IACD,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,GAAG,EAAE,SAAS,GAAG,IAAI,CAAC;IACtB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,2CAyFA"}

package/dist/planmagnet/reports/ExportMenu.js

@@ -0,0 +1,116 @@
+import { mutationErrorMessage as e } from "../utils/graphqlErrors.js";
+import { EXPORT_REPORT_RUN as t } from "./reportGraphql.js";
+import { useState as n } from "react";
+import { Download as r, Printer as i } from "lucide-react";
+import { useApolloClient as a } from "@apollo/client/react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Button as c, DropdownMenu as l, DropdownMenuContent as u, DropdownMenuItem as d, DropdownMenuLabel as f, DropdownMenuSeparator as p, DropdownMenuTrigger as m } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/reports/ExportMenu.tsx
+function h(e) {
+	return e.toLowerCase().trim().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "") || "report";
+}
+function g(e, t, n) {
+	let r = new Blob([n], { type: t || "text/plain;charset=utf-8" }), i = URL.createObjectURL(r), a = document.createElement("a");
+	a.href = i, a.download = e, document.body.appendChild(a), a.click(), a.remove(), URL.revokeObjectURL(i);
+}
+function _({ reportName: _, widgets: v, run: y, onPrint: b }) {
+	let x = a(), [S, C] = n(null), [w, T] = n(null), E = `${h(_)}-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}`, D = !y, O = async (n) => {
+		if (y) {
+			C(n), T(null);
+			try {
+				let e = await x.query({
+					query: t,
+					variables: {
+						runId: y.id,
+						format: n
+					},
+					fetchPolicy: "network-only"
+				});
+				if (e.error) throw e.error;
+				let r = e.data?.planmagnetExportReportRun;
+				if (!r) throw Error("The export could not be generated.");
+				g(r.filename, r.contentType, r.content);
+			} catch (t) {
+				T(e(t, "The export failed."));
+			} finally {
+				C(null);
+			}
+		}
+	}, k = async () => {
+		if (y) {
+			C("XLSX"), T(null);
+			try {
+				let { exportReportRunToXlsx: e } = await import("./reportExportXlsx.js");
+				await e(v, y, E);
+			} catch (t) {
+				T(e(t, "The Excel export failed."));
+			} finally {
+				C(null);
+			}
+		}
+	}, A = async () => {
+		if (y) {
+			C("PPTX"), T(null);
+			try {
+				let { exportReportRunToPptx: e } = await import("./reportExportPptx.js");
+				await e(v, y, E, _);
+			} catch (t) {
+				T(e(t, "The PowerPoint export failed."));
+			} finally {
+				C(null);
+			}
+		}
+	};
+	return /* @__PURE__ */ s("div", {
+		className: "flex items-center gap-2",
+		children: [/* @__PURE__ */ s(l, { children: [/* @__PURE__ */ o(m, {
+			asChild: !0,
+			children: /* @__PURE__ */ s(c, {
+				size: "sm",
+				variant: "outline",
+				disabled: D,
+				"data-testid": "report-export",
+				children: [/* @__PURE__ */ o(r, { className: "mr-1 h-4 w-4" }), S ? `Exporting ${S}…` : "Export"]
+			})
+		}), /* @__PURE__ */ s(u, {
+			align: "end",
+			children: [
+				/* @__PURE__ */ o(f, { children: "Data" }),
+				/* @__PURE__ */ o(d, {
+					onSelect: () => void O("CSV"),
+					children: "CSV"
+				}),
+				/* @__PURE__ */ o(d, {
+					onSelect: () => void O("JSON"),
+					children: "JSON"
+				}),
+				/* @__PURE__ */ o(d, {
+					onSelect: () => void O("XML"),
+					children: "XML"
+				}),
+				/* @__PURE__ */ o(p, {}),
+				/* @__PURE__ */ o(f, { children: "Documents" }),
+				/* @__PURE__ */ o(d, {
+					onSelect: () => void k(),
+					children: "Excel (.xlsx)"
+				}),
+				/* @__PURE__ */ o(d, {
+					onSelect: () => void A(),
+					children: "PowerPoint (.pptx)"
+				}),
+				/* @__PURE__ */ s(d, {
+					onSelect: b,
+					children: [/* @__PURE__ */ o(i, { className: "mr-1 h-3.5 w-3.5" }), "PDF (print)"]
+				})
+			]
+		})] }), w && /* @__PURE__ */ o("span", {
+			role: "alert",
+			className: "text-xs text-destructive",
+			children: w
+		})]
+	});
+}
+//#endregion
+export { _ as ExportMenu };
+
+//# sourceMappingURL=ExportMenu.js.map

package/dist/planmagnet/reports/ExportMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExportMenu.js","names":[],"sources":["../../../src/planmagnet/reports/ExportMenu.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useApolloClient } from '@apollo/client/react';\nimport {\n  Button,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from '@burdenoff/fe-libs/ui';\nimport { Download, Printer } from 'lucide-react';\nimport { mutationErrorMessage } from '../utils/graphqlErrors';\nimport { EXPORT_REPORT_RUN } from './reportGraphql';\nimport type { ReportExportFormat, ReportRun, ReportWidget } from './reportModel';\n\n/**\n * Export a run (ANR-16). CSV/JSON/XML are rendered server-side (`planmagnetExportReportRun`) and downloaded as\n * given. Excel/PowerPoint are built client-side from the same already-fetched run, via a dynamic `import()` so\n * `write-excel-file`/`pptxgenjs` only ever load when actually used. PDF is a print-optimised view + the\n * browser's own \"Save as PDF\" (`onPrint`) — no PDF library.\n */\n\nfunction slugify(name: string): string {\n  return (\n    name\n      .toLowerCase()\n      .trim()\n      .replace(/[^a-z0-9]+/g, '-')\n      .replace(/^-+|-+$/g, '') || 'report'\n  );\n}\n\nfunction downloadTextFile(filename: string, contentType: string, content: string): void {\n  const blob = new Blob([content], { type: contentType || 'text/plain;charset=utf-8' });\n  const url = URL.createObjectURL(blob);\n  const link = document.createElement('a');\n  link.href = url;\n  link.download = filename;\n  document.body.appendChild(link);\n  link.click();\n  link.remove();\n  URL.revokeObjectURL(url);\n}\n\nexport function ExportMenu({\n  reportName,\n  widgets,\n  run,\n  onPrint,\n}: {\n  reportName: string;\n  widgets: ReportWidget[];\n  run: ReportRun | null;\n  onPrint: () => void;\n}) {\n  const client = useApolloClient();\n  const [busy, setBusy] = useState<string | null>(null);\n  const [error, setError] = useState<string | null>(null);\n  const fileNameBase = `${slugify(reportName)}-${new Date().toISOString().slice(0, 10)}`;\n  const disabled = !run;\n\n  const exportServerFormat = async (format: ReportExportFormat) => {\n    if (!run) return;\n    setBusy(format);\n    setError(null);\n    try {\n      const result = await client.query<{\n        planmagnetExportReportRun: { filename: string; contentType: string; content: string };\n      }>({\n        query: EXPORT_REPORT_RUN,\n        variables: { runId: run.id, format },\n        fetchPolicy: 'network-only',\n      });\n      if (result.error) throw result.error;\n      const file = result.data?.planmagnetExportReportRun;\n      if (!file) throw new Error('The export could not be generated.');\n      downloadTextFile(file.filename, file.contentType, file.content);\n    } catch (e) {\n      setError(mutationErrorMessage(e, 'The export failed.'));\n    } finally {\n      setBusy(null);\n    }\n  };\n\n  const exportXlsx = async () => {\n    if (!run) return;\n    setBusy('XLSX');\n    setError(null);\n    try {\n      const { exportReportRunToXlsx } = await import('./reportExportXlsx');\n      await exportReportRunToXlsx(widgets, run, fileNameBase);\n    } catch (e) {\n      setError(mutationErrorMessage(e, 'The Excel export failed.'));\n    } finally {\n      setBusy(null);\n    }\n  };\n\n  const exportPptx = async () => {\n    if (!run) return;\n    setBusy('PPTX');\n    setError(null);\n    try {\n      const { exportReportRunToPptx } = await import('./reportExportPptx');\n      await exportReportRunToPptx(widgets, run, fileNameBase, reportName);\n    } catch (e) {\n      setError(mutationErrorMessage(e, 'The PowerPoint export failed.'));\n    } finally {\n      setBusy(null);\n    }\n  };\n\n  return (\n    <div className=\"flex items-center gap-2\">\n      <DropdownMenu>\n        <DropdownMenuTrigger asChild>\n          <Button size=\"sm\" variant=\"outline\" disabled={disabled} data-testid=\"report-export\">\n            <Download className=\"mr-1 h-4 w-4\" />\n            {busy ? `Exporting ${busy}…` : 'Export'}\n          </Button>\n        </DropdownMenuTrigger>\n        <DropdownMenuContent align=\"end\">\n          <DropdownMenuLabel>Data</DropdownMenuLabel>\n          <DropdownMenuItem onSelect={() => void exportServerFormat('CSV')}>CSV</DropdownMenuItem>\n          <DropdownMenuItem onSelect={() => void exportServerFormat('JSON')}>JSON</DropdownMenuItem>\n          <DropdownMenuItem onSelect={() => void exportServerFormat('XML')}>XML</DropdownMenuItem>\n          <DropdownMenuSeparator />\n          <DropdownMenuLabel>Documents</DropdownMenuLabel>\n          <DropdownMenuItem onSelect={() => void exportXlsx()}>Excel (.xlsx)</DropdownMenuItem>\n          <DropdownMenuItem onSelect={() => void exportPptx()}>PowerPoint (.pptx)</DropdownMenuItem>\n          <DropdownMenuItem onSelect={onPrint}>\n            <Printer className=\"mr-1 h-3.5 w-3.5\" />\n            PDF (print)\n          </DropdownMenuItem>\n        </DropdownMenuContent>\n      </DropdownMenu>\n      {error && (\n        <span role=\"alert\" className=\"text-xs text-destructive\">\n          {error}\n        </span>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/planmagnet/reports/PrintReportView.d.ts

@@ -0,0 +1,24 @@
+import { ReportWidget, WidgetRunResult } from './reportModel';
+
+/**
+ * The print-optimised view (ANR-16's PDF export — a print stylesheet, not a PDF library: `window.print()` lets
+ * the browser's own "Save as PDF" do the rendering). Reused by both the in-app Export ▸ PDF flow
+ * (`ReportsReportPagePage.tsx`, the owner's own widgets/results) and the public `SharedReportPage` (a synthetic
+ * `CHART`-typed widget per result, since a share's snapshot carries no widget title/type — see that file).
+ *
+ * The toolbar (`print:hidden`) never appears in the printed/PDF output, only on screen. The watermark, when
+ * set, is `aria-hidden` (decorative) but rendered both on screen and in print via a fixed, tiled overlay —
+ * never only in a `@media print` block this package cannot ship (Tailwind utility classes only, per this
+ * repo's design constraints).
+ */
+export declare function PrintReportView({ reportName, generatedAt, watermark, widgets, results, onClose, onPrintNow, }: {
+    reportName: string;
+    generatedAt: string;
+    watermark?: string | null;
+    widgets: ReportWidget[];
+    results: Map<string, WidgetRunResult>;
+    /** Omit for the public shared view, which has no "back to the builder" to return to. */
+    onClose?: () => void;
+    onPrintNow: () => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PrintReportView.d.ts.map

package/dist/planmagnet/reports/PrintReportView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrintReportView.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/reports/PrintReportView.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAEnE;;;;;;;;;;GAUG;AACH,wBAAgB,eAAe,CAAC,EAC9B,UAAU,EACV,WAAW,EACX,SAAS,EACT,OAAO,EACP,OAAO,EACP,OAAO,EACP,UAAU,GACX,EAAE;IACD,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;IACtC,wFAAwF;IACxF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB,2CA+DA"}

package/dist/planmagnet/reports/PrintReportView.js

@@ -0,0 +1,75 @@
+import { ReportWidgetRenderer as e } from "./ReportWidgetRenderer.js";
+import { Printer as t, X as n } from "lucide-react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { Button as a } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/reports/PrintReportView.tsx
+function o({ reportName: o, generatedAt: s, watermark: c, widgets: l, results: u, onClose: d, onPrintNow: f }) {
+	return /* @__PURE__ */ i("div", {
+		className: "relative mx-auto max-w-4xl bg-background p-6 text-foreground",
+		"data-testid": "print-report-view",
+		children: [
+			c && /* @__PURE__ */ r("div", {
+				"aria-hidden": !0,
+				className: "pointer-events-none fixed inset-0 z-50 flex flex-wrap content-around justify-around gap-16 overflow-hidden opacity-10 print:opacity-20",
+				children: Array.from({ length: 24 }, (e, t) => /* @__PURE__ */ r("span", {
+					className: "whitespace-nowrap rotate-[-30deg] text-2xl font-semibold text-foreground",
+					children: c
+				}, t))
+			}),
+			/* @__PURE__ */ i("div", {
+				className: "mb-4 flex items-center justify-between gap-2 print:hidden",
+				children: [/* @__PURE__ */ r("p", {
+					className: "text-xs text-muted-foreground",
+					children: "Use your browser’s print dialog to save this as a PDF."
+				}), /* @__PURE__ */ i("div", {
+					className: "flex gap-2",
+					children: [/* @__PURE__ */ i(a, {
+						size: "sm",
+						onClick: f,
+						"data-testid": "print-report-now",
+						children: [/* @__PURE__ */ r(t, { className: "mr-1 h-4 w-4" }), "Print / Save as PDF"]
+					}), d && /* @__PURE__ */ i(a, {
+						size: "sm",
+						variant: "outline",
+						onClick: d,
+						children: [/* @__PURE__ */ r(n, { className: "mr-1 h-4 w-4" }), "Close"]
+					})]
+				})]
+			}),
+			/* @__PURE__ */ i("header", {
+				className: "mb-6 border-b border-border pb-4",
+				children: [
+					/* @__PURE__ */ r("p", {
+						className: "text-xs font-semibold uppercase tracking-wide text-primary",
+						children: "PlanMagnet"
+					}),
+					/* @__PURE__ */ r("h1", {
+						className: "text-2xl font-bold",
+						children: o
+					}),
+					/* @__PURE__ */ i("p", {
+						className: "text-sm text-muted-foreground",
+						children: ["Generated ", new Date(s).toLocaleString()]
+					})
+				]
+			}),
+			/* @__PURE__ */ r("div", {
+				className: "space-y-6",
+				children: l.map((t) => /* @__PURE__ */ i("section", {
+					className: "break-inside-avoid rounded-md border border-border p-4",
+					children: [t.type !== "TEXT" && /* @__PURE__ */ r("h2", {
+						className: "mb-2 text-base font-semibold",
+						children: t.title
+					}), /* @__PURE__ */ r(e, {
+						widget: t,
+						runResult: u.get(t.id)
+					})]
+				}, t.id))
+			})
+		]
+	});
+}
+//#endregion
+export { o as PrintReportView };
+
+//# sourceMappingURL=PrintReportView.js.map

package/dist/planmagnet/reports/PrintReportView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrintReportView.js","names":[],"sources":["../../../src/planmagnet/reports/PrintReportView.tsx"],"sourcesContent":["import { Button } from '@burdenoff/fe-libs/ui';\nimport { Printer, X } from 'lucide-react';\nimport { ReportWidgetRenderer } from './ReportWidgetRenderer';\nimport type { ReportWidget, WidgetRunResult } from './reportModel';\n\n/**\n * The print-optimised view (ANR-16's PDF export — a print stylesheet, not a PDF library: `window.print()` lets\n * the browser's own \"Save as PDF\" do the rendering). Reused by both the in-app Export ▸ PDF flow\n * (`ReportsReportPagePage.tsx`, the owner's own widgets/results) and the public `SharedReportPage` (a synthetic\n * `CHART`-typed widget per result, since a share's snapshot carries no widget title/type — see that file).\n *\n * The toolbar (`print:hidden`) never appears in the printed/PDF output, only on screen. The watermark, when\n * set, is `aria-hidden` (decorative) but rendered both on screen and in print via a fixed, tiled overlay —\n * never only in a `@media print` block this package cannot ship (Tailwind utility classes only, per this\n * repo's design constraints).\n */\nexport function PrintReportView({\n  reportName,\n  generatedAt,\n  watermark,\n  widgets,\n  results,\n  onClose,\n  onPrintNow,\n}: {\n  reportName: string;\n  generatedAt: string;\n  watermark?: string | null;\n  widgets: ReportWidget[];\n  results: Map<string, WidgetRunResult>;\n  /** Omit for the public shared view, which has no \"back to the builder\" to return to. */\n  onClose?: () => void;\n  onPrintNow: () => void;\n}) {\n  return (\n    <div\n      className=\"relative mx-auto max-w-4xl bg-background p-6 text-foreground\"\n      data-testid=\"print-report-view\"\n    >\n      {watermark && (\n        <div\n          aria-hidden={true}\n          className=\"pointer-events-none fixed inset-0 z-50 flex flex-wrap content-around justify-around gap-16 overflow-hidden opacity-10 print:opacity-20\"\n        >\n          {Array.from({ length: 24 }, (_, i) => (\n            <span\n              key={i}\n              className=\"whitespace-nowrap rotate-[-30deg] text-2xl font-semibold text-foreground\"\n            >\n              {watermark}\n            </span>\n          ))}\n        </div>\n      )}\n\n      <div className=\"mb-4 flex items-center justify-between gap-2 print:hidden\">\n        <p className=\"text-xs text-muted-foreground\">\n          Use your browser&rsquo;s print dialog to save this as a PDF.\n        </p>\n        <div className=\"flex gap-2\">\n          <Button size=\"sm\" onClick={onPrintNow} data-testid=\"print-report-now\">\n            <Printer className=\"mr-1 h-4 w-4\" />\n            Print / Save as PDF\n          </Button>\n          {onClose && (\n            <Button size=\"sm\" variant=\"outline\" onClick={onClose}>\n              <X className=\"mr-1 h-4 w-4\" />\n              Close\n            </Button>\n          )}\n        </div>\n      </div>\n\n      <header className=\"mb-6 border-b border-border pb-4\">\n        <p className=\"text-xs font-semibold uppercase tracking-wide text-primary\">PlanMagnet</p>\n        <h1 className=\"text-2xl font-bold\">{reportName}</h1>\n        <p className=\"text-sm text-muted-foreground\">\n          Generated {new Date(generatedAt).toLocaleString()}\n        </p>\n      </header>\n\n      <div className=\"space-y-6\">\n        {widgets.map((widget) => (\n          <section\n            key={widget.id}\n            className=\"break-inside-avoid rounded-md border border-border p-4\"\n          >\n            {widget.type !== 'TEXT' && (\n              <h2 className=\"mb-2 text-base font-semibold\">{widget.title}</h2>\n            )}\n            <ReportWidgetRenderer widget={widget} runResult={results.get(widget.id)} />\n          </section>\n        ))}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAgBA,SAAgB,EAAgB,EAC9B,eACA,gBACA,cACA,YACA,YACA,YACA,iBAUC;AACD,QACE,kBAAC,OAAD;EACE,WAAU;EACV,eAAY;YAFd;GAIG,KACC,kBAAC,OAAD;IACE,eAAa;IACb,WAAU;cAET,MAAM,KAAK,EAAE,QAAQ,IAAI,GAAG,GAAG,MAC9B,kBAAC,QAAD;KAEE,WAAU;eAET;KACI,EAJA,EAIA,CACP;IACE,CAAA;GAGR,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,KAAD;KAAG,WAAU;eAAgC;KAEzC,CAAA,EACJ,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MAAQ,MAAK;MAAK,SAAS;MAAY,eAAY;gBAAnD,CACE,kBAAC,GAAD,EAAS,WAAU,gBAAiB,CAAA,EAAA,sBAE7B;SACR,KACC,kBAAC,GAAD;MAAQ,MAAK;MAAK,SAAQ;MAAU,SAAS;gBAA7C,CACE,kBAAC,GAAD,EAAG,WAAU,gBAAiB,CAAA,EAAA,QAEvB;QAEP;OACF;;GAEN,kBAAC,UAAD;IAAQ,WAAU;cAAlB;KACE,kBAAC,KAAD;MAAG,WAAU;gBAA6D;MAAc,CAAA;KACxF,kBAAC,MAAD;MAAI,WAAU;gBAAsB;MAAgB,CAAA;KACpD,kBAAC,KAAD;MAAG,WAAU;gBAAb,CAA6C,cAChC,IAAI,KAAK,EAAY,CAAC,gBAAgB,CAC/C;;KACG;;GAET,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAQ,KAAK,MACZ,kBAAC,WAAD;KAEE,WAAU;eAFZ,CAIG,EAAO,SAAS,UACf,kBAAC,MAAD;MAAI,WAAU;gBAAgC,EAAO;MAAW,CAAA,EAElE,kBAAC,GAAD;MAA8B;MAAQ,WAAW,EAAQ,IAAI,EAAO,GAAG;MAAI,CAAA,CACnE;OAPH,EAAO,GAOJ,CACV;IACE,CAAA;GACF"}

package/dist/planmagnet/reports/ReportBuilderCanvas.d.ts

@@ -0,0 +1,8 @@
+import { FieldError, ReportWidget } from './reportModel';
+
+export declare function ReportBuilderCanvas({ widgets, onChange, errors, }: {
+    widgets: ReportWidget[];
+    onChange: (widgets: ReportWidget[]) => void;
+    errors: FieldError[];
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ReportBuilderCanvas.d.ts.map

package/dist/planmagnet/reports/ReportBuilderCanvas.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReportBuilderCanvas.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/reports/ReportBuilderCanvas.tsx"],"names":[],"mappings":"AAIA,OAAO,EAOL,KAAK,UAAU,EACf,KAAK,YAAY,EAElB,MAAM,eAAe,CAAC;AA8OvB,wBAAgB,mBAAmB,CAAC,EAClC,OAAO,EACP,QAAQ,EACR,MAAM,GACP,EAAE;IACD,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,QAAQ,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;IAC5C,MAAM,EAAE,UAAU,EAAE,CAAC;CACtB,2CAsGA"}