npm - @burdenoff/microfe-planmagnet - Versions diffs - 2026.1001.5 → 2026.1001.7 - Mend

@burdenoff/microfe-planmagnet 2026.1001.5 → 2026.1001.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (126) hide show

package/dist/planmagnet/pages/ProductsFeatureDetailPagePage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProductsFeatureDetailPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProductsFeatureDetailPagePage.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { Card, CardContent, CardHeader, CardTitle, Badge } from '@burdenoff/fe-libs/ui';\nimport { Star, ThumbsUp, MessageSquare, Target, Loader2 } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { detailPath } from '../utils/rowNavigation';\nimport { FeatureTriageActions, isOpenRequest, isSnoozed } from '../controls/FeatureTriage';\nimport { useParams } from 'react-router';\nimport { PersonName } from '../people/People';\nimport {\n FeatureHeaderActions,\n FeaturePrioritizationCard,\n FeatureVoteButton,\n} from '../controls/FeatureControls';\nimport { CompetitorLinkCard } from '../controls/CompetitorControls';\nimport { FeatureInitiativeCard } from '../roadmaps/FeatureInitiativeCard';\n\nconst GET_FEATURE_REQUEST = gql`\n query GetFeatureRequest($id: ID!) {\n planmagnetFeatureRequest(id: $id) {\n id\n workspaceId\n projectId\n title\n description\n status\n businessValue\n effortEstimate\n priorityScore\n voteCount\n submittedBy\n workItemId\n tags\n snoozedUntil\n moscow\n kano\n valueScore\n effortScore\n valueEffortQuadrant\n declineReason\n duplicateOfId\n duplicateOf {\n id\n title\n }\n triagedAt\n triagedBy\n createdAt\n updatedAt\n productId\n roadmapItem {\n id\n title\n roadmap {\n id\n name\n }\n }\n votes {\n id\n voterId\n weight\n comment\n createdAt\n }\n competitors {\n id\n name\n description\n website\n }\n }\n }\n`;\n\ninterface FeatureVoteNode {\n id: string;\n voterId: string;\n weight: number;\n comment: string \| null;\n createdAt: string;\n}\n\ninterface CompetitorNode {\n id: string;\n name: string;\n description: string \| null;\n website: string \| null;\n}\n\nexport function ProductsFeatureDetailPagePage() {\n const { workspaceId, currentUser } = usePlanMagnet();\n const navigate = usePlanMagnetNavigate();\n // Snooze state is read against the moment the page opened (Date.now() may not run during render).\n const [now] = useState(() => Date.now());\n const params = useParams<{ id: string }>();\n const featureId = 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_FEATURE_REQUEST, {\n variables: { id: featureId },\n skip: !featureId,\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 feature: {error.message}</div>;\n }\n\n const feature = data?.planmagnetFeatureRequest;\n if (!feature) return <div className=\"p-6 text-muted-foreground\">Feature not found.</div>;\n\n const votes: FeatureVoteNode[] = feature.votes ?? [];\n const competitors: CompetitorNode[] = feature.competitors ?? [];\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\">{feature.title}</h1>\n <p className=\"text-sm text-muted-foreground\">\n Submitted by: <PersonName id={feature.submittedBy} /> · Effort:{' '}\n {feature.effortEstimate ?? 'N/A'}\n </p>\n </div>\n {/* Vote, status, Edit and Delete (BOFF-7951): the request was read-only. /}\n <div className=\"flex flex-col items-end gap-2\">\n <FeatureVoteButton\n featureId={feature.id}\n voted={votes.some((v) => v.voterId === currentUser?.id)}\n />\n <FeatureHeaderActions feature={feature} />\n </div>\n </div>\n\n {/ Triage (P1.3): an undecided request is accepted, declined, snoozed or merged from here. /}\n {isOpenRequest(feature.status) && (\n <Card data-testid=\"triage-card\">\n <CardHeader>\n <CardTitle>Triage</CardTitle>\n </CardHeader>\n <CardContent className=\"space-y-2\">\n <p className=\"text-sm text-muted-foreground\">\n {isSnoozed(feature.snoozedUntil, now)\n ? `Snoozed until ${new Date(feature.snoozedUntil).toLocaleString()} — it returns to the triage queue then.`\n : feature.status === 'SUBMITTED'\n ? 'Waiting for a decision.'\n : 'Under review: accept it as planned, decline it, or merge it into its original.'}\n </p>\n <FeatureTriageActions feature={feature} now={now} />\n </CardContent>\n </Card>\n )}\n {feature.status === 'DECLINED' && feature.declineReason && (\n <Card data-testid=\"decline-reason\">\n <CardContent className=\"pt-4 text-sm\">\n <span className=\"font-medium\">Declined: </span>\n {feature.declineReason}\n </CardContent>\n </Card>\n )}\n {feature.status === 'DUPLICATE' && feature.duplicateOfId && (\n <Card data-testid=\"duplicate-of\">\n <CardContent className=\"pt-4 text-sm\">\n <span className=\"font-medium\">Duplicate of </span>\n {feature.duplicateOf ? (\n <button\n type=\"button\"\n className=\"text-primary underline-offset-2 hover:underline\"\n onClick={() =>\n navigate(detailPath('/products/feature-detail-page', feature.duplicateOf.id))\n }\n >\n {feature.duplicateOf.title}\n </button>\n ) : (\n <span className=\"text-muted-foreground\">a request that has since been deleted</span>\n )}{' '}\n — its votes were moved there.\n </CardContent>\n </Card>\n )}\n\n <div className=\"grid grid-cols-2 md:grid-cols-4 gap-4\">\n <Card>\n <CardContent className=\"pt-4 text-center\">\n <Target className=\"h-5 w-5 mx-auto text-primary\" />\n <p className=\"text-2xl font-bold mt-1\">{feature.priorityScore ?? 0}</p>\n <p className=\"text-xs text-muted-foreground\">Priority Score</p>\n </CardContent>\n </Card>\n <Card>\n <CardContent className=\"pt-4 text-center\">\n <ThumbsUp className=\"h-5 w-5 mx-auto text-green-500\" />\n <p className=\"text-2xl font-bold mt-1\">{feature.voteCount}</p>\n <p className=\"text-xs text-muted-foreground\">Votes</p>\n </CardContent>\n </Card>\n <Card>\n <CardContent className=\"pt-4 text-center\">\n <Star className=\"h-5 w-5 mx-auto text-yellow-500\" />\n <p className=\"text-2xl font-bold mt-1\">{feature.businessValue ?? 0}</p>\n <p className=\"text-xs text-muted-foreground\">Business Value</p>\n </CardContent>\n </Card>\n <Card>\n <CardContent className=\"pt-4 text-center\">\n <MessageSquare className=\"h-5 w-5 mx-auto text-blue-500\" />\n <p className=\"text-2xl font-bold mt-1\">{competitors.length}</p>\n <p className=\"text-xs text-muted-foreground\">Competitors</p>\n </CardContent>\n </Card>\n </div>\n\n <div className=\"grid grid-cols-1 lg:grid-cols-3 gap-6\">\n <div className=\"lg:col-span-2 space-y-6\">\n <Card>\n <CardHeader>\n <CardTitle>Description</CardTitle>\n </CardHeader>\n <CardContent>\n <p className=\"text-sm\">{feature.description ?? 'No description provided.'}</p>\n </CardContent>\n </Card>\n\n <Card>\n <CardHeader>\n <CardTitle>Votes ({votes.length})</CardTitle>\n </CardHeader>\n <CardContent className=\"space-y-3\">\n {votes.length === 0 && <p className=\"text-sm text-muted-foreground\">No votes yet.</p>}\n {votes.map((vote) => (\n <div\n key={vote.id}\n className=\"flex items-start justify-between border rounded-md p-3\"\n >\n <div>\n <p className=\"text-sm font-medium\">\n Voter: <PersonName id={vote.voterId} />\n </p>\n {vote.comment && (\n <p className=\"text-xs text-muted-foreground mt-1\">{vote.comment}</p>\n )}\n </div>\n <div className=\"flex items-center gap-1\">\n <ThumbsUp className=\"h-3 w-3 text-green-500\" />\n <span className=\"text-sm font-bold\">{vote.weight}</span>\n </div>\n </div>\n ))}\n </CardContent>\n </Card>\n\n {/ Competitor tracking (BOFF-8047): add, remove and browse to the competitors linked here. /}\n <Card>\n <CardHeader>\n <CardTitle>Competitors ({competitors.length})</CardTitle>\n </CardHeader>\n <CardContent>\n <CompetitorLinkCard featureRequestId={feature.id} competitors={competitors} />\n </CardContent>\n </Card>\n </div>\n\n <div className=\"space-y-6\">\n {/ PRM-24: the roadmap initiative that addresses this request. /}\n <FeatureInitiativeCard\n featureId={feature.id}\n productId={feature.productId ?? null}\n initiative={feature.roadmapItem ?? null}\n />\n {/ PRM-27: MoSCoW/Kano/Value-Effort scoring, edited in place with the computed quadrant read back\n from the save's own response. */}\n <FeaturePrioritizationCard feature={feature} />\n <Card>\n <CardHeader>\n <CardTitle>Details</CardTitle>\n </CardHeader>\n <CardContent className=\"space-y-3 text-sm\">\n <div className=\"flex justify-between\">\n <span className=\"text-muted-foreground\">Status</span>\n <Badge variant=\"secondary\" className=\"capitalize\">\n {feature.status.toLowerCase().replace('_', ' ')}\n </Badge>\n </div>\n <div className=\"flex justify-between\">\n <span className=\"text-muted-foreground\">Priority Score</span>\n <Badge variant=\"outline\">{feature.priorityScore ?? 'N/A'}</Badge>\n </div>\n <div className=\"flex justify-between\">\n <span className=\"text-muted-foreground\">Effort</span>\n <Badge variant=\"outline\" className=\"capitalize\">\n {feature.effortEstimate ?? 'N/A'}\n </Badge>\n </div>\n <div className=\"flex justify-between\">\n <span className=\"text-muted-foreground\">Business Value</span>\n <span className=\"font-medium\">{feature.businessValue ?? 'N/A'}</span>\n </div>\n <div className=\"flex justify-between\">\n <span className=\"text-muted-foreground\">Submitted By</span>\n <PersonName id={feature.submittedBy} />\n </div>\n {feature.triagedAt && (\n <div className=\"flex justify-between\">\n <span className=\"text-muted-foreground\">Decided</span>\n <span>\n {new Date(feature.triagedAt).toLocaleDateString()}\n {feature.triagedBy && (\n <>\n {' by '}\n <PersonName id={feature.triagedBy} />\n </>\n )}\n </span>\n </div>\n )}\n <div className=\"flex justify-between\">\n <span className=\"text-muted-foreground\">Updated</span>\n <span>{new Date(feature.updatedAt).toLocaleDateString()}</span>\n </div>\n </CardContent>\n </Card>\n\n {feature.tags?.length > 0 && (\n <Card>\n <CardHeader>\n <CardTitle>Tags</CardTitle>\n </CardHeader>\n <CardContent className=\"flex flex-wrap gap-1\">\n {feature.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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"}
1	+ {"version":3,"file":"ProductsFeatureDetailPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProductsFeatureDetailPagePage.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { Card, CardContent, CardHeader, CardTitle, Badge } from '@burdenoff/fe-libs/ui';\nimport { Star, ThumbsUp, MessageSquare, Target, Loader2 } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { detailPath } from '../utils/rowNavigation';\nimport { FeatureTriageActions, isOpenRequest, isSnoozed } from '../controls/FeatureTriage';\nimport { useParams } from 'react-router';\nimport { PersonName } from '../people/People';\nimport {\n FeatureHeaderActions,\n FeaturePrioritizationCard,\n FeatureVoteButton,\n} from '../controls/FeatureControls';\nimport { CompetitorLinkCard } from '../controls/CompetitorControls';\nimport { FeatureInitiativeCard } from '../roadmaps/FeatureInitiativeCard';\nimport { CategoryBadge, RatingDisplay } from '../controls/FeedbackControls';\n\nconst GET_FEATURE_REQUEST = gql`\n query GetFeatureRequest($id: ID!) {\n planmagnetFeatureRequest(id: $id) {\n id\n workspaceId\n projectId\n title\n description\n status\n businessValue\n effortEstimate\n priorityScore\n voteCount\n submittedBy\n workItemId\n tags\n snoozedUntil\n rating\n category\n isAnonymous\n moscow\n kano\n valueScore\n effortScore\n valueEffortQuadrant\n reach\n impact\n confidence\n riceScore\n declineReason\n duplicateOfId\n duplicateOf {\n id\n title\n }\n triagedAt\n triagedBy\n createdAt\n updatedAt\n productId\n roadmapItem {\n id\n title\n roadmap {\n id\n name\n }\n }\n votes {\n id\n voterId\n weight\n comment\n createdAt\n }\n competitors {\n id\n name\n description\n website\n }\n }\n }\n`;\n\ninterface FeatureVoteNode {\n id: string;\n voterId: string;\n weight: number;\n comment: string \| null;\n createdAt: string;\n}\n\ninterface CompetitorNode {\n id: string;\n name: string;\n description: string \| null;\n website: string \| null;\n}\n\nexport function ProductsFeatureDetailPagePage() {\n const { workspaceId, currentUser } = usePlanMagnet();\n const navigate = usePlanMagnetNavigate();\n // Snooze state is read against the moment the page opened (Date.now() may not run during render).\n const [now] = useState(() => Date.now());\n const params = useParams<{ id: string }>();\n const featureId = 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_FEATURE_REQUEST, {\n variables: { id: featureId },\n skip: !featureId,\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 feature: {error.message}</div>;\n }\n\n const feature = data?.planmagnetFeatureRequest;\n if (!feature) return <div className=\"p-6 text-muted-foreground\">Feature not found.</div>;\n\n const votes: FeatureVoteNode[] = feature.votes ?? [];\n const competitors: CompetitorNode[] = feature.competitors ?? [];\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\">{feature.title}</h1>\n <p className=\"text-sm text-muted-foreground\">\n Submitted by: <PersonName id={feature.submittedBy} /> · Effort:{' '}\n {feature.effortEstimate ?? 'N/A'}\n </p>\n </div>\n {/* Vote, status, Edit and Delete (BOFF-7951): the request was read-only. /}\n <div className=\"flex flex-col items-end gap-2\">\n <FeatureVoteButton\n key={feature.id}\n featureId={feature.id}\n voted={votes.some((v) => v.voterId === currentUser?.id)}\n />\n <FeatureHeaderActions feature={feature} />\n </div>\n </div>\n\n {/ Triage (P1.3): an undecided request is accepted, declined, snoozed or merged from here. /}\n {isOpenRequest(feature.status) && (\n <Card data-testid=\"triage-card\">\n <CardHeader>\n <CardTitle>Triage</CardTitle>\n </CardHeader>\n <CardContent className=\"space-y-2\">\n <p className=\"text-sm text-muted-foreground\">\n {isSnoozed(feature.snoozedUntil, now)\n ? `Snoozed until ${new Date(feature.snoozedUntil).toLocaleString()} — it returns to the triage queue then.`\n : feature.status === 'SUBMITTED'\n ? 'Waiting for a decision.'\n : 'Under review: accept it as planned, decline it, or merge it into its original.'}\n </p>\n <FeatureTriageActions feature={feature} now={now} />\n </CardContent>\n </Card>\n )}\n {feature.status === 'DECLINED' && feature.declineReason && (\n <Card data-testid=\"decline-reason\">\n <CardContent className=\"pt-4 text-sm\">\n <span className=\"font-medium\">Declined: </span>\n {feature.declineReason}\n </CardContent>\n </Card>\n )}\n {feature.status === 'DUPLICATE' && feature.duplicateOfId && (\n <Card data-testid=\"duplicate-of\">\n <CardContent className=\"pt-4 text-sm\">\n <span className=\"font-medium\">Duplicate of </span>\n {feature.duplicateOf ? (\n <button\n type=\"button\"\n className=\"text-primary underline-offset-2 hover:underline\"\n onClick={() =>\n navigate(detailPath('/products/feature-detail-page', feature.duplicateOf.id))\n }\n >\n {feature.duplicateOf.title}\n </button>\n ) : (\n <span className=\"text-muted-foreground\">a request that has since been deleted</span>\n )}{' '}\n — its votes were moved there.\n </CardContent>\n </Card>\n )}\n\n <div className=\"grid grid-cols-2 md:grid-cols-4 gap-4\">\n <Card>\n <CardContent className=\"pt-4 text-center\">\n <Target className=\"h-5 w-5 mx-auto text-primary\" />\n <p className=\"text-2xl font-bold mt-1\">{feature.priorityScore ?? 0}</p>\n <p className=\"text-xs text-muted-foreground\">Priority Score</p>\n </CardContent>\n </Card>\n <Card>\n <CardContent className=\"pt-4 text-center\">\n <ThumbsUp className=\"h-5 w-5 mx-auto text-green-500\" />\n <p className=\"text-2xl font-bold mt-1\">{feature.voteCount}</p>\n <p className=\"text-xs text-muted-foreground\">Votes</p>\n </CardContent>\n </Card>\n <Card>\n <CardContent className=\"pt-4 text-center\">\n <Star className=\"h-5 w-5 mx-auto text-yellow-500\" />\n <p className=\"text-2xl font-bold mt-1\">{feature.businessValue ?? 0}</p>\n <p className=\"text-xs text-muted-foreground\">Business Value</p>\n </CardContent>\n </Card>\n <Card>\n <CardContent className=\"pt-4 text-center\">\n <MessageSquare className=\"h-5 w-5 mx-auto text-blue-500\" />\n <p className=\"text-2xl font-bold mt-1\">{competitors.length}</p>\n <p className=\"text-xs text-muted-foreground\">Competitors</p>\n </CardContent>\n </Card>\n </div>\n\n <div className=\"grid grid-cols-1 lg:grid-cols-3 gap-6\">\n <div className=\"lg:col-span-2 space-y-6\">\n <Card>\n <CardHeader>\n <CardTitle>Description</CardTitle>\n </CardHeader>\n <CardContent>\n <p className=\"text-sm\">{feature.description ?? 'No description provided.'}</p>\n </CardContent>\n </Card>\n\n <Card>\n <CardHeader>\n <CardTitle>Votes ({votes.length})</CardTitle>\n </CardHeader>\n <CardContent className=\"space-y-3\">\n {votes.length === 0 && <p className=\"text-sm text-muted-foreground\">No votes yet.</p>}\n {votes.map((vote) => (\n <div\n key={vote.id}\n className=\"flex items-start justify-between border rounded-md p-3\"\n >\n <div>\n <p className=\"text-sm font-medium\">\n Voter: <PersonName id={vote.voterId} />\n </p>\n {vote.comment && (\n <p className=\"text-xs text-muted-foreground mt-1\">{vote.comment}</p>\n )}\n </div>\n <div className=\"flex items-center gap-1\">\n <ThumbsUp className=\"h-3 w-3 text-green-500\" />\n <span className=\"text-sm font-bold\">{vote.weight}</span>\n </div>\n </div>\n ))}\n </CardContent>\n </Card>\n\n {/ Competitor tracking (BOFF-8047): add, remove and browse to the competitors linked here. /}\n <Card>\n <CardHeader>\n <CardTitle>Competitors ({competitors.length})</CardTitle>\n </CardHeader>\n <CardContent>\n <CompetitorLinkCard featureRequestId={feature.id} competitors={competitors} />\n </CardContent>\n </Card>\n </div>\n\n <div className=\"space-y-6\">\n {/ PRM-24: the roadmap initiative that addresses this request. /}\n <FeatureInitiativeCard\n featureId={feature.id}\n productId={feature.productId ?? null}\n initiative={feature.roadmapItem ?? null}\n />\n {/ PRM-27: MoSCoW/Kano/Value-Effort scoring, edited in place with the computed quadrant read back\n from the save's own response. /}\n <FeaturePrioritizationCard feature={feature} />\n <Card>\n <CardHeader>\n <CardTitle>Details</CardTitle>\n </CardHeader>\n <CardContent className=\"space-y-3 text-sm\">\n <div className=\"flex justify-between\">\n <span className=\"text-muted-foreground\">Status</span>\n <Badge variant=\"secondary\" className=\"capitalize\">\n {feature.status.toLowerCase().replace('_', ' ')}\n </Badge>\n </div>\n <div className=\"flex justify-between\">\n <span className=\"text-muted-foreground\">Priority Score</span>\n <Badge variant=\"outline\">{feature.priorityScore ?? 'N/A'}</Badge>\n </div>\n <div className=\"flex justify-between\">\n <span className=\"text-muted-foreground\">Effort</span>\n <Badge variant=\"outline\" className=\"capitalize\">\n {feature.effortEstimate ?? 'N/A'}\n </Badge>\n </div>\n <div className=\"flex justify-between\">\n <span className=\"text-muted-foreground\">Business Value</span>\n <span className=\"font-medium\">{feature.businessValue ?? 'N/A'}</span>\n </div>\n {/ CWF-15 */}\n <div className=\"flex justify-between items-center\">\n <span className=\"text-muted-foreground\">Rating</span>\n <RatingDisplay rating={feature.rating ?? null} />\n </div>\n <div className=\"flex justify-between items-center\">\n <span className=\"text-muted-foreground\">Category</span>\n {feature.category ? (\n <CategoryBadge category={feature.category} />\n ) : (\n <span className=\"text-sm text-muted-foreground\">Not set</span>\n )}\n </div>\n <div className=\"flex justify-between\">\n <span className=\"text-muted-foreground\">Submitted By</span>\n <PersonName id={feature.submittedBy} />\n </div>\n {feature.triagedAt && (\n <div className=\"flex justify-between\">\n <span className=\"text-muted-foreground\">Decided</span>\n <span>\n {new Date(feature.triagedAt).toLocaleDateString()}\n {feature.triagedBy && (\n <>\n {' by '}\n <PersonName id={feature.triagedBy} />\n </>\n )}\n </span>\n </div>\n )}\n <div className=\"flex justify-between\">\n <span className=\"text-muted-foreground\">Updated</span>\n <span>{new Date(feature.updatedAt).toLocaleDateString()}</span>\n </div>\n </CardContent>\n </Card>\n\n {feature.tags?.length > 0 && (\n <Card>\n <CardHeader>\n <CardTitle>Tags</CardTitle>\n </CardHeader>\n <CardContent className=\"flex flex-wrap gap-1\">\n {feature.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/ProductsFeaturesPagePage.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProductsFeaturesPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProductsFeaturesPagePage.tsx"],"names":[],"mappings":"~~AA6FA~~,wBAAgB,wBAAwB,~~4CAyTvC~~"}
1	+ {"version":3,"file":"ProductsFeaturesPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProductsFeaturesPagePage.tsx"],"names":[],"mappings":"AA8GA,wBAAgB,wBAAwB,4CAkXvC"}

package/dist/planmagnet/pages/ProductsFeaturesPagePage.js CHANGED Viewed

@@ -3,15 +3,16 @@ import { PersonName as n } from "../people/People.js";
 import { countLabel as r, useFeatureCounts as i } from "../hooks/useCounts.js";
 import { detailPath as a, rowLinkProps as o } from "../utils/rowNavigation.js";
 import { FeatureTriageActions as s, isSnoozed as c } from "../controls/FeatureTriage.js";
-import { KANO_META as l, KANO_VALUES as u, MOSCOW_META as d, MOSCOW_VALUES as f, QUADRANT_META as p, QUADRANT_VALUES as m, QuadrantBadge as h } from "../controls/PrioritizationControls.js";
-import { useState as g } from "react";
-import { ArrowUpDown as _, Filter as v, Loader2 as y, Plus as b, Star as x, Target as S, ThumbsUp as ee } from "lucide-react";
-import { gql as C } from "@apollo/client";
-import { useQuery as w } from "@apollo/client/react";
-import { jsx as T, jsxs as E } from "react/jsx-runtime";
-import { Badge as D, Button as O, Card as k, CardContent as A } from "@burdenoff/fe-libs/ui";
+import { KANO_META as l, KANO_VALUES as u, MOSCOW_META as d, MOSCOW_VALUES as ee, QUADRANT_META as f, QUADRANT_VALUES as p, QuadrantBadge as m, riceScoreMissingHint as h } from "../controls/PrioritizationControls.js";
+import { CategoryBadge as te, RatingDisplay as g } from "../controls/FeedbackControls.js";
+import { useState as _ } from "react";
+import { ArrowUpDown as v, Filter as y, Gauge as b, Loader2 as ne, Plus as re, Star as ie, Target as ae, ThumbsUp as x } from "lucide-react";
+import { gql as S } from "@apollo/client";
+import { useQuery as C } from "@apollo/client/react";
+import { jsx as w, jsxs as T } from "react/jsx-runtime";
+import { Badge as E, Button as D, Card as O, CardContent as k } from "@burdenoff/fe-libs/ui";
 //#region src/planmagnet/pages/ProductsFeaturesPagePage.tsx
-var j = C`
+var A = S`
   query ListFeatureRequests(
     $workspaceId: ID!
     $filter: PlanmagnetFeatureRequestFilter
@@ -40,13 +41,20 @@ var j = C`
         moscow
         kano
         valueEffortQuadrant
+        reach
+        impact
+        confidence
+        effortScore
+        riceScore
+        rating
+        category
         createdAt
         updatedAt
       }
       totalCount
     }
   }
-`, M = {
+`, j = {
 	SUBMITTED: "bg-gray-100 text-gray-800",
 	UNDER_REVIEW: "bg-yellow-100 text-yellow-800",
 	PLANNED: "bg-blue-100 text-blue-800",
@@ -55,30 +63,30 @@ var j = C`
 	DECLINED: "bg-red-100 text-red-800",
 	DUPLICATE: "bg-orange-100 text-orange-800"
 };
-function N() {
-	let C = t(), { workspaceId: N } = e(), [P, F] = g("all"), [I] = g(() => Date.now()), [L, te] = g("NEWEST"), [R, z] = g(""), [B, V] = g(""), [H, U] = g(""), W = i(), G = {
-		...P === "TRIAGE" ? { triage: !0 } : P === "SNOOZED" ? { snoozed: !0 } : P === "all" ? {} : { status: P },
-		...R ? { moscow: R } : {},
-		...B ? { kano: B } : {},
-		...H ? { quadrant: H } : {}
-	}, { data: K, loading: q, error: J } = w(j, {
+function M() {
+	let S = t(), { workspaceId: M } = e(), [N, P] = _("all"), [F] = _(() => Date.now()), [I, L] = _("NEWEST"), [R, z] = _(!1), [B, V] = _(""), [H, U] = _(""), [W, G] = _(""), K = i(), q = {
+		...N === "TRIAGE" ? { triage: !0 } : N === "SNOOZED" ? { snoozed: !0 } : N === "all" ? {} : { status: N },
+		...B ? { moscow: B } : {},
+		...H ? { kano: H } : {},
+		...W ? { quadrant: W } : {}
+	}, { data: J, loading: oe, error: Y } = C(A, {
 		variables: {
-			workspaceId: N,
-			filter: Object.keys(G).length > 0 ? G : void 0,
+			workspaceId: M,
+			filter: Object.keys(q).length > 0 ? q : void 0,
 			pagination: { first: 50 },
-			orderBy: L
+			orderBy: I
 		},
-		skip: !N
+		skip: !M
 	});
-	if (q && !K) return /* @__PURE__ */ T("div", {
+	if (oe && !J) return /* @__PURE__ */ w("div", {
 		className: "flex items-center justify-center p-12",
-		children: /* @__PURE__ */ T(y, { className: "h-8 w-8 animate-spin text-muted-foreground" })
+		children: /* @__PURE__ */ w(ne, { className: "h-8 w-8 animate-spin text-muted-foreground" })
 	});
-	if (J) return /* @__PURE__ */ E("div", {
+	if (Y) return /* @__PURE__ */ T("div", {
 		className: "p-6 text-destructive",
-		children: ["Failed to load features: ", J.message]
+		children: ["Failed to load features: ", Y.message]
 	});
-	let Y = K?.planmagnetFeatureRequests?.items ?? [], X = K?.planmagnetFeatureRequests?.totalCount ?? 0, Z = Y, Q = [
+	let X = J?.planmagnetFeatureRequests?.items ?? [], Z = J?.planmagnetFeatureRequests?.totalCount ?? 0, Q = R ? [...X].sort((e, t) => e.riceScore == null && t.riceScore == null ? 0 : e.riceScore == null ? 1 : t.riceScore == null ? -1 : t.riceScore - e.riceScore) : X, se = [
 		"all",
 		"TRIAGE",
 		"SNOOZED",
@@ -90,257 +98,296 @@ function N() {
 		"DECLINED",
 		"DUPLICATE"
 	], $ = {
-		total: r(W?.all),
-		open: r(W?.open),
-		inProgress: r(W?.byStatus.IN_PROGRESS),
-		completed: r(W?.byStatus.COMPLETED)
+		total: r(K?.all),
+		open: r(K?.open),
+		inProgress: r(K?.byStatus.IN_PROGRESS),
+		completed: r(K?.byStatus.COMPLETED)
 	};
-	return /* @__PURE__ */ E("div", {
+	return /* @__PURE__ */ T("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ E("div", {
+			/* @__PURE__ */ T("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("h1", {
+				children: [/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("h1", {
 					className: "text-2xl font-semibold",
 					children: "Features"
-				}), /* @__PURE__ */ T("p", {
+				}), /* @__PURE__ */ w("p", {
 					className: "text-sm text-muted-foreground",
-					children: P === "all" ? `${$.total} feature requests` : P === "TRIAGE" ? `${X} waiting for triage` : `${X} ${P.toLowerCase().replace("_", " ")} match`
-				})] }), /* @__PURE__ */ E(O, {
+					children: N === "all" ? `${$.total} feature requests` : N === "TRIAGE" ? `${Z} waiting for triage` : `${Z} ${N.toLowerCase().replace("_", " ")} match`
+				})] }), /* @__PURE__ */ T(D, {
 					size: "sm",
-					onClick: () => C("/products/new-feature-page"),
-					children: [/* @__PURE__ */ T(b, { className: "mr-1 h-4 w-4" }), "New Feature"]
+					onClick: () => S("/products/new-feature-page"),
+					children: [/* @__PURE__ */ w(re, { className: "mr-1 h-4 w-4" }), "New Feature"]
 				})]
 			}),
-			/* @__PURE__ */ E("div", {
+			/* @__PURE__ */ T("div", {
 				className: "grid grid-cols-2 md:grid-cols-4 gap-4",
 				children: [
-					/* @__PURE__ */ T(k, { children: /* @__PURE__ */ E(A, {
+					/* @__PURE__ */ w(O, { children: /* @__PURE__ */ T(k, {
 						className: "pt-4",
-						children: [/* @__PURE__ */ T("p", {
+						children: [/* @__PURE__ */ w("p", {
 							className: "text-xs text-muted-foreground",
 							children: "Total Features"
-						}), /* @__PURE__ */ T("p", {
+						}), /* @__PURE__ */ w("p", {
 							className: "text-xl font-bold",
 							children: $.total
 						})]
 					}) }),
-					/* @__PURE__ */ T(k, { children: /* @__PURE__ */ E(A, {
+					/* @__PURE__ */ w(O, { children: /* @__PURE__ */ T(k, {
 						className: "pt-4",
-						children: [/* @__PURE__ */ T("p", {
+						children: [/* @__PURE__ */ w("p", {
 							className: "text-xs text-muted-foreground",
 							children: "In Progress"
-						}), /* @__PURE__ */ T("p", {
+						}), /* @__PURE__ */ w("p", {
 							className: "text-xl font-bold",
 							children: $.inProgress
 						})]
 					}) }),
-					/* @__PURE__ */ T(k, { children: /* @__PURE__ */ E(A, {
+					/* @__PURE__ */ w(O, { children: /* @__PURE__ */ T(k, {
 						className: "pt-4",
-						children: [/* @__PURE__ */ T("p", {
+						children: [/* @__PURE__ */ w("p", {
 							className: "text-xs text-muted-foreground",
 							children: "Completed"
-						}), /* @__PURE__ */ T("p", {
+						}), /* @__PURE__ */ w("p", {
 							className: "text-xl font-bold",
 							children: $.completed
 						})]
 					}) }),
-					/* @__PURE__ */ T(k, { children: /* @__PURE__ */ E(A, {
+					/* @__PURE__ */ w(O, { children: /* @__PURE__ */ T(k, {
 						className: "pt-4",
-						children: [/* @__PURE__ */ T("p", {
+						children: [/* @__PURE__ */ w("p", {
 							className: "text-xs text-muted-foreground",
 							children: "Open"
-						}), /* @__PURE__ */ T("p", {
+						}), /* @__PURE__ */ w("p", {
 							className: "text-xl font-bold",
 							children: $.open
 						})]
 					}) })
 				]
 			}),
-			/* @__PURE__ */ E("div", {
+			/* @__PURE__ */ T("div", {
 				className: "flex items-center justify-between flex-wrap gap-2",
-				children: [/* @__PURE__ */ E("div", {
+				children: [/* @__PURE__ */ T("div", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ T(v, { className: "h-4 w-4 text-muted-foreground" }), Q.map((e) => /* @__PURE__ */ T("button", {
-						onClick: () => F(e),
-						className: `px-2 py-1 text-xs rounded-md capitalize ${P === e ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground"}`,
-						children: e === "all" ? "All" : e === "TRIAGE" ? `Triage (${r(W?.triage)})` : e === "SNOOZED" ? `Snoozed (${r(W?.snoozed)})` : e.toLowerCase().replace("_", " ")
+					children: [/* @__PURE__ */ w(y, { className: "h-4 w-4 text-muted-foreground" }), se.map((e) => /* @__PURE__ */ w("button", {
+						onClick: () => P(e),
+						className: `px-2 py-1 text-xs rounded-md capitalize ${N === e ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground"}`,
+						children: e === "all" ? "All" : e === "TRIAGE" ? `Triage (${r(K?.triage)})` : e === "SNOOZED" ? `Snoozed (${r(K?.snoozed)})` : e.toLowerCase().replace("_", " ")
 					}, e))]
-				}), /* @__PURE__ */ E("div", {
+				}), /* @__PURE__ */ T("div", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ T(_, { className: "h-4 w-4 text-muted-foreground" }), ["NEWEST", "MOST_VOTED"].map((e) => /* @__PURE__ */ T("button", {
-						onClick: () => te(e),
-						className: `px-2 py-1 text-xs rounded-md ${L === e ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground"}`,
-						children: e === "NEWEST" ? "Newest" : "Most voted"
-					}, e))]
+					children: [
+						/* @__PURE__ */ w(v, { className: "h-4 w-4 text-muted-foreground" }),
+						["NEWEST", "MOST_VOTED"].map((e) => /* @__PURE__ */ w("button", {
+							onClick: () => L(e),
+							className: `px-2 py-1 text-xs rounded-md ${!R && I === e ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground"}`,
+							children: e === "NEWEST" ? "Newest" : "Most voted"
+						}, e)),
+						/* @__PURE__ */ w("button", {
+							type: "button",
+							"aria-pressed": R,
+							"data-testid": "feature-sort-rice",
+							onClick: () => z((e) => !e),
+							className: `px-2 py-1 text-xs rounded-md ${R ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground"}`,
+							children: "RICE score"
+						})
+					]
 				})]
 			}),
-			/* @__PURE__ */ E("div", {
+			R && /* @__PURE__ */ T("p", {
+				className: "text-xs text-muted-foreground",
+				"data-testid": "feature-sort-rice-note",
+				children: [
+					"Sorted by RICE score within the ",
+					Q.length,
+					" loaded results above — not a server-wide sort."
+				]
+			}),
+			/* @__PURE__ */ T("div", {
 				className: "flex flex-wrap items-center gap-3",
 				children: [
-					/* @__PURE__ */ E("div", {
+					/* @__PURE__ */ T("div", {
 						className: "flex items-center gap-1",
-						children: [/* @__PURE__ */ T("label", {
+						children: [/* @__PURE__ */ w("label", {
 							htmlFor: "feature-filter-moscow",
 							className: "text-xs text-muted-foreground",
 							children: "MoSCoW"
-						}), /* @__PURE__ */ E("select", {
+						}), /* @__PURE__ */ T("select", {
 							id: "feature-filter-moscow",
 							"data-testid": "feature-filter-moscow",
 							className: "rounded-md border border-input bg-background px-2 py-1 text-xs",
-							value: R,
-							onChange: (e) => z(e.target.value),
-							children: [/* @__PURE__ */ T("option", {
+							value: B,
+							onChange: (e) => V(e.target.value),
+							children: [/* @__PURE__ */ w("option", {
 								value: "",
 								children: "All"
-							}), f.map((e) => /* @__PURE__ */ T("option", {
+							}), ee.map((e) => /* @__PURE__ */ w("option", {
 								value: e,
 								children: d[e].label
 							}, e))]
 						})]
 					}),
-					/* @__PURE__ */ E("div", {
+					/* @__PURE__ */ T("div", {
 						className: "flex items-center gap-1",
-						children: [/* @__PURE__ */ T("label", {
+						children: [/* @__PURE__ */ w("label", {
 							htmlFor: "feature-filter-kano",
 							className: "text-xs text-muted-foreground",
 							children: "Kano"
-						}), /* @__PURE__ */ E("select", {
+						}), /* @__PURE__ */ T("select", {
 							id: "feature-filter-kano",
 							"data-testid": "feature-filter-kano",
 							className: "rounded-md border border-input bg-background px-2 py-1 text-xs",
-							value: B,
-							onChange: (e) => V(e.target.value),
-							children: [/* @__PURE__ */ T("option", {
+							value: H,
+							onChange: (e) => U(e.target.value),
+							children: [/* @__PURE__ */ w("option", {
 								value: "",
 								children: "All"
-							}), u.map((e) => /* @__PURE__ */ T("option", {
+							}), u.map((e) => /* @__PURE__ */ w("option", {
 								value: e,
 								children: l[e].label
 							}, e))]
 						})]
 					}),
-					/* @__PURE__ */ E("div", {
+					/* @__PURE__ */ T("div", {
 						className: "flex items-center gap-1",
-						children: [/* @__PURE__ */ T("label", {
+						children: [/* @__PURE__ */ w("label", {
 							htmlFor: "feature-filter-quadrant",
 							className: "text-xs text-muted-foreground",
 							children: "Quadrant"
-						}), /* @__PURE__ */ E("select", {
+						}), /* @__PURE__ */ T("select", {
 							id: "feature-filter-quadrant",
 							"data-testid": "feature-filter-quadrant",
 							className: "rounded-md border border-input bg-background px-2 py-1 text-xs",
-							value: H,
-							onChange: (e) => U(e.target.value),
-							children: [/* @__PURE__ */ T("option", {
+							value: W,
+							onChange: (e) => G(e.target.value),
+							children: [/* @__PURE__ */ w("option", {
 								value: "",
 								children: "All"
-							}), m.map((e) => /* @__PURE__ */ T("option", {
+							}), p.map((e) => /* @__PURE__ */ w("option", {
 								value: e,
-								children: p[e].label
+								children: f[e].label
 							}, e))]
 						})]
 					})
 				]
 			}),
-			/* @__PURE__ */ T("div", {
+			/* @__PURE__ */ w("div", {
 				className: "space-y-3",
-				children: Z.map((e) => /* @__PURE__ */ T(k, {
-					...o(() => C(a("/products/feature-detail-page", e.id)), e.title),
-					children: /* @__PURE__ */ T(A, {
+				children: Q.map((e) => /* @__PURE__ */ w(O, {
+					...o(() => S(a("/products/feature-detail-page", e.id)), e.title),
+					children: /* @__PURE__ */ w(k, {
 						className: "py-4",
-						children: /* @__PURE__ */ E("div", {
+						children: /* @__PURE__ */ T("div", {
 							className: "flex items-start justify-between gap-4",
-							children: [/* @__PURE__ */ E("div", {
+							children: [/* @__PURE__ */ T("div", {
 								className: "flex-1 space-y-2",
 								children: [
-									/* @__PURE__ */ E("div", {
+									/* @__PURE__ */ T("div", {
 										className: "flex items-center gap-2",
 										children: [
-											/* @__PURE__ */ T("span", {
+											/* @__PURE__ */ w("span", {
 												className: "text-sm font-medium",
 												children: e.title
 											}),
-											/* @__PURE__ */ T("span", {
-												className: `text-[10px] px-1.5 py-0.5 rounded-full capitalize ${M[e.status] ?? "bg-gray-100"}`,
+											/* @__PURE__ */ w("span", {
+												className: `text-[10px] px-1.5 py-0.5 rounded-full capitalize ${j[e.status] ?? "bg-gray-100"}`,
 												children: e.status.toLowerCase().replace("_", " ")
 											}),
-											/* @__PURE__ */ T(h, {
+											/* @__PURE__ */ w(m, {
 												quadrant: e.valueEffortQuadrant,
 												hideWhenUnscored: !0
 											})
 										]
 									}),
-									/* @__PURE__ */ T("p", {
+									/* @__PURE__ */ w("p", {
 										className: "text-xs text-muted-foreground",
 										children: e.description
 									}),
-									/* @__PURE__ */ E("div", {
+									/* @__PURE__ */ T("div", {
 										className: "flex items-center gap-4 text-xs text-muted-foreground",
 										children: [
-											/* @__PURE__ */ E("span", { children: ["Effort: ", e.effortEstimate ?? "N/A"] }),
-											/* @__PURE__ */ E("span", { children: ["Submitted by: ", /* @__PURE__ */ T(n, { id: e.submittedBy })] }),
-											/* @__PURE__ */ T("span", { children: new Date(e.updatedAt).toLocaleDateString() })
+											/* @__PURE__ */ T("span", { children: ["Effort: ", e.effortEstimate ?? "N/A"] }),
+											/* @__PURE__ */ T("span", { children: ["Submitted by: ", /* @__PURE__ */ w(n, { id: e.submittedBy })] }),
+											/* @__PURE__ */ w("span", { children: new Date(e.updatedAt).toLocaleDateString() })
 										]
 									}),
-									c(e.snoozedUntil, I) && /* @__PURE__ */ E("p", {
+									(e.rating != null || e.category) && /* @__PURE__ */ T("div", {
+										className: "flex items-center gap-2",
+										children: [e.rating != null && /* @__PURE__ */ w(g, { rating: e.rating }), /* @__PURE__ */ w(te, { category: e.category })]
+									}),
+									c(e.snoozedUntil, F) && /* @__PURE__ */ T("p", {
 										className: "text-xs text-muted-foreground",
 										children: ["Snoozed until ", new Date(e.snoozedUntil).toLocaleDateString()]
 									}),
-									/* @__PURE__ */ T(s, {
+									/* @__PURE__ */ w(s, {
 										feature: e,
-										now: I
+										now: F
 									}),
-									e.tags.length > 0 && /* @__PURE__ */ T("div", {
+									e.tags.length > 0 && /* @__PURE__ */ w("div", {
 										className: "flex gap-1",
-										children: e.tags.map((e) => /* @__PURE__ */ T(D, {
+										children: e.tags.map((e) => /* @__PURE__ */ w(E, {
 											variant: "outline",
 											className: "text-[10px]",
 											children: e
 										}, e))
 									})
 								]
-							}), /* @__PURE__ */ E("div", {
+							}), /* @__PURE__ */ T("div", {
 								className: "flex items-center gap-4 shrink-0",
 								children: [
-									/* @__PURE__ */ E("div", {
+									/* @__PURE__ */ T("div", {
 										className: "text-center",
-										children: [/* @__PURE__ */ E("div", {
+										children: [/* @__PURE__ */ T("div", {
 											className: "flex items-center gap-1",
-											children: [/* @__PURE__ */ T(S, { className: "h-3 w-3 text-primary" }), /* @__PURE__ */ T("span", {
+											children: [/* @__PURE__ */ w(ae, { className: "h-3 w-3 text-primary" }), /* @__PURE__ */ w("span", {
 												className: "text-sm font-bold",
 												children: e.priorityScore ?? 0
 											})]
-										}), /* @__PURE__ */ T("p", {
+										}), /* @__PURE__ */ w("p", {
 											className: "text-[10px] text-muted-foreground",
 											children: "Priority"
 										})]
 									}),
-									/* @__PURE__ */ E("div", {
+									/* @__PURE__ */ T("div", {
 										className: "text-center",
-										children: [/* @__PURE__ */ E("div", {
+										children: [/* @__PURE__ */ T("div", {
 											className: "flex items-center gap-1",
-											children: [/* @__PURE__ */ T(ee, { className: "h-3 w-3 text-green-500" }), /* @__PURE__ */ T("span", {
+											children: [/* @__PURE__ */ w(x, { className: "h-3 w-3 text-green-500" }), /* @__PURE__ */ w("span", {
 												className: "text-sm font-bold",
 												children: e.voteCount
 											})]
-										}), /* @__PURE__ */ T("p", {
+										}), /* @__PURE__ */ w("p", {
 											className: "text-[10px] text-muted-foreground",
 											children: "Votes"
 										})]
 									}),
-									/* @__PURE__ */ E("div", {
+									/* @__PURE__ */ T("div", {
 										className: "text-center",
-										children: [/* @__PURE__ */ E("div", {
+										children: [/* @__PURE__ */ T("div", {
 											className: "flex items-center gap-1",
-											children: [/* @__PURE__ */ T(x, { className: "h-3 w-3 text-yellow-500" }), /* @__PURE__ */ T("span", {
+											children: [/* @__PURE__ */ w(ie, { className: "h-3 w-3 text-yellow-500" }), /* @__PURE__ */ w("span", {
 												className: "text-sm font-bold",
 												children: e.businessValue ?? 0
 											})]
-										}), /* @__PURE__ */ T("p", {
+										}), /* @__PURE__ */ w("p", {
 											className: "text-[10px] text-muted-foreground",
 											children: "Value"
 										})]
+									}),
+									/* @__PURE__ */ T("div", {
+										className: "text-center",
+										title: e.riceScore == null ? h(e) ?? void 0 : void 0,
+										children: [/* @__PURE__ */ T("div", {
+											className: "flex items-center gap-1",
+											children: [/* @__PURE__ */ w(b, { className: "h-3 w-3 text-primary" }), /* @__PURE__ */ w("span", {
+												className: "text-sm font-bold",
+												"data-testid": "feature-rice-score-cell",
+												children: e.riceScore == null ? "—" : e.riceScore.toFixed(1)
+											})]
+										}), /* @__PURE__ */ w("p", {
+											className: "text-[10px] text-muted-foreground",
+											children: "RICE"
+										})]
 									})
 								]
 							})]
@@ -348,14 +395,14 @@ function N() {
 					})
 				}, e.id))
 			}),
-			Z.length === 0 && /* @__PURE__ */ T("p", {
+			Q.length === 0 && /* @__PURE__ */ w("p", {
 				className: "text-center text-muted-foreground py-8",
-				children: P === "TRIAGE" ? "Nothing waits for triage." : "No features match the selected filters."
+				children: N === "TRIAGE" ? "Nothing waits for triage." : "No features match the selected filters."
 			})
 		]
 	});
 }
 //#endregion
-export { N as ProductsFeaturesPagePage };
+export { M as ProductsFeaturesPagePage };
 //# sourceMappingURL=ProductsFeaturesPagePage.js.map