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

@burdenoff/microfe-planmagnet 2026.1001.6 → 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 (81) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ProductsNewFeaturePagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProductsNewFeaturePagePage.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useMutation } from '@apollo/client/react';\nimport { Card, CardContent, CardHeader, CardTitle, Button, Input } from '@burdenoff/fe-libs/ui';\nimport { Save, X, Star, Loader2 } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { throwOnError } from '../utils/mutationResult';\nimport { parseIntField } from '../utils/formValidation';\nimport { ProjectSelect, WorkItemSearchSelect } from '../controls/Pickers';\nimport {\n EMPTY_PRIORITIZATION_FORM,\n EMPTY_RICE_FORM,\n PrioritizationScoreFields,\n RiceScoreFields,\n prioritizationScoresValid,\n riceInputsValid,\n type PrioritizationFormValues,\n type RiceFormValues,\n} from '../controls/PrioritizationControls';\n\nconst CREATE_FEATURE_REQUEST = gql`\n mutation CreateFeatureRequest($input: PlanmagnetCreateFeatureRequestInput!) {\n planmagnetCreateFeatureRequest(input: $input) {\n id\n title\n status\n businessValue\n effortEstimate\n priorityScore\n }\n }\n`;\n\nexport function ProductsNewFeaturePagePage() {\n const { workspaceId } = usePlanMagnet();\n const navigate = usePlanMagnetNavigate();\n\n const [form, setForm] = useState({\n title: '',\n description: '',\n status: 'SUBMITTED' as string,\n businessValue: '50',\n effortEstimate: 'medium',\n tags: '',\n projectId: '',\n workItemId: '',\n });\n // PRM-27: MoSCoW/Kano/value/effort scoring, set at creation just like at edit time.\n const [prioritization, setPrioritization] =\n useState<PrioritizationFormValues>(EMPTY_PRIORITIZATION_FORM);\n // PRM-26: RICE, next to the value/effort scores above — effortScore is riceScore's own divisor.\n const [rice, setRice] = useState<RiceFormValues>(EMPTY_RICE_FORM);\n\n // Navigate only once the service has accepted the feature: with fe-libs' errorPolicy 'all' a refused\n // mutation resolves, so the old onCompleted navigation could leave the form as if it had saved.\n const [createFeature, { loading: saving }] = useMutation(CREATE_FEATURE_REQUEST, {\n refetchQueries: ['ListFeatureRequests'],\n });\n const [saveError, setSaveError] = useState<string \| null>(null);\n // Business value is a whole number from 0 to 100 (BOFF-7833: prod had stored 150).\n const businessValue = parseIntField(form.businessValue, { min: 0, max: 100 });\n const prioritizationValid = prioritizationScoresValid(prioritization);\n const value = parseIntField(prioritization.valueScore, { min: 1, max: 10 });\n const effort = parseIntField(prioritization.effortScore, { min: 1, max: 10 });\n const riceValid = riceInputsValid(rice);\n const reach = parseIntField(rice.reach, { min: 1, max: 10 });\n const impact = parseIntField(rice.impact, { min: 1, max: 10 });\n const confidence = parseIntField(rice.confidence, { min: 1, max: 10 });\n\n const statusOptions = [\n 'SUBMITTED',\n 'UNDER_REVIEW',\n 'PLANNED',\n 'IN_PROGRESS',\n 'COMPLETED',\n ] as const;\n const efforts = ['small', 'medium', 'large', 'epic'] as const;\n\n const handleCreate = async () => {\n if (!form.title.trim() \|\| businessValue.invalid \|\| !prioritizationValid \|\| !riceValid) return;\n setSaveError(null);\n try {\n await throwOnError(\n createFeature({\n variables: {\n input: {\n title: form.title,\n description: form.description \|\| undefined,\n status: form.status,\n businessValue: businessValue.value,\n effortEstimate: form.effortEstimate,\n projectId: form.projectId \|\| undefined,\n workItemId: form.workItemId \|\| undefined,\n tags: form.tags\n ? form.tags\n .split(',')\n .map((t) => t.trim())\n .filter(Boolean)\n : undefined,\n moscow: prioritization.moscow \|\| undefined,\n kano: prioritization.kano \|\| undefined,\n valueScore: value.value,\n effortScore: effort.value,\n reach: reach.value,\n impact: impact.value,\n confidence: confidence.value,\n },\n },\n })\n );\n navigate('/products/features-page');\n } catch (e) {\n setSaveError(e instanceof Error ? e.message : 'The feature could not be created.');\n }\n };\n\n return (\n <div className=\"space-y-6 p-6 max-w-4xl\">\n <div className=\"flex items-center justify-between\">\n <div>\n <h1 className=\"text-2xl font-semibold\">New Feature</h1>\n <p className=\"text-sm text-muted-foreground\">\n Define a new feature request with business value metrics.\n </p>\n </div>\n <div className=\"flex gap-2\">\n <Button variant=\"outline\" size=\"sm\" onClick={() => navigate('/products/features-page')}>\n <X className=\"mr-1 h-4 w-4\" />\n Cancel\n </Button>\n <Button\n size=\"sm\"\n onClick={handleCreate}\n disabled={\n saving \|\|\n !form.title.trim() \|\|\n businessValue.invalid \|\|\n !prioritizationValid \|\|\n !riceValid\n }\n >\n {saving ? (\n <Loader2 className=\"mr-1 h-4 w-4 animate-spin\" />\n ) : (\n <Save className=\"mr-1 h-4 w-4\" />\n )}\n Create Feature\n </Button>\n </div>\n </div>\n\n {saveError && (\n <div role=\"alert\" className=\"p-3 rounded-md bg-destructive/10 text-destructive text-sm\">\n Failed to create feature: {saveError}\n </div>\n )}\n\n <Card>\n <CardHeader>\n <CardTitle>Feature Details</CardTitle>\n </CardHeader>\n <CardContent className=\"space-y-4\">\n <div>\n <label className=\"text-sm font-medium\">Title</label>\n <Input\n value={form.title}\n onChange={(e) => setForm({ ...form, title: e.target.value })}\n className=\"mt-1\"\n placeholder=\"e.g. Advanced Search Filters\"\n />\n </div>\n <div>\n <label className=\"text-sm font-medium\">Description</label>\n <textarea\n className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm min-h-[100px]\"\n value={form.description}\n onChange={(e) => setForm({ ...form, description: e.target.value })}\n placeholder=\"Describe the feature and its user value...\"\n />\n </div>\n <div className=\"grid grid-cols-2 gap-4\">\n <div>\n <label className=\"text-sm font-medium\">Status</label>\n <select\n className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm capitalize\"\n value={form.status}\n onChange={(e) => setForm({ ...form, status: e.target.value })}\n >\n {statusOptions.map((s) => (\n <option key={s} value={s}>\n {s.toLowerCase().replace('_', ' ')}\n </option>\n ))}\n </select>\n </div>\n <div>\n <label className=\"text-sm font-medium\">Effort Estimate</label>\n <select\n className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm capitalize\"\n value={form.effortEstimate}\n onChange={(e) => setForm({ ...form, effortEstimate: e.target.value })}\n >\n {efforts.map((e) => (\n <option key={e} value={e}>\n {e}\n </option>\n ))}\n </select>\n </div>\n </div>\n {/* BOFF-7966: a request could not be tied to a project or to the work item that delivers it, so the\n release readiness card's \"customer requests riding on unfinished work\" could never fill. /}\n <div className=\"grid grid-cols-2 gap-4\">\n <div>\n <label htmlFor=\"feature-project\" className=\"text-sm font-medium\">\n Project\n </label>\n <div className=\"mt-1\">\n <ProjectSelect\n id=\"feature-project\"\n value={form.projectId}\n noneLabel=\"No project\"\n onChange={(projectId) => setForm({ ...form, projectId, workItemId: '' })}\n />\n </div>\n </div>\n <div>\n <label htmlFor=\"feature-work-item\" className=\"text-sm font-medium\">\n Delivered by work item\n </label>\n <div className=\"mt-1\">\n <WorkItemSearchSelect\n id=\"feature-work-item\"\n projectId={form.projectId \|\| undefined}\n value={form.workItemId}\n onChange={(workItemId) => setForm({ ...form, workItemId })}\n />\n </div>\n </div>\n </div>\n <div>\n <label className=\"text-sm font-medium\">Tags (comma-separated)</label>\n <Input\n value={form.tags}\n onChange={(e) => setForm({ ...form, tags: e.target.value })}\n className=\"mt-1\"\n placeholder=\"e.g. search, ux, performance\"\n />\n </div>\n </CardContent>\n </Card>\n\n {/ PRM-27: MoSCoW, Kano and Value-vs-Effort scoring — an alternative to the Business Value card below. /}\n <Card>\n <CardHeader>\n <CardTitle>Prioritization</CardTitle>\n </CardHeader>\n <CardContent className=\"space-y-4\">\n <PrioritizationScoreFields\n idPrefix=\"feature-new\"\n values={prioritization}\n onChange={setPrioritization}\n />\n {/ PRM-26: RICE, next to the value/effort scores above. */}\n <div className=\"border-t pt-3\">\n <p className=\"text-sm font-medium mb-1\">RICE</p>\n <RiceScoreFields\n idPrefix=\"feature-new\"\n values={rice}\n onChange={setRice}\n effortScoreMissing={effort.value == null}\n />\n </div>\n </CardContent>\n </Card>\n\n <Card>\n <CardHeader>\n <CardTitle className=\"flex items-center gap-2\">\n <Star className=\"h-4 w-4\" />\n Business Value\n </CardTitle>\n </CardHeader>\n <CardContent className=\"space-y-4\">\n <div>\n <label htmlFor=\"feature-business-value\" className=\"text-sm font-medium\">\n Business Value (0-100)\n </label>\n <Input\n id=\"feature-business-value\"\n type=\"number\"\n min={0}\n max={100}\n step={1}\n value={form.businessValue}\n onChange={(e) => setForm({ ...form, businessValue: e.target.value })}\n aria-invalid={businessValue.invalid}\n className=\"mt-1\"\n />\n {businessValue.invalid ? (\n <p role=\"alert\" className=\"text-xs text-destructive mt-1\">\n Business value must be a whole number from 0 to 100.\n </p>\n ) : (\n <p className=\"text-xs text-muted-foreground mt-1\">\n How much business value does this feature deliver?\n </p>\n )}\n </div>\n\n <div className=\"p-4 bg-muted rounded-md text-center\">\n <p className=\"text-xs text-muted-foreground\">Business Value Score</p>\n <p className=\"text-3xl font-bold text-primary mt-2\">\n {businessValue.invalid \|\| businessValue.value === undefined\n ? '—'\n : businessValue.value}\n </p>\n <p className=\"text-xs text-muted-foreground\">out of 100</p>\n </div>\n </CardContent>\n </Card>\n </div>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"ProductsNewFeaturePagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProductsNewFeaturePagePage.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useMutation } from '@apollo/client/react';\nimport { Card, CardContent, CardHeader, CardTitle, Button, Input } from '@burdenoff/fe-libs/ui';\nimport { Save, X, Star, Loader2 } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { throwOnError } from '../utils/mutationResult';\nimport { parseIntField } from '../utils/formValidation';\nimport { ProjectSelect, WorkItemSearchSelect } from '../controls/Pickers';\nimport {\n EMPTY_PRIORITIZATION_FORM,\n EMPTY_RICE_FORM,\n PrioritizationScoreFields,\n RiceScoreFields,\n prioritizationScoresValid,\n riceInputsValid,\n type PrioritizationFormValues,\n type RiceFormValues,\n} from '../controls/PrioritizationControls';\nimport {\n AnonymousSubmissionCheckbox,\n EMPTY_FEEDBACK_FORM,\n FeedbackFields,\n type FeedbackFormValues,\n} from '../controls/FeedbackControls';\n\nconst CREATE_FEATURE_REQUEST = gql`\n mutation CreateFeatureRequest($input: PlanmagnetCreateFeatureRequestInput!) {\n planmagnetCreateFeatureRequest(input: $input) {\n id\n title\n status\n businessValue\n effortEstimate\n priorityScore\n rating\n category\n isAnonymous\n }\n }\n`;\n\nexport function ProductsNewFeaturePagePage() {\n const { workspaceId } = usePlanMagnet();\n const navigate = usePlanMagnetNavigate();\n\n const [form, setForm] = useState({\n title: '',\n description: '',\n status: 'SUBMITTED' as string,\n businessValue: '50',\n effortEstimate: 'medium',\n tags: '',\n projectId: '',\n workItemId: '',\n });\n // PRM-27: MoSCoW/Kano/value/effort scoring, set at creation just like at edit time.\n const [prioritization, setPrioritization] =\n useState<PrioritizationFormValues>(EMPTY_PRIORITIZATION_FORM);\n // PRM-26: RICE, next to the value/effort scores above — effortScore is riceScore's own divisor.\n const [rice, setRice] = useState<RiceFormValues>(EMPTY_RICE_FORM);\n // CWF-15: structured feedback — rating, category, and whether to hide the requester.\n const [feedback, setFeedback] = useState<FeedbackFormValues>(EMPTY_FEEDBACK_FORM);\n const [isAnonymous, setIsAnonymous] = useState(false);\n\n // Navigate only once the service has accepted the feature: with fe-libs' errorPolicy 'all' a refused\n // mutation resolves, so the old onCompleted navigation could leave the form as if it had saved.\n const [createFeature, { loading: saving }] = useMutation(CREATE_FEATURE_REQUEST, {\n refetchQueries: ['ListFeatureRequests'],\n });\n const [saveError, setSaveError] = useState<string \| null>(null);\n // Business value is a whole number from 0 to 100 (BOFF-7833: prod had stored 150).\n const businessValue = parseIntField(form.businessValue, { min: 0, max: 100 });\n const prioritizationValid = prioritizationScoresValid(prioritization);\n const value = parseIntField(prioritization.valueScore, { min: 1, max: 10 });\n const effort = parseIntField(prioritization.effortScore, { min: 1, max: 10 });\n const riceValid = riceInputsValid(rice);\n const reach = parseIntField(rice.reach, { min: 1, max: 10 });\n const impact = parseIntField(rice.impact, { min: 1, max: 10 });\n const confidence = parseIntField(rice.confidence, { min: 1, max: 10 });\n // CWF-15: 1-5, empty means \"not set\".\n const rating = parseIntField(feedback.rating, { min: 1, max: 5 });\n\n const statusOptions = [\n 'SUBMITTED',\n 'UNDER_REVIEW',\n 'PLANNED',\n 'IN_PROGRESS',\n 'COMPLETED',\n ] as const;\n const efforts = ['small', 'medium', 'large', 'epic'] as const;\n\n const handleCreate = async () => {\n if (\n !form.title.trim() \|\|\n businessValue.invalid \|\|\n !prioritizationValid \|\|\n !riceValid \|\|\n rating.invalid\n )\n return;\n setSaveError(null);\n try {\n await throwOnError(\n createFeature({\n variables: {\n input: {\n title: form.title,\n description: form.description \|\| undefined,\n status: form.status,\n businessValue: businessValue.value,\n effortEstimate: form.effortEstimate,\n projectId: form.projectId \|\| undefined,\n workItemId: form.workItemId \|\| undefined,\n tags: form.tags\n ? form.tags\n .split(',')\n .map((t) => t.trim())\n .filter(Boolean)\n : undefined,\n moscow: prioritization.moscow \|\| undefined,\n kano: prioritization.kano \|\| undefined,\n valueScore: value.value,\n effortScore: effort.value,\n reach: reach.value,\n impact: impact.value,\n confidence: confidence.value,\n rating: rating.value,\n category: feedback.category.trim() \|\| undefined,\n isAnonymous,\n },\n },\n })\n );\n navigate('/products/features-page');\n } catch (e) {\n setSaveError(e instanceof Error ? e.message : 'The feature could not be created.');\n }\n };\n\n return (\n <div className=\"space-y-6 p-6 max-w-4xl\">\n <div className=\"flex items-center justify-between\">\n <div>\n <h1 className=\"text-2xl font-semibold\">New Feature</h1>\n <p className=\"text-sm text-muted-foreground\">\n Define a new feature request with business value metrics.\n </p>\n </div>\n <div className=\"flex gap-2\">\n <Button variant=\"outline\" size=\"sm\" onClick={() => navigate('/products/features-page')}>\n <X className=\"mr-1 h-4 w-4\" />\n Cancel\n </Button>\n <Button\n size=\"sm\"\n onClick={handleCreate}\n disabled={\n saving \|\|\n !form.title.trim() \|\|\n businessValue.invalid \|\|\n !prioritizationValid \|\|\n !riceValid \|\|\n rating.invalid\n }\n >\n {saving ? (\n <Loader2 className=\"mr-1 h-4 w-4 animate-spin\" />\n ) : (\n <Save className=\"mr-1 h-4 w-4\" />\n )}\n Create Feature\n </Button>\n </div>\n </div>\n\n {saveError && (\n <div role=\"alert\" className=\"p-3 rounded-md bg-destructive/10 text-destructive text-sm\">\n Failed to create feature: {saveError}\n </div>\n )}\n\n <Card>\n <CardHeader>\n <CardTitle>Feature Details</CardTitle>\n </CardHeader>\n <CardContent className=\"space-y-4\">\n <div>\n <label className=\"text-sm font-medium\">Title</label>\n <Input\n value={form.title}\n onChange={(e) => setForm({ ...form, title: e.target.value })}\n className=\"mt-1\"\n placeholder=\"e.g. Advanced Search Filters\"\n />\n </div>\n <div>\n <label className=\"text-sm font-medium\">Description</label>\n <textarea\n className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm min-h-[100px]\"\n value={form.description}\n onChange={(e) => setForm({ ...form, description: e.target.value })}\n placeholder=\"Describe the feature and its user value...\"\n />\n </div>\n <div className=\"grid grid-cols-2 gap-4\">\n <div>\n <label className=\"text-sm font-medium\">Status</label>\n <select\n className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm capitalize\"\n value={form.status}\n onChange={(e) => setForm({ ...form, status: e.target.value })}\n >\n {statusOptions.map((s) => (\n <option key={s} value={s}>\n {s.toLowerCase().replace('_', ' ')}\n </option>\n ))}\n </select>\n </div>\n <div>\n <label className=\"text-sm font-medium\">Effort Estimate</label>\n <select\n className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm capitalize\"\n value={form.effortEstimate}\n onChange={(e) => setForm({ ...form, effortEstimate: e.target.value })}\n >\n {efforts.map((e) => (\n <option key={e} value={e}>\n {e}\n </option>\n ))}\n </select>\n </div>\n </div>\n {/* BOFF-7966: a request could not be tied to a project or to the work item that delivers it, so the\n release readiness card's \"customer requests riding on unfinished work\" could never fill. /}\n <div className=\"grid grid-cols-2 gap-4\">\n <div>\n <label htmlFor=\"feature-project\" className=\"text-sm font-medium\">\n Project\n </label>\n <div className=\"mt-1\">\n <ProjectSelect\n id=\"feature-project\"\n value={form.projectId}\n noneLabel=\"No project\"\n onChange={(projectId) => setForm({ ...form, projectId, workItemId: '' })}\n />\n </div>\n </div>\n <div>\n <label htmlFor=\"feature-work-item\" className=\"text-sm font-medium\">\n Delivered by work item\n </label>\n <div className=\"mt-1\">\n <WorkItemSearchSelect\n id=\"feature-work-item\"\n projectId={form.projectId \|\| undefined}\n value={form.workItemId}\n onChange={(workItemId) => setForm({ ...form, workItemId })}\n />\n </div>\n </div>\n </div>\n <div>\n <label className=\"text-sm font-medium\">Tags (comma-separated)</label>\n <Input\n value={form.tags}\n onChange={(e) => setForm({ ...form, tags: e.target.value })}\n className=\"mt-1\"\n placeholder=\"e.g. search, ux, performance\"\n />\n </div>\n </CardContent>\n </Card>\n\n {/ PRM-27: MoSCoW, Kano and Value-vs-Effort scoring — an alternative to the Business Value card below. /}\n <Card>\n <CardHeader>\n <CardTitle>Prioritization</CardTitle>\n </CardHeader>\n <CardContent className=\"space-y-4\">\n <PrioritizationScoreFields\n idPrefix=\"feature-new\"\n values={prioritization}\n onChange={setPrioritization}\n />\n {/ PRM-26: RICE, next to the value/effort scores above. /}\n <div className=\"border-t pt-3\">\n <p className=\"text-sm font-medium mb-1\">RICE</p>\n <RiceScoreFields\n idPrefix=\"feature-new\"\n values={rice}\n onChange={setRice}\n effortScoreMissing={effort.value == null}\n />\n </div>\n </CardContent>\n </Card>\n\n {/ CWF-15: structured feedback — rating, category and whether to hide the requester. */}\n <Card>\n <CardHeader>\n <CardTitle>Feedback</CardTitle>\n </CardHeader>\n <CardContent className=\"space-y-4\">\n <FeedbackFields idPrefix=\"feature-new\" values={feedback} onChange={setFeedback} />\n {rating.invalid && (\n <p role=\"alert\" className=\"text-xs text-destructive\">\n Rating is a whole number from 1 to 5.\n </p>\n )}\n <AnonymousSubmissionCheckbox\n idPrefix=\"feature-new\"\n checked={isAnonymous}\n onChange={setIsAnonymous}\n />\n </CardContent>\n </Card>\n\n <Card>\n <CardHeader>\n <CardTitle className=\"flex items-center gap-2\">\n <Star className=\"h-4 w-4\" />\n Business Value\n </CardTitle>\n </CardHeader>\n <CardContent className=\"space-y-4\">\n <div>\n <label htmlFor=\"feature-business-value\" className=\"text-sm font-medium\">\n Business Value (0-100)\n </label>\n <Input\n id=\"feature-business-value\"\n type=\"number\"\n min={0}\n max={100}\n step={1}\n value={form.businessValue}\n onChange={(e) => setForm({ ...form, businessValue: e.target.value })}\n aria-invalid={businessValue.invalid}\n className=\"mt-1\"\n />\n {businessValue.invalid ? (\n <p role=\"alert\" className=\"text-xs text-destructive mt-1\">\n Business value must be a whole number from 0 to 100.\n </p>\n ) : (\n <p className=\"text-xs text-muted-foreground mt-1\">\n How much business value does this feature deliver?\n </p>\n )}\n </div>\n\n <div className=\"p-4 bg-muted rounded-md text-center\">\n <p className=\"text-xs text-muted-foreground\">Business Value Score</p>\n <p className=\"text-3xl font-bold text-primary mt-2\">\n {businessValue.invalid \|\| businessValue.value === undefined\n ? '—'\n : businessValue.value}\n </p>\n <p className=\"text-xs text-muted-foreground\">out of 100</p>\n </div>\n </CardContent>\n </Card>\n </div>\n );\n}\n"],"mappings":"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"}

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

@@ -7,8 +7,8 @@ import { Archive as s, GitBranch as c, Loader2 as l, Map as u, Package as d, Plu
 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 { useI18n as v } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Badge as y, Button as b, Card as x, CardContent as S, CardHeader as C, CardTitle as w } from "@burdenoff/fe-libs/ui";
+import { Badge as v, Button as y, Card as b, CardContent as x, CardHeader as S, CardTitle as C } from "@burdenoff/fe-libs/ui";
+import { useI18n as w } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/planmagnet/pages/ProductsProductsPagePage.tsx
 var T = m`
   query GetProducts(
@@ -48,7 +48,7 @@ var T = m`
   }
 `;
 function E() {
-	let { workspaceId: m } = e(), E = t(), { t: D } = v(), [O, k] = o(!1), { data: A, loading: j, error: M } = h(T, {
+	let { workspaceId: m } = e(), E = t(), { t: D } = w(), [O, k] = o(!1), { data: A, loading: j, error: M } = h(T, {
 		variables: {
 			workspaceId: m,
 			filter: O ? void 0 : { isActive: !0 },
@@ -86,13 +86,13 @@ function E() {
 					children: D("planmagnet.products.subtitle", "Strategy entities that link roadmaps, releases, feature requests and OKRs")
 				})] }), /* @__PURE__ */ _("div", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ _(b, {
+					children: [/* @__PURE__ */ _(y, {
 						size: "sm",
 						variant: O ? "default" : "outline",
 						onClick: () => k((e) => !e),
 						"data-testid": "products-toggle-archived",
 						children: [/* @__PURE__ */ g(s, { className: "h-4 w-4 mr-1" }), O ? D("planmagnet.products.actions.hideArchived", "Hide archived") : D("planmagnet.products.actions.showArchived", "Show archived")]
-					}), /* @__PURE__ */ _(b, {
+					}), /* @__PURE__ */ _(y, {
 						size: "sm",
 						onClick: () => E("/products/create-product-page"),
 						children: [/* @__PURE__ */ g(f, { className: "h-4 w-4 mr-1" }), D("planmagnet.products.actions.newProduct", "New Product")]
@@ -120,7 +120,7 @@ function E() {
 						icon: c,
 						color: "text-purple-500"
 					}
-				].map((e) => /* @__PURE__ */ g(x, { children: /* @__PURE__ */ g(S, {
+				].map((e) => /* @__PURE__ */ g(b, { children: /* @__PURE__ */ g(x, {
 					className: "pt-6",
 					children: /* @__PURE__ */ _("div", {
 						className: "flex items-center justify-between",
@@ -134,31 +134,31 @@ function E() {
 					})
 				}) }, e.label))
 			}),
-			N.length === 0 ? /* @__PURE__ */ g(x, { children: /* @__PURE__ */ g(S, {
+			N.length === 0 ? /* @__PURE__ */ g(b, { children: /* @__PURE__ */ g(x, {
 				className: "py-12 text-center text-sm text-muted-foreground",
 				children: D("planmagnet.products.empty", "No products yet. Create one to get started.")
 			}) }) : /* @__PURE__ */ g("div", {
 				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-2",
-				children: N.map((e) => /* @__PURE__ */ _(x, {
+				children: N.map((e) => /* @__PURE__ */ _(b, {
 					...a(() => E(i("/products/product-detail-page", e.id)), e.name),
-					children: [/* @__PURE__ */ g(C, { children: /* @__PURE__ */ _("div", {
+					children: [/* @__PURE__ */ g(S, { children: /* @__PURE__ */ _("div", {
 						className: "flex items-center justify-between gap-2",
-						children: [/* @__PURE__ */ g(w, {
+						children: [/* @__PURE__ */ g(C, {
 							className: "text-base",
 							children: e.name
 						}), /* @__PURE__ */ _("div", {
 							className: "flex items-center gap-1 shrink-0",
-							children: [e.archivedAt && /* @__PURE__ */ g(y, {
+							children: [e.archivedAt && /* @__PURE__ */ g(v, {
 								variant: "outline",
 								className: "text-xs",
 								children: D("planmagnet.products.shared.archived", "Archived")
-							}), /* @__PURE__ */ g(y, {
+							}), /* @__PURE__ */ g(v, {
 								variant: "secondary",
 								className: "text-xs capitalize",
 								children: r(e.lifecycleStage)
 							})]
 						})]
-					}) }), /* @__PURE__ */ _(S, {
+					}) }), /* @__PURE__ */ _(x, {
 						className: "space-y-3",
 						children: [
 							/* @__PURE__ */ g("p", {

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

@@ -10,8 +10,8 @@ import { useSearchParams as f } from "react-router";
 import { gql as p } from "@apollo/client";
 import { useQuery as m } from "@apollo/client/react";
 import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { useI18n as v } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Badge as y, Card as b, CardContent as x, CardHeader as S, CardTitle as C } from "@burdenoff/fe-libs/ui";
+import { Badge as v, Card as y, CardContent as b, CardHeader as x, CardTitle as S } from "@burdenoff/fe-libs/ui";
+import { useI18n as C } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/planmagnet/pages/ProjectsAtRiskPagePage.tsx
 var w = 100, T = p`
   query AtRiskProjectSprints($workspaceId: ID!, $projectId: String) {
@@ -60,7 +60,7 @@ var w = 100, T = p`
   }
 `, D = "ALL";
 function O() {
-	let { workspaceId: p } = e(), O = t(), { t: k } = v(), [A, j] = f(), M = A.get("projectId") ?? "", N = A.get("sprintId") ?? "", [P, F] = u(D);
+	let { workspaceId: p } = e(), O = t(), { t: k } = C(), [A, j] = f(), M = A.get("projectId") ?? "", N = A.get("sprintId") ?? "", [P, F] = u(D);
 	function I(e) {
 		let t = new URLSearchParams(A);
 		e ? t.set("projectId", e) : t.delete("projectId"), t.delete("sprintId"), j(t, { replace: !0 });
@@ -97,12 +97,12 @@ function O() {
 				}), /* @__PURE__ */ g("p", {
 					className: "text-sm text-muted-foreground",
 					children: k("planmagnet.forecast.atRisk.subtitle", "Open work items carrying one or more risk flags, each raised by an explicit threshold rule — never AI-generated.")
-				})] }), /* @__PURE__ */ g(y, {
+				})] }), /* @__PURE__ */ g(v, {
 					variant: "outline",
 					children: k("planmagnet.forecast.atRisk.method", "Rule-based")
 				})]
 			}),
-			/* @__PURE__ */ g(b, { children: /* @__PURE__ */ _(x, {
+			/* @__PURE__ */ g(y, { children: /* @__PURE__ */ _(b, {
 				className: "flex flex-wrap items-end gap-3 pt-4",
 				children: [/* @__PURE__ */ _("div", {
 					className: "space-y-1",
@@ -159,7 +159,7 @@ function O() {
 						")"
 					]
 				}, e))]
-			}), /* @__PURE__ */ _(b, { children: [/* @__PURE__ */ g(S, { children: /* @__PURE__ */ g(C, { children: V && !B ? k("planmagnet.forecast.loading", "Loading…") : k("planmagnet.forecast.atRisk.count", "{{count}} flagged item(s)", { count: G.length }) }) }), /* @__PURE__ */ _(x, {
+			}), /* @__PURE__ */ _(y, { children: [/* @__PURE__ */ g(x, { children: /* @__PURE__ */ g(S, { children: V && !B ? k("planmagnet.forecast.loading", "Loading…") : k("planmagnet.forecast.atRisk.count", "{{count}} flagged item(s)", { count: G.length }) }) }), /* @__PURE__ */ _(b, {
 				className: "space-y-3",
 				children: [V && !B ? /* @__PURE__ */ g("div", {
 					className: "flex justify-center py-12",
@@ -197,12 +197,12 @@ function O() {
 							className: "flex items-start gap-2 text-xs",
 							children: [
 								/* @__PURE__ */ g(c(e.kind), { className: "mt-0.5 h-3.5 w-3.5 shrink-0 text-muted-foreground" }),
-								/* @__PURE__ */ g(y, {
+								/* @__PURE__ */ g(v, {
 									variant: l(e.severity),
 									className: "shrink-0",
 									children: r(e.severity)
 								}),
-								/* @__PURE__ */ g(y, {
+								/* @__PURE__ */ g(v, {
 									variant: "outline",
 									className: "shrink-0",
 									children: r(e.kind)
@@ -221,7 +221,7 @@ function O() {
 						total: U.totalCount
 					})
 				})]
-			})] })] }) : /* @__PURE__ */ g(b, { children: /* @__PURE__ */ g(x, {
+			})] })] }) : /* @__PURE__ */ g(y, { children: /* @__PURE__ */ g(b, {
 				className: "py-10 text-center text-sm text-muted-foreground",
 				children: k("planmagnet.forecast.atRisk.noProject", "Choose a project to see its at-risk work.")
 			}) })

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

@@ -10,8 +10,8 @@ import { useSearchParams as h } from "react-router";
 import { gql as g } from "@apollo/client";
 import { useQuery as _ } from "@apollo/client/react";
 import { jsx as v, jsxs as y } from "react/jsx-runtime";
-import { useI18n as b } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Card as x, CardContent as S, CardHeader as C, CardTitle as w, Input as T } from "@burdenoff/fe-libs/ui";
+import { Card as b, CardContent as x, CardHeader as S, CardTitle as C, Input as w } from "@burdenoff/fe-libs/ui";
+import { useI18n as T } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/planmagnet/pages/ProjectsBudgetsPagePage.tsx
 var E = g`
   query BudgetsList(
@@ -38,7 +38,7 @@ var E = g`
   }
 `, D = ["ALL", ...u];
 function O() {
-	let { workspaceId: u } = e(), g = t(), { t: O } = b(), [k] = h(), [A, j] = p(k.get("projectId") ?? ""), [M, N] = p("ALL"), [P, F] = p(""), I = f(P.trim()), L = {
+	let { workspaceId: u } = e(), g = t(), { t: O } = T(), [k] = h(), [A, j] = p(k.get("projectId") ?? ""), [M, N] = p("ALL"), [P, F] = p(""), I = f(P.trim()), L = {
 		...A ? { projectId: A } : {},
 		...M === "ALL" ? {} : { status: M },
 		...I ? { search: I } : {}
@@ -76,7 +76,7 @@ function O() {
 						onChange: j,
 						noneLabel: O("planmagnet.budgets.allProjects", "All projects")
 					})
-				}), /* @__PURE__ */ v(T, {
+				}), /* @__PURE__ */ v(w, {
 					"aria-label": O("planmagnet.budgets.search", "Search budgets"),
 					placeholder: O("planmagnet.budgets.searchPlaceholder", "Search by name or description"),
 					className: "w-full max-w-xs",
@@ -117,13 +117,13 @@ function O() {
 				className: "grid grid-cols-1 md:grid-cols-2 gap-4",
 				children: V.map((e) => {
 					let t = i(e.plannedAmount, e.spentAmount), l = n[r(t)], u = t === null ? null : Math.round(t * 100);
-					return /* @__PURE__ */ y(x, {
+					return /* @__PURE__ */ y(b, {
 						...c(() => g(s("/projects/budget-detail-page", e.id)), e.name),
-						children: [/* @__PURE__ */ v(C, {
+						children: [/* @__PURE__ */ v(S, {
 							className: "pb-2",
 							children: /* @__PURE__ */ y("div", {
 								className: "flex items-center justify-between gap-2",
-								children: [/* @__PURE__ */ y(w, {
+								children: [/* @__PURE__ */ y(C, {
 									className: "text-base flex items-center gap-2",
 									children: [/* @__PURE__ */ v(m, { className: "h-4 w-4 text-primary" }), e.name]
 								}), /* @__PURE__ */ v("span", {
@@ -131,7 +131,7 @@ function O() {
 									children: o(e.status)
 								})]
 							})
-						}), /* @__PURE__ */ y(S, {
+						}), /* @__PURE__ */ y(x, {
 							className: "space-y-3",
 							children: [
 								/* @__PURE__ */ v("p", {

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

@@ -6,8 +6,8 @@ import { CheckSquare as s, FolderKanban as c, LayoutTemplate as l, Plus as u, Tr
 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 { useI18n as _ } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Badge as v, Button as y, Card as b, CardContent as x, CardHeader as S, CardTitle as C } from "@burdenoff/fe-libs/ui";
+import { Badge as _, Button as v, Card as y, CardContent as b, CardHeader as x, CardTitle as S } from "@burdenoff/fe-libs/ui";
+import { useI18n as C } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/planmagnet/pages/ProjectsProjectsPagePage.tsx
 var w = p`
   query GetProjects($workspaceId: ID!) {
@@ -37,7 +37,7 @@ var w = p`
 	CUSTOM: "bg-amber-100 text-amber-800"
 }, E = (e) => e === "ACTIVE" ? "default" : "secondary";
 function D() {
-	let p = t(), { workspaceId: D } = e(), { t: O } = _(), { data: k, loading: A, error: j } = m(w, { variables: { workspaceId: D ?? "default" } }), M = i();
+	let p = t(), { workspaceId: D } = e(), { t: O } = C(), { data: k, loading: A, error: j } = m(w, { variables: { workspaceId: D ?? "default" } }), M = i();
 	if (A && !k) return /* @__PURE__ */ h("div", {
 		className: "flex items-center justify-center p-12",
 		children: /* @__PURE__ */ h("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
@@ -69,13 +69,13 @@ function D() {
 					children: O("planmagnet.projects.subtitle", "Manage and track all projects across teams")
 				})] }), /* @__PURE__ */ g("div", {
 					className: "flex gap-2",
-					children: [/* @__PURE__ */ g(y, {
+					children: [/* @__PURE__ */ g(v, {
 						size: "sm",
 						variant: "outline",
 						onClick: () => p("/templates/templates-page"),
 						"data-testid": "projects-templates-link",
 						children: [/* @__PURE__ */ h(l, { className: "mr-1 h-4 w-4" }), "Templates"]
-					}), /* @__PURE__ */ g(y, {
+					}), /* @__PURE__ */ g(v, {
 						size: "sm",
 						onClick: () => p("/projects/create-project-page"),
 						children: [/* @__PURE__ */ h(u, { className: "mr-1 h-4 w-4" }), O("planmagnet.projects.actions.newProject", "New Project")]
@@ -105,7 +105,7 @@ function D() {
 						value: P.onHold,
 						icon: d
 					}
-				].map((e) => /* @__PURE__ */ h(b, { children: /* @__PURE__ */ g(x, {
+				].map((e) => /* @__PURE__ */ h(y, { children: /* @__PURE__ */ g(b, {
 					className: "pt-4",
 					children: [/* @__PURE__ */ g("div", {
 						className: "flex items-center gap-2 text-muted-foreground text-sm",
@@ -118,13 +118,13 @@ function D() {
 			}),
 			/* @__PURE__ */ h("div", {
 				className: "grid grid-cols-1 md:grid-cols-2 gap-4",
-				children: N.map((e) => /* @__PURE__ */ g(b, {
+				children: N.map((e) => /* @__PURE__ */ g(y, {
 					...o(() => p(a("/projects/project-detail-page", e.id)), e.name),
-					children: [/* @__PURE__ */ h(S, {
+					children: [/* @__PURE__ */ h(x, {
 						className: "pb-2",
 						children: /* @__PURE__ */ g("div", {
 							className: "flex items-center justify-between",
-							children: [/* @__PURE__ */ h(C, {
+							children: [/* @__PURE__ */ h(S, {
 								className: "text-base",
 								children: e.name
 							}), /* @__PURE__ */ h("span", {
@@ -132,7 +132,7 @@ function D() {
 								children: e.key
 							})]
 						})
-					}), /* @__PURE__ */ g(x, {
+					}), /* @__PURE__ */ g(b, {
 						className: "space-y-3",
 						children: [
 							/* @__PURE__ */ h("p", {
@@ -141,7 +141,7 @@ function D() {
 							}),
 							/* @__PURE__ */ g("div", {
 								className: "flex gap-2",
-								children: [/* @__PURE__ */ h(v, {
+								children: [/* @__PURE__ */ h(_, {
 									variant: E(e.status),
 									className: "capitalize",
 									children: e.status.toLowerCase().replace("_", " ")
@@ -152,7 +152,7 @@ function D() {
 							}),
 							e.tags.length > 0 && /* @__PURE__ */ h("div", {
 								className: "flex gap-1 flex-wrap",
-								children: e.tags.map((e) => /* @__PURE__ */ h(v, {
+								children: e.tags.map((e) => /* @__PURE__ */ h(_, {
 									variant: "outline",
 									className: "text-xs",
 									children: e

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

@@ -9,8 +9,8 @@ import { useDeferredValue as g, useState as _ } from "react";
 import { BarChart3 as v, LayoutTemplate as y, Plus as b } from "lucide-react";
 import { useMutation as x, useQuery as S } from "@apollo/client/react";
 import { jsx as C, jsxs as w } from "react/jsx-runtime";
-import { useI18n as T } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Badge as E, Button as D, Card as O, CardContent as k, CardDescription as A, CardHeader as j, CardTitle as M, Input as N, Tabs as P, TabsContent as F, TabsList as I, TabsTrigger as L } from "@burdenoff/fe-libs/ui";
+import { Badge as T, Button as E, Card as D, CardContent as O, CardDescription as k, CardHeader as A, CardTitle as j, Input as M, Tabs as N, TabsContent as P, TabsList as F, TabsTrigger as I } from "@burdenoff/fe-libs/ui";
+import { useI18n as L } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/planmagnet/pages/ReportsReportsPagePage.tsx
 function R({ report: e, isOwner: r, onDuplicate: i, onDelete: a }) {
 	let s = t();
@@ -32,7 +32,7 @@ function R({ report: e, isOwner: r, onDuplicate: i, onDelete: a }) {
 				/* @__PURE__ */ w("p", {
 					className: "mt-0.5 text-xs text-muted-foreground",
 					children: [
-						/* @__PURE__ */ C(E, {
+						/* @__PURE__ */ C(T, {
 							variant: e.visibility === "WORKSPACE" ? "secondary" : "outline",
 							className: "mr-1.5",
 							children: e.visibility === "WORKSPACE" ? "Workspace" : "Private"
@@ -48,7 +48,7 @@ function R({ report: e, isOwner: r, onDuplicate: i, onDelete: a }) {
 		}), /* @__PURE__ */ w("div", {
 			className: "flex shrink-0 items-center gap-1.5",
 			onClick: u,
-			children: [/* @__PURE__ */ C(D, {
+			children: [/* @__PURE__ */ C(E, {
 				size: "sm",
 				variant: "outline",
 				onClick: () => i(e.id),
@@ -92,7 +92,7 @@ function z({ mine: n }) {
 		} catch (e) {
 			y(r(e, "This report could not be duplicated."));
 		}
-	}, M = async (e) => {
+	}, N = async (e) => {
 		y(null);
 		try {
 			await a(k({ variables: { id: e } }));
@@ -103,7 +103,7 @@ function z({ mine: n }) {
 	return /* @__PURE__ */ w("div", {
 		className: "space-y-3",
 		children: [
-			/* @__PURE__ */ C(N, {
+			/* @__PURE__ */ C(M, {
 				value: u,
 				onChange: (e) => d(e.target.value),
 				placeholder: "Search reports",
@@ -126,14 +126,14 @@ function z({ mine: n }) {
 					report: e,
 					isOwner: !!o?.id && o.id === e.ownerId,
 					onDuplicate: (e) => void j(e),
-					onDelete: (e) => void M(e)
+					onDelete: (e) => void N(e)
 				}, e.id))
 			})
 		]
 	});
 }
 function B() {
-	let { workspaceId: n } = e(), o = t(), { data: l, loading: u, error: f } = S(h), [p, { loading: m }] = x(d), [g, v] = _(null), [b, T] = _(null), E = async (e) => {
+	let { workspaceId: n } = e(), o = t(), { data: l, loading: u, error: f } = S(h), [p, { loading: m }] = x(d), [g, v] = _(null), [b, T] = _(null), M = async (e) => {
 		if (n) {
 			T(null), v(e.key);
 			try {
@@ -171,23 +171,23 @@ function B() {
 		className: "space-y-3",
 		children: [b && /* @__PURE__ */ C(s, { message: b }), /* @__PURE__ */ C("div", {
 			className: "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3",
-			children: N.map((e) => /* @__PURE__ */ w(O, {
+			children: N.map((e) => /* @__PURE__ */ w(D, {
 				"data-testid": "report-template",
-				children: [/* @__PURE__ */ w(j, { children: [/* @__PURE__ */ w(M, {
+				children: [/* @__PURE__ */ w(A, { children: [/* @__PURE__ */ w(j, {
 					className: "flex items-center gap-2 text-sm",
 					children: [/* @__PURE__ */ C(y, { className: "h-4 w-4" }), e.name]
-				}), /* @__PURE__ */ C(A, { children: e.description })] }), /* @__PURE__ */ w(k, { children: [/* @__PURE__ */ w("p", {
+				}), /* @__PURE__ */ C(k, { children: e.description })] }), /* @__PURE__ */ w(O, { children: [/* @__PURE__ */ w("p", {
 					className: "mb-3 text-xs text-muted-foreground",
 					children: [
 						e.definition.widgets.length,
 						" widget",
 						e.definition.widgets.length === 1 ? "" : "s"
 					]
-				}), /* @__PURE__ */ C(D, {
+				}), /* @__PURE__ */ C(E, {
 					size: "sm",
 					className: "w-full",
 					disabled: m,
-					onClick: () => void E(e),
+					onClick: () => void M(e),
 					children: g === e.key ? "Creating…" : "Start from template"
 				})] })]
 			}, e.key))
@@ -195,7 +195,7 @@ function B() {
 	});
 }
 function V() {
-	let { t: e } = T(), n = t();
+	let { t: e } = L(), n = t();
 	return /* @__PURE__ */ w("div", {
 		className: "space-y-6 p-6",
 		children: [/* @__PURE__ */ w("div", {
@@ -206,41 +206,41 @@ function V() {
 			}), /* @__PURE__ */ C("p", {
 				className: "text-sm text-muted-foreground",
 				children: e("planmagnet.reports.subtitle", "Build, run, share and schedule reports over your PlanMagnet data.")
-			})] }), /* @__PURE__ */ w(D, {
+			})] }), /* @__PURE__ */ w(E, {
 				size: "sm",
 				onClick: () => n("/reports/create-report-page"),
 				"data-testid": "report-new",
 				children: [/* @__PURE__ */ C(b, { className: "mr-1 h-4 w-4" }), e("planmagnet.reports.newBlank", "New blank report")]
 			})]
-		}), /* @__PURE__ */ w(P, {
+		}), /* @__PURE__ */ w(N, {
 			defaultValue: "mine",
 			children: [
-				/* @__PURE__ */ w(I, { children: [
-					/* @__PURE__ */ C(L, {
+				/* @__PURE__ */ w(F, { children: [
+					/* @__PURE__ */ C(I, {
 						value: "mine",
 						"data-testid": "report-list",
 						children: "My reports"
 					}),
-					/* @__PURE__ */ C(L, {
+					/* @__PURE__ */ C(I, {
 						value: "workspace",
 						children: "Workspace"
 					}),
-					/* @__PURE__ */ C(L, {
+					/* @__PURE__ */ C(I, {
 						value: "templates",
 						children: "Templates"
 					})
 				] }),
-				/* @__PURE__ */ C(F, {
+				/* @__PURE__ */ C(P, {
 					value: "mine",
 					className: "mt-4",
 					children: /* @__PURE__ */ C(z, { mine: !0 })
 				}),
-				/* @__PURE__ */ C(F, {
+				/* @__PURE__ */ C(P, {
 					value: "workspace",
 					className: "mt-4",
 					children: /* @__PURE__ */ C(z, { mine: !1 })
 				}),
-				/* @__PURE__ */ C(F, {
+				/* @__PURE__ */ C(P, {
 					value: "templates",
 					className: "mt-4",
 					children: /* @__PURE__ */ C(B, {})