@burdenoff/microfe-planmagnet 2026.1002.1 → 2026.1002.3

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

@@ -1 +1 @@
-{"version":3,"file":"ProductsProductsPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProductsProductsPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { Card, CardContent, CardHeader, CardTitle, Badge, Button } from '@burdenoff/fe-libs/ui';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Package, Plus, Archive, Loader2, Map, GitBranch, Star } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { rowLinkProps, detailPath } from '../utils/rowNavigation';\nimport { PersonName } from '../people/People';\nimport { enumLabel } from '../controls/WorkItemControls';\n\n/**\n * The real \"Products\" list (BOFF-8045). Before this shipped, this page listed Roadmaps\n * relabelled as products (CAPABILITY_REGISTER: \"not-built\") — it now queries the Product\n * entity directly, which links roadmaps/releases/feature requests/OKR objectives rather\n * than being one.\n */\n\nconst LIST_PRODUCTS = gql`\n  query GetProducts(\n    $workspaceId: ID!\n    $filter: PlanmagnetProductFilter\n    $pagination: PlanmagnetPaginationInput\n  ) {\n    planmagnetProducts(workspaceId: $workspaceId, filter: $filter, pagination: $pagination) {\n      items {\n        id\n        name\n        description\n        vision\n        lifecycleStage\n        ownerId\n        archivedAt\n        northStar {\n          name\n          unit\n          target\n          current\n          progressRatio\n        }\n        roadmaps {\n          id\n        }\n        releases {\n          id\n        }\n        featureRequests {\n          id\n        }\n        updatedAt\n      }\n      totalCount\n    }\n  }\n`;\n\ninterface ProductNorthStar {\n  name: string;\n  unit: string;\n  target: number;\n  current: number;\n  progressRatio: number | null;\n}\n\ninterface ProductListNode {\n  id: string;\n  name: string;\n  description: string | null;\n  vision: string;\n  lifecycleStage: string;\n  ownerId: string;\n  archivedAt: string | null;\n  northStar: ProductNorthStar | null;\n  roadmaps: { id: string }[];\n  releases: { id: string }[];\n  featureRequests: { id: string }[];\n  updatedAt: string;\n}\n\nexport function ProductsProductsPagePage() {\n  const { workspaceId } = usePlanMagnet();\n  const navigate = usePlanMagnetNavigate();\n  const { t } = useI18n();\n  const [showArchived, setShowArchived] = useState(false);\n\n  const { data, loading, error } = useQuery<{\n    planmagnetProducts: { items: ProductListNode[]; totalCount: number };\n  }>(LIST_PRODUCTS, {\n    variables: {\n      workspaceId,\n      filter: showArchived ? undefined : { isActive: true },\n      pagination: { first: 50 },\n    },\n    skip: !workspaceId,\n  });\n\n  // Only before the first load: a refetch must not blank the page.\n  if (loading && !data) {\n    return (\n      <div className=\"flex items-center justify-center p-12\">\n        <Loader2 className=\"h-8 w-8 animate-spin text-muted-foreground\" />\n      </div>\n    );\n  }\n\n  if (error) {\n    return (\n      <div className=\"p-6 text-destructive\">\n        {t('planmagnet.products.errorLoading', 'Failed to load products')}: {error.message}\n      </div>\n    );\n  }\n\n  const products = data?.planmagnetProducts?.items ?? [];\n  const totalProducts = data?.planmagnetProducts?.totalCount ?? 0;\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 flex items-center gap-2\">\n            <Package className=\"h-6 w-6\" /> {t('planmagnet.products.title', 'Products')}\n          </h1>\n          <p className=\"text-sm text-muted-foreground mt-1\">\n            {t(\n              'planmagnet.products.subtitle',\n              'Strategy entities that link roadmaps, releases, feature requests and OKRs'\n            )}\n          </p>\n        </div>\n        <div className=\"flex items-center gap-2\">\n          <Button\n            size=\"sm\"\n            variant={showArchived ? 'default' : 'outline'}\n            onClick={() => setShowArchived((v) => !v)}\n            data-testid=\"products-toggle-archived\"\n          >\n            <Archive className=\"h-4 w-4 mr-1\" />\n            {showArchived\n              ? t('planmagnet.products.actions.hideArchived', 'Hide archived')\n              : t('planmagnet.products.actions.showArchived', 'Show archived')}\n          </Button>\n          <Button size=\"sm\" onClick={() => navigate('/products/create-product-page')}>\n            <Plus className=\"h-4 w-4 mr-1\" />\n            {t('planmagnet.products.actions.newProduct', 'New Product')}\n          </Button>\n        </div>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-3\">\n        {[\n          {\n            label: t('planmagnet.products.metrics.totalProducts', 'Total Products'),\n            val: totalProducts,\n            icon: Package,\n            color: 'text-blue-500',\n          },\n          {\n            label: t('planmagnet.products.metrics.roadmaps', 'Linked roadmaps'),\n            val: products.reduce((sum, p) => sum + p.roadmaps.length, 0),\n            icon: Map,\n            color: 'text-green-500',\n          },\n          {\n            label: t('planmagnet.products.metrics.releases', 'Linked releases'),\n            val: products.reduce((sum, p) => sum + p.releases.length, 0),\n            icon: GitBranch,\n            color: 'text-purple-500',\n          },\n        ].map((s) => (\n          <Card key={s.label}>\n            <CardContent className=\"pt-6\">\n              <div className=\"flex items-center justify-between\">\n                <div>\n                  <p className=\"text-sm text-muted-foreground\">{s.label}</p>\n                  <p className=\"text-2xl font-bold\">{s.val}</p>\n                </div>\n                <s.icon className={`h-8 w-8 ${s.color} opacity-60`} />\n              </div>\n            </CardContent>\n          </Card>\n        ))}\n      </div>\n\n      {products.length === 0 ? (\n        <Card>\n          <CardContent className=\"py-12 text-center text-sm text-muted-foreground\">\n            {t('planmagnet.products.empty', 'No products yet. Create one to get started.')}\n          </CardContent>\n        </Card>\n      ) : (\n        <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-2\">\n          {products.map((product) => (\n            <Card\n              key={product.id}\n              {...rowLinkProps(\n                () => navigate(detailPath('/products/product-detail-page', product.id)),\n                product.name\n              )}\n            >\n              <CardHeader>\n                <div className=\"flex items-center justify-between gap-2\">\n                  <CardTitle className=\"text-base\">{product.name}</CardTitle>\n                  <div className=\"flex items-center gap-1 shrink-0\">\n                    {product.archivedAt && (\n                      <Badge variant=\"outline\" className=\"text-xs\">\n                        {t('planmagnet.products.shared.archived', 'Archived')}\n                      </Badge>\n                    )}\n                    <Badge variant=\"secondary\" className=\"text-xs capitalize\">\n                      {enumLabel(product.lifecycleStage)}\n                    </Badge>\n                  </div>\n                </div>\n              </CardHeader>\n              <CardContent className=\"space-y-3\">\n                <p className=\"text-sm text-muted-foreground line-clamp-2\">\n                  {product.vision || t('planmagnet.products.shared.noVision', 'No vision set')}\n                </p>\n                <div className=\"grid grid-cols-3 gap-2 text-center\">\n                  <div className=\"rounded border p-2\">\n                    <p className=\"text-lg font-bold\">{product.roadmaps.length}</p>\n                    <p className=\"text-xs text-muted-foreground\">\n                      {t('planmagnet.products.shared.roadmaps', 'Roadmaps')}\n                    </p>\n                  </div>\n                  <div className=\"rounded border p-2\">\n                    <p className=\"text-lg font-bold\">{product.releases.length}</p>\n                    <p className=\"text-xs text-muted-foreground\">\n                      {t('planmagnet.products.shared.releases', 'Releases')}\n                    </p>\n                  </div>\n                  <div className=\"rounded border p-2\">\n                    <p className=\"text-lg font-bold\">{product.featureRequests.length}</p>\n                    <p className=\"text-xs text-muted-foreground\">\n                      <Star className=\"inline h-3 w-3 mr-0.5\" />\n                      {t('planmagnet.products.shared.features', 'Features')}\n                    </p>\n                  </div>\n                </div>\n                {product.northStar && (\n                  <div className=\"rounded border p-2 text-xs\">\n                    <div className=\"flex items-center justify-between\">\n                      <span className=\"text-muted-foreground\">{product.northStar.name}</span>\n                      <span className=\"font-medium\">\n                        {product.northStar.current} / {product.northStar.target}{' '}\n                        {product.northStar.unit}\n                        {product.northStar.progressRatio != null\n                          ? ` (${Math.round(product.northStar.progressRatio * 100)}%)`\n                          : ''}\n                      </span>\n                    </div>\n                  </div>\n                )}\n                <div className=\"flex items-center justify-between text-xs text-muted-foreground\">\n                  <span>\n                    {t('planmagnet.products.shared.owner', 'Owner')}:{' '}\n                    <PersonName id={product.ownerId} />\n                  </span>\n                  <span>\n                    {t('planmagnet.products.shared.updated', 'Updated')}{' '}\n                    {new Date(product.updatedAt).toLocaleDateString()}\n                  </span>\n                </div>\n              </CardContent>\n            </Card>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAkBA,IAAM,IAAgB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6DzB,SAAgB,IAA2B;CACzC,IAAM,EAAE,mBAAgB,GAAe,EACjC,IAAW,GAAuB,EAClC,EAAE,SAAM,GAAS,EACjB,CAAC,GAAc,KAAmB,EAAS,GAAM,EAEjD,EAAE,SAAM,YAAS,aAAU,EAE9B,GAAe;EAChB,WAAW;GACT;GACA,QAAQ,IAAe,KAAA,IAAY,EAAE,UAAU,IAAM;GACrD,YAAY,EAAE,OAAO,IAAI;GAC1B;EACD,MAAM,CAAC;EACR,CAAC;AAGF,KAAI,KAAW,CAAC,EACd,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD,EAAS,WAAU,8CAA+C,CAAA;EAC9D,CAAA;AAIV,KAAI,EACF,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACG,EAAE,oCAAoC,0BAA0B;GAAC;GAAG,EAAM;GACvE;;CAIV,IAAM,IAAW,GAAM,oBAAoB,SAAS,EAAE,EAChD,IAAgB,GAAM,oBAAoB,cAAc;AAE9D,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;KAAI,WAAU;eAAd;MACE,kBAAC,GAAD,EAAS,WAAU,WAAY,CAAA;;MAAE,EAAE,6BAA6B,WAAW;MACxE;QACL,kBAAC,KAAD;KAAG,WAAU;eACV,EACC,gCACA,4EACD;KACC,CAAA,CACA,EAAA,CAAA,EACN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MACE,MAAK;MACL,SAAS,IAAe,YAAY;MACpC,eAAe,GAAiB,MAAM,CAAC,EAAE;MACzC,eAAY;gBAJd,CAME,kBAAC,GAAD,EAAS,WAAU,gBAAiB,CAAA,EACnC,IACG,EAAE,4CAA4C,gBAAgB,GAC9D,EAAE,4CAA4C,gBAAgB,CAC3D;SACT,kBAAC,GAAD;MAAQ,MAAK;MAAK,eAAe,EAAS,gCAAgC;gBAA1E,CACE,kBAAC,GAAD,EAAM,WAAU,gBAAiB,CAAA,EAChC,EAAE,0CAA0C,cAAc,CACpD;QACL;OACF;;GAEN,kBAAC,OAAD;IAAK,WAAU;cACZ;KACC;MACE,OAAO,EAAE,6CAA6C,iBAAiB;MACvE,KAAK;MACL,MAAM;MACN,OAAO;MACR;KACD;MACE,OAAO,EAAE,wCAAwC,kBAAkB;MACnE,KAAK,EAAS,QAAQ,GAAK,MAAM,IAAM,EAAE,SAAS,QAAQ,EAAE;MAC5D,MAAM;MACN,OAAO;MACR;KACD;MACE,OAAO,EAAE,wCAAwC,kBAAkB;MACnE,KAAK,EAAS,QAAQ,GAAK,MAAM,IAAM,EAAE,SAAS,QAAQ,EAAE;MAC5D,MAAM;MACN,OAAO;MACR;KACF,CAAC,KAAK,MACL,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;KAAa,WAAU;eACrB,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;OAAG,WAAU;iBAAiC,EAAE;OAAU,CAAA,EAC1D,kBAAC,KAAD;OAAG,WAAU;iBAAsB,EAAE;OAAQ,CAAA,CACzC,EAAA,CAAA,EACN,kBAAC,EAAE,MAAH,EAAQ,WAAW,WAAW,EAAE,MAAM,cAAgB,CAAA,CAClD;;KACM,CAAA,EACT,EAVI,EAAE,MAUN,CACP;IACE,CAAA;GAEL,EAAS,WAAW,IACnB,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;IAAa,WAAU;cACpB,EAAE,6BAA6B,8CAA8C;IAClE,CAAA,EACT,CAAA,GAEP,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAS,KAAK,MACb,kBAAC,GAAD;KAEE,GAAI,QACI,EAAS,EAAW,iCAAiC,EAAQ,GAAG,CAAC,EACvE,EAAQ,KACT;eALH,CAOE,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD;OAAW,WAAU;iBAAa,EAAQ;OAAiB,CAAA,EAC3D,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACG,EAAQ,cACP,kBAAC,GAAD;QAAO,SAAQ;QAAU,WAAU;kBAChC,EAAE,uCAAuC,WAAW;QAC/C,CAAA,EAEV,kBAAC,GAAD;QAAO,SAAQ;QAAY,WAAU;kBAClC,EAAU,EAAQ,eAAe;QAC5B,CAAA,CACJ;SACF;SACK,CAAA,EACb,kBAAC,GAAD;MAAa,WAAU;gBAAvB;OACE,kBAAC,KAAD;QAAG,WAAU;kBACV,EAAQ,UAAU,EAAE,uCAAuC,gBAAgB;QAC1E,CAAA;OACJ,kBAAC,OAAD;QAAK,WAAU;kBAAf;SACE,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,KAAD;WAAG,WAAU;qBAAqB,EAAQ,SAAS;WAAW,CAAA,EAC9D,kBAAC,KAAD;WAAG,WAAU;qBACV,EAAE,uCAAuC,WAAW;WACnD,CAAA,CACA;;SACN,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,KAAD;WAAG,WAAU;qBAAqB,EAAQ,SAAS;WAAW,CAAA,EAC9D,kBAAC,KAAD;WAAG,WAAU;qBACV,EAAE,uCAAuC,WAAW;WACnD,CAAA,CACA;;SACN,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,KAAD;WAAG,WAAU;qBAAqB,EAAQ,gBAAgB;WAAW,CAAA,EACrE,kBAAC,KAAD;WAAG,WAAU;qBAAb,CACE,kBAAC,GAAD,EAAM,WAAU,yBAA0B,CAAA,EACzC,EAAE,uCAAuC,WAAW,CACnD;aACA;;SACF;;OACL,EAAQ,aACP,kBAAC,OAAD;QAAK,WAAU;kBACb,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,QAAD;UAAM,WAAU;oBAAyB,EAAQ,UAAU;UAAY,CAAA,EACvE,kBAAC,QAAD;UAAM,WAAU;oBAAhB;WACG,EAAQ,UAAU;WAAQ;WAAI,EAAQ,UAAU;WAAQ;WACxD,EAAQ,UAAU;WAClB,EAAQ,UAAU,iBAAiB,OAEhC,KADA,KAAK,KAAK,MAAM,EAAQ,UAAU,gBAAgB,IAAI,CAAC;WAEtD;YACH;;QACF,CAAA;OAER,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,QAAD,EAAA,UAAA;SACG,EAAE,oCAAoC,QAAQ;SAAC;SAAE;SAClD,kBAAC,GAAD,EAAY,IAAI,EAAQ,SAAW,CAAA;SAC9B,EAAA,CAAA,EACP,kBAAC,QAAD,EAAA,UAAA;SACG,EAAE,sCAAsC,UAAU;SAAE;SACpD,IAAI,KAAK,EAAQ,UAAU,CAAC,oBAAoB;SAC5C,EAAA,CAAA,CACH;;OACM;QACT;OAvEA,EAAQ,GAuER,CACP;IACE,CAAA;GAEJ"}
+{"version":3,"file":"ProductsProductsPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProductsProductsPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { Card, CardContent, CardHeader, CardTitle, Badge, Button } from '@burdenoff/fe-libs/ui';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Package, Plus, Archive, Loader2, Map, GitBranch, Star } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { rowLinkProps, detailPath } from '../utils/rowNavigation';\nimport { PersonName } from '../people/People';\nimport { enumLabel } from '../controls/WorkItemControls';\n\n/**\n * The real \"Products\" list (BOFF-8045). Before this shipped, this page listed Roadmaps\n * relabelled as products (CAPABILITY_REGISTER: \"not-built\") — it now queries the Product\n * entity directly, which links roadmaps/releases/feature requests/OKR objectives rather\n * than being one.\n */\n\nconst LIST_PRODUCTS = gql`\n  query GetProducts(\n    $workspaceId: ID!\n    $filter: PlanmagnetProductFilter\n    $pagination: PlanmagnetPaginationInput\n  ) {\n    planmagnetProducts(workspaceId: $workspaceId, filter: $filter, pagination: $pagination) {\n      items {\n        id\n        name\n        description\n        vision\n        lifecycleStage\n        ownerId\n        archivedAt\n        northStar {\n          name\n          unit\n          target\n          current\n          progressRatio\n        }\n        roadmaps {\n          id\n        }\n        releases {\n          id\n        }\n        featureRequests {\n          id\n        }\n        updatedAt\n      }\n      totalCount\n    }\n  }\n`;\n\ninterface ProductNorthStar {\n  name: string;\n  unit: string;\n  target: number;\n  current: number;\n  progressRatio: number | null;\n}\n\ninterface ProductListNode {\n  id: string;\n  name: string;\n  description: string | null;\n  vision: string;\n  lifecycleStage: string;\n  ownerId: string;\n  archivedAt: string | null;\n  northStar: ProductNorthStar | null;\n  roadmaps: { id: string }[];\n  releases: { id: string }[];\n  featureRequests: { id: string }[];\n  updatedAt: string;\n}\n\nexport function ProductsProductsPagePage() {\n  const { workspaceId } = usePlanMagnet();\n  const navigate = usePlanMagnetNavigate();\n  const { t } = useI18n();\n  const [showArchived, setShowArchived] = useState(false);\n\n  const { data, loading, error } = useQuery<{\n    planmagnetProducts: { items: ProductListNode[]; totalCount: number };\n  }>(LIST_PRODUCTS, {\n    variables: {\n      workspaceId,\n      filter: showArchived ? undefined : { isActive: true },\n      pagination: { first: 50 },\n    },\n    skip: !workspaceId,\n  });\n\n  // Only before the first load: a refetch must not blank the page.\n  if (loading && !data) {\n    return (\n      <div className=\"flex items-center justify-center p-12\">\n        <Loader2 className=\"h-8 w-8 animate-spin text-muted-foreground\" />\n      </div>\n    );\n  }\n\n  if (error) {\n    return (\n      <div className=\"p-6 text-destructive\">\n        {t('planmagnet.products.errorLoading', 'Failed to load products')}: {error.message}\n      </div>\n    );\n  }\n\n  const products = data?.planmagnetProducts?.items ?? [];\n  const totalProducts = data?.planmagnetProducts?.totalCount ?? 0;\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 flex items-center gap-2\">\n            <Package className=\"h-6 w-6\" /> {t('planmagnet.products.title', 'Products')}\n          </h1>\n          <p className=\"text-sm text-muted-foreground mt-1\">\n            {t(\n              'planmagnet.products.subtitle',\n              'Strategy entities that link roadmaps, releases, feature requests and OKRs'\n            )}\n          </p>\n        </div>\n        <div className=\"flex items-center gap-2\">\n          <Button\n            size=\"sm\"\n            variant={showArchived ? 'default' : 'outline'}\n            onClick={() => setShowArchived((v) => !v)}\n            data-testid=\"products-toggle-archived\"\n          >\n            <Archive className=\"h-4 w-4 mr-1\" />\n            {showArchived\n              ? t('planmagnet.products.actions.hideArchived', 'Hide archived')\n              : t('planmagnet.products.actions.showArchived', 'Show archived')}\n          </Button>\n          <Button size=\"sm\" onClick={() => navigate('/products/create-product-page')}>\n            <Plus className=\"h-4 w-4 mr-1\" />\n            {t('planmagnet.products.actions.newProduct', 'New Product')}\n          </Button>\n        </div>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-3\">\n        {[\n          {\n            label: t('planmagnet.products.metrics.totalProducts', 'Total Products'),\n            val: totalProducts,\n            icon: Package,\n            color: 'text-blue-500',\n          },\n          {\n            label: t('planmagnet.products.metrics.roadmaps', 'Linked roadmaps'),\n            val: products.reduce((sum, p) => sum + p.roadmaps.length, 0),\n            icon: Map,\n            color: 'text-green-500',\n          },\n          {\n            label: t('planmagnet.products.metrics.releases', 'Linked releases'),\n            val: products.reduce((sum, p) => sum + p.releases.length, 0),\n            icon: GitBranch,\n            color: 'text-purple-500',\n          },\n        ].map((s) => (\n          <Card key={s.label}>\n            <CardContent className=\"pt-6\">\n              <div className=\"flex items-center justify-between\">\n                <div>\n                  <p className=\"text-sm text-muted-foreground\">{s.label}</p>\n                  <p className=\"text-2xl font-bold\">{s.val}</p>\n                </div>\n                <s.icon className={`h-8 w-8 ${s.color} opacity-60`} />\n              </div>\n            </CardContent>\n          </Card>\n        ))}\n      </div>\n\n      {products.length === 0 ? (\n        <Card>\n          <CardContent className=\"py-12 text-center text-sm text-muted-foreground\">\n            {t('planmagnet.products.empty', 'No products yet. Create one to get started.')}\n          </CardContent>\n        </Card>\n      ) : (\n        <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-2\">\n          {products.map((product) => (\n            <Card\n              key={product.id}\n              {...rowLinkProps(\n                () => navigate(detailPath('/products/product-detail-page', product.id)),\n                product.name\n              )}\n            >\n              <CardHeader>\n                <div className=\"flex items-center justify-between gap-2\">\n                  <CardTitle className=\"text-base\">{product.name}</CardTitle>\n                  <div className=\"flex items-center gap-1 shrink-0\">\n                    {product.archivedAt && (\n                      <Badge variant=\"outline\" className=\"text-xs\">\n                        {t('planmagnet.products.shared.archived', 'Archived')}\n                      </Badge>\n                    )}\n                    <Badge variant=\"secondary\" className=\"text-xs capitalize\">\n                      {enumLabel(product.lifecycleStage)}\n                    </Badge>\n                  </div>\n                </div>\n              </CardHeader>\n              <CardContent className=\"space-y-3\">\n                <p className=\"text-sm text-muted-foreground line-clamp-2\">\n                  {product.vision || t('planmagnet.products.shared.noVision', 'No vision set')}\n                </p>\n                <div className=\"grid grid-cols-3 gap-2 text-center\">\n                  <div className=\"rounded border p-2\">\n                    <p className=\"text-lg font-bold\">{product.roadmaps.length}</p>\n                    <p className=\"text-xs text-muted-foreground\">\n                      {t('planmagnet.products.shared.roadmaps', 'Roadmaps')}\n                    </p>\n                  </div>\n                  <div className=\"rounded border p-2\">\n                    <p className=\"text-lg font-bold\">{product.releases.length}</p>\n                    <p className=\"text-xs text-muted-foreground\">\n                      {t('planmagnet.products.shared.releases', 'Releases')}\n                    </p>\n                  </div>\n                  <div className=\"rounded border p-2\">\n                    <p className=\"text-lg font-bold\">{product.featureRequests.length}</p>\n                    <p className=\"text-xs text-muted-foreground\">\n                      <Star className=\"inline h-3 w-3 mr-0.5\" />\n                      {/* PRM-01: these are feature REQUESTS (customer feedback), not product features.\n                          A new key, so a locale that translated the old one as \"Features\" cannot keep\n                          the old wording. */}\n                      {t('planmagnet.products.shared.featureRequests', 'Feature requests')}\n                    </p>\n                  </div>\n                </div>\n                {product.northStar && (\n                  <div className=\"rounded border p-2 text-xs\">\n                    <div className=\"flex items-center justify-between\">\n                      <span className=\"text-muted-foreground\">{product.northStar.name}</span>\n                      <span className=\"font-medium\">\n                        {product.northStar.current} / {product.northStar.target}{' '}\n                        {product.northStar.unit}\n                        {product.northStar.progressRatio != null\n                          ? ` (${Math.round(product.northStar.progressRatio * 100)}%)`\n                          : ''}\n                      </span>\n                    </div>\n                  </div>\n                )}\n                <div className=\"flex items-center justify-between text-xs text-muted-foreground\">\n                  <span>\n                    {t('planmagnet.products.shared.owner', 'Owner')}:{' '}\n                    <PersonName id={product.ownerId} />\n                  </span>\n                  <span>\n                    {t('planmagnet.products.shared.updated', 'Updated')}{' '}\n                    {new Date(product.updatedAt).toLocaleDateString()}\n                  </span>\n                </div>\n              </CardContent>\n            </Card>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ProductsReleaseDetailPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProductsReleaseDetailPagePage.tsx"],"names":[],"mappings":"AAgEA,wBAAgB,6BAA6B,4CAuM5C"}
+{"version":3,"file":"ProductsReleaseDetailPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProductsReleaseDetailPagePage.tsx"],"names":[],"mappings":"AAiEA,wBAAgB,6BAA6B,4CAyM5C"}

package/dist/planmagnet/pages/ProductsReleaseDetailPagePage.js

@@ -1,20 +1,21 @@
 import { usePlanMagnet as e } from "../providers/PlanMagnetProvider.js";
 import { PersonName as t } from "../people/People.js";
 import { ReleaseHeaderActions as n } from "../controls/ReleaseControls.js";
-import { ReleaseNotesCard as r } from "../releases/ReleaseNotesCard.js";
-import { ReleaseGatesCard as i } from "../releases/ReleaseGatesCard.js";
-import { ReleaseReadinessCard as a } from "../releases/ReleaseReadinessCard.js";
-import { ReleaseChecklistCard as o } from "../releases/ReleaseChecklistCard.js";
-import { ReleaseWorkItemsCard as s } from "../releases/ReleaseWorkItemsCard.js";
-import { Calendar as c, Clock as l, GitBranch as u, Loader2 as d } from "lucide-react";
-import { useParams as f } from "react-router";
-import { gql as p } from "@apollo/client";
-import { useQuery as m } from "@apollo/client/react";
-import { jsx as h, jsxs as g } from "react/jsx-runtime";
-import { Badge as _, Card as v, CardContent as y, CardHeader as b, CardTitle as x } from "@burdenoff/fe-libs/ui";
-import { Markdown as S } from "@burdenoff/fe-libs/shared/components";
+import { SatisfactionSummaryCard as r } from "../satisfaction/SatisfactionSummaryCard.js";
+import { ReleaseNotesCard as i } from "../releases/ReleaseNotesCard.js";
+import { ReleaseGatesCard as a } from "../releases/ReleaseGatesCard.js";
+import { ReleaseReadinessCard as o } from "../releases/ReleaseReadinessCard.js";
+import { ReleaseChecklistCard as s } from "../releases/ReleaseChecklistCard.js";
+import { ReleaseWorkItemsCard as c } from "../releases/ReleaseWorkItemsCard.js";
+import { Calendar as l, Clock as u, GitBranch as d, Loader2 as f } from "lucide-react";
+import { useParams as p } from "react-router";
+import { gql as m } from "@apollo/client";
+import { useQuery as h } from "@apollo/client/react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { Badge as v, Card as y, CardContent as b, CardHeader as x, CardTitle as S } from "@burdenoff/fe-libs/ui";
+import { Markdown as C } from "@burdenoff/fe-libs/shared/components";
 //#region src/planmagnet/pages/ProductsReleaseDetailPagePage.tsx
-var C = p`
+var w = m`
   query GetRelease($id: ID!) {
     planmagnetRelease(id: $id) {
       id
@@ -41,7 +42,7 @@ var C = p`
       }
     }
   }
-`, w = {
+`, T = {
 	DRAFT: "bg-gray-100 text-gray-800",
 	PLANNING: "bg-yellow-100 text-yellow-800",
 	IN_PROGRESS: "bg-blue-100 text-blue-800",
@@ -50,109 +51,109 @@ var C = p`
 	CANCELLED: "bg-red-100 text-red-800",
 	ROLLED_BACK: "bg-red-100 text-red-800"
 };
-function T() {
-	let { workspaceId: p } = e(), T = f().id ?? "", { data: E, loading: D, error: O } = m(C, {
-		variables: { id: T },
-		skip: !T
+function E() {
+	let { workspaceId: m } = e(), E = p().id ?? "", { data: D, loading: O, error: k } = h(w, {
+		variables: { id: E },
+		skip: !E
 	});
-	if (D && !E) return /* @__PURE__ */ h("div", {
+	if (O && !D) return /* @__PURE__ */ g("div", {
 		className: "flex items-center justify-center p-12",
-		children: /* @__PURE__ */ h(d, { className: "h-8 w-8 animate-spin text-muted-foreground" })
+		children: /* @__PURE__ */ g(f, { className: "h-8 w-8 animate-spin text-muted-foreground" })
 	});
-	if (O) return /* @__PURE__ */ g("div", {
+	if (k) return /* @__PURE__ */ _("div", {
 		className: "p-6 text-destructive",
-		children: ["Failed to load release: ", O.message]
+		children: ["Failed to load release: ", k.message]
 	});
-	let k = E?.planmagnetRelease;
-	if (!k) return /* @__PURE__ */ h("div", {
+	let A = D?.planmagnetRelease;
+	if (!A) return /* @__PURE__ */ g("div", {
 		className: "p-6 text-muted-foreground",
 		children: "Release not found."
 	});
-	let A = k.workItems ?? [], j = A.filter((e) => e.type === "EPIC" || e.type === "STORY"), M = A.filter((e) => e.type === "BUG"), N = A.length - j.length - M.length;
-	return /* @__PURE__ */ g("div", {
+	let j = A.workItems ?? [], M = j.filter((e) => e.type === "EPIC" || e.type === "STORY"), N = j.filter((e) => e.type === "BUG"), P = j.length - M.length - N.length;
+	return /* @__PURE__ */ _("div", {
 		className: "space-y-6 p-6",
-		children: [/* @__PURE__ */ g("div", {
+		children: [/* @__PURE__ */ _("div", {
 			className: "flex items-center justify-between",
-			children: [/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ g("div", {
+			children: [/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ _("div", {
 				className: "flex items-center gap-2",
 				children: [
-					/* @__PURE__ */ h(u, { className: "h-5 w-5 text-primary" }),
-					/* @__PURE__ */ h("h1", {
+					/* @__PURE__ */ g(d, { className: "h-5 w-5 text-primary" }),
+					/* @__PURE__ */ g("h1", {
 						className: "text-2xl font-semibold",
-						children: k.version
+						children: A.version
 					}),
-					/* @__PURE__ */ h("span", {
-						className: `text-xs px-2 py-0.5 rounded-full capitalize ${w[k.status] ?? "bg-gray-100"}`,
-						children: k.status.toLowerCase().replace("_", " ")
+					/* @__PURE__ */ g("span", {
+						className: `text-xs px-2 py-0.5 rounded-full capitalize ${T[A.status] ?? "bg-gray-100"}`,
+						children: A.status.toLowerCase().replace("_", " ")
 					})
 				]
-			}), /* @__PURE__ */ h("p", {
+			}), /* @__PURE__ */ g("p", {
 				className: "text-sm text-muted-foreground mt-1",
-				children: k.name
-			})] }), /* @__PURE__ */ h(n, {
-				releaseId: k.id,
-				version: k.version,
-				status: k.status
+				children: A.name
+			})] }), /* @__PURE__ */ g(n, {
+				releaseId: A.id,
+				version: A.version,
+				status: A.status
 			})]
-		}), /* @__PURE__ */ g("div", {
+		}), /* @__PURE__ */ _("div", {
 			className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
-			children: [/* @__PURE__ */ g("div", {
+			children: [/* @__PURE__ */ _("div", {
 				className: "lg:col-span-2 space-y-6",
 				children: [
-					/* @__PURE__ */ h(a, {
-						releaseId: k.id,
-						projectId: k.projectId || null,
-						releaseStatus: k.status,
-						plannedDate: k.plannedDate ?? null
+					/* @__PURE__ */ g(o, {
+						releaseId: A.id,
+						projectId: A.projectId || null,
+						releaseStatus: A.status,
+						plannedDate: A.plannedDate ?? null
 					}),
-					/* @__PURE__ */ h(o, {
-						releaseId: k.id,
-						projectId: k.projectId || null
+					/* @__PURE__ */ g(s, {
+						releaseId: A.id,
+						projectId: A.projectId || null
 					}),
-					/* @__PURE__ */ g(v, { children: [/* @__PURE__ */ h(b, { children: /* @__PURE__ */ h(x, { children: "Overview" }) }), /* @__PURE__ */ g(y, {
+					/* @__PURE__ */ _(y, { children: [/* @__PURE__ */ g(x, { children: /* @__PURE__ */ g(S, { children: "Overview" }) }), /* @__PURE__ */ _(b, {
 						className: "space-y-4",
-						children: [/* @__PURE__ */ h("div", {
+						children: [/* @__PURE__ */ g("div", {
 							className: "text-sm prose prose-sm dark:prose-invert max-w-none",
-							children: k.description ? /* @__PURE__ */ h(S, { children: k.description }) : /* @__PURE__ */ h("p", { children: "No description provided." })
-						}), /* @__PURE__ */ g("div", {
+							children: A.description ? /* @__PURE__ */ g(C, { children: A.description }) : /* @__PURE__ */ g("p", { children: "No description provided." })
+						}), /* @__PURE__ */ _("div", {
 							className: "grid grid-cols-4 gap-4",
 							children: [
-								/* @__PURE__ */ g("div", {
+								/* @__PURE__ */ _("div", {
 									className: "text-center p-3 bg-muted rounded-md",
-									children: [/* @__PURE__ */ h("p", {
+									children: [/* @__PURE__ */ g("p", {
 										className: "text-lg font-semibold mt-1",
-										children: j.length
-									}), /* @__PURE__ */ h("p", {
+										children: M.length
+									}), /* @__PURE__ */ g("p", {
 										className: "text-xs text-muted-foreground",
 										children: "Features"
 									})]
 								}),
-								/* @__PURE__ */ g("div", {
+								/* @__PURE__ */ _("div", {
 									className: "text-center p-3 bg-muted rounded-md",
-									children: [/* @__PURE__ */ h("p", {
+									children: [/* @__PURE__ */ g("p", {
 										className: "text-lg font-semibold mt-1",
-										children: M.length
-									}), /* @__PURE__ */ h("p", {
+										children: N.length
+									}), /* @__PURE__ */ g("p", {
 										className: "text-xs text-muted-foreground",
 										children: "Bug Fixes"
 									})]
 								}),
-								/* @__PURE__ */ g("div", {
+								/* @__PURE__ */ _("div", {
 									className: "text-center p-3 bg-muted rounded-md",
-									children: [/* @__PURE__ */ h("p", {
+									children: [/* @__PURE__ */ g("p", {
 										className: "text-lg font-semibold mt-1",
-										children: N
-									}), /* @__PURE__ */ h("p", {
+										children: P
+									}), /* @__PURE__ */ g("p", {
 										className: "text-xs text-muted-foreground",
 										children: "Other"
 									})]
 								}),
-								/* @__PURE__ */ g("div", {
+								/* @__PURE__ */ _("div", {
 									className: "text-center p-3 bg-muted rounded-md",
-									children: [/* @__PURE__ */ h("p", {
+									children: [/* @__PURE__ */ g("p", {
 										className: "text-lg font-semibold mt-1",
-										children: A.length
-									}), /* @__PURE__ */ h("p", {
+										children: j.length
+									}), /* @__PURE__ */ g("p", {
 										className: "text-xs text-muted-foreground",
 										children: "Total Items"
 									})]
@@ -160,104 +161,105 @@ function T() {
 							]
 						})]
 					})] }),
-					/* @__PURE__ */ h(i, {
-						releaseId: k.id,
-						projectId: k.projectId ?? null,
-						releaseStatus: k.status
+					/* @__PURE__ */ g(a, {
+						releaseId: A.id,
+						projectId: A.projectId ?? null,
+						releaseStatus: A.status
 					}),
-					/* @__PURE__ */ h(r, {
-						releaseId: k.id,
-						notes: k.releaseNotes ?? null
+					/* @__PURE__ */ g(i, {
+						releaseId: A.id,
+						notes: A.releaseNotes ?? null
 					}),
-					/* @__PURE__ */ h(s, {
-						releaseId: k.id,
-						projectId: k.projectId || null,
-						items: A
+					/* @__PURE__ */ g(c, {
+						releaseId: A.id,
+						projectId: A.projectId || null,
+						items: j
 					})
 				]
-			}), /* @__PURE__ */ g("div", {
+			}), /* @__PURE__ */ _("div", {
 				className: "space-y-6",
 				children: [
-					/* @__PURE__ */ g(v, { children: [/* @__PURE__ */ h(b, { children: /* @__PURE__ */ h(x, { children: "Timeline" }) }), /* @__PURE__ */ g(y, {
+					/* @__PURE__ */ g(r, { scope: { releaseId: A.id } }),
+					/* @__PURE__ */ _(y, { children: [/* @__PURE__ */ g(x, { children: /* @__PURE__ */ g(S, { children: "Timeline" }) }), /* @__PURE__ */ _(b, {
 						className: "space-y-3 text-sm",
-						children: [/* @__PURE__ */ g("div", {
+						children: [/* @__PURE__ */ _("div", {
 							className: "flex items-center gap-2",
 							children: [
-								/* @__PURE__ */ h(c, { className: "h-4 w-4 text-muted-foreground" }),
-								/* @__PURE__ */ h("span", {
+								/* @__PURE__ */ g(l, { className: "h-4 w-4 text-muted-foreground" }),
+								/* @__PURE__ */ g("span", {
 									className: "text-muted-foreground",
 									children: "Planned:"
 								}),
-								/* @__PURE__ */ h("span", {
+								/* @__PURE__ */ g("span", {
 									className: "font-medium",
-									children: k.plannedDate ? new Date(k.plannedDate).toLocaleDateString() : "Not set"
+									children: A.plannedDate ? new Date(A.plannedDate).toLocaleDateString() : "Not set"
 								})
 							]
-						}), k.releasedAt && /* @__PURE__ */ g("div", {
+						}), A.releasedAt && /* @__PURE__ */ _("div", {
 							className: "flex items-center gap-2",
 							children: [
-								/* @__PURE__ */ h(l, { className: "h-4 w-4 text-green-500" }),
-								/* @__PURE__ */ h("span", {
+								/* @__PURE__ */ g(u, { className: "h-4 w-4 text-green-500" }),
+								/* @__PURE__ */ g("span", {
 									className: "text-muted-foreground",
 									children: "Released:"
 								}),
-								/* @__PURE__ */ h("span", {
+								/* @__PURE__ */ g("span", {
 									className: "font-medium",
-									children: new Date(k.releasedAt).toLocaleDateString()
+									children: new Date(A.releasedAt).toLocaleDateString()
 								})
 							]
 						})]
 					})] }),
-					/* @__PURE__ */ g(v, { children: [/* @__PURE__ */ h(b, { children: /* @__PURE__ */ h(x, { children: "Details" }) }), /* @__PURE__ */ g(y, {
+					/* @__PURE__ */ _(y, { children: [/* @__PURE__ */ g(x, { children: /* @__PURE__ */ g(S, { children: "Details" }) }), /* @__PURE__ */ _(b, {
 						className: "space-y-2 text-sm",
 						children: [
-							/* @__PURE__ */ g("div", {
+							/* @__PURE__ */ _("div", {
 								className: "flex justify-between",
-								children: [/* @__PURE__ */ h("span", {
+								children: [/* @__PURE__ */ g("span", {
 									className: "text-muted-foreground",
 									children: "Version"
-								}), /* @__PURE__ */ h("span", {
+								}), /* @__PURE__ */ g("span", {
 									className: "font-medium",
-									children: k.version
+									children: A.version
 								})]
 							}),
-							/* @__PURE__ */ g("div", {
+							/* @__PURE__ */ _("div", {
 								className: "flex justify-between",
-								children: [/* @__PURE__ */ h("span", {
+								children: [/* @__PURE__ */ g("span", {
 									className: "text-muted-foreground",
 									children: "Status"
-								}), /* @__PURE__ */ h(_, {
+								}), /* @__PURE__ */ g(v, {
 									variant: "outline",
 									className: "text-xs capitalize",
-									children: k.status.toLowerCase().replace("_", " ")
+									children: A.status.toLowerCase().replace("_", " ")
 								})]
 							}),
-							/* @__PURE__ */ g("div", {
+							/* @__PURE__ */ _("div", {
 								className: "flex justify-between",
-								children: [/* @__PURE__ */ h("span", {
+								children: [/* @__PURE__ */ g("span", {
 									className: "text-muted-foreground",
 									children: "Owner"
-								}), /* @__PURE__ */ h("span", { children: /* @__PURE__ */ h(t, { id: k.ownerId }) })]
+								}), /* @__PURE__ */ g("span", { children: /* @__PURE__ */ g(t, { id: A.ownerId }) })]
 							}),
-							/* @__PURE__ */ g("div", {
+							/* @__PURE__ */ _("div", {
 								className: "flex justify-between",
-								children: [/* @__PURE__ */ h("span", {
+								children: [/* @__PURE__ */ g("span", {
 									className: "text-muted-foreground",
 									children: "Created"
-								}), /* @__PURE__ */ h("span", { children: new Date(k.createdAt).toLocaleDateString() })]
+								}), /* @__PURE__ */ g("span", { children: new Date(A.createdAt).toLocaleDateString() })]
 							}),
-							/* @__PURE__ */ g("div", {
+							/* @__PURE__ */ _("div", {
 								className: "flex justify-between",
-								children: [/* @__PURE__ */ h("span", {
+								children: [/* @__PURE__ */ g("span", {
 									className: "text-muted-foreground",
 									children: "Updated"
-								}), /* @__PURE__ */ h("span", { children: new Date(k.updatedAt).toLocaleDateString() })]
+								}), /* @__PURE__ */ g("span", { children: new Date(A.updatedAt).toLocaleDateString() })]
 							})
 						]
 					})] }),
-					k.tags?.length > 0 && /* @__PURE__ */ g(v, { children: [/* @__PURE__ */ h(b, { children: /* @__PURE__ */ h(x, { children: "Tags" }) }), /* @__PURE__ */ h(y, {
+					A.tags?.length > 0 && /* @__PURE__ */ _(y, { children: [/* @__PURE__ */ g(x, { children: /* @__PURE__ */ g(S, { children: "Tags" }) }), /* @__PURE__ */ g(b, {
 						className: "flex flex-wrap gap-1",
-						children: k.tags.map((e) => /* @__PURE__ */ h(_, {
+						children: A.tags.map((e) => /* @__PURE__ */ g(v, {
 							variant: "outline",
 							className: "text-xs",
 							children: e
@@ -269,6 +271,6 @@ function T() {
 	});
 }
 //#endregion
-export { T as ProductsReleaseDetailPagePage };
+export { E as ProductsReleaseDetailPagePage };
 
 //# sourceMappingURL=ProductsReleaseDetailPagePage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProductsReleaseDetailPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProductsReleaseDetailPagePage.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { Card, CardContent, CardHeader, CardTitle, Badge } from '@burdenoff/fe-libs/ui';\nimport { Markdown } from '@burdenoff/fe-libs/shared/components';\nimport { GitBranch, Calendar, Clock, Server, Loader2 } from 'lucide-react';\nimport { usePlanMagnet } from '../providers/PlanMagnetProvider';\nimport { useParams } from 'react-router';\nimport { PersonName } from '../people/People';\nimport { ReleaseNotesCard } from '../releases/ReleaseNotesCard';\nimport { ReleaseHeaderActions } from '../controls/ReleaseControls';\nimport { ReleaseGatesCard } from '../releases/ReleaseGatesCard';\nimport { ReleaseReadinessCard } from '../releases/ReleaseReadinessCard';\nimport { ReleaseChecklistCard } from '../releases/ReleaseChecklistCard';\nimport { ReleaseWorkItemsCard } from '../releases/ReleaseWorkItemsCard';\n\nconst GET_RELEASE = gql`\n  query GetRelease($id: ID!) {\n    planmagnetRelease(id: $id) {\n      id\n      workspaceId\n      projectId\n      name\n      description\n      version\n      status\n      plannedDate\n      releasedAt\n      releaseNotes\n      ownerId\n      tags\n      metadata\n      createdAt\n      updatedAt\n      workItems {\n        id\n        title\n        status\n        type\n        priority\n      }\n    }\n  }\n`;\n\ninterface WorkItemSummary {\n  id: string;\n  title: string;\n  status: string;\n  type: string;\n  priority: string;\n}\n\nconst statusColor: Record<string, string> = {\n  DRAFT: 'bg-gray-100 text-gray-800',\n  PLANNING: 'bg-yellow-100 text-yellow-800',\n  IN_PROGRESS: 'bg-blue-100 text-blue-800',\n  READY: 'bg-orange-100 text-orange-800',\n  RELEASED: 'bg-green-100 text-green-800',\n  CANCELLED: 'bg-red-100 text-red-800',\n  ROLLED_BACK: 'bg-red-100 text-red-800',\n};\n\nexport function ProductsReleaseDetailPagePage() {\n  const { workspaceId } = usePlanMagnet();\n  const params = useParams<{ id: string }>();\n  const releaseId = params.id ?? '';\n\n  const {\n    data,\n    loading,\n    error,\n  } = // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    useQuery<Record<string, any>>(GET_RELEASE, {\n      variables: { id: releaseId },\n      skip: !releaseId,\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        <Loader2 className=\"h-8 w-8 animate-spin text-muted-foreground\" />\n      </div>\n    );\n  }\n\n  if (error) {\n    return <div className=\"p-6 text-destructive\">Failed to load release: {error.message}</div>;\n  }\n\n  const release = data?.planmagnetRelease;\n  if (!release) return <div className=\"p-6 text-muted-foreground\">Release not found.</div>;\n\n  const workItems: WorkItemSummary[] = release.workItems ?? [];\n  // The release notes' classification (svc release-notes.ts): EPIC and STORY are features, BUG a fix, the rest other\n  // — so these tiles agree with the notes on the same page and add up to the total (BOFF-7988).\n  const featureItems = workItems.filter((w) => w.type === 'EPIC' || w.type === 'STORY');\n  const bugItems = workItems.filter((w) => w.type === 'BUG');\n  const otherItems = workItems.length - featureItems.length - bugItems.length;\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <div className=\"flex items-center gap-2\">\n            <GitBranch className=\"h-5 w-5 text-primary\" />\n            <h1 className=\"text-2xl font-semibold\">{release.version}</h1>\n            <span\n              className={`text-xs px-2 py-0.5 rounded-full capitalize ${statusColor[release.status] ?? 'bg-gray-100'}`}\n            >\n              {release.status.toLowerCase().replace('_', ' ')}\n            </span>\n          </div>\n          <p className=\"text-sm text-muted-foreground mt-1\">{release.name}</p>\n        </div>\n        {/* Status, Edit and Delete (BOFF-7952): nothing could release, edit or delete a release. */}\n        <ReleaseHeaderActions\n          releaseId={release.id}\n          version={release.version}\n          status={release.status}\n        />\n      </div>\n\n      <div className=\"grid grid-cols-1 lg:grid-cols-3 gap-6\">\n        <div className=\"lg:col-span-2 space-y-6\">\n          <ReleaseReadinessCard\n            releaseId={release.id}\n            projectId={release.projectId || null}\n            releaseStatus={release.status}\n            plannedDate={release.plannedDate ?? null}\n          />\n          {/* PRM-19: the team's readiness criteria; a required one still open blocks releasing. */}\n          <ReleaseChecklistCard releaseId={release.id} projectId={release.projectId || null} />\n          <Card>\n            <CardHeader>\n              <CardTitle>Overview</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-4\">\n              <div className=\"text-sm prose prose-sm dark:prose-invert max-w-none\">\n                {release.description ? (\n                  <Markdown>{release.description}</Markdown>\n                ) : (\n                  <p>No description provided.</p>\n                )}\n              </div>\n              <div className=\"grid grid-cols-4 gap-4\">\n                <div className=\"text-center p-3 bg-muted rounded-md\">\n                  <p className=\"text-lg font-semibold mt-1\">{featureItems.length}</p>\n                  <p className=\"text-xs text-muted-foreground\">Features</p>\n                </div>\n                <div className=\"text-center p-3 bg-muted rounded-md\">\n                  <p className=\"text-lg font-semibold mt-1\">{bugItems.length}</p>\n                  <p className=\"text-xs text-muted-foreground\">Bug Fixes</p>\n                </div>\n                <div className=\"text-center p-3 bg-muted rounded-md\">\n                  <p className=\"text-lg font-semibold mt-1\">{otherItems}</p>\n                  <p className=\"text-xs text-muted-foreground\">Other</p>\n                </div>\n                <div className=\"text-center p-3 bg-muted rounded-md\">\n                  <p className=\"text-lg font-semibold mt-1\">{workItems.length}</p>\n                  <p className=\"text-xs text-muted-foreground\">Total Items</p>\n                </div>\n              </div>\n            </CardContent>\n          </Card>\n\n          <ReleaseGatesCard\n            releaseId={release.id}\n            projectId={release.projectId ?? null}\n            releaseStatus={release.status}\n          />\n          <ReleaseNotesCard releaseId={release.id} notes={release.releaseNotes ?? null} />\n\n          <ReleaseWorkItemsCard\n            releaseId={release.id}\n            projectId={release.projectId || null}\n            items={workItems}\n          />\n        </div>\n\n        <div className=\"space-y-6\">\n          <Card>\n            <CardHeader>\n              <CardTitle>Timeline</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-3 text-sm\">\n              <div className=\"flex items-center gap-2\">\n                <Calendar className=\"h-4 w-4 text-muted-foreground\" />\n                <span className=\"text-muted-foreground\">Planned:</span>\n                <span className=\"font-medium\">\n                  {release.plannedDate\n                    ? new Date(release.plannedDate).toLocaleDateString()\n                    : 'Not set'}\n                </span>\n              </div>\n              {release.releasedAt && (\n                <div className=\"flex items-center gap-2\">\n                  <Clock className=\"h-4 w-4 text-green-500\" />\n                  <span className=\"text-muted-foreground\">Released:</span>\n                  <span className=\"font-medium\">\n                    {new Date(release.releasedAt).toLocaleDateString()}\n                  </span>\n                </div>\n              )}\n            </CardContent>\n          </Card>\n\n          <Card>\n            <CardHeader>\n              <CardTitle>Details</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-2 text-sm\">\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Version</span>\n                <span className=\"font-medium\">{release.version}</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Status</span>\n                <Badge variant=\"outline\" className=\"text-xs capitalize\">\n                  {release.status.toLowerCase().replace('_', ' ')}\n                </Badge>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Owner</span>\n                <span>\n                  <PersonName id={release.ownerId} />\n                </span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Created</span>\n                <span>{new Date(release.createdAt).toLocaleDateString()}</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Updated</span>\n                <span>{new Date(release.updatedAt).toLocaleDateString()}</span>\n              </div>\n            </CardContent>\n          </Card>\n\n          {release.tags?.length > 0 && (\n            <Card>\n              <CardHeader>\n                <CardTitle>Tags</CardTitle>\n              </CardHeader>\n              <CardContent className=\"flex flex-wrap gap-1\">\n                {release.tags.map((tag: string) => (\n                  <Badge key={tag} variant=\"outline\" className=\"text-xs\">\n                    {tag}\n                  </Badge>\n                ))}\n              </CardContent>\n            </Card>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ProductsReleaseDetailPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProductsReleaseDetailPagePage.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { Card, CardContent, CardHeader, CardTitle, Badge } from '@burdenoff/fe-libs/ui';\nimport { Markdown } from '@burdenoff/fe-libs/shared/components';\nimport { GitBranch, Calendar, Clock, Server, Loader2 } from 'lucide-react';\nimport { usePlanMagnet } from '../providers/PlanMagnetProvider';\nimport { useParams } from 'react-router';\nimport { PersonName } from '../people/People';\nimport { ReleaseNotesCard } from '../releases/ReleaseNotesCard';\nimport { ReleaseHeaderActions } from '../controls/ReleaseControls';\nimport { ReleaseGatesCard } from '../releases/ReleaseGatesCard';\nimport { ReleaseReadinessCard } from '../releases/ReleaseReadinessCard';\nimport { ReleaseChecklistCard } from '../releases/ReleaseChecklistCard';\nimport { ReleaseWorkItemsCard } from '../releases/ReleaseWorkItemsCard';\nimport { SatisfactionSummaryCard } from '../satisfaction/SatisfactionSummaryCard';\n\nconst GET_RELEASE = gql`\n  query GetRelease($id: ID!) {\n    planmagnetRelease(id: $id) {\n      id\n      workspaceId\n      projectId\n      name\n      description\n      version\n      status\n      plannedDate\n      releasedAt\n      releaseNotes\n      ownerId\n      tags\n      metadata\n      createdAt\n      updatedAt\n      workItems {\n        id\n        title\n        status\n        type\n        priority\n      }\n    }\n  }\n`;\n\ninterface WorkItemSummary {\n  id: string;\n  title: string;\n  status: string;\n  type: string;\n  priority: string;\n}\n\nconst statusColor: Record<string, string> = {\n  DRAFT: 'bg-gray-100 text-gray-800',\n  PLANNING: 'bg-yellow-100 text-yellow-800',\n  IN_PROGRESS: 'bg-blue-100 text-blue-800',\n  READY: 'bg-orange-100 text-orange-800',\n  RELEASED: 'bg-green-100 text-green-800',\n  CANCELLED: 'bg-red-100 text-red-800',\n  ROLLED_BACK: 'bg-red-100 text-red-800',\n};\n\nexport function ProductsReleaseDetailPagePage() {\n  const { workspaceId } = usePlanMagnet();\n  const params = useParams<{ id: string }>();\n  const releaseId = params.id ?? '';\n\n  const {\n    data,\n    loading,\n    error,\n  } = // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    useQuery<Record<string, any>>(GET_RELEASE, {\n      variables: { id: releaseId },\n      skip: !releaseId,\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        <Loader2 className=\"h-8 w-8 animate-spin text-muted-foreground\" />\n      </div>\n    );\n  }\n\n  if (error) {\n    return <div className=\"p-6 text-destructive\">Failed to load release: {error.message}</div>;\n  }\n\n  const release = data?.planmagnetRelease;\n  if (!release) return <div className=\"p-6 text-muted-foreground\">Release not found.</div>;\n\n  const workItems: WorkItemSummary[] = release.workItems ?? [];\n  // The release notes' classification (svc release-notes.ts): EPIC and STORY are features, BUG a fix, the rest other\n  // — so these tiles agree with the notes on the same page and add up to the total (BOFF-7988).\n  const featureItems = workItems.filter((w) => w.type === 'EPIC' || w.type === 'STORY');\n  const bugItems = workItems.filter((w) => w.type === 'BUG');\n  const otherItems = workItems.length - featureItems.length - bugItems.length;\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <div className=\"flex items-center gap-2\">\n            <GitBranch className=\"h-5 w-5 text-primary\" />\n            <h1 className=\"text-2xl font-semibold\">{release.version}</h1>\n            <span\n              className={`text-xs px-2 py-0.5 rounded-full capitalize ${statusColor[release.status] ?? 'bg-gray-100'}`}\n            >\n              {release.status.toLowerCase().replace('_', ' ')}\n            </span>\n          </div>\n          <p className=\"text-sm text-muted-foreground mt-1\">{release.name}</p>\n        </div>\n        {/* Status, Edit and Delete (BOFF-7952): nothing could release, edit or delete a release. */}\n        <ReleaseHeaderActions\n          releaseId={release.id}\n          version={release.version}\n          status={release.status}\n        />\n      </div>\n\n      <div className=\"grid grid-cols-1 lg:grid-cols-3 gap-6\">\n        <div className=\"lg:col-span-2 space-y-6\">\n          <ReleaseReadinessCard\n            releaseId={release.id}\n            projectId={release.projectId || null}\n            releaseStatus={release.status}\n            plannedDate={release.plannedDate ?? null}\n          />\n          {/* PRM-19: the team's readiness criteria; a required one still open blocks releasing. */}\n          <ReleaseChecklistCard releaseId={release.id} projectId={release.projectId || null} />\n          <Card>\n            <CardHeader>\n              <CardTitle>Overview</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-4\">\n              <div className=\"text-sm prose prose-sm dark:prose-invert max-w-none\">\n                {release.description ? (\n                  <Markdown>{release.description}</Markdown>\n                ) : (\n                  <p>No description provided.</p>\n                )}\n              </div>\n              <div className=\"grid grid-cols-4 gap-4\">\n                <div className=\"text-center p-3 bg-muted rounded-md\">\n                  <p className=\"text-lg font-semibold mt-1\">{featureItems.length}</p>\n                  <p className=\"text-xs text-muted-foreground\">Features</p>\n                </div>\n                <div className=\"text-center p-3 bg-muted rounded-md\">\n                  <p className=\"text-lg font-semibold mt-1\">{bugItems.length}</p>\n                  <p className=\"text-xs text-muted-foreground\">Bug Fixes</p>\n                </div>\n                <div className=\"text-center p-3 bg-muted rounded-md\">\n                  <p className=\"text-lg font-semibold mt-1\">{otherItems}</p>\n                  <p className=\"text-xs text-muted-foreground\">Other</p>\n                </div>\n                <div className=\"text-center p-3 bg-muted rounded-md\">\n                  <p className=\"text-lg font-semibold mt-1\">{workItems.length}</p>\n                  <p className=\"text-xs text-muted-foreground\">Total Items</p>\n                </div>\n              </div>\n            </CardContent>\n          </Card>\n\n          <ReleaseGatesCard\n            releaseId={release.id}\n            projectId={release.projectId ?? null}\n            releaseStatus={release.status}\n          />\n          <ReleaseNotesCard releaseId={release.id} notes={release.releaseNotes ?? null} />\n\n          <ReleaseWorkItemsCard\n            releaseId={release.id}\n            projectId={release.projectId || null}\n            items={workItems}\n          />\n        </div>\n\n        <div className=\"space-y-6\">\n          {/* ANR-21: CSAT and NPS from responses about this release (its own query). */}\n          <SatisfactionSummaryCard scope={{ releaseId: release.id }} />\n          <Card>\n            <CardHeader>\n              <CardTitle>Timeline</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-3 text-sm\">\n              <div className=\"flex items-center gap-2\">\n                <Calendar className=\"h-4 w-4 text-muted-foreground\" />\n                <span className=\"text-muted-foreground\">Planned:</span>\n                <span className=\"font-medium\">\n                  {release.plannedDate\n                    ? new Date(release.plannedDate).toLocaleDateString()\n                    : 'Not set'}\n                </span>\n              </div>\n              {release.releasedAt && (\n                <div className=\"flex items-center gap-2\">\n                  <Clock className=\"h-4 w-4 text-green-500\" />\n                  <span className=\"text-muted-foreground\">Released:</span>\n                  <span className=\"font-medium\">\n                    {new Date(release.releasedAt).toLocaleDateString()}\n                  </span>\n                </div>\n              )}\n            </CardContent>\n          </Card>\n\n          <Card>\n            <CardHeader>\n              <CardTitle>Details</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-2 text-sm\">\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Version</span>\n                <span className=\"font-medium\">{release.version}</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Status</span>\n                <Badge variant=\"outline\" className=\"text-xs capitalize\">\n                  {release.status.toLowerCase().replace('_', ' ')}\n                </Badge>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Owner</span>\n                <span>\n                  <PersonName id={release.ownerId} />\n                </span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Created</span>\n                <span>{new Date(release.createdAt).toLocaleDateString()}</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Updated</span>\n                <span>{new Date(release.updatedAt).toLocaleDateString()}</span>\n              </div>\n            </CardContent>\n          </Card>\n\n          {release.tags?.length > 0 && (\n            <Card>\n              <CardHeader>\n                <CardTitle>Tags</CardTitle>\n              </CardHeader>\n              <CardContent className=\"flex flex-wrap gap-1\">\n                {release.tags.map((tag: string) => (\n                  <Badge key={tag} variant=\"outline\" className=\"text-xs\">\n                    {tag}\n                  </Badge>\n                ))}\n              </CardContent>\n            </Card>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ProjectsPlanningDetailPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProjectsPlanningDetailPagePage.tsx"],"names":[],"mappings":"AA8FA,wBAAgB,8BAA8B,4CA0W7C"}
+{"version":3,"file":"ProjectsPlanningDetailPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProjectsPlanningDetailPagePage.tsx"],"names":[],"mappings":"AAuGA,wBAAgB,8BAA8B,4CA4X7C"}