@burdenoff/microfe-assethandler 2026.625.1 → 2026.625.2

package/dist/assethandler/pages/ItilProblemDetailPage.js

@@ -1,177 +1,214 @@
 import { useAssetHandlerStore as e } from "../store/assethandlerStore.js";
 import { ArrowLeft as t, CheckCircle as n, Link2 as r } from "lucide-react";
-import { useParams as i } from "react-router-dom";
-import { Badge as a, Button as o, Card as s, CardContent as c, CardHeader as l, CardTitle as u, GradientText as d, Separator as f } from "@burdenoff/fe-libs/ui";
-import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+import { useNavigate as i, useParams as a } from "react-router-dom";
+import { Badge as o, Button as s, Card as c, CardContent as l, CardHeader as u, CardTitle as d, EmphasisPanel as f, GradientText as p, IllustratedEmptyState as m, NextSteps as h, PagePurpose as g, Separator as _ } from "@burdenoff/fe-libs/ui";
+import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
 //#region src/assethandler/pages/ItilProblemDetailPage.tsx
-var g = {
+var x = {
 	critical: "destructive",
 	high: "destructive",
 	medium: "default",
 	low: "secondary"
 };
-function _() {
-	let { problemId: _ } = i(), { problems: v } = e(), y = v.find((e) => e.id === _) ?? v[0];
-	return y ? /* @__PURE__ */ h("div", {
+function S() {
+	let S = i(), { problemId: C } = a(), { problems: w } = e(), T = w.find((e) => e.id === C) ?? w[0];
+	return T ? /* @__PURE__ */ b("div", {
 		className: "space-y-6 p-6",
-		children: [/* @__PURE__ */ h("div", {
-			className: "flex items-center justify-between",
-			children: [/* @__PURE__ */ h("div", {
-				className: "flex items-center gap-4",
-				children: [/* @__PURE__ */ m(o, {
-					variant: "ghost",
-					size: "icon",
-					children: /* @__PURE__ */ m(t, { className: "h-4 w-4" })
-				}), /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ h("div", {
-					className: "flex items-center gap-3",
+		children: [
+			/* @__PURE__ */ b("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ b("div", {
+					className: "flex items-center gap-4",
+					children: [/* @__PURE__ */ y(s, {
+						variant: "ghost",
+						size: "icon",
+						onClick: () => S("/itil/problem-management"),
+						children: /* @__PURE__ */ y(t, { className: "h-4 w-4" })
+					}), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("div", {
+						className: "flex items-center gap-3",
+						children: [
+							/* @__PURE__ */ y("h1", {
+								className: "text-2xl font-bold",
+								children: /* @__PURE__ */ y(p, { children: T.id })
+							}),
+							/* @__PURE__ */ y(o, {
+								variant: x[T.priority],
+								children: T.priority
+							}),
+							/* @__PURE__ */ y(o, {
+								variant: "outline",
+								children: T.status.replace("_", " ")
+							})
+						]
+					}), /* @__PURE__ */ y("p", {
+						className: "text-sm text-text-secondary mt-1",
+						children: T.title
+					})] })]
+				}), /* @__PURE__ */ b(s, {
+					size: "sm",
+					children: [/* @__PURE__ */ y(n, { className: "mr-2 h-4 w-4" }), "Resolve"]
+				})]
+			}),
+			/* @__PURE__ */ y(g, { children: "Investigate the underlying cause behind a cluster of incidents. Capture the root cause and any workaround, link the incidents this problem explains, and drive it to a permanent fix — so the same issue stops coming back." }),
+			/* @__PURE__ */ y(h, {
+				storageKey: "assethandler-problem-detail",
+				steps: [
+					{
+						id: "resolve",
+						label: "Record a root cause and resolve",
+						description: "Document the permanent fix once identified.",
+						done: T.status === "resolved" || T.status === "closed"
+					},
+					{
+						id: "incidents",
+						label: "Review related incidents",
+						description: "See the incidents this problem is responsible for.",
+						onClick: () => S("/itil/incident-management")
+					},
+					{
+						id: "kb",
+						label: "Write a knowledge article",
+						description: "Capture the workaround so others can reuse it.",
+						onClick: () => S("/advanced/knowledge-base")
+					}
+				]
+			}),
+			/* @__PURE__ */ b("div", {
+				className: "grid gap-6 lg:grid-cols-3",
+				children: [/* @__PURE__ */ b(f, {
+					className: "lg:col-span-2",
+					children: [/* @__PURE__ */ y(u, {
+						className: "px-0 pt-0",
+						children: /* @__PURE__ */ y(d, { children: "Problem Details" })
+					}), /* @__PURE__ */ b(l, {
+						className: "space-y-4 px-0 pb-0",
+						children: [
+							/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("h4", {
+								className: "text-sm font-medium text-text-secondary",
+								children: "Description"
+							}), /* @__PURE__ */ y("p", {
+								className: "text-sm mt-1",
+								children: T.description
+							})] }),
+							T.rootCause && /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y(_, {}), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("h4", {
+								className: "text-sm font-medium text-text-secondary",
+								children: "Root Cause"
+							}), /* @__PURE__ */ y("p", {
+								className: "text-sm mt-1",
+								children: T.rootCause
+							})] })] }),
+							T.workaround && /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y(_, {}), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("h4", {
+								className: "text-sm font-medium text-text-secondary",
+								children: "Workaround"
+							}), /* @__PURE__ */ y("p", {
+								className: "text-sm mt-1",
+								children: T.workaround
+							})] })] }),
+							/* @__PURE__ */ y(_, {}),
+							/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("h4", {
+								className: "text-sm font-medium text-text-secondary mb-2 flex items-center gap-2",
+								children: [
+									/* @__PURE__ */ y(r, { className: "h-4 w-4" }),
+									"Related Incidents (",
+									T.relatedIncidents.length,
+									")"
+								]
+							}), /* @__PURE__ */ y("div", {
+								className: "flex flex-wrap gap-2",
+								children: T.relatedIncidents.map((e) => /* @__PURE__ */ y(o, {
+									variant: "secondary",
+									className: "font-mono",
+									children: e
+								}, e))
+							})] })
+						]
+					})]
+				}), /* @__PURE__ */ b(c, { children: [/* @__PURE__ */ y(u, { children: /* @__PURE__ */ y(d, {
+					className: "text-base",
+					children: "Properties"
+				}) }), /* @__PURE__ */ y(l, { children: /* @__PURE__ */ b("dl", {
+					className: "space-y-3 text-sm",
 					children: [
-						/* @__PURE__ */ m("h1", {
-							className: "text-2xl font-bold",
-							children: /* @__PURE__ */ m(d, { children: y.id })
+						/* @__PURE__ */ b("div", {
+							className: "flex justify-between",
+							children: [/* @__PURE__ */ y("dt", {
+								className: "text-text-secondary",
+								children: "Category"
+							}), /* @__PURE__ */ y("dd", {
+								className: "font-medium",
+								children: T.category
+							})]
+						}),
+						/* @__PURE__ */ b("div", {
+							className: "flex justify-between",
+							children: [/* @__PURE__ */ y("dt", {
+								className: "text-text-secondary",
+								children: "Priority"
+							}), /* @__PURE__ */ y("dd", { children: /* @__PURE__ */ y(o, {
+								variant: x[T.priority],
+								children: T.priority
+							}) })]
 						}),
-						/* @__PURE__ */ m(a, {
-							variant: g[y.priority],
-							children: y.priority
+						/* @__PURE__ */ b("div", {
+							className: "flex justify-between",
+							children: [/* @__PURE__ */ y("dt", {
+								className: "text-text-secondary",
+								children: "Status"
+							}), /* @__PURE__ */ y("dd", { children: /* @__PURE__ */ y(o, {
+								variant: "outline",
+								children: T.status.replace("_", " ")
+							}) })]
 						}),
-						/* @__PURE__ */ m(a, {
-							variant: "outline",
-							children: y.status.replace("_", " ")
+						/* @__PURE__ */ y(_, {}),
+						/* @__PURE__ */ b("div", {
+							className: "flex justify-between",
+							children: [/* @__PURE__ */ y("dt", {
+								className: "text-text-secondary",
+								children: "Assigned To"
+							}), /* @__PURE__ */ y("dd", {
+								className: "text-xs",
+								children: T.assignedTo
+							})]
+						}),
+						/* @__PURE__ */ b("div", {
+							className: "flex justify-between",
+							children: [/* @__PURE__ */ y("dt", {
+								className: "text-text-secondary",
+								children: "Created"
+							}), /* @__PURE__ */ y("dd", {
+								className: "text-xs",
+								children: new Date(T.createdAt).toLocaleDateString()
+							})]
+						}),
+						/* @__PURE__ */ b("div", {
+							className: "flex justify-between",
+							children: [/* @__PURE__ */ y("dt", {
+								className: "text-text-secondary",
+								children: "Updated"
+							}), /* @__PURE__ */ y("dd", {
+								className: "text-xs",
+								children: new Date(T.updatedAt).toLocaleDateString()
+							})]
 						})
 					]
-				}), /* @__PURE__ */ m("p", {
-					className: "text-sm text-text-secondary mt-1",
-					children: y.title
-				})] })]
-			}), /* @__PURE__ */ h(o, {
-				size: "sm",
-				children: [/* @__PURE__ */ m(n, { className: "mr-2 h-4 w-4" }), "Resolve"]
-			})]
-		}), /* @__PURE__ */ h("div", {
-			className: "grid gap-6 lg:grid-cols-3",
-			children: [/* @__PURE__ */ h(s, {
-				className: "lg:col-span-2",
-				children: [/* @__PURE__ */ m(l, { children: /* @__PURE__ */ m(u, { children: "Problem Details" }) }), /* @__PURE__ */ h(c, {
-					className: "space-y-4",
-					children: [
-						/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("h4", {
-							className: "text-sm font-medium text-text-secondary",
-							children: "Description"
-						}), /* @__PURE__ */ m("p", {
-							className: "text-sm mt-1",
-							children: y.description
-						})] }),
-						y.rootCause && /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(f, {}), /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("h4", {
-							className: "text-sm font-medium text-text-secondary",
-							children: "Root Cause"
-						}), /* @__PURE__ */ m("p", {
-							className: "text-sm mt-1",
-							children: y.rootCause
-						})] })] }),
-						y.workaround && /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(f, {}), /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("h4", {
-							className: "text-sm font-medium text-text-secondary",
-							children: "Workaround"
-						}), /* @__PURE__ */ m("p", {
-							className: "text-sm mt-1",
-							children: y.workaround
-						})] })] }),
-						/* @__PURE__ */ m(f, {}),
-						/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ h("h4", {
-							className: "text-sm font-medium text-text-secondary mb-2 flex items-center gap-2",
-							children: [
-								/* @__PURE__ */ m(r, { className: "h-4 w-4" }),
-								"Related Incidents (",
-								y.relatedIncidents.length,
-								")"
-							]
-						}), /* @__PURE__ */ m("div", {
-							className: "flex flex-wrap gap-2",
-							children: y.relatedIncidents.map((e) => /* @__PURE__ */ m(a, {
-								variant: "secondary",
-								className: "font-mono",
-								children: e
-							}, e))
-						})] })
-					]
-				})]
-			}), /* @__PURE__ */ h(s, { children: [/* @__PURE__ */ m(l, { children: /* @__PURE__ */ m(u, {
-				className: "text-base",
-				children: "Properties"
-			}) }), /* @__PURE__ */ m(c, { children: /* @__PURE__ */ h("dl", {
-				className: "space-y-3 text-sm",
-				children: [
-					/* @__PURE__ */ h("div", {
-						className: "flex justify-between",
-						children: [/* @__PURE__ */ m("dt", {
-							className: "text-text-secondary",
-							children: "Category"
-						}), /* @__PURE__ */ m("dd", {
-							className: "font-medium",
-							children: y.category
-						})]
-					}),
-					/* @__PURE__ */ h("div", {
-						className: "flex justify-between",
-						children: [/* @__PURE__ */ m("dt", {
-							className: "text-text-secondary",
-							children: "Priority"
-						}), /* @__PURE__ */ m("dd", { children: /* @__PURE__ */ m(a, {
-							variant: g[y.priority],
-							children: y.priority
-						}) })]
-					}),
-					/* @__PURE__ */ h("div", {
-						className: "flex justify-between",
-						children: [/* @__PURE__ */ m("dt", {
-							className: "text-text-secondary",
-							children: "Status"
-						}), /* @__PURE__ */ m("dd", { children: /* @__PURE__ */ m(a, {
-							variant: "outline",
-							children: y.status.replace("_", " ")
-						}) })]
-					}),
-					/* @__PURE__ */ m(f, {}),
-					/* @__PURE__ */ h("div", {
-						className: "flex justify-between",
-						children: [/* @__PURE__ */ m("dt", {
-							className: "text-text-secondary",
-							children: "Assigned To"
-						}), /* @__PURE__ */ m("dd", {
-							className: "text-xs",
-							children: y.assignedTo
-						})]
-					}),
-					/* @__PURE__ */ h("div", {
-						className: "flex justify-between",
-						children: [/* @__PURE__ */ m("dt", {
-							className: "text-text-secondary",
-							children: "Created"
-						}), /* @__PURE__ */ m("dd", {
-							className: "text-xs",
-							children: new Date(y.createdAt).toLocaleDateString()
-						})]
-					}),
-					/* @__PURE__ */ h("div", {
-						className: "flex justify-between",
-						children: [/* @__PURE__ */ m("dt", {
-							className: "text-text-secondary",
-							children: "Updated"
-						}), /* @__PURE__ */ m("dd", {
-							className: "text-xs",
-							children: new Date(y.updatedAt).toLocaleDateString()
-						})]
-					})
-				]
-			}) })] })]
-		})]
-	}) : /* @__PURE__ */ m("div", {
+				}) })] })]
+			})
+		]
+	}) : /* @__PURE__ */ y("div", {
 		className: "p-6",
-		children: /* @__PURE__ */ m("p", {
-			className: "text-text-secondary",
-			children: "Problem not found."
+		children: /* @__PURE__ */ y(m, {
+			illustration: "empty-search",
+			title: "Problem not found",
+			description: "This problem record may have been resolved or removed. Return to problem management to find it.",
+			action: /* @__PURE__ */ y(s, {
+				size: "sm",
+				onClick: () => S("/itil/problem-management"),
+				children: "Back to problems"
+			})
 		})
 	});
 }
 //#endregion
-export { _ as ItilProblemDetailPage };
+export { S as ItilProblemDetailPage };
 
 //# sourceMappingURL=ItilProblemDetailPage.js.map

package/dist/assethandler/pages/ItilProblemDetailPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItilProblemDetailPage.js","names":[],"sources":["../../../src/assethandler/pages/ItilProblemDetailPage.tsx"],"sourcesContent":["import {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  Separator,\n  GradientText,\n} from '@burdenoff/fe-libs/ui';\nimport { ArrowLeft, CheckCircle, Link2, Search } from 'lucide-react';\nimport { useParams } from 'react-router-dom';\nimport { useAssetHandlerStore } from '../store/assethandlerStore';\n\nconst priorityColors: Record<string, 'destructive' | 'default' | 'secondary' | 'outline'> = {\n  critical: 'destructive',\n  high: 'destructive',\n  medium: 'default',\n  low: 'secondary',\n};\n\nexport function ItilProblemDetailPage() {\n  const { problemId } = useParams<{ problemId: string }>();\n  const { problems } = useAssetHandlerStore();\n  const problem = problems.find((item) => item.id === problemId) ?? problems[0];\n\n  if (!problem)\n    return (\n      <div className=\"p-6\">\n        <p className=\"text-text-secondary\">Problem not found.</p>\n      </div>\n    );\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div className=\"flex items-center gap-4\">\n          <Button variant=\"ghost\" size=\"icon\">\n            <ArrowLeft className=\"h-4 w-4\" />\n          </Button>\n          <div>\n            <div className=\"flex items-center gap-3\">\n              <h1 className=\"text-2xl font-bold\">\n                <GradientText>{problem.id}</GradientText>\n              </h1>\n              <Badge variant={priorityColors[problem.priority]}>{problem.priority}</Badge>\n              <Badge variant=\"outline\">{problem.status.replace('_', ' ')}</Badge>\n            </div>\n            <p className=\"text-sm text-text-secondary mt-1\">{problem.title}</p>\n          </div>\n        </div>\n        <Button size=\"sm\">\n          <CheckCircle className=\"mr-2 h-4 w-4\" />\n          Resolve\n        </Button>\n      </div>\n\n      <div className=\"grid gap-6 lg:grid-cols-3\">\n        <Card className=\"lg:col-span-2\">\n          <CardHeader>\n            <CardTitle>Problem Details</CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-4\">\n            <div>\n              <h4 className=\"text-sm font-medium text-text-secondary\">Description</h4>\n              <p className=\"text-sm mt-1\">{problem.description}</p>\n            </div>\n            {problem.rootCause && (\n              <>\n                <Separator />\n                <div>\n                  <h4 className=\"text-sm font-medium text-text-secondary\">Root Cause</h4>\n                  <p className=\"text-sm mt-1\">{problem.rootCause}</p>\n                </div>\n              </>\n            )}\n            {problem.workaround && (\n              <>\n                <Separator />\n                <div>\n                  <h4 className=\"text-sm font-medium text-text-secondary\">Workaround</h4>\n                  <p className=\"text-sm mt-1\">{problem.workaround}</p>\n                </div>\n              </>\n            )}\n            <Separator />\n            <div>\n              <h4 className=\"text-sm font-medium text-text-secondary mb-2 flex items-center gap-2\">\n                <Link2 className=\"h-4 w-4\" />\n                Related Incidents ({problem.relatedIncidents.length})\n              </h4>\n              <div className=\"flex flex-wrap gap-2\">\n                {problem.relatedIncidents.map((id) => (\n                  <Badge key={id} variant=\"secondary\" className=\"font-mono\">\n                    {id}\n                  </Badge>\n                ))}\n              </div>\n            </div>\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader>\n            <CardTitle className=\"text-base\">Properties</CardTitle>\n          </CardHeader>\n          <CardContent>\n            <dl className=\"space-y-3 text-sm\">\n              <div className=\"flex justify-between\">\n                <dt className=\"text-text-secondary\">Category</dt>\n                <dd className=\"font-medium\">{problem.category}</dd>\n              </div>\n              <div className=\"flex justify-between\">\n                <dt className=\"text-text-secondary\">Priority</dt>\n                <dd>\n                  <Badge variant={priorityColors[problem.priority]}>{problem.priority}</Badge>\n                </dd>\n              </div>\n              <div className=\"flex justify-between\">\n                <dt className=\"text-text-secondary\">Status</dt>\n                <dd>\n                  <Badge variant=\"outline\">{problem.status.replace('_', ' ')}</Badge>\n                </dd>\n              </div>\n              <Separator />\n              <div className=\"flex justify-between\">\n                <dt className=\"text-text-secondary\">Assigned To</dt>\n                <dd className=\"text-xs\">{problem.assignedTo}</dd>\n              </div>\n              <div className=\"flex justify-between\">\n                <dt className=\"text-text-secondary\">Created</dt>\n                <dd className=\"text-xs\">{new Date(problem.createdAt).toLocaleDateString()}</dd>\n              </div>\n              <div className=\"flex justify-between\">\n                <dt className=\"text-text-secondary\">Updated</dt>\n                <dd className=\"text-xs\">{new Date(problem.updatedAt).toLocaleDateString()}</dd>\n              </div>\n            </dl>\n          </CardContent>\n        </Card>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ItilProblemDetailPage.js","names":[],"sources":["../../../src/assethandler/pages/ItilProblemDetailPage.tsx"],"sourcesContent":["import {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  Separator,\n  GradientText,\n  EmphasisPanel,\n  PagePurpose,\n  NextSteps,\n  IllustratedEmptyState,\n} from '@burdenoff/fe-libs/ui';\nimport { ArrowLeft, CheckCircle, Link2 } from 'lucide-react';\nimport { useNavigate, useParams } from 'react-router-dom';\nimport { useAssetHandlerStore } from '../store/assethandlerStore';\n\nconst priorityColors: Record<string, 'destructive' | 'default' | 'secondary' | 'outline'> = {\n  critical: 'destructive',\n  high: 'destructive',\n  medium: 'default',\n  low: 'secondary',\n};\n\nexport function ItilProblemDetailPage() {\n  const navigate = useNavigate();\n  const { problemId } = useParams<{ problemId: string }>();\n  const { problems } = useAssetHandlerStore();\n  const problem = problems.find((item) => item.id === problemId) ?? problems[0];\n\n  if (!problem)\n    return (\n      <div className=\"p-6\">\n        <IllustratedEmptyState\n          illustration=\"empty-search\"\n          title=\"Problem not found\"\n          description=\"This problem record may have been resolved or removed. Return to problem management to find it.\"\n          action={\n            <Button size=\"sm\" onClick={() => navigate('/itil/problem-management')}>\n              Back to problems\n            </Button>\n          }\n        />\n      </div>\n    );\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div className=\"flex items-center gap-4\">\n          <Button variant=\"ghost\" size=\"icon\" onClick={() => navigate('/itil/problem-management')}>\n            <ArrowLeft className=\"h-4 w-4\" />\n          </Button>\n          <div>\n            <div className=\"flex items-center gap-3\">\n              <h1 className=\"text-2xl font-bold\">\n                <GradientText>{problem.id}</GradientText>\n              </h1>\n              <Badge variant={priorityColors[problem.priority]}>{problem.priority}</Badge>\n              <Badge variant=\"outline\">{problem.status.replace('_', ' ')}</Badge>\n            </div>\n            <p className=\"text-sm text-text-secondary mt-1\">{problem.title}</p>\n          </div>\n        </div>\n        <Button size=\"sm\">\n          <CheckCircle className=\"mr-2 h-4 w-4\" />\n          Resolve\n        </Button>\n      </div>\n\n      <PagePurpose>\n        Investigate the underlying cause behind a cluster of incidents. Capture the root cause and\n        any workaround, link the incidents this problem explains, and drive it to a permanent fix —\n        so the same issue stops coming back.\n      </PagePurpose>\n\n      <NextSteps\n        storageKey=\"assethandler-problem-detail\"\n        steps={[\n          {\n            id: 'resolve',\n            label: 'Record a root cause and resolve',\n            description: 'Document the permanent fix once identified.',\n            done: problem.status === 'resolved' || problem.status === 'closed',\n          },\n          {\n            id: 'incidents',\n            label: 'Review related incidents',\n            description: 'See the incidents this problem is responsible for.',\n            onClick: () => navigate('/itil/incident-management'),\n          },\n          {\n            id: 'kb',\n            label: 'Write a knowledge article',\n            description: 'Capture the workaround so others can reuse it.',\n            onClick: () => navigate('/advanced/knowledge-base'),\n          },\n        ]}\n      />\n\n      <div className=\"grid gap-6 lg:grid-cols-3\">\n        <EmphasisPanel className=\"lg:col-span-2\">\n          <CardHeader className=\"px-0 pt-0\">\n            <CardTitle>Problem Details</CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-4 px-0 pb-0\">\n            <div>\n              <h4 className=\"text-sm font-medium text-text-secondary\">Description</h4>\n              <p className=\"text-sm mt-1\">{problem.description}</p>\n            </div>\n            {problem.rootCause && (\n              <>\n                <Separator />\n                <div>\n                  <h4 className=\"text-sm font-medium text-text-secondary\">Root Cause</h4>\n                  <p className=\"text-sm mt-1\">{problem.rootCause}</p>\n                </div>\n              </>\n            )}\n            {problem.workaround && (\n              <>\n                <Separator />\n                <div>\n                  <h4 className=\"text-sm font-medium text-text-secondary\">Workaround</h4>\n                  <p className=\"text-sm mt-1\">{problem.workaround}</p>\n                </div>\n              </>\n            )}\n            <Separator />\n            <div>\n              <h4 className=\"text-sm font-medium text-text-secondary mb-2 flex items-center gap-2\">\n                <Link2 className=\"h-4 w-4\" />\n                Related Incidents ({problem.relatedIncidents.length})\n              </h4>\n              <div className=\"flex flex-wrap gap-2\">\n                {problem.relatedIncidents.map((id) => (\n                  <Badge key={id} variant=\"secondary\" className=\"font-mono\">\n                    {id}\n                  </Badge>\n                ))}\n              </div>\n            </div>\n          </CardContent>\n        </EmphasisPanel>\n\n        <Card>\n          <CardHeader>\n            <CardTitle className=\"text-base\">Properties</CardTitle>\n          </CardHeader>\n          <CardContent>\n            <dl className=\"space-y-3 text-sm\">\n              <div className=\"flex justify-between\">\n                <dt className=\"text-text-secondary\">Category</dt>\n                <dd className=\"font-medium\">{problem.category}</dd>\n              </div>\n              <div className=\"flex justify-between\">\n                <dt className=\"text-text-secondary\">Priority</dt>\n                <dd>\n                  <Badge variant={priorityColors[problem.priority]}>{problem.priority}</Badge>\n                </dd>\n              </div>\n              <div className=\"flex justify-between\">\n                <dt className=\"text-text-secondary\">Status</dt>\n                <dd>\n                  <Badge variant=\"outline\">{problem.status.replace('_', ' ')}</Badge>\n                </dd>\n              </div>\n              <Separator />\n              <div className=\"flex justify-between\">\n                <dt className=\"text-text-secondary\">Assigned To</dt>\n                <dd className=\"text-xs\">{problem.assignedTo}</dd>\n              </div>\n              <div className=\"flex justify-between\">\n                <dt className=\"text-text-secondary\">Created</dt>\n                <dd className=\"text-xs\">{new Date(problem.createdAt).toLocaleDateString()}</dd>\n              </div>\n              <div className=\"flex justify-between\">\n                <dt className=\"text-text-secondary\">Updated</dt>\n                <dd className=\"text-xs\">{new Date(problem.updatedAt).toLocaleDateString()}</dd>\n              </div>\n            </dl>\n          </CardContent>\n        </Card>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/assethandler/pages/ItilProblemManagementPage.js

@@ -1,155 +1,157 @@
 import { useAssetHandlerStore as e } from "../store/assethandlerStore.js";
 import { Plus as t } from "lucide-react";
-import { Badge as n, Button as r, Card as i, CardContent as a, GradientText as o } from "@burdenoff/fe-libs/ui";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { Badge as n, Button as r, Card as i, CardContent as a, EmphasisPanel as o, GradientText as s, IllustratedEmptyState as c, PagePurpose as l } from "@burdenoff/fe-libs/ui";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region src/assethandler/pages/ItilProblemManagementPage.tsx
-var l = {
+var f = {
 	critical: "destructive",
 	high: "destructive",
 	medium: "default",
 	low: "secondary"
 };
-function u() {
-	let { problems: u } = e();
-	return /* @__PURE__ */ c("div", {
+function p() {
+	let { problems: p } = e();
+	return /* @__PURE__ */ d("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ c("div", {
+			/* @__PURE__ */ d("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("h1", {
+				children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("h1", {
 					className: "text-2xl font-bold",
-					children: /* @__PURE__ */ s(o, { children: "Problem Management" })
-				}), /* @__PURE__ */ c("p", {
+					children: /* @__PURE__ */ u(s, { children: "Problem Management" })
+				}), /* @__PURE__ */ d("p", {
 					className: "text-sm text-text-secondary",
-					children: [u.length, " problems tracked"]
-				})] }), /* @__PURE__ */ c(r, {
+					children: [p.length, " problems tracked"]
+				})] }), /* @__PURE__ */ d(r, {
 					size: "sm",
-					children: [/* @__PURE__ */ s(t, { className: "mr-2 h-4 w-4" }), "New Problem"]
+					children: [/* @__PURE__ */ u(t, { className: "mr-2 h-4 w-4" }), "New Problem"]
 				})]
 			}),
-			/* @__PURE__ */ c("div", {
+			/* @__PURE__ */ u(l, { children: "Get to the root cause of recurring incidents instead of firefighting the same issue twice. Track problems through investigation to a known error and a permanent fix, link the incidents they explain, and stop repeat outages at the source." }),
+			/* @__PURE__ */ d("div", {
 				className: "grid gap-4 md:grid-cols-4",
 				children: [
-					/* @__PURE__ */ s(i, { children: /* @__PURE__ */ c(a, {
+					/* @__PURE__ */ d(o, { children: [/* @__PURE__ */ u("p", {
+						className: "text-sm text-text-secondary",
+						children: "Open"
+					}), /* @__PURE__ */ u("p", {
+						className: "text-2xl font-bold tabular-nums",
+						children: p.filter((e) => e.status === "open").length
+					})] }),
+					/* @__PURE__ */ u(i, { children: /* @__PURE__ */ d(a, {
 						className: "pt-4",
-						children: [/* @__PURE__ */ s("p", {
-							className: "text-sm text-text-secondary",
-							children: "Open"
-						}), /* @__PURE__ */ s("p", {
-							className: "text-2xl font-bold tabular-nums",
-							children: u.filter((e) => e.status === "open").length
-						})]
-					}) }),
-					/* @__PURE__ */ s(i, { children: /* @__PURE__ */ c(a, {
-						className: "pt-4",
-						children: [/* @__PURE__ */ s("p", {
+						children: [/* @__PURE__ */ u("p", {
 							className: "text-sm text-text-secondary",
 							children: "Investigating"
-						}), /* @__PURE__ */ s("p", {
+						}), /* @__PURE__ */ u("p", {
 							className: "text-2xl font-bold text-status-info-text",
-							children: u.filter((e) => e.status === "investigating").length
+							children: p.filter((e) => e.status === "investigating").length
 						})]
 					}) }),
-					/* @__PURE__ */ s(i, { children: /* @__PURE__ */ c(a, {
+					/* @__PURE__ */ u(i, { children: /* @__PURE__ */ d(a, {
 						className: "pt-4",
-						children: [/* @__PURE__ */ s("p", {
+						children: [/* @__PURE__ */ u("p", {
 							className: "text-sm text-text-secondary",
 							children: "Known Error"
-						}), /* @__PURE__ */ s("p", {
+						}), /* @__PURE__ */ u("p", {
 							className: "text-2xl font-bold text-status-warning-text",
-							children: u.filter((e) => e.status === "known_error").length
+							children: p.filter((e) => e.status === "known_error").length
 						})]
 					}) }),
-					/* @__PURE__ */ s(i, { children: /* @__PURE__ */ c(a, {
+					/* @__PURE__ */ u(i, { children: /* @__PURE__ */ d(a, {
 						className: "pt-4",
-						children: [/* @__PURE__ */ s("p", {
+						children: [/* @__PURE__ */ u("p", {
 							className: "text-sm text-text-secondary",
 							children: "Resolved"
-						}), /* @__PURE__ */ s("p", {
+						}), /* @__PURE__ */ u("p", {
 							className: "text-2xl font-bold text-status-success-text",
-							children: u.filter((e) => e.status === "resolved" || e.status === "closed").length
+							children: p.filter((e) => e.status === "resolved" || e.status === "closed").length
 						})]
 					}) })
 				]
 			}),
-			/* @__PURE__ */ s(i, { children: /* @__PURE__ */ s(a, {
+			p.length === 0 ? /* @__PURE__ */ u(c, {
+				illustration: "empty-search",
+				title: "No problems tracked",
+				description: "Open a problem record to investigate the root cause behind recurring incidents."
+			}) : /* @__PURE__ */ u(i, { children: /* @__PURE__ */ u(a, {
 				className: "p-0",
-				children: /* @__PURE__ */ s("div", {
+				children: /* @__PURE__ */ u("div", {
 					className: "overflow-x-auto",
-					children: /* @__PURE__ */ c("table", {
+					children: /* @__PURE__ */ d("table", {
 						className: "w-full text-sm",
-						children: [/* @__PURE__ */ s("thead", { children: /* @__PURE__ */ c("tr", {
+						children: [/* @__PURE__ */ u("thead", { children: /* @__PURE__ */ d("tr", {
 							className: "border-b bg-bg-sunken/50",
 							children: [
-								/* @__PURE__ */ s("th", {
+								/* @__PURE__ */ u("th", {
 									className: "text-left p-3 font-medium",
 									children: "ID"
 								}),
-								/* @__PURE__ */ s("th", {
+								/* @__PURE__ */ u("th", {
 									className: "text-left p-3 font-medium",
 									children: "Title"
 								}),
-								/* @__PURE__ */ s("th", {
+								/* @__PURE__ */ u("th", {
 									className: "text-left p-3 font-medium",
 									children: "Category"
 								}),
-								/* @__PURE__ */ s("th", {
+								/* @__PURE__ */ u("th", {
 									className: "text-left p-3 font-medium",
 									children: "Priority"
 								}),
-								/* @__PURE__ */ s("th", {
+								/* @__PURE__ */ u("th", {
 									className: "text-left p-3 font-medium",
 									children: "Status"
 								}),
-								/* @__PURE__ */ s("th", {
+								/* @__PURE__ */ u("th", {
 									className: "text-left p-3 font-medium",
 									children: "Related Incidents"
 								}),
-								/* @__PURE__ */ s("th", {
+								/* @__PURE__ */ u("th", {
 									className: "text-left p-3 font-medium",
 									children: "Assigned To"
 								})
 							]
-						}) }), /* @__PURE__ */ s("tbody", { children: u.map((e) => /* @__PURE__ */ c("tr", {
+						}) }), /* @__PURE__ */ u("tbody", { children: p.map((e) => /* @__PURE__ */ d("tr", {
 							className: "border-b hover:bg-bg-sunken/50 cursor-pointer",
 							children: [
-								/* @__PURE__ */ s("td", {
+								/* @__PURE__ */ u("td", {
 									className: "p-3 font-mono text-xs",
 									children: e.id
 								}),
-								/* @__PURE__ */ c("td", {
+								/* @__PURE__ */ d("td", {
 									className: "p-3",
-									children: [/* @__PURE__ */ s("p", {
+									children: [/* @__PURE__ */ u("p", {
 										className: "font-medium",
 										children: e.title
-									}), /* @__PURE__ */ s("p", {
+									}), /* @__PURE__ */ u("p", {
 										className: "text-xs text-text-secondary truncate max-w-xs",
 										children: e.description
 									})]
 								}),
-								/* @__PURE__ */ s("td", {
+								/* @__PURE__ */ u("td", {
 									className: "p-3 text-xs",
 									children: e.category
 								}),
-								/* @__PURE__ */ s("td", {
+								/* @__PURE__ */ u("td", {
 									className: "p-3",
-									children: /* @__PURE__ */ s(n, {
-										variant: l[e.priority],
+									children: /* @__PURE__ */ u(n, {
+										variant: f[e.priority],
 										children: e.priority
 									})
 								}),
-								/* @__PURE__ */ s("td", {
+								/* @__PURE__ */ u("td", {
 									className: "p-3",
-									children: /* @__PURE__ */ s(n, {
+									children: /* @__PURE__ */ u(n, {
 										variant: "outline",
 										children: e.status.replace("_", " ")
 									})
 								}),
-								/* @__PURE__ */ s("td", {
+								/* @__PURE__ */ u("td", {
 									className: "p-3 text-xs",
 									children: e.relatedIncidents.join(", ")
 								}),
-								/* @__PURE__ */ s("td", {
+								/* @__PURE__ */ u("td", {
 									className: "p-3 text-xs",
 									children: e.assignedTo
 								})
@@ -162,6 +164,6 @@ function u() {
 	});
 }
 //#endregion
-export { u as ItilProblemManagementPage };
+export { p as ItilProblemManagementPage };
 
 //# sourceMappingURL=ItilProblemManagementPage.js.map