@burdenoff/microfe-planmagnet 2026.925.18 → 2026.926.2

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

@@ -1 +1 @@
-{"version":3,"file":"DocsDocDetailPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/DocsDocDetailPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useSearchParams } from 'react-router';\nimport { gql } from '@apollo/client';\nimport { useApolloClient, useMutation, useQuery } from '@apollo/client/react';\nimport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  Input,\n} from '@burdenoff/fe-libs/ui';\nimport { Markdown } from '@burdenoff/fe-libs/shared/components';\nimport { clearGraphqlFetchResponseCache } from '@burdenoff/fe-libs/shared/graphql';\nimport { ArrowLeft, History, Link2, X } from 'lucide-react';\nimport { MarkdownEditor } from '#src/components/MarkdownEditor';\nimport { usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { PersonName } from '../people/People';\nimport { throwOnError } from '../utils/mutationResult';\nimport { DOC_STATUSES, DocStatusBadge, type DocStatus } from '../docs/DocStatusBadge';\n\n/**\n * One doc (P1.4): read it, edit it with a change note, publish or archive it,\n * browse its history and restore an older version, see and unlink the work\n * items it is attached to, and delete it.\n *\n * Every write carries `expectedVersion` — the version on screen — so a save\n * over someone else's newer edit is refused with the reason, and the editor\n * keeps the unsaved text rather than overwriting theirs.\n */\n\nconst DOC = gql`\n  query DocDetail($id: ID!) {\n    planmagnetDoc(id: $id) {\n      id\n      title\n      content\n      status\n      version\n      createdBy\n      createdAt\n      updatedBy\n      updatedAt\n      revisions {\n        id\n        version\n        title\n        content\n        changeNote\n        createdBy\n        createdAt\n      }\n      linkedWorkItems {\n        id\n        key\n        title\n      }\n    }\n  }\n`;\nconst UPDATE = gql`\n  mutation DocUpdate($id: ID!, $input: PlanmagnetUpdateDocInput!) {\n    planmagnetUpdateDoc(id: $id, input: $input) {\n      id\n      version\n      status\n    }\n  }\n`;\nconst REVERT = gql`\n  mutation DocRevert($id: ID!, $toVersion: Int!, $expectedVersion: Int) {\n    planmagnetRevertDoc(id: $id, toVersion: $toVersion, expectedVersion: $expectedVersion) {\n      id\n      version\n    }\n  }\n`;\nconst DELETE = gql`\n  mutation DocDelete($id: ID!) {\n    planmagnetDeleteDoc(id: $id)\n  }\n`;\nconst UNLINK = gql`\n  mutation DocUnlinkWorkItem($docId: ID!, $workItemId: ID!) {\n    planmagnetUnlinkDocFromWorkItem(docId: $docId, workItemId: $workItemId)\n  }\n`;\n\ninterface Revision {\n  id: string;\n  version: number;\n  title: string;\n  content: string;\n  changeNote: string | null;\n  createdBy: string;\n  createdAt: string;\n}\n\ninterface Doc {\n  id: string;\n  title: string;\n  content: string;\n  status: string;\n  version: number;\n  createdBy: string;\n  createdAt: string;\n  updatedBy: string | null;\n  updatedAt: string;\n  revisions: Revision[];\n  linkedWorkItems: { id: string; key: string; title: string }[];\n}\n\nconst messageOf = (e: unknown, fallback: string) => (e instanceof Error ? e.message : fallback);\nconst when = (iso: string) => new Date(iso).toLocaleString();\n\nexport function DocsDocDetailPagePage() {\n  const [params] = useSearchParams();\n  const docId = params.get('docId') ?? '';\n  const navigate = usePlanMagnetNavigate();\n  const [editing, setEditing] = useState(false);\n  const [title, setTitle] = useState('');\n  const [content, setContent] = useState('');\n  const [changeNote, setChangeNote] = useState('');\n  const [error, setError] = useState<string | null>(null);\n  const [viewing, setViewing] = useState<number | null>(null);\n  // The version the editor started from — not the one on screen now, which a\n  // refetch after someone else's save may already have moved past.\n  const [editBase, setEditBase] = useState<number | null>(null);\n\n  const {\n    data,\n    loading,\n    error: loadError,\n  } = useQuery<{ planmagnetDoc: Doc | null }>(DOC, {\n    variables: { id: docId },\n    skip: !docId,\n    // Cached copies go stale here: a deleted doc, or someone else's newer version.\n    fetchPolicy: 'cache-and-network',\n  });\n  const client = useApolloClient();\n  const after = { refetchQueries: ['DocDetail'], awaitRefetchQueries: true };\n  const [update, updateState] = useMutation(UPDATE, after);\n  const [revert, revertState] = useMutation(REVERT, after);\n  const [remove, removeState] = useMutation(DELETE, { refetchQueries: ['DocsList'] });\n  const [unlink, unlinkState] = useMutation(UNLINK, after);\n\n  const doc = data?.planmagnetDoc;\n  const busy = updateState.loading || revertState.loading || removeState.loading;\n\n  // Refusals are panel-level: a refused write refetches, and anything the\n  // refetch re-renders must not take the reason with it.\n  const run = async (action: () => Promise<{ error?: unknown }>, fallback: string) => {\n    setError(null);\n    try {\n      await throwOnError(action());\n      return true;\n    } catch (e) {\n      setError(messageOf(e, fallback));\n      // A refusal because the doc moved on: show the current version, but\n      // leave the editor's text alone so nothing typed is lost.\n      //\n      // fe-libs replays any identical query answered in the last 15 s\n      // (fetch.ts RECENT_QUERY_CACHE_TTL_MS) underneath Apollo's fetch\n      // policies, and only a SUCCESSFUL mutation clears that cache. Measured in\n      // prod 2026-09-25: after a refused save, even a network-only read was\n      // served the pre-refusal response, so the page kept the old version and\n      // never said the doc had moved on. A refused write is still a write\n      // attempt: clear the cache (the public API fe-libs documents for this),\n      // then read the doc; it lands in the normalized cache the page renders.\n      clearGraphqlFetchResponseCache();\n      await client\n        .query({ query: DOC, variables: { id: docId }, fetchPolicy: 'network-only' })\n        .catch(() => undefined);\n      return false;\n    }\n  };\n\n  if (!docId) {\n    return <div className=\"p-6 text-sm text-muted-foreground\">No doc selected.</div>;\n  }\n  if (loading && !data) {\n    return <div className=\"p-6 text-sm text-muted-foreground\">Loading doc…</div>;\n  }\n  if (loadError && !doc) {\n    return (\n      <p role=\"alert\" className=\"p-6 text-sm text-destructive\">\n        The doc could not be loaded: {loadError.message}\n      </p>\n    );\n  }\n  if (!doc) {\n    return (\n      <div className=\"space-y-3 p-6\">\n        <p className=\"text-sm text-muted-foreground\">\n          This doc does not exist in this workspace, or it was deleted.\n        </p>\n        <Button size=\"sm\" variant=\"outline\" onClick={() => navigate('/docs/docs-page')}>\n          Back to docs\n        </Button>\n      </div>\n    );\n  }\n\n  const startEditing = () => {\n    setTitle(doc.title);\n    setContent(doc.content);\n    setChangeNote('');\n    setError(null);\n    setEditBase(doc.version);\n    setEditing(true);\n  };\n  const save = async () => {\n    const saved = await run(\n      () =>\n        update({\n          variables: {\n            id: doc.id,\n            input: {\n              title: title.trim(),\n              content,\n              ...(changeNote.trim() ? { changeNote: changeNote.trim() } : {}),\n              expectedVersion: editBase,\n            },\n          },\n        }),\n      'The doc could not be saved.'\n    );\n    if (saved) setEditing(false);\n  };\n\n  const revisions = [...doc.revisions].sort((a, b) => b.version - a.version);\n  const shown = viewing === null ? null : revisions.find((r) => r.version === viewing);\n\n  return (\n    <div className=\"space-y-6 p-6\" data-testid=\"doc-detail\">\n      <Button size=\"sm\" variant=\"ghost\" onClick={() => navigate('/docs/docs-page')}>\n        <ArrowLeft className=\"mr-1 h-4 w-4\" />\n        All docs\n      </Button>\n\n      <div className=\"flex flex-wrap items-start justify-between gap-3\">\n        <div className=\"min-w-0 space-y-1\">\n          <h1 className=\"text-2xl font-semibold break-words\" data-testid=\"doc-title\">\n            {doc.title}\n          </h1>\n          <p className=\"text-xs text-muted-foreground\">\n            <DocStatusBadge status={doc.status} /> · version {doc.version} · updated{' '}\n            {when(doc.updatedAt)} by <PersonName id={doc.updatedBy ?? doc.createdBy} />\n          </p>\n        </div>\n        {!editing && (\n          <div className=\"flex flex-wrap gap-2\">\n            {DOC_STATUSES.filter((s) => s !== doc.status).map((s: DocStatus) => (\n              <Button\n                key={s}\n                size=\"sm\"\n                variant=\"outline\"\n                disabled={busy}\n                onClick={() =>\n                  run(\n                    () =>\n                      update({\n                        variables: {\n                          id: doc.id,\n                          input: { status: s, expectedVersion: doc.version },\n                        },\n                      }),\n                    'The status could not be changed.'\n                  )\n                }\n              >\n                {s === 'PUBLISHED' ? 'Publish' : s === 'ARCHIVED' ? 'Archive' : 'Back to draft'}\n              </Button>\n            ))}\n            <Button size=\"sm\" onClick={startEditing} data-testid=\"doc-edit\">\n              Edit\n            </Button>\n            <AlertDialog>\n              <AlertDialogTrigger asChild>\n                <Button size=\"sm\" variant=\"outline\" disabled={busy}>\n                  Delete\n                </Button>\n              </AlertDialogTrigger>\n              <AlertDialogContent>\n                <AlertDialogHeader>\n                  <AlertDialogTitle>Delete “{doc.title}”?</AlertDialogTitle>\n                  <AlertDialogDescription>\n                    The doc and its history are removed for everyone, and it is unlinked from{' '}\n                    {doc.linkedWorkItems.length} work item\n                    {doc.linkedWorkItems.length === 1 ? '' : 's'}.\n                  </AlertDialogDescription>\n                </AlertDialogHeader>\n                <AlertDialogFooter>\n                  <AlertDialogCancel>Keep it</AlertDialogCancel>\n                  <AlertDialogAction\n                    className=\"bg-destructive text-destructive-foreground hover:bg-destructive/90\"\n                    onClick={async () => {\n                      const deleted = await run(\n                        () => remove({ variables: { id: doc.id } }),\n                        'The doc could not be deleted.'\n                      );\n                      if (deleted) navigate('/docs/docs-page');\n                    }}\n                  >\n                    Delete\n                  </AlertDialogAction>\n                </AlertDialogFooter>\n              </AlertDialogContent>\n            </AlertDialog>\n          </div>\n        )}\n      </div>\n\n      {error && (\n        <p role=\"alert\" className=\"text-sm text-destructive\" data-testid=\"doc-error\">\n          {error}\n        </p>\n      )}\n      {editing && editBase !== doc.version && (\n        <p className=\"text-sm text-status-warning-text\" data-testid=\"doc-moved-on\">\n          Someone saved version {doc.version} after you started editing version {editBase}. Your\n          text is kept below; copy what you need, then discard and edit the latest.\n        </p>\n      )}\n\n      {editing ? (\n        <Card>\n          <CardContent className=\"space-y-3 pt-6\">\n            <Input\n              aria-label=\"Doc title\"\n              value={title}\n              onChange={(e) => setTitle(e.target.value)}\n            />\n            <MarkdownEditor value={content} onChange={setContent} minHeight={240} />\n            <Input\n              aria-label=\"Change note\"\n              placeholder=\"What changed? (optional, shown in the history)\"\n              value={changeNote}\n              onChange={(e) => setChangeNote(e.target.value)}\n            />\n            <div className=\"flex justify-end gap-2\">\n              <Button\n                size=\"sm\"\n                variant=\"ghost\"\n                onClick={() => {\n                  setEditing(false);\n                  setError(null);\n                }}\n              >\n                {editBase !== doc.version ? 'Discard my edits' : 'Cancel'}\n              </Button>\n              <Button\n                size=\"sm\"\n                onClick={save}\n                disabled={updateState.loading || editBase !== doc.version}\n                data-testid=\"doc-save\"\n              >\n                {updateState.loading ? 'Saving…' : 'Save new version'}\n              </Button>\n            </div>\n          </CardContent>\n        </Card>\n      ) : (\n        <Card>\n          <CardContent className=\"prose prose-sm max-w-none pt-6 dark:prose-invert\">\n            {doc.content.trim() ? (\n              <Markdown>{doc.content}</Markdown>\n            ) : (\n              <p className=\"text-sm text-muted-foreground\">This doc is empty.</p>\n            )}\n          </CardContent>\n        </Card>\n      )}\n\n      <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-2\">\n        <Card data-testid=\"doc-history\">\n          <CardHeader>\n            <CardTitle className=\"flex items-center gap-2\">\n              <History className=\"h-4 w-4\" /> History ({revisions.length})\n            </CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-2\">\n            <ol className=\"space-y-2\">\n              {revisions.map((rev) => {\n                const current = rev.version === doc.version;\n                return (\n                  <li\n                    key={rev.id}\n                    className=\"space-y-1 rounded-md border p-2\"\n                    data-testid=\"doc-revision\"\n                  >\n                    <div className=\"flex flex-wrap items-center justify-between gap-2\">\n                      <span className=\"text-sm font-medium\">\n                        Version {rev.version}\n                        {current ? ' (current)' : ''}\n                      </span>\n                      <span className=\"flex gap-1\">\n                        <Button\n                          size=\"sm\"\n                          variant=\"ghost\"\n                          className=\"h-7 text-xs\"\n                          aria-expanded={viewing === rev.version}\n                          onClick={() => setViewing(viewing === rev.version ? null : rev.version)}\n                        >\n                          {viewing === rev.version ? 'Hide' : 'View'}\n                        </Button>\n                        {!current && !editing && (\n                          <AlertDialog>\n                            <AlertDialogTrigger asChild>\n                              <Button\n                                size=\"sm\"\n                                variant=\"outline\"\n                                className=\"h-7 text-xs\"\n                                disabled={busy}\n                                data-testid=\"doc-restore\"\n                              >\n                                Restore\n                              </Button>\n                            </AlertDialogTrigger>\n                            <AlertDialogContent>\n                              <AlertDialogHeader>\n                                <AlertDialogTitle>Restore version {rev.version}?</AlertDialogTitle>\n                                <AlertDialogDescription>\n                                  Its title and text become version {doc.version + 1}. Nothing is\n                                  deleted: version {doc.version} stays in the history.\n                                </AlertDialogDescription>\n                              </AlertDialogHeader>\n                              <AlertDialogFooter>\n                                <AlertDialogCancel>Cancel</AlertDialogCancel>\n                                <AlertDialogAction\n                                  onClick={() =>\n                                    run(\n                                      () =>\n                                        revert({\n                                          variables: {\n                                            id: doc.id,\n                                            toVersion: rev.version,\n                                            expectedVersion: doc.version,\n                                          },\n                                        }),\n                                      'The version could not be restored.'\n                                    )\n                                  }\n                                >\n                                  Restore\n                                </AlertDialogAction>\n                              </AlertDialogFooter>\n                            </AlertDialogContent>\n                          </AlertDialog>\n                        )}\n                      </span>\n                    </div>\n                    <p className=\"text-xs text-muted-foreground\">\n                      {when(rev.createdAt)} · <PersonName id={rev.createdBy} />\n                      {rev.changeNote ? ` · ${rev.changeNote}` : ''}\n                    </p>\n                  </li>\n                );\n              })}\n            </ol>\n            {shown && (\n              <div\n                className=\"space-y-1 rounded-md border bg-muted/40 p-3\"\n                data-testid=\"doc-revision-view\"\n              >\n                <p className=\"text-sm font-medium\">\n                  Version {shown.version}: {shown.title}\n                </p>\n                <div className=\"prose prose-sm max-w-none dark:prose-invert\">\n                  <Markdown>{shown.content}</Markdown>\n                </div>\n              </div>\n            )}\n          </CardContent>\n        </Card>\n\n        <Card data-testid=\"doc-linked-items\">\n          <CardHeader>\n            <CardTitle className=\"flex items-center gap-2\">\n              <Link2 className=\"h-4 w-4\" /> Linked work items ({doc.linkedWorkItems.length})\n            </CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-2\">\n            {doc.linkedWorkItems.length === 0 && (\n              <p className=\"text-sm text-muted-foreground\">\n                Not linked to any work item. Link docs from a task&apos;s “Linked Docs” panel.\n              </p>\n            )}\n            {doc.linkedWorkItems.map((item) => (\n              <div\n                key={item.id}\n                className=\"flex items-center justify-between gap-2 rounded-md border p-2\"\n              >\n                <button\n                  type=\"button\"\n                  className=\"min-w-0 truncate text-left text-sm hover:underline\"\n                  onClick={() =>\n                    navigate(`/tasks/task-detail-page?taskId=${encodeURIComponent(item.id)}`)\n                  }\n                >\n                  <span className=\"text-muted-foreground\">{item.key}</span> {item.title}\n                </button>\n                <Button\n                  size=\"icon\"\n                  variant=\"ghost\"\n                  disabled={unlinkState.loading}\n                  aria-label={`Unlink ${item.title}`}\n                  onClick={() =>\n                    run(\n                      () => unlink({ variables: { docId: doc.id, workItemId: item.id } }),\n                      'The work item could not be unlinked.'\n                    )\n                  }\n                >\n                  <X className=\"h-4 w-4\" />\n                </Button>\n              </div>\n            ))}\n          </CardContent>\n        </Card>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"DocsDocDetailPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/DocsDocDetailPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useSearchParams } from 'react-router';\nimport { gql } from '@apollo/client';\nimport { useApolloClient, useMutation, useQuery } from '@apollo/client/react';\nimport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  Input,\n} from '@burdenoff/fe-libs/ui';\nimport { Markdown } from '@burdenoff/fe-libs/shared/components';\nimport { clearGraphqlFetchResponseCache } from '@burdenoff/fe-libs/shared/graphql';\nimport { ArrowLeft, History, Link2, X } from 'lucide-react';\nimport { MarkdownEditor } from '#src/components/MarkdownEditor';\nimport { usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { PersonName } from '../people/People';\nimport { throwOnError } from '../utils/mutationResult';\nimport { DOC_STATUSES, DocStatusBadge, type DocStatus } from '../docs/DocStatusBadge';\n\n/**\n * One doc (P1.4): read it, edit it with a change note, publish or archive it,\n * browse its history and restore an older version, see and unlink the work\n * items it is attached to, and delete it.\n *\n * Every write carries `expectedVersion` — the version on screen — so a save\n * over someone else's newer edit is refused with the reason, and the editor\n * keeps the unsaved text rather than overwriting theirs.\n */\n\nconst DOC = gql`\n  query DocDetail($id: ID!) {\n    planmagnetDoc(id: $id) {\n      id\n      title\n      content\n      status\n      version\n      createdBy\n      createdAt\n      updatedBy\n      updatedAt\n      revisions {\n        id\n        version\n        title\n        content\n        changeNote\n        createdBy\n        createdAt\n      }\n      linkedWorkItems {\n        id\n        key\n        title\n      }\n    }\n  }\n`;\nconst UPDATE = gql`\n  mutation DocUpdate($id: ID!, $input: PlanmagnetUpdateDocInput!) {\n    planmagnetUpdateDoc(id: $id, input: $input) {\n      id\n      version\n      status\n    }\n  }\n`;\nconst REVERT = gql`\n  mutation DocRevert($id: ID!, $toVersion: Int!, $expectedVersion: Int) {\n    planmagnetRevertDoc(id: $id, toVersion: $toVersion, expectedVersion: $expectedVersion) {\n      id\n      version\n    }\n  }\n`;\nconst DELETE = gql`\n  mutation DocDelete($id: ID!) {\n    planmagnetDeleteDoc(id: $id)\n  }\n`;\nconst UNLINK = gql`\n  mutation DocUnlinkWorkItem($docId: ID!, $workItemId: ID!) {\n    planmagnetUnlinkDocFromWorkItem(docId: $docId, workItemId: $workItemId)\n  }\n`;\n\ninterface Revision {\n  id: string;\n  version: number;\n  title: string;\n  content: string;\n  changeNote: string | null;\n  createdBy: string;\n  createdAt: string;\n}\n\ninterface Doc {\n  id: string;\n  title: string;\n  content: string;\n  status: string;\n  version: number;\n  createdBy: string;\n  createdAt: string;\n  updatedBy: string | null;\n  updatedAt: string;\n  revisions: Revision[];\n  linkedWorkItems: { id: string; key: string; title: string }[];\n}\n\nconst messageOf = (e: unknown, fallback: string) => (e instanceof Error ? e.message : fallback);\nconst when = (iso: string) => new Date(iso).toLocaleString();\n\nexport function DocsDocDetailPagePage() {\n  const [params] = useSearchParams();\n  const docId = params.get('docId') ?? '';\n  const navigate = usePlanMagnetNavigate();\n  const [editing, setEditing] = useState(false);\n  const [title, setTitle] = useState('');\n  const [content, setContent] = useState('');\n  const [changeNote, setChangeNote] = useState('');\n  const [error, setError] = useState<string | null>(null);\n  const [viewing, setViewing] = useState<number | null>(null);\n  // The version the editor started from — not the one on screen now, which a\n  // refetch after someone else's save may already have moved past.\n  const [editBase, setEditBase] = useState<number | null>(null);\n\n  const {\n    data,\n    loading,\n    error: loadError,\n  } = useQuery<{ planmagnetDoc: Doc | null }>(DOC, {\n    variables: { id: docId },\n    skip: !docId,\n    // Cached copies go stale here: a deleted doc, or someone else's newer version.\n    fetchPolicy: 'cache-and-network',\n  });\n  const client = useApolloClient();\n  const after = { refetchQueries: ['DocDetail'], awaitRefetchQueries: true };\n  const [update, updateState] = useMutation(UPDATE, after);\n  const [revert, revertState] = useMutation(REVERT, after);\n  const [remove, removeState] = useMutation(DELETE, { refetchQueries: ['DocsList'] });\n  const [unlink, unlinkState] = useMutation(UNLINK, after);\n\n  const doc = data?.planmagnetDoc;\n  const busy = updateState.loading || revertState.loading || removeState.loading;\n\n  // Refusals are panel-level: a refused write refetches, and anything the\n  // refetch re-renders must not take the reason with it.\n  const run = async (action: () => Promise<{ error?: unknown }>, fallback: string) => {\n    setError(null);\n    try {\n      await throwOnError(action());\n      return true;\n    } catch (e) {\n      setError(messageOf(e, fallback));\n      // A refusal because the doc moved on: show the current version, but\n      // leave the editor's text alone so nothing typed is lost.\n      //\n      // fe-libs replays any identical query answered in the last 15 s\n      // (fetch.ts RECENT_QUERY_CACHE_TTL_MS) underneath Apollo's fetch\n      // policies, and only a SUCCESSFUL mutation clears that cache. Measured in\n      // prod 2026-09-25: after a refused save, even a network-only read was\n      // served the pre-refusal response, so the page kept the old version and\n      // never said the doc had moved on. A refused write is still a write\n      // attempt: clear the cache (the public API fe-libs documents for this),\n      // then read the doc; it lands in the normalized cache the page renders.\n      clearGraphqlFetchResponseCache();\n      await client\n        .query({ query: DOC, variables: { id: docId }, fetchPolicy: 'network-only' })\n        .catch(() => undefined);\n      return false;\n    }\n  };\n\n  if (!docId) {\n    return <div className=\"p-6 text-sm text-muted-foreground\">No doc selected.</div>;\n  }\n  if (loading && !data) {\n    return <div className=\"p-6 text-sm text-muted-foreground\">Loading doc…</div>;\n  }\n  if (loadError && !doc) {\n    return (\n      <p role=\"alert\" className=\"p-6 text-sm text-destructive\">\n        The doc could not be loaded: {loadError.message}\n      </p>\n    );\n  }\n  if (!doc) {\n    return (\n      <div className=\"space-y-3 p-6\">\n        <p className=\"text-sm text-muted-foreground\">\n          This doc does not exist in this workspace, or it was deleted.\n        </p>\n        <Button size=\"sm\" variant=\"outline\" onClick={() => navigate('/docs/docs-page')}>\n          Back to docs\n        </Button>\n      </div>\n    );\n  }\n\n  const startEditing = () => {\n    setTitle(doc.title);\n    setContent(doc.content);\n    setChangeNote('');\n    setError(null);\n    setEditBase(doc.version);\n    setEditing(true);\n  };\n  const save = async () => {\n    const saved = await run(\n      () =>\n        update({\n          variables: {\n            id: doc.id,\n            input: {\n              title: title.trim(),\n              content,\n              ...(changeNote.trim() ? { changeNote: changeNote.trim() } : {}),\n              expectedVersion: editBase,\n            },\n          },\n        }),\n      'The doc could not be saved.'\n    );\n    if (saved) setEditing(false);\n  };\n\n  const revisions = [...doc.revisions].sort((a, b) => b.version - a.version);\n  const shown = viewing === null ? null : revisions.find((r) => r.version === viewing);\n\n  return (\n    <div className=\"space-y-6 p-6\" data-testid=\"doc-detail\">\n      <Button size=\"sm\" variant=\"ghost\" onClick={() => navigate('/docs/docs-page')}>\n        <ArrowLeft className=\"mr-1 h-4 w-4\" />\n        All docs\n      </Button>\n\n      <div className=\"flex flex-wrap items-start justify-between gap-3\">\n        <div className=\"min-w-0 space-y-1\">\n          <h1 className=\"text-2xl font-semibold break-words\" data-testid=\"doc-title\">\n            {doc.title}\n          </h1>\n          <p className=\"text-xs text-muted-foreground\">\n            <DocStatusBadge status={doc.status} /> · version {doc.version} · updated{' '}\n            {when(doc.updatedAt)} by <PersonName id={doc.updatedBy ?? doc.createdBy} />\n          </p>\n        </div>\n        {!editing && (\n          <div className=\"flex flex-wrap gap-2\">\n            {DOC_STATUSES.filter((s) => s !== doc.status).map((s: DocStatus) => (\n              <Button\n                key={s}\n                size=\"sm\"\n                variant=\"outline\"\n                disabled={busy}\n                onClick={() =>\n                  run(\n                    () =>\n                      update({\n                        variables: {\n                          id: doc.id,\n                          input: { status: s, expectedVersion: doc.version },\n                        },\n                      }),\n                    'The status could not be changed.'\n                  )\n                }\n              >\n                {s === 'PUBLISHED' ? 'Publish' : s === 'ARCHIVED' ? 'Archive' : 'Back to draft'}\n              </Button>\n            ))}\n            <Button size=\"sm\" onClick={startEditing} data-testid=\"doc-edit\">\n              Edit\n            </Button>\n            <AlertDialog>\n              <AlertDialogTrigger asChild>\n                <Button size=\"sm\" variant=\"outline\" disabled={busy}>\n                  Delete\n                </Button>\n              </AlertDialogTrigger>\n              <AlertDialogContent>\n                <AlertDialogHeader>\n                  <AlertDialogTitle>Delete “{doc.title}”?</AlertDialogTitle>\n                  <AlertDialogDescription>\n                    The doc and its history are removed for everyone, and it is unlinked from{' '}\n                    {doc.linkedWorkItems.length} work item\n                    {doc.linkedWorkItems.length === 1 ? '' : 's'}.\n                  </AlertDialogDescription>\n                </AlertDialogHeader>\n                <AlertDialogFooter>\n                  <AlertDialogCancel>Keep it</AlertDialogCancel>\n                  <AlertDialogAction\n                    className=\"bg-destructive text-destructive-foreground hover:bg-destructive/90\"\n                    onClick={async () => {\n                      const deleted = await run(\n                        () => remove({ variables: { id: doc.id } }),\n                        'The doc could not be deleted.'\n                      );\n                      if (deleted) navigate('/docs/docs-page');\n                    }}\n                  >\n                    Delete\n                  </AlertDialogAction>\n                </AlertDialogFooter>\n              </AlertDialogContent>\n            </AlertDialog>\n          </div>\n        )}\n      </div>\n\n      {error && (\n        <p role=\"alert\" className=\"text-sm text-destructive\" data-testid=\"doc-error\">\n          {error}\n        </p>\n      )}\n      {editing && editBase !== doc.version && (\n        <p className=\"text-sm text-status-warning-text\" data-testid=\"doc-moved-on\">\n          Someone saved version {doc.version} after you started editing version {editBase}. Your\n          text is kept below; copy what you need, then discard and edit the latest.\n        </p>\n      )}\n\n      {editing ? (\n        <Card>\n          <CardContent className=\"space-y-3 pt-6\">\n            <Input\n              aria-label=\"Doc title\"\n              value={title}\n              onChange={(e) => setTitle(e.target.value)}\n            />\n            <MarkdownEditor value={content} onChange={setContent} minHeight={240} />\n            <Input\n              aria-label=\"Change note\"\n              placeholder=\"What changed? (optional, shown in the history)\"\n              value={changeNote}\n              onChange={(e) => setChangeNote(e.target.value)}\n            />\n            <div className=\"flex justify-end gap-2\">\n              <Button\n                size=\"sm\"\n                variant=\"ghost\"\n                onClick={() => {\n                  setEditing(false);\n                  setError(null);\n                }}\n              >\n                {editBase !== doc.version ? 'Discard my edits' : 'Cancel'}\n              </Button>\n              <Button\n                size=\"sm\"\n                onClick={save}\n                disabled={updateState.loading || editBase !== doc.version}\n                data-testid=\"doc-save\"\n              >\n                {updateState.loading ? 'Saving…' : 'Save new version'}\n              </Button>\n            </div>\n          </CardContent>\n        </Card>\n      ) : (\n        <Card>\n          <CardContent className=\"prose prose-sm max-w-none pt-6 dark:prose-invert\">\n            {doc.content.trim() ? (\n              <Markdown>{doc.content}</Markdown>\n            ) : (\n              <p className=\"text-sm text-muted-foreground\">This doc is empty.</p>\n            )}\n          </CardContent>\n        </Card>\n      )}\n\n      <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-2\">\n        <Card data-testid=\"doc-history\">\n          <CardHeader>\n            <CardTitle className=\"flex items-center gap-2\">\n              <History className=\"h-4 w-4\" /> History ({revisions.length})\n            </CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-2\">\n            <ol className=\"space-y-2\">\n              {revisions.map((rev) => {\n                const current = rev.version === doc.version;\n                return (\n                  <li\n                    key={rev.id}\n                    className=\"space-y-1 rounded-md border p-2\"\n                    data-testid=\"doc-revision\"\n                  >\n                    <div className=\"flex flex-wrap items-center justify-between gap-2\">\n                      <span className=\"text-sm font-medium\">\n                        Version {rev.version}\n                        {current ? ' (current)' : ''}\n                      </span>\n                      <span className=\"flex gap-1\">\n                        <Button\n                          size=\"sm\"\n                          variant=\"ghost\"\n                          className=\"h-7 text-xs\"\n                          aria-expanded={viewing === rev.version}\n                          onClick={() => setViewing(viewing === rev.version ? null : rev.version)}\n                        >\n                          {viewing === rev.version ? 'Hide' : 'View'}\n                        </Button>\n                        {!current && !editing && (\n                          <AlertDialog>\n                            <AlertDialogTrigger asChild>\n                              <Button\n                                size=\"sm\"\n                                variant=\"outline\"\n                                className=\"h-7 text-xs\"\n                                disabled={busy}\n                                data-testid=\"doc-restore\"\n                              >\n                                Restore\n                              </Button>\n                            </AlertDialogTrigger>\n                            <AlertDialogContent>\n                              <AlertDialogHeader>\n                                <AlertDialogTitle>Restore version {rev.version}?</AlertDialogTitle>\n                                <AlertDialogDescription>\n                                  Its title and text become version {doc.version + 1}. Nothing is\n                                  deleted: version {doc.version} stays in the history.\n                                </AlertDialogDescription>\n                              </AlertDialogHeader>\n                              <AlertDialogFooter>\n                                <AlertDialogCancel>Cancel</AlertDialogCancel>\n                                <AlertDialogAction\n                                  onClick={() =>\n                                    run(\n                                      () =>\n                                        revert({\n                                          variables: {\n                                            id: doc.id,\n                                            toVersion: rev.version,\n                                            expectedVersion: doc.version,\n                                          },\n                                        }),\n                                      'The version could not be restored.'\n                                    )\n                                  }\n                                >\n                                  Restore\n                                </AlertDialogAction>\n                              </AlertDialogFooter>\n                            </AlertDialogContent>\n                          </AlertDialog>\n                        )}\n                      </span>\n                    </div>\n                    <p className=\"text-xs text-muted-foreground\">\n                      {when(rev.createdAt)} · <PersonName id={rev.createdBy} />\n                      {rev.changeNote ? ` · ${rev.changeNote}` : ''}\n                    </p>\n                  </li>\n                );\n              })}\n            </ol>\n            {shown && (\n              <div\n                className=\"space-y-1 rounded-md border bg-muted/40 p-3\"\n                data-testid=\"doc-revision-view\"\n              >\n                <p className=\"text-sm font-medium\">\n                  Version {shown.version}: {shown.title}\n                </p>\n                <div className=\"prose prose-sm max-w-none dark:prose-invert\">\n                  <Markdown>{shown.content}</Markdown>\n                </div>\n              </div>\n            )}\n          </CardContent>\n        </Card>\n\n        <Card data-testid=\"doc-linked-items\">\n          <CardHeader>\n            <CardTitle className=\"flex items-center gap-2\">\n              <Link2 className=\"h-4 w-4\" /> Linked work items ({doc.linkedWorkItems.length})\n            </CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-2\">\n            {doc.linkedWorkItems.length === 0 && (\n              <p className=\"text-sm text-muted-foreground\">\n                Not linked to any work item. A doc created from a task&apos;s “Linked Docs” panel is\n                linked to that task; linking an existing doc is not available yet.\n              </p>\n            )}\n            {doc.linkedWorkItems.map((item) => (\n              <div\n                key={item.id}\n                className=\"flex items-center justify-between gap-2 rounded-md border p-2\"\n              >\n                <button\n                  type=\"button\"\n                  className=\"min-w-0 truncate text-left text-sm hover:underline\"\n                  onClick={() =>\n                    navigate(`/tasks/task-detail-page?taskId=${encodeURIComponent(item.id)}`)\n                  }\n                >\n                  <span className=\"text-muted-foreground\">{item.key}</span> {item.title}\n                </button>\n                <Button\n                  size=\"icon\"\n                  variant=\"ghost\"\n                  disabled={unlinkState.loading}\n                  aria-label={`Unlink ${item.title}`}\n                  onClick={() =>\n                    run(\n                      () => unlink({ variables: { docId: doc.id, workItemId: item.id } }),\n                      'The work item could not be unlinked.'\n                    )\n                  }\n                >\n                  <X className=\"h-4 w-4\" />\n                </Button>\n              </div>\n            ))}\n          </CardContent>\n        </Card>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;AAwCA,IAAM,IAAM,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BT,IAAS,CAAG;;;;;;;;GASZ,IAAS,CAAG;;;;;;;GAQZ,IAAS,CAAG;;;;GAKZ,KAAS,CAAG;;;;GA8BZ,KAAa,GAAY,MAAsB,aAAa,QAAQ,EAAE,UAAU,GAChF,KAAQ,MAAgB,IAAI,KAAK,EAAI,CAAC,gBAAgB;AAE5D,SAAgB,IAAwB;CACtC,IAAM,CAAC,KAAU,IAAiB,EAC5B,IAAQ,EAAO,IAAI,QAAQ,IAAI,IAC/B,IAAW,GAAuB,EAClC,CAAC,GAAS,KAAc,EAAS,GAAM,EACvC,CAAC,GAAO,KAAY,EAAS,GAAG,EAChC,CAAC,GAAS,KAAc,EAAS,GAAG,EACpC,CAAC,GAAY,KAAiB,EAAS,GAAG,EAC1C,CAAC,GAAO,KAAY,EAAwB,KAAK,EACjD,CAAC,GAAS,MAAc,EAAwB,KAAK,EAGrD,CAAC,GAAU,MAAe,EAAwB,KAAK,EAEvD,EACJ,SACA,aACA,OAAO,MACL,GAAwC,GAAK;EAC/C,WAAW,EAAE,IAAI,GAAO;EACxB,MAAM,CAAC;EAEP,aAAa;EACd,CAAC,EACI,KAAS,IAAiB,EAC1B,IAAQ;EAAE,gBAAgB,CAAC,YAAY;EAAE,qBAAqB;EAAM,EACpE,CAAC,GAAQ,KAAe,EAAY,GAAQ,EAAM,EAClD,CAAC,IAAQ,MAAe,EAAY,GAAQ,EAAM,EAClD,CAAC,IAAQ,MAAe,EAAY,GAAQ,EAAE,gBAAgB,CAAC,WAAW,EAAE,CAAC,EAC7E,CAAC,IAAQ,MAAe,EAAY,IAAQ,EAAM,EAElD,IAAM,GAAM,eACZ,IAAO,EAAY,WAAW,GAAY,WAAW,GAAY,SAIjE,IAAM,OAAO,GAA4C,MAAqB;AAClF,IAAS,KAAK;AACd,MAAI;AAEF,UADA,MAAM,GAAa,GAAQ,CAAC,EACrB;WACA,GAAG;AAiBV,UAhBA,EAAS,EAAU,GAAG,EAAS,CAAC,EAYhC,IAAgC,EAChC,MAAM,GACH,MAAM;IAAE,OAAO;IAAK,WAAW,EAAE,IAAI,GAAO;IAAE,aAAa;IAAgB,CAAC,CAC5E,YAAY,KAAA,EAAU,EAClB;;;AAIX,KAAI,CAAC,EACH,QAAO,kBAAC,OAAD;EAAK,WAAU;YAAoC;EAAsB,CAAA;AAElF,KAAI,MAAW,CAAC,EACd,QAAO,kBAAC,OAAD;EAAK,WAAU;YAAoC;EAAkB,CAAA;AAE9E,KAAI,KAAa,CAAC,EAChB,QACE,kBAAC,KAAD;EAAG,MAAK;EAAQ,WAAU;YAA1B,CAAyD,iCACzB,EAAU,QACtC;;AAGR,KAAI,CAAC,EACH,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,KAAD;GAAG,WAAU;aAAgC;GAEzC,CAAA,EACJ,kBAAC,GAAD;GAAQ,MAAK;GAAK,SAAQ;GAAU,eAAe,EAAS,kBAAkB;aAAE;GAEvE,CAAA,CACL;;CAIV,IAAM,WAAqB;AAMzB,EALA,EAAS,EAAI,MAAM,EACnB,EAAW,EAAI,QAAQ,EACvB,EAAc,GAAG,EACjB,EAAS,KAAK,EACd,GAAY,EAAI,QAAQ,EACxB,EAAW,GAAK;IAEZ,KAAO,YAAY;AAgBvB,EAfc,MAAM,QAEhB,EAAO,EACL,WAAW;GACT,IAAI,EAAI;GACR,OAAO;IACL,OAAO,EAAM,MAAM;IACnB;IACA,GAAI,EAAW,MAAM,GAAG,EAAE,YAAY,EAAW,MAAM,EAAE,GAAG,EAAE;IAC9D,iBAAiB;IAClB;GACF,EACF,CAAC,EACJ,8BACD,IACU,EAAW,GAAM;IAGxB,IAAY,CAAC,GAAG,EAAI,UAAU,CAAC,MAAM,GAAG,MAAM,EAAE,UAAU,EAAE,QAAQ,EACpE,IAAQ,MAAY,OAAO,OAAO,EAAU,MAAM,MAAM,EAAE,YAAY,EAAQ;AAEpF,QACE,kBAAC,OAAD;EAAK,WAAU;EAAgB,eAAY;YAA3C;GACE,kBAAC,GAAD;IAAQ,MAAK;IAAK,SAAQ;IAAQ,eAAe,EAAS,kBAAkB;cAA5E,CACE,kBAAC,IAAD,EAAW,WAAU,gBAAiB,CAAA,EAAA,WAE/B;;GAET,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,MAAD;MAAI,WAAU;MAAqC,eAAY;gBAC5D,EAAI;MACF,CAAA,EACL,kBAAC,KAAD;MAAG,WAAU;gBAAb;OACE,kBAAC,IAAD,EAAgB,QAAQ,EAAI,QAAU,CAAA;;OAAY,EAAI;OAAQ;OAAW;OACxE,EAAK,EAAI,UAAU;OAAC;OAAI,kBAAC,GAAD,EAAY,IAAI,EAAI,aAAa,EAAI,WAAa,CAAA;OACzE;QACA;QACL,CAAC,KACA,kBAAC,OAAD;KAAK,WAAU;eAAf;MACG,GAAa,QAAQ,MAAM,MAAM,EAAI,OAAO,CAAC,KAAK,MACjD,kBAAC,GAAD;OAEE,MAAK;OACL,SAAQ;OACR,UAAU;OACV,eACE,QAEI,EAAO,EACL,WAAW;QACT,IAAI,EAAI;QACR,OAAO;SAAE,QAAQ;SAAG,iBAAiB,EAAI;SAAS;QACnD,EACF,CAAC,EACJ,mCACD;iBAGF,MAAM,cAAc,YAAY,MAAM,aAAa,YAAY;OACzD,EAlBF,EAkBE,CACT;MACF,kBAAC,GAAD;OAAQ,MAAK;OAAK,SAAS;OAAc,eAAY;iBAAW;OAEvD,CAAA;MACT,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;OAAoB,SAAA;iBAClB,kBAAC,GAAD;QAAQ,MAAK;QAAK,SAAQ;QAAU,UAAU;kBAAM;QAE3C,CAAA;OACU,CAAA,EACrB,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAA;OAAkB;OAAS,EAAI;OAAM;OAAqB,EAAA,CAAA,EAC1D,kBAAC,GAAD,EAAA,UAAA;OAAwB;OACoD;OACzE,EAAI,gBAAgB;OAAO;OAC3B,EAAI,gBAAgB,WAAW,IAAI,KAAK;OAAI;OACtB,EAAA,CAAA,CACP,EAAA,CAAA,EACpB,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAmB,WAA2B,CAAA,EAC9C,kBAAC,GAAD;OACE,WAAU;OACV,SAAS,YAAY;AAKnB,QAJgB,MAAM,QACd,GAAO,EAAE,WAAW,EAAE,IAAI,EAAI,IAAI,EAAE,CAAC,EAC3C,gCACD,IACY,EAAS,kBAAkB;;iBAE3C;OAEmB,CAAA,CACF,EAAA,CAAA,CACD,EAAA,CAAA,CACT,EAAA,CAAA;MACV;OAEJ;;GAEL,KACC,kBAAC,KAAD;IAAG,MAAK;IAAQ,WAAU;IAA2B,eAAY;cAC9D;IACC,CAAA;GAEL,KAAW,MAAa,EAAI,WAC3B,kBAAC,KAAD;IAAG,WAAU;IAAmC,eAAY;cAA5D;KAA2E;KAClD,EAAI;KAAQ;KAAoC;KAAS;KAE9E;;GAGL,IACC,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;IAAa,WAAU;cAAvB;KACE,kBAAC,GAAD;MACE,cAAW;MACX,OAAO;MACP,WAAW,MAAM,EAAS,EAAE,OAAO,MAAM;MACzC,CAAA;KACF,kBAAC,GAAD;MAAgB,OAAO;MAAS,UAAU;MAAY,WAAW;MAAO,CAAA;KACxE,kBAAC,GAAD;MACE,cAAW;MACX,aAAY;MACZ,OAAO;MACP,WAAW,MAAM,EAAc,EAAE,OAAO,MAAM;MAC9C,CAAA;KACF,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD;OACE,MAAK;OACL,SAAQ;OACR,eAAe;AAEb,QADA,EAAW,GAAM,EACjB,EAAS,KAAK;;iBAGf,MAAa,EAAI,UAA+B,WAArB;OACrB,CAAA,EACT,kBAAC,GAAD;OACE,MAAK;OACL,SAAS;OACT,UAAU,EAAY,WAAW,MAAa,EAAI;OAClD,eAAY;iBAEX,EAAY,UAAU,YAAY;OAC5B,CAAA,CACL;;KACM;OACT,CAAA,GAEP,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;IAAa,WAAU;cACpB,EAAI,QAAQ,MAAM,GACjB,kBAAC,GAAD,EAAA,UAAW,EAAI,SAAmB,CAAA,GAElC,kBAAC,KAAD;KAAG,WAAU;eAAgC;KAAsB,CAAA;IAEzD,CAAA,EACT,CAAA;GAGT,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAM,eAAY;eAAlB,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;MAAW,WAAU;gBAArB;OACE,kBAAC,IAAD,EAAS,WAAU,WAAY,CAAA;;OAAW,EAAU;OAAO;OACjD;SACD,CAAA,EACb,kBAAC,GAAD;MAAa,WAAU;gBAAvB,CACE,kBAAC,MAAD;OAAI,WAAU;iBACX,EAAU,KAAK,MAAQ;QACtB,IAAM,IAAU,EAAI,YAAY,EAAI;AACpC,eACE,kBAAC,MAAD;SAEE,WAAU;SACV,eAAY;mBAHd,CAKE,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,QAAD;WAAM,WAAU;qBAAhB;YAAsC;YAC3B,EAAI;YACZ,IAAU,eAAe;YACrB;cACP,kBAAC,QAAD;WAAM,WAAU;qBAAhB,CACE,kBAAC,GAAD;YACE,MAAK;YACL,SAAQ;YACR,WAAU;YACV,iBAAe,MAAY,EAAI;YAC/B,eAAe,GAAW,MAAY,EAAI,UAAU,OAAO,EAAI,QAAQ;sBAEtE,MAAY,EAAI,UAAU,SAAS;YAC7B,CAAA,EACR,CAAC,KAAW,CAAC,KACZ,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;YAAoB,SAAA;sBAClB,kBAAC,GAAD;aACE,MAAK;aACL,SAAQ;aACR,WAAU;aACV,UAAU;aACV,eAAY;uBACb;aAEQ,CAAA;YACU,CAAA,EACrB,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAA;YAAkB;YAAiB,EAAI;YAAQ;YAAoB,EAAA,CAAA,EACnE,kBAAC,GAAD,EAAA,UAAA;YAAwB;YACa,EAAI,UAAU;YAAE;YACjC,EAAI;YAAQ;YACP,EAAA,CAAA,CACP,EAAA,CAAA,EACpB,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAmB,UAA0B,CAAA,EAC7C,kBAAC,GAAD;YACE,eACE,QAEI,GAAO,EACL,WAAW;aACT,IAAI,EAAI;aACR,WAAW,EAAI;aACf,iBAAiB,EAAI;aACtB,EACF,CAAC,EACJ,qCACD;sBAEJ;YAEmB,CAAA,CACF,EAAA,CAAA,CACD,EAAA,CAAA,CACT,EAAA,CAAA,CAEX;aACH;aACN,kBAAC,KAAD;UAAG,WAAU;oBAAb;WACG,EAAK,EAAI,UAAU;WAAC;WAAG,kBAAC,GAAD,EAAY,IAAI,EAAI,WAAa,CAAA;WACxD,EAAI,aAAa,MAAM,EAAI,eAAe;WACzC;YACD;WArEE,EAAI,GAqEN;SAEP;OACC,CAAA,EACJ,KACC,kBAAC,OAAD;OACE,WAAU;OACV,eAAY;iBAFd,CAIE,kBAAC,KAAD;QAAG,WAAU;kBAAb;SAAmC;SACxB,EAAM;SAAQ;SAAG,EAAM;SAC9B;WACJ,kBAAC,OAAD;QAAK,WAAU;kBACb,kBAAC,GAAD,EAAA,UAAW,EAAM,SAAmB,CAAA;QAChC,CAAA,CACF;SAEI;QACT;QAEP,kBAAC,GAAD;KAAM,eAAY;eAAlB,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;MAAW,WAAU;gBAArB;OACE,kBAAC,IAAD,EAAO,WAAU,WAAY,CAAA;;OAAqB,EAAI,gBAAgB;OAAO;OACnE;SACD,CAAA,EACb,kBAAC,GAAD;MAAa,WAAU;gBAAvB,CACG,EAAI,gBAAgB,WAAW,KAC9B,kBAAC,KAAD;OAAG,WAAU;iBAAgC;OAGzC,CAAA,EAEL,EAAI,gBAAgB,KAAK,MACxB,kBAAC,OAAD;OAEE,WAAU;iBAFZ,CAIE,kBAAC,UAAD;QACE,MAAK;QACL,WAAU;QACV,eACE,EAAS,kCAAkC,mBAAmB,EAAK,GAAG,GAAG;kBAJ7E;SAOE,kBAAC,QAAD;UAAM,WAAU;oBAAyB,EAAK;UAAW,CAAA;;SAAE,EAAK;SACzD;WACT,kBAAC,GAAD;QACE,MAAK;QACL,SAAQ;QACR,UAAU,GAAY;QACtB,cAAY,UAAU,EAAK;QAC3B,eACE,QACQ,GAAO,EAAE,WAAW;SAAE,OAAO,EAAI;SAAI,YAAY,EAAK;SAAI,EAAE,CAAC,EACnE,uCACD;kBAGH,kBAAC,IAAD,EAAG,WAAU,WAAY,CAAA;QAClB,CAAA,CACL;SA1BC,EAAK,GA0BN,CACN,CACU;QACT;OACH;;GACF"}

package/dist/planmagnet/pages/NotFoundPage.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Unknown PlanMagnet routes (H5, BOFF-7833). The old catch-all `<Navigate to="" />` resolved to the current URL,
+ * so an unknown path "redirected" to itself and rendered an empty content area with no way back.
+ */
+export declare function PlanMagnetNotFoundPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=NotFoundPage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NotFoundPage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/NotFoundPage.tsx"],"names":[],"mappings":"AAIA;;;GAGG;AACH,wBAAgB,sBAAsB,4CAcrC"}

package/dist/planmagnet/pages/NotFoundPage.js

@@ -0,0 +1,18 @@
+import { usePlanMagnetNavigate as e } from "../providers/PlanMagnetProvider.js";
+import { jsx as t } from "react/jsx-runtime";
+import { useI18n as n } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { NotFoundPage as r } from "@burdenoff/fe-libs/shared/pages";
+//#region src/planmagnet/pages/NotFoundPage.tsx
+function i() {
+	let { t: i } = n(), a = e();
+	return /* @__PURE__ */ t(r, {
+		title: i("planmagnet.notFound.title", "Page not found"),
+		description: i("planmagnet.notFound.description", "This PlanMagnet page doesn't exist, or the link is broken."),
+		homeLabel: i("planmagnet.notFound.backToDashboard", "Back to Dashboard"),
+		onGoHome: () => a("/dashboard/dashboard-page")
+	});
+}
+//#endregion
+export { i as PlanMagnetNotFoundPage };
+
+//# sourceMappingURL=NotFoundPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NotFoundPage.js","names":[],"sources":["../../../src/planmagnet/pages/NotFoundPage.tsx"],"sourcesContent":["import { NotFoundPage } from '@burdenoff/fe-libs/shared/pages';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\n\n/**\n * Unknown PlanMagnet routes (H5, BOFF-7833). The old catch-all `<Navigate to=\"\" />` resolved to the current URL,\n * so an unknown path \"redirected\" to itself and rendered an empty content area with no way back.\n */\nexport function PlanMagnetNotFoundPage() {\n  const { t } = useI18n();\n  const navigate = usePlanMagnetNavigate();\n  return (\n    <NotFoundPage\n      title={t('planmagnet.notFound.title', 'Page not found')}\n      description={t(\n        'planmagnet.notFound.description',\n        \"This PlanMagnet page doesn't exist, or the link is broken.\"\n      )}\n      homeLabel={t('planmagnet.notFound.backToDashboard', 'Back to Dashboard')}\n      onGoHome={() => navigate('/dashboard/dashboard-page')}\n    />\n  );\n}\n"],"mappings":";;;;;AAQA,SAAgB,IAAyB;CACvC,IAAM,EAAE,SAAM,GAAS,EACjB,IAAW,GAAuB;AACxC,QACE,kBAAC,GAAD;EACE,OAAO,EAAE,6BAA6B,iBAAiB;EACvD,aAAa,EACX,mCACA,6DACD;EACD,WAAW,EAAE,uCAAuC,oBAAoB;EACxE,gBAAgB,EAAS,4BAA4B;EACrD,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"ProductsCreateProductPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProductsCreateProductPagePage.tsx"],"names":[],"mappings":"AAgCA,wBAAgB,6BAA6B,4CAqK5C"}
+{"version":3,"file":"ProductsCreateProductPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProductsCreateProductPagePage.tsx"],"names":[],"mappings":"AAwCA,wBAAgB,6BAA6B,4CAmK5C"}

package/dist/planmagnet/pages/ProductsCreateProductPagePage.js

@@ -1,181 +1,176 @@
 import { usePlanMagnet as e, usePlanMagnetNavigate as t } from "../providers/PlanMagnetProvider.js";
-import { useState as n } from "react";
-import { Eye as r, Loader2 as i, Package as a, Save as o, X as s } from "lucide-react";
-import { gql as c } from "@apollo/client";
-import { useMutation as l } from "@apollo/client/react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import { Badge as f, Button as p, Card as m, CardContent as h, CardHeader as g, CardTitle as _, Input as v } from "@burdenoff/fe-libs/ui";
+import { throwOnError as n } from "../utils/mutationResult.js";
+import { PlanningFocusBadge as r, PlanningFocusSelect as i, ROADMAP_DISPLAY as a } from "../roadmaps/planningFocus.js";
+import { useState as o } from "react";
+import { Eye as s, Loader2 as c, Package as l, Save as u, X as d } from "lucide-react";
+import { gql as f } from "@apollo/client";
+import { useMutation as p } from "@apollo/client/react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { Badge as g, Button as _, Card as v, CardContent as y, CardHeader as b, CardTitle as x, Input as S } from "@burdenoff/fe-libs/ui";
 //#region src/planmagnet/pages/ProductsCreateProductPagePage.tsx
-var y = c`
+var C = f`
   mutation CreateRoadmap($input: PlanmagnetCreateRoadmapInput!) {
     planmagnetCreateRoadmap(input: $input) {
       id
       name
       description
       type
+      planningFocus
       isPublic
       ownerId
       createdAt
     }
   }
 `;
-function b() {
-	let { workspaceId: c, currentUser: b } = e(), x = t(), [S, C] = n({
+function w() {
+	let { workspaceId: f, currentUser: w } = e(), T = t(), [E, D] = o({
 		name: "",
 		description: "",
-		type: "TIMELINE",
+		planningFocus: null,
 		isPublic: !1
-	}), [w, { loading: T, error: E }] = l(y, {
-		refetchQueries: ["ListRoadmaps"],
-		onCompleted: () => {
-			x("/products/products-page");
-		}
-	});
-	return /* @__PURE__ */ d("div", {
+	}), [O, k] = o(null), [A, { loading: j }] = p(C, { refetchQueries: ["ListRoadmaps"] });
+	return /* @__PURE__ */ h("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ h("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("h1", {
+				children: [/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("h1", {
 					className: "text-2xl font-semibold",
 					children: "Create Product"
-				}), /* @__PURE__ */ u("p", {
+				}), /* @__PURE__ */ m("p", {
 					className: "text-sm text-muted-foreground",
 					children: "Define a new product with its vision and strategy."
-				})] }), /* @__PURE__ */ d("div", {
+				})] }), /* @__PURE__ */ h("div", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ d(p, {
+					children: [/* @__PURE__ */ h(_, {
 						variant: "outline",
 						size: "sm",
-						onClick: () => x("/products/products-page"),
-						children: [/* @__PURE__ */ u(s, { className: "mr-1 h-4 w-4" }), "Cancel"]
-					}), /* @__PURE__ */ d(p, {
+						onClick: () => T("/products/products-page"),
+						children: [/* @__PURE__ */ m(d, { className: "mr-1 h-4 w-4" }), "Cancel"]
+					}), /* @__PURE__ */ h(_, {
 						size: "sm",
-						onClick: () => {
-							S.name.trim() && w({ variables: { input: {
-								name: S.name,
-								description: S.description || void 0,
-								type: S.type,
-								isPublic: S.isPublic,
-								ownerId: b?.id ?? ""
-							} } });
+						onClick: async () => {
+							if (E.name.trim()) {
+								k(null);
+								try {
+									await n(A({ variables: { input: {
+										name: E.name,
+										description: E.description || void 0,
+										type: a,
+										...E.planningFocus ? { planningFocus: E.planningFocus } : {},
+										isPublic: E.isPublic,
+										ownerId: w?.id ?? ""
+									} } })), T("/products/products-page");
+								} catch (e) {
+									k(e instanceof Error ? e.message : "The product could not be created.");
+								}
+							}
 						},
-						disabled: T || !S.name.trim(),
-						children: [T ? /* @__PURE__ */ u(i, { className: "mr-1 h-4 w-4 animate-spin" }) : /* @__PURE__ */ u(o, { className: "mr-1 h-4 w-4" }), "Create Product"]
+						disabled: j || !E.name.trim(),
+						children: [j ? /* @__PURE__ */ m(c, { className: "mr-1 h-4 w-4 animate-spin" }) : /* @__PURE__ */ m(u, { className: "mr-1 h-4 w-4" }), "Create Product"]
 					})]
 				})]
 			}),
-			E && /* @__PURE__ */ d("div", {
+			O && /* @__PURE__ */ h("div", {
+				role: "alert",
 				className: "p-3 rounded-md bg-destructive/10 text-destructive text-sm",
-				children: ["Failed to create product: ", E.message]
+				children: ["Failed to create product: ", O]
 			}),
-			/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ h("div", {
 				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
-				children: [/* @__PURE__ */ u("div", {
+				children: [/* @__PURE__ */ m("div", {
 					className: "lg:col-span-2 space-y-6",
-					children: /* @__PURE__ */ d(m, { children: [/* @__PURE__ */ u(g, { children: /* @__PURE__ */ u(_, { children: "Basic Information" }) }), /* @__PURE__ */ d(h, {
+					children: /* @__PURE__ */ h(v, { children: [/* @__PURE__ */ m(b, { children: /* @__PURE__ */ m(x, { children: "Basic Information" }) }), /* @__PURE__ */ h(y, {
 						className: "space-y-4",
 						children: [
-							/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
+							/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("label", {
 								className: "text-sm font-medium",
 								children: "Product Name"
-							}), /* @__PURE__ */ u(v, {
+							}), /* @__PURE__ */ m(S, {
 								placeholder: "e.g. PlanMagnet Analytics",
-								value: S.name,
-								onChange: (e) => C({
-									...S,
+								value: E.name,
+								onChange: (e) => D({
+									...E,
 									name: e.target.value
 								}),
 								className: "mt-1"
 							})] }),
-							/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
+							/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("label", {
 								className: "text-sm font-medium",
 								children: "Description"
-							}), /* @__PURE__ */ u("textarea", {
+							}), /* @__PURE__ */ m("textarea", {
 								className: "mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm min-h-[80px]",
 								placeholder: "Describe what this product does...",
-								value: S.description,
-								onChange: (e) => C({
-									...S,
+								value: E.description,
+								onChange: (e) => D({
+									...E,
 									description: e.target.value
 								})
 							})] }),
-							/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
-								className: "text-sm font-medium",
-								children: "Type"
-							}), /* @__PURE__ */ u("div", {
-								className: "mt-1 flex gap-2",
-								children: [
-									"TIMELINE",
-									"GANTT",
-									"SWIMLANE",
-									"CUSTOM"
-								].map((e) => /* @__PURE__ */ u("button", {
-									onClick: () => C({
-										...S,
-										type: e
-									}),
-									className: `rounded-md px-3 py-1.5 text-sm capitalize ${S.type === e ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground"}`,
-									children: e.toLowerCase()
-								}, e))
-							})] }),
-							/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
+							/* @__PURE__ */ m(i, {
+								value: E.planningFocus,
+								onChange: (e) => D({
+									...E,
+									planningFocus: e
+								})
+							}),
+							/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("label", {
 								className: "text-sm font-medium",
 								children: "Visibility"
-							}), /* @__PURE__ */ u("div", {
+							}), /* @__PURE__ */ m("div", {
 								className: "mt-1 flex gap-2",
-								children: [!1, !0].map((e) => /* @__PURE__ */ u("button", {
-									onClick: () => C({
-										...S,
+								children: [!1, !0].map((e) => /* @__PURE__ */ m("button", {
+									onClick: () => D({
+										...E,
 										isPublic: e
 									}),
-									className: `rounded-md px-3 py-1.5 text-sm ${S.isPublic === e ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground"}`,
+									className: `rounded-md px-3 py-1.5 text-sm ${E.isPublic === e ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground"}`,
 									children: e ? "Public" : "Private"
 								}, String(e)))
 							})] })
 						]
 					})] })
-				}), /* @__PURE__ */ d("div", {
+				}), /* @__PURE__ */ h("div", {
 					className: "space-y-6",
-					children: [/* @__PURE__ */ d(m, { children: [/* @__PURE__ */ u(g, { children: /* @__PURE__ */ d(_, {
+					children: [/* @__PURE__ */ h(v, { children: [/* @__PURE__ */ m(b, { children: /* @__PURE__ */ h(x, {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ u(r, { className: "h-4 w-4" }), "Preview"]
-					}) }), /* @__PURE__ */ d(h, {
+						children: [/* @__PURE__ */ m(s, { className: "h-4 w-4" }), "Preview"]
+					}) }), /* @__PURE__ */ h(y, {
 						className: "space-y-3",
 						children: [
-							/* @__PURE__ */ d("div", {
+							/* @__PURE__ */ h("div", {
 								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ u(a, { className: "h-5 w-5 text-primary" }), /* @__PURE__ */ u("span", {
+								children: [/* @__PURE__ */ m(l, { className: "h-5 w-5 text-primary" }), /* @__PURE__ */ m("span", {
 									className: "font-medium",
-									children: S.name || "Product Name"
+									children: E.name || "Product Name"
 								})]
 							}),
-							/* @__PURE__ */ u("p", {
+							/* @__PURE__ */ m("p", {
 								className: "text-sm text-muted-foreground",
-								children: S.description || "No description yet"
+								children: E.description || "No description yet"
 							}),
-							/* @__PURE__ */ u(f, {
-								variant: S.isPublic ? "default" : "secondary",
+							/* @__PURE__ */ m(g, {
+								variant: E.isPublic ? "default" : "secondary",
 								className: "capitalize",
-								children: S.isPublic ? "Public" : "Private"
+								children: E.isPublic ? "Public" : "Private"
 							}),
-							/* @__PURE__ */ d("div", {
+							/* @__PURE__ */ h("div", {
 								className: "pt-2 border-t",
-								children: [/* @__PURE__ */ u("p", {
+								children: [/* @__PURE__ */ m("p", {
 									className: "text-xs font-medium text-muted-foreground",
-									children: "TYPE"
-								}), /* @__PURE__ */ u("p", {
-									className: "text-sm mt-1 capitalize",
-									children: S.type.toLowerCase()
+									children: "PLANNING FOCUS"
+								}), /* @__PURE__ */ m("div", {
+									className: "mt-1",
+									children: /* @__PURE__ */ m(r, { focus: E.planningFocus })
 								})]
 							})
 						]
-					})] }), /* @__PURE__ */ d(m, { children: [/* @__PURE__ */ u(g, { children: /* @__PURE__ */ u(_, { children: "Quick Tips" }) }), /* @__PURE__ */ d(h, {
+					})] }), /* @__PURE__ */ h(v, { children: [/* @__PURE__ */ m(b, { children: /* @__PURE__ */ m(x, { children: "Quick Tips" }) }), /* @__PURE__ */ h(y, {
 						className: "text-sm text-muted-foreground space-y-2",
 						children: [
-							/* @__PURE__ */ u("p", { children: "A strong product vision guides all feature decisions." }),
-							/* @__PURE__ */ u("p", { children: "Keep the strategy focused on 2-3 key differentiators." }),
-							/* @__PURE__ */ u("p", { children: "Products start in \"planning\" and move to \"active\" when launched." })
+							/* @__PURE__ */ m("p", { children: "A strong product vision guides all feature decisions." }),
+							/* @__PURE__ */ m("p", { children: "Keep the strategy focused on 2-3 key differentiators." }),
+							/* @__PURE__ */ m("p", { children: "Products start in \"planning\" and move to \"active\" when launched." })
 						]
 					})] })]
 				})]
@@ -184,6 +179,6 @@ function b() {
 	});
 }
 //#endregion
-export { b as ProductsCreateProductPagePage };
+export { w as ProductsCreateProductPagePage };
 
 //# sourceMappingURL=ProductsCreateProductPagePage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProductsCreateProductPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProductsCreateProductPagePage.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useMutation } from '@apollo/client/react';\nimport {\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  Button,\n  Input,\n  Badge,\n} from '@burdenoff/fe-libs/ui';\nimport { Save, X, Package, Eye, Loader2 } from 'lucide-react';\nimport { usePlanMagnet } from '../providers/PlanMagnetProvider';\nimport { usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\n\nconst CREATE_ROADMAP = gql`\n  mutation CreateRoadmap($input: PlanmagnetCreateRoadmapInput!) {\n    planmagnetCreateRoadmap(input: $input) {\n      id\n      name\n      description\n      type\n      isPublic\n      ownerId\n      createdAt\n    }\n  }\n`;\n\nexport function ProductsCreateProductPagePage() {\n  const { workspaceId, currentUser } = usePlanMagnet();\n  const navigate = usePlanMagnetNavigate();\n\n  const [form, setForm] = useState({\n    name: '',\n    description: '',\n    type: 'TIMELINE' as 'TIMELINE' | 'GANTT' | 'SWIMLANE' | 'CUSTOM',\n    isPublic: false,\n  });\n\n  const [createRoadmap, { loading: saving, error: saveError }] = useMutation(CREATE_ROADMAP, {\n    refetchQueries: ['ListRoadmaps'],\n    onCompleted: () => {\n      navigate('/products/products-page');\n    },\n  });\n\n  const typeOptions = ['TIMELINE', 'GANTT', 'SWIMLANE', 'CUSTOM'] as const;\n\n  const handleCreate = () => {\n    if (!form.name.trim()) return;\n    createRoadmap({\n      variables: {\n        input: {\n          name: form.name,\n          description: form.description || undefined,\n          type: form.type,\n          isPublic: form.isPublic,\n          ownerId: currentUser?.id ?? '',\n        },\n      },\n    });\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">Create Product</h1>\n          <p className=\"text-sm text-muted-foreground\">\n            Define a new product with its vision and strategy.\n          </p>\n        </div>\n        <div className=\"flex items-center gap-2\">\n          <Button variant=\"outline\" size=\"sm\" onClick={() => navigate('/products/products-page')}>\n            <X className=\"mr-1 h-4 w-4\" />\n            Cancel\n          </Button>\n          <Button size=\"sm\" onClick={handleCreate} disabled={saving || !form.name.trim()}>\n            {saving ? (\n              <Loader2 className=\"mr-1 h-4 w-4 animate-spin\" />\n            ) : (\n              <Save className=\"mr-1 h-4 w-4\" />\n            )}\n            Create Product\n          </Button>\n        </div>\n      </div>\n\n      {saveError && (\n        <div className=\"p-3 rounded-md bg-destructive/10 text-destructive text-sm\">\n          Failed to create product: {saveError.message}\n        </div>\n      )}\n\n      <div className=\"grid grid-cols-1 lg:grid-cols-3 gap-6\">\n        <div className=\"lg:col-span-2 space-y-6\">\n          <Card>\n            <CardHeader>\n              <CardTitle>Basic Information</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-4\">\n              <div>\n                <label className=\"text-sm font-medium\">Product Name</label>\n                <Input\n                  placeholder=\"e.g. PlanMagnet Analytics\"\n                  value={form.name}\n                  onChange={(e) => setForm({ ...form, name: e.target.value })}\n                  className=\"mt-1\"\n                />\n              </div>\n              <div>\n                <label className=\"text-sm font-medium\">Description</label>\n                <textarea\n                  className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm min-h-[80px]\"\n                  placeholder=\"Describe what this product does...\"\n                  value={form.description}\n                  onChange={(e) => setForm({ ...form, description: e.target.value })}\n                />\n              </div>\n              <div>\n                <label className=\"text-sm font-medium\">Type</label>\n                <div className=\"mt-1 flex gap-2\">\n                  {typeOptions.map((t) => (\n                    <button\n                      key={t}\n                      onClick={() => setForm({ ...form, type: t })}\n                      className={`rounded-md px-3 py-1.5 text-sm capitalize ${form.type === t ? 'bg-primary text-primary-foreground' : 'bg-muted text-muted-foreground'}`}\n                    >\n                      {t.toLowerCase()}\n                    </button>\n                  ))}\n                </div>\n              </div>\n              <div>\n                <label className=\"text-sm font-medium\">Visibility</label>\n                <div className=\"mt-1 flex gap-2\">\n                  {[false, true].map((pub) => (\n                    <button\n                      key={String(pub)}\n                      onClick={() => setForm({ ...form, isPublic: pub })}\n                      className={`rounded-md px-3 py-1.5 text-sm ${form.isPublic === pub ? 'bg-primary text-primary-foreground' : 'bg-muted text-muted-foreground'}`}\n                    >\n                      {pub ? 'Public' : 'Private'}\n                    </button>\n                  ))}\n                </div>\n              </div>\n            </CardContent>\n          </Card>\n        </div>\n\n        <div className=\"space-y-6\">\n          <Card>\n            <CardHeader>\n              <CardTitle className=\"flex items-center gap-2\">\n                <Eye className=\"h-4 w-4\" />\n                Preview\n              </CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-3\">\n              <div className=\"flex items-center gap-2\">\n                <Package className=\"h-5 w-5 text-primary\" />\n                <span className=\"font-medium\">{form.name || 'Product Name'}</span>\n              </div>\n              <p className=\"text-sm text-muted-foreground\">\n                {form.description || 'No description yet'}\n              </p>\n              <Badge variant={form.isPublic ? 'default' : 'secondary'} className=\"capitalize\">\n                {form.isPublic ? 'Public' : 'Private'}\n              </Badge>\n              <div className=\"pt-2 border-t\">\n                <p className=\"text-xs font-medium text-muted-foreground\">TYPE</p>\n                <p className=\"text-sm mt-1 capitalize\">{form.type.toLowerCase()}</p>\n              </div>\n            </CardContent>\n          </Card>\n\n          <Card>\n            <CardHeader>\n              <CardTitle>Quick Tips</CardTitle>\n            </CardHeader>\n            <CardContent className=\"text-sm text-muted-foreground space-y-2\">\n              <p>A strong product vision guides all feature decisions.</p>\n              <p>Keep the strategy focused on 2-3 key differentiators.</p>\n              <p>\n                Products start in &quot;planning&quot; and move to &quot;active&quot; when launched.\n              </p>\n            </CardContent>\n          </Card>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ProductsCreateProductPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProductsCreateProductPagePage.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useMutation } from '@apollo/client/react';\nimport {\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  Button,\n  Input,\n  Badge,\n} from '@burdenoff/fe-libs/ui';\nimport { Save, X, Package, Eye, Loader2 } from 'lucide-react';\nimport { usePlanMagnet } from '../providers/PlanMagnetProvider';\nimport { usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { throwOnError } from '../utils/mutationResult';\nimport {\n  PlanningFocusBadge,\n  PlanningFocusSelect,\n  ROADMAP_DISPLAY,\n  type PlanningFocus,\n} from '../roadmaps/planningFocus';\n\nconst CREATE_ROADMAP = gql`\n  mutation CreateRoadmap($input: PlanmagnetCreateRoadmapInput!) {\n    planmagnetCreateRoadmap(input: $input) {\n      id\n      name\n      description\n      type\n      planningFocus\n      isPublic\n      ownerId\n      createdAt\n    }\n  }\n`;\n\nexport function ProductsCreateProductPagePage() {\n  const { workspaceId, currentUser } = usePlanMagnet();\n  const navigate = usePlanMagnetNavigate();\n\n  const [form, setForm] = useState({\n    name: '',\n    description: '',\n    planningFocus: null as PlanningFocus | null,\n    isPublic: false,\n  });\n\n  const [saveError, setSaveError] = useState<string | null>(null);\n  const [createRoadmap, { loading: saving }] = useMutation(CREATE_ROADMAP, {\n    refetchQueries: ['ListRoadmaps'],\n  });\n\n  // Navigate only after the service ACCEPTED it (see ProductsCreateRoadmapPage).\n  const handleCreate = async () => {\n    if (!form.name.trim()) return;\n    setSaveError(null);\n    try {\n      await throwOnError(\n        createRoadmap({\n          variables: {\n            input: {\n              name: form.name,\n              description: form.description || undefined,\n              type: ROADMAP_DISPLAY,\n              ...(form.planningFocus ? { planningFocus: form.planningFocus } : {}),\n              isPublic: form.isPublic,\n              ownerId: currentUser?.id ?? '',\n            },\n          },\n        })\n      );\n      navigate('/products/products-page');\n    } catch (e) {\n      setSaveError(e instanceof Error ? e.message : 'The product could not be created.');\n    }\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">Create Product</h1>\n          <p className=\"text-sm text-muted-foreground\">\n            Define a new product with its vision and strategy.\n          </p>\n        </div>\n        <div className=\"flex items-center gap-2\">\n          <Button variant=\"outline\" size=\"sm\" onClick={() => navigate('/products/products-page')}>\n            <X className=\"mr-1 h-4 w-4\" />\n            Cancel\n          </Button>\n          <Button size=\"sm\" onClick={handleCreate} disabled={saving || !form.name.trim()}>\n            {saving ? (\n              <Loader2 className=\"mr-1 h-4 w-4 animate-spin\" />\n            ) : (\n              <Save className=\"mr-1 h-4 w-4\" />\n            )}\n            Create Product\n          </Button>\n        </div>\n      </div>\n\n      {saveError && (\n        <div role=\"alert\" className=\"p-3 rounded-md bg-destructive/10 text-destructive text-sm\">\n          Failed to create product: {saveError}\n        </div>\n      )}\n\n      <div className=\"grid grid-cols-1 lg:grid-cols-3 gap-6\">\n        <div className=\"lg:col-span-2 space-y-6\">\n          <Card>\n            <CardHeader>\n              <CardTitle>Basic Information</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-4\">\n              <div>\n                <label className=\"text-sm font-medium\">Product Name</label>\n                <Input\n                  placeholder=\"e.g. PlanMagnet Analytics\"\n                  value={form.name}\n                  onChange={(e) => setForm({ ...form, name: e.target.value })}\n                  className=\"mt-1\"\n                />\n              </div>\n              <div>\n                <label className=\"text-sm font-medium\">Description</label>\n                <textarea\n                  className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm min-h-[80px]\"\n                  placeholder=\"Describe what this product does...\"\n                  value={form.description}\n                  onChange={(e) => setForm({ ...form, description: e.target.value })}\n                />\n              </div>\n              <PlanningFocusSelect\n                value={form.planningFocus}\n                onChange={(planningFocus) => setForm({ ...form, planningFocus })}\n              />\n              <div>\n                <label className=\"text-sm font-medium\">Visibility</label>\n                <div className=\"mt-1 flex gap-2\">\n                  {[false, true].map((pub) => (\n                    <button\n                      key={String(pub)}\n                      onClick={() => setForm({ ...form, isPublic: pub })}\n                      className={`rounded-md px-3 py-1.5 text-sm ${form.isPublic === pub ? 'bg-primary text-primary-foreground' : 'bg-muted text-muted-foreground'}`}\n                    >\n                      {pub ? 'Public' : 'Private'}\n                    </button>\n                  ))}\n                </div>\n              </div>\n            </CardContent>\n          </Card>\n        </div>\n\n        <div className=\"space-y-6\">\n          <Card>\n            <CardHeader>\n              <CardTitle className=\"flex items-center gap-2\">\n                <Eye className=\"h-4 w-4\" />\n                Preview\n              </CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-3\">\n              <div className=\"flex items-center gap-2\">\n                <Package className=\"h-5 w-5 text-primary\" />\n                <span className=\"font-medium\">{form.name || 'Product Name'}</span>\n              </div>\n              <p className=\"text-sm text-muted-foreground\">\n                {form.description || 'No description yet'}\n              </p>\n              <Badge variant={form.isPublic ? 'default' : 'secondary'} className=\"capitalize\">\n                {form.isPublic ? 'Public' : 'Private'}\n              </Badge>\n              <div className=\"pt-2 border-t\">\n                <p className=\"text-xs font-medium text-muted-foreground\">PLANNING FOCUS</p>\n                <div className=\"mt-1\">\n                  <PlanningFocusBadge focus={form.planningFocus} />\n                </div>\n              </div>\n            </CardContent>\n          </Card>\n\n          <Card>\n            <CardHeader>\n              <CardTitle>Quick Tips</CardTitle>\n            </CardHeader>\n            <CardContent className=\"text-sm text-muted-foreground space-y-2\">\n              <p>A strong product vision guides all feature decisions.</p>\n              <p>Keep the strategy focused on 2-3 key differentiators.</p>\n              <p>\n                Products start in &quot;planning&quot; and move to &quot;active&quot; when launched.\n              </p>\n            </CardContent>\n          </Card>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ProductsCreateRoadmapPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProductsCreateRoadmapPagePage.tsx"],"names":[],"mappings":"AAuBA,wBAAgB,6BAA6B,4CA2H5C"}
+{"version":3,"file":"ProductsCreateRoadmapPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProductsCreateRoadmapPagePage.tsx"],"names":[],"mappings":"AA8BA,wBAAgB,6BAA6B,4CA0H5C"}