@burdenoff/microfe-assethandler 2026.510.104

package/dist/assethandler/pages/ItilItilhubPage.js

@@ -0,0 +1,374 @@
+import { useAssetHandlerStore as e } from "../store/assethandlerStore.js";
+import { AlertTriangle as t, CheckCircle as n, GitPullRequest as r, Search as i, XCircle as a } from "lucide-react";
+import { Badge as o, Button as s, Card as c, CardContent as l, Tabs as u, TabsContent as d, TabsList as f, TabsTrigger as p } from "@burdenoff/fe-libs/ui";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+//#region src/assethandler/pages/ItilItilhubPage.tsx
+var g = {
+	critical: "destructive",
+	high: "destructive",
+	medium: "default",
+	low: "secondary"
+};
+function _() {
+	let { incidents: _, changeRequests: v, problems: y } = e(), b = _.filter((e) => e.status !== "resolved" && e.status !== "closed"), x = _.filter((e) => e.status === "resolved" || e.status === "closed"), S = _.filter((e) => e.slaBreached), C = v.filter((e) => e.status !== "completed" && e.status !== "rejected"), w = y.filter((e) => e.status !== "resolved" && e.status !== "closed");
+	return /* @__PURE__ */ h("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ h("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("h1", {
+					className: "text-2xl font-bold",
+					children: "ITIL Service Management"
+				}), /* @__PURE__ */ m("p", {
+					className: "text-sm text-muted-foreground",
+					children: "Incident, Change, and Problem management hub"
+				})] }), /* @__PURE__ */ m(s, {
+					size: "sm",
+					children: "Create Ticket"
+				})]
+			}),
+			/* @__PURE__ */ h("div", {
+				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-5",
+				children: [
+					/* @__PURE__ */ m(c, { children: /* @__PURE__ */ h(l, {
+						className: "pt-4",
+						children: [/* @__PURE__ */ h("div", {
+							className: "flex items-center gap-2 text-sm text-muted-foreground",
+							children: [/* @__PURE__ */ m(t, { className: "h-4 w-4" }), "Active Incidents"]
+						}), /* @__PURE__ */ m("p", {
+							className: "text-2xl font-bold mt-1",
+							children: b.length
+						})]
+					}) }),
+					/* @__PURE__ */ m(c, { children: /* @__PURE__ */ h(l, {
+						className: "pt-4",
+						children: [/* @__PURE__ */ h("div", {
+							className: "flex items-center gap-2 text-sm text-muted-foreground",
+							children: [/* @__PURE__ */ m(n, { className: "h-4 w-4" }), "Resolved"]
+						}), /* @__PURE__ */ m("p", {
+							className: "text-2xl font-bold mt-1 text-green-600",
+							children: x.length
+						})]
+					}) }),
+					/* @__PURE__ */ m(c, { children: /* @__PURE__ */ h(l, {
+						className: "pt-4",
+						children: [/* @__PURE__ */ h("div", {
+							className: "flex items-center gap-2 text-sm text-muted-foreground",
+							children: [/* @__PURE__ */ m(a, { className: "h-4 w-4" }), "SLA Breaches"]
+						}), /* @__PURE__ */ m("p", {
+							className: "text-2xl font-bold mt-1 text-red-600",
+							children: S.length
+						})]
+					}) }),
+					/* @__PURE__ */ m(c, { children: /* @__PURE__ */ h(l, {
+						className: "pt-4",
+						children: [/* @__PURE__ */ h("div", {
+							className: "flex items-center gap-2 text-sm text-muted-foreground",
+							children: [/* @__PURE__ */ m(r, { className: "h-4 w-4" }), "Pending Changes"]
+						}), /* @__PURE__ */ m("p", {
+							className: "text-2xl font-bold mt-1",
+							children: C.length
+						})]
+					}) }),
+					/* @__PURE__ */ m(c, { children: /* @__PURE__ */ h(l, {
+						className: "pt-4",
+						children: [/* @__PURE__ */ h("div", {
+							className: "flex items-center gap-2 text-sm text-muted-foreground",
+							children: [/* @__PURE__ */ m(i, { className: "h-4 w-4" }), "Open Problems"]
+						}), /* @__PURE__ */ m("p", {
+							className: "text-2xl font-bold mt-1",
+							children: w.length
+						})]
+					}) })
+				]
+			}),
+			/* @__PURE__ */ h(u, {
+				defaultValue: "incidents",
+				children: [
+					/* @__PURE__ */ h(f, { children: [
+						/* @__PURE__ */ h(p, {
+							value: "incidents",
+							children: [
+								"Incidents (",
+								_.length,
+								")"
+							]
+						}),
+						/* @__PURE__ */ h(p, {
+							value: "changes",
+							children: [
+								"Changes (",
+								v.length,
+								")"
+							]
+						}),
+						/* @__PURE__ */ h(p, {
+							value: "problems",
+							children: [
+								"Problems (",
+								y.length,
+								")"
+							]
+						})
+					] }),
+					/* @__PURE__ */ m(d, {
+						value: "incidents",
+						className: "mt-4",
+						children: /* @__PURE__ */ m(c, { children: /* @__PURE__ */ m(l, {
+							className: "p-0",
+							children: /* @__PURE__ */ m("div", {
+								className: "overflow-x-auto",
+								children: /* @__PURE__ */ h("table", {
+									className: "w-full text-sm",
+									children: [/* @__PURE__ */ m("thead", { children: /* @__PURE__ */ h("tr", {
+										className: "border-b bg-muted/50",
+										children: [
+											/* @__PURE__ */ m("th", {
+												className: "text-left p-3 font-medium",
+												children: "ID"
+											}),
+											/* @__PURE__ */ m("th", {
+												className: "text-left p-3 font-medium",
+												children: "Title"
+											}),
+											/* @__PURE__ */ m("th", {
+												className: "text-left p-3 font-medium",
+												children: "Priority"
+											}),
+											/* @__PURE__ */ m("th", {
+												className: "text-left p-3 font-medium",
+												children: "Status"
+											}),
+											/* @__PURE__ */ m("th", {
+												className: "text-left p-3 font-medium",
+												children: "Assigned To"
+											}),
+											/* @__PURE__ */ m("th", {
+												className: "text-left p-3 font-medium",
+												children: "SLA"
+											})
+										]
+									}) }), /* @__PURE__ */ m("tbody", { children: _.map((e) => /* @__PURE__ */ h("tr", {
+										className: "border-b hover:bg-muted/50 cursor-pointer",
+										children: [
+											/* @__PURE__ */ m("td", {
+												className: "p-3 font-mono text-xs",
+												children: e.id
+											}),
+											/* @__PURE__ */ h("td", {
+												className: "p-3",
+												children: [/* @__PURE__ */ m("p", {
+													className: "font-medium",
+													children: e.title
+												}), /* @__PURE__ */ m("p", {
+													className: "text-xs text-muted-foreground truncate max-w-xs",
+													children: e.description
+												})]
+											}),
+											/* @__PURE__ */ m("td", {
+												className: "p-3",
+												children: /* @__PURE__ */ m(o, {
+													variant: g[e.priority],
+													children: e.priority
+												})
+											}),
+											/* @__PURE__ */ m("td", {
+												className: "p-3",
+												children: /* @__PURE__ */ m(o, {
+													variant: "outline",
+													children: e.status.replace("_", " ")
+												})
+											}),
+											/* @__PURE__ */ m("td", {
+												className: "p-3 text-xs",
+												children: e.assignedTo || "Unassigned"
+											}),
+											/* @__PURE__ */ m("td", {
+												className: "p-3",
+												children: e.slaBreached ? /* @__PURE__ */ m(o, {
+													variant: "destructive",
+													children: "Breached"
+												}) : /* @__PURE__ */ m(o, {
+													variant: "secondary",
+													children: "OK"
+												})
+											})
+										]
+									}, e.id)) })]
+								})
+							})
+						}) })
+					}),
+					/* @__PURE__ */ m(d, {
+						value: "changes",
+						className: "mt-4",
+						children: /* @__PURE__ */ m(c, { children: /* @__PURE__ */ m(l, {
+							className: "p-0",
+							children: /* @__PURE__ */ m("div", {
+								className: "overflow-x-auto",
+								children: /* @__PURE__ */ h("table", {
+									className: "w-full text-sm",
+									children: [/* @__PURE__ */ m("thead", { children: /* @__PURE__ */ h("tr", {
+										className: "border-b bg-muted/50",
+										children: [
+											/* @__PURE__ */ m("th", {
+												className: "text-left p-3 font-medium",
+												children: "ID"
+											}),
+											/* @__PURE__ */ m("th", {
+												className: "text-left p-3 font-medium",
+												children: "Title"
+											}),
+											/* @__PURE__ */ m("th", {
+												className: "text-left p-3 font-medium",
+												children: "Type"
+											}),
+											/* @__PURE__ */ m("th", {
+												className: "text-left p-3 font-medium",
+												children: "Risk"
+											}),
+											/* @__PURE__ */ m("th", {
+												className: "text-left p-3 font-medium",
+												children: "Status"
+											}),
+											/* @__PURE__ */ m("th", {
+												className: "text-left p-3 font-medium",
+												children: "Scheduled"
+											})
+										]
+									}) }), /* @__PURE__ */ m("tbody", { children: v.map((e) => /* @__PURE__ */ h("tr", {
+										className: "border-b hover:bg-muted/50 cursor-pointer",
+										children: [
+											/* @__PURE__ */ m("td", {
+												className: "p-3 font-mono text-xs",
+												children: e.id
+											}),
+											/* @__PURE__ */ h("td", {
+												className: "p-3",
+												children: [/* @__PURE__ */ m("p", {
+													className: "font-medium",
+													children: e.title
+												}), /* @__PURE__ */ m("p", {
+													className: "text-xs text-muted-foreground truncate max-w-xs",
+													children: e.description
+												})]
+											}),
+											/* @__PURE__ */ m("td", {
+												className: "p-3 capitalize",
+												children: e.type
+											}),
+											/* @__PURE__ */ m("td", {
+												className: "p-3",
+												children: /* @__PURE__ */ m(o, {
+													variant: g[e.risk],
+													children: e.risk
+												})
+											}),
+											/* @__PURE__ */ m("td", {
+												className: "p-3",
+												children: /* @__PURE__ */ m(o, {
+													variant: "outline",
+													children: e.status.replace("_", " ")
+												})
+											}),
+											/* @__PURE__ */ m("td", {
+												className: "p-3 text-xs",
+												children: new Date(e.scheduledStart).toLocaleDateString()
+											})
+										]
+									}, e.id)) })]
+								})
+							})
+						}) })
+					}),
+					/* @__PURE__ */ m(d, {
+						value: "problems",
+						className: "mt-4",
+						children: /* @__PURE__ */ m(c, { children: /* @__PURE__ */ m(l, {
+							className: "p-0",
+							children: /* @__PURE__ */ m("div", {
+								className: "overflow-x-auto",
+								children: /* @__PURE__ */ h("table", {
+									className: "w-full text-sm",
+									children: [/* @__PURE__ */ m("thead", { children: /* @__PURE__ */ h("tr", {
+										className: "border-b bg-muted/50",
+										children: [
+											/* @__PURE__ */ m("th", {
+												className: "text-left p-3 font-medium",
+												children: "ID"
+											}),
+											/* @__PURE__ */ m("th", {
+												className: "text-left p-3 font-medium",
+												children: "Title"
+											}),
+											/* @__PURE__ */ m("th", {
+												className: "text-left p-3 font-medium",
+												children: "Priority"
+											}),
+											/* @__PURE__ */ m("th", {
+												className: "text-left p-3 font-medium",
+												children: "Status"
+											}),
+											/* @__PURE__ */ m("th", {
+												className: "text-left p-3 font-medium",
+												children: "Related Incidents"
+											}),
+											/* @__PURE__ */ m("th", {
+												className: "text-left p-3 font-medium",
+												children: "Assigned To"
+											})
+										]
+									}) }), /* @__PURE__ */ m("tbody", { children: y.map((e) => /* @__PURE__ */ h("tr", {
+										className: "border-b hover:bg-muted/50 cursor-pointer",
+										children: [
+											/* @__PURE__ */ m("td", {
+												className: "p-3 font-mono text-xs",
+												children: e.id
+											}),
+											/* @__PURE__ */ h("td", {
+												className: "p-3",
+												children: [/* @__PURE__ */ m("p", {
+													className: "font-medium",
+													children: e.title
+												}), /* @__PURE__ */ m("p", {
+													className: "text-xs text-muted-foreground truncate max-w-xs",
+													children: e.description
+												})]
+											}),
+											/* @__PURE__ */ m("td", {
+												className: "p-3",
+												children: /* @__PURE__ */ m(o, {
+													variant: g[e.priority],
+													children: e.priority
+												})
+											}),
+											/* @__PURE__ */ m("td", {
+												className: "p-3",
+												children: /* @__PURE__ */ m(o, {
+													variant: "outline",
+													children: e.status.replace("_", " ")
+												})
+											}),
+											/* @__PURE__ */ h("td", {
+												className: "p-3 text-xs",
+												children: [e.relatedIncidents.length, " incident(s)"]
+											}),
+											/* @__PURE__ */ m("td", {
+												className: "p-3 text-xs",
+												children: e.assignedTo
+											})
+										]
+									}, e.id)) })]
+								})
+							})
+						}) })
+					})
+				]
+			})
+		]
+	});
+}
+//#endregion
+export { _ as ItilItilhubPage };
+
+//# sourceMappingURL=ItilItilhubPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ItilItilhubPage.js","names":[],"sources":["../../../src/assethandler/pages/ItilItilhubPage.tsx"],"sourcesContent":["import {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  Tabs,\n  TabsContent,\n  TabsList,\n  TabsTrigger,\n} from '@burdenoff/fe-libs/ui';\nimport {\n  AlertTriangle,\n  GitPullRequest,\n  Search,\n  Shield,\n  BarChart3,\n  Clock,\n  CheckCircle,\n  XCircle,\n} from 'lucide-react';\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 ItilItilhubPage() {\n  const { incidents, changeRequests, problems } = useAssetHandlerStore();\n\n  const activeIncidents = incidents.filter((i) => i.status !== 'resolved' && i.status !== 'closed');\n  const resolvedIncidents = incidents.filter(\n    (i) => i.status === 'resolved' || i.status === 'closed'\n  );\n  const slaBreaches = incidents.filter((i) => i.slaBreached);\n  const pendingChanges = changeRequests.filter(\n    (c) => c.status !== 'completed' && c.status !== 'rejected'\n  );\n  const openProblems = problems.filter((p) => p.status !== 'resolved' && p.status !== 'closed');\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-bold\">ITIL Service Management</h1>\n          <p className=\"text-sm text-muted-foreground\">\n            Incident, Change, and Problem management hub\n          </p>\n        </div>\n        <Button size=\"sm\">Create Ticket</Button>\n      </div>\n\n      {/* KPI Cards */}\n      <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-5\">\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-2 text-sm text-muted-foreground\">\n              <AlertTriangle className=\"h-4 w-4\" />\n              Active Incidents\n            </div>\n            <p className=\"text-2xl font-bold mt-1\">{activeIncidents.length}</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-2 text-sm text-muted-foreground\">\n              <CheckCircle className=\"h-4 w-4\" />\n              Resolved\n            </div>\n            <p className=\"text-2xl font-bold mt-1 text-green-600\">{resolvedIncidents.length}</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-2 text-sm text-muted-foreground\">\n              <XCircle className=\"h-4 w-4\" />\n              SLA Breaches\n            </div>\n            <p className=\"text-2xl font-bold mt-1 text-red-600\">{slaBreaches.length}</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-2 text-sm text-muted-foreground\">\n              <GitPullRequest className=\"h-4 w-4\" />\n              Pending Changes\n            </div>\n            <p className=\"text-2xl font-bold mt-1\">{pendingChanges.length}</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-2 text-sm text-muted-foreground\">\n              <Search className=\"h-4 w-4\" />\n              Open Problems\n            </div>\n            <p className=\"text-2xl font-bold mt-1\">{openProblems.length}</p>\n          </CardContent>\n        </Card>\n      </div>\n\n      <Tabs defaultValue=\"incidents\">\n        <TabsList>\n          <TabsTrigger value=\"incidents\">Incidents ({incidents.length})</TabsTrigger>\n          <TabsTrigger value=\"changes\">Changes ({changeRequests.length})</TabsTrigger>\n          <TabsTrigger value=\"problems\">Problems ({problems.length})</TabsTrigger>\n        </TabsList>\n\n        <TabsContent value=\"incidents\" className=\"mt-4\">\n          <Card>\n            <CardContent className=\"p-0\">\n              <div className=\"overflow-x-auto\">\n                <table className=\"w-full text-sm\">\n                  <thead>\n                    <tr className=\"border-b bg-muted/50\">\n                      <th className=\"text-left p-3 font-medium\">ID</th>\n                      <th className=\"text-left p-3 font-medium\">Title</th>\n                      <th className=\"text-left p-3 font-medium\">Priority</th>\n                      <th className=\"text-left p-3 font-medium\">Status</th>\n                      <th className=\"text-left p-3 font-medium\">Assigned To</th>\n                      <th className=\"text-left p-3 font-medium\">SLA</th>\n                    </tr>\n                  </thead>\n                  <tbody>\n                    {incidents.map((inc) => (\n                      <tr key={inc.id} className=\"border-b hover:bg-muted/50 cursor-pointer\">\n                        <td className=\"p-3 font-mono text-xs\">{inc.id}</td>\n                        <td className=\"p-3\">\n                          <p className=\"font-medium\">{inc.title}</p>\n                          <p className=\"text-xs text-muted-foreground truncate max-w-xs\">\n                            {inc.description}\n                          </p>\n                        </td>\n                        <td className=\"p-3\">\n                          <Badge variant={priorityColors[inc.priority]}>{inc.priority}</Badge>\n                        </td>\n                        <td className=\"p-3\">\n                          <Badge variant=\"outline\">{inc.status.replace('_', ' ')}</Badge>\n                        </td>\n                        <td className=\"p-3 text-xs\">{inc.assignedTo || 'Unassigned'}</td>\n                        <td className=\"p-3\">\n                          {inc.slaBreached ? (\n                            <Badge variant=\"destructive\">Breached</Badge>\n                          ) : (\n                            <Badge variant=\"secondary\">OK</Badge>\n                          )}\n                        </td>\n                      </tr>\n                    ))}\n                  </tbody>\n                </table>\n              </div>\n            </CardContent>\n          </Card>\n        </TabsContent>\n\n        <TabsContent value=\"changes\" className=\"mt-4\">\n          <Card>\n            <CardContent className=\"p-0\">\n              <div className=\"overflow-x-auto\">\n                <table className=\"w-full text-sm\">\n                  <thead>\n                    <tr className=\"border-b bg-muted/50\">\n                      <th className=\"text-left p-3 font-medium\">ID</th>\n                      <th className=\"text-left p-3 font-medium\">Title</th>\n                      <th className=\"text-left p-3 font-medium\">Type</th>\n                      <th className=\"text-left p-3 font-medium\">Risk</th>\n                      <th className=\"text-left p-3 font-medium\">Status</th>\n                      <th className=\"text-left p-3 font-medium\">Scheduled</th>\n                    </tr>\n                  </thead>\n                  <tbody>\n                    {changeRequests.map((chg) => (\n                      <tr key={chg.id} className=\"border-b hover:bg-muted/50 cursor-pointer\">\n                        <td className=\"p-3 font-mono text-xs\">{chg.id}</td>\n                        <td className=\"p-3\">\n                          <p className=\"font-medium\">{chg.title}</p>\n                          <p className=\"text-xs text-muted-foreground truncate max-w-xs\">\n                            {chg.description}\n                          </p>\n                        </td>\n                        <td className=\"p-3 capitalize\">{chg.type}</td>\n                        <td className=\"p-3\">\n                          <Badge variant={priorityColors[chg.risk]}>{chg.risk}</Badge>\n                        </td>\n                        <td className=\"p-3\">\n                          <Badge variant=\"outline\">{chg.status.replace('_', ' ')}</Badge>\n                        </td>\n                        <td className=\"p-3 text-xs\">\n                          {new Date(chg.scheduledStart).toLocaleDateString()}\n                        </td>\n                      </tr>\n                    ))}\n                  </tbody>\n                </table>\n              </div>\n            </CardContent>\n          </Card>\n        </TabsContent>\n\n        <TabsContent value=\"problems\" className=\"mt-4\">\n          <Card>\n            <CardContent className=\"p-0\">\n              <div className=\"overflow-x-auto\">\n                <table className=\"w-full text-sm\">\n                  <thead>\n                    <tr className=\"border-b bg-muted/50\">\n                      <th className=\"text-left p-3 font-medium\">ID</th>\n                      <th className=\"text-left p-3 font-medium\">Title</th>\n                      <th className=\"text-left p-3 font-medium\">Priority</th>\n                      <th className=\"text-left p-3 font-medium\">Status</th>\n                      <th className=\"text-left p-3 font-medium\">Related Incidents</th>\n                      <th className=\"text-left p-3 font-medium\">Assigned To</th>\n                    </tr>\n                  </thead>\n                  <tbody>\n                    {problems.map((prob) => (\n                      <tr key={prob.id} className=\"border-b hover:bg-muted/50 cursor-pointer\">\n                        <td className=\"p-3 font-mono text-xs\">{prob.id}</td>\n                        <td className=\"p-3\">\n                          <p className=\"font-medium\">{prob.title}</p>\n                          <p className=\"text-xs text-muted-foreground truncate max-w-xs\">\n                            {prob.description}\n                          </p>\n                        </td>\n                        <td className=\"p-3\">\n                          <Badge variant={priorityColors[prob.priority]}>{prob.priority}</Badge>\n                        </td>\n                        <td className=\"p-3\">\n                          <Badge variant=\"outline\">{prob.status.replace('_', ' ')}</Badge>\n                        </td>\n                        <td className=\"p-3 text-xs\">{prob.relatedIncidents.length} incident(s)</td>\n                        <td className=\"p-3 text-xs\">{prob.assignedTo}</td>\n                      </tr>\n                    ))}\n                  </tbody>\n                </table>\n              </div>\n            </CardContent>\n          </Card>\n        </TabsContent>\n      </Tabs>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/assethandler/pages/ItilProblemDetailPage.d.ts

@@ -0,0 +1,2 @@
+export declare function ItilProblemDetailPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ItilProblemDetailPage.d.ts.map

package/dist/assethandler/pages/ItilProblemDetailPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItilProblemDetailPage.d.ts","sourceRoot":"","sources":["../../../src/assethandler/pages/ItilProblemDetailPage.tsx"],"names":[],"mappings":"AAoBA,wBAAgB,qBAAqB,4CAwHpC"}

package/dist/assethandler/pages/ItilProblemDetailPage.js

@@ -0,0 +1,177 @@
+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, Separator as d } from "@burdenoff/fe-libs/ui";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region src/assethandler/pages/ItilProblemDetailPage.tsx
+var h = {
+	critical: "destructive",
+	high: "destructive",
+	medium: "default",
+	low: "secondary"
+};
+function g() {
+	let { problemId: g } = i(), { problems: _ } = e(), v = _.find((e) => e.id === g) ?? _[0];
+	return v ? /* @__PURE__ */ m("div", {
+		className: "space-y-6 p-6",
+		children: [/* @__PURE__ */ m("div", {
+			className: "flex items-center justify-between",
+			children: [/* @__PURE__ */ m("div", {
+				className: "flex items-center gap-4",
+				children: [/* @__PURE__ */ p(o, {
+					variant: "ghost",
+					size: "icon",
+					children: /* @__PURE__ */ p(t, { className: "h-4 w-4" })
+				}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ m("div", {
+					className: "flex items-center gap-3",
+					children: [
+						/* @__PURE__ */ p("h1", {
+							className: "text-2xl font-bold",
+							children: v.id
+						}),
+						/* @__PURE__ */ p(a, {
+							variant: h[v.priority],
+							children: v.priority
+						}),
+						/* @__PURE__ */ p(a, {
+							variant: "outline",
+							children: v.status.replace("_", " ")
+						})
+					]
+				}), /* @__PURE__ */ p("p", {
+					className: "text-sm text-muted-foreground mt-1",
+					children: v.title
+				})] })]
+			}), /* @__PURE__ */ m(o, {
+				size: "sm",
+				children: [/* @__PURE__ */ p(n, { className: "mr-2 h-4 w-4" }), "Resolve"]
+			})]
+		}), /* @__PURE__ */ m("div", {
+			className: "grid gap-6 lg:grid-cols-3",
+			children: [/* @__PURE__ */ m(s, {
+				className: "lg:col-span-2",
+				children: [/* @__PURE__ */ p(l, { children: /* @__PURE__ */ p(u, { children: "Problem Details" }) }), /* @__PURE__ */ m(c, {
+					className: "space-y-4",
+					children: [
+						/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h4", {
+							className: "text-sm font-medium text-muted-foreground",
+							children: "Description"
+						}), /* @__PURE__ */ p("p", {
+							className: "text-sm mt-1",
+							children: v.description
+						})] }),
+						v.rootCause && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(d, {}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h4", {
+							className: "text-sm font-medium text-muted-foreground",
+							children: "Root Cause"
+						}), /* @__PURE__ */ p("p", {
+							className: "text-sm mt-1",
+							children: v.rootCause
+						})] })] }),
+						v.workaround && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(d, {}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h4", {
+							className: "text-sm font-medium text-muted-foreground",
+							children: "Workaround"
+						}), /* @__PURE__ */ p("p", {
+							className: "text-sm mt-1",
+							children: v.workaround
+						})] })] }),
+						/* @__PURE__ */ p(d, {}),
+						/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ m("h4", {
+							className: "text-sm font-medium text-muted-foreground mb-2 flex items-center gap-2",
+							children: [
+								/* @__PURE__ */ p(r, { className: "h-4 w-4" }),
+								"Related Incidents (",
+								v.relatedIncidents.length,
+								")"
+							]
+						}), /* @__PURE__ */ p("div", {
+							className: "flex flex-wrap gap-2",
+							children: v.relatedIncidents.map((e) => /* @__PURE__ */ p(a, {
+								variant: "secondary",
+								className: "font-mono",
+								children: e
+							}, e))
+						})] })
+					]
+				})]
+			}), /* @__PURE__ */ m(s, { children: [/* @__PURE__ */ p(l, { children: /* @__PURE__ */ p(u, {
+				className: "text-base",
+				children: "Properties"
+			}) }), /* @__PURE__ */ p(c, { children: /* @__PURE__ */ m("dl", {
+				className: "space-y-3 text-sm",
+				children: [
+					/* @__PURE__ */ m("div", {
+						className: "flex justify-between",
+						children: [/* @__PURE__ */ p("dt", {
+							className: "text-muted-foreground",
+							children: "Category"
+						}), /* @__PURE__ */ p("dd", {
+							className: "font-medium",
+							children: v.category
+						})]
+					}),
+					/* @__PURE__ */ m("div", {
+						className: "flex justify-between",
+						children: [/* @__PURE__ */ p("dt", {
+							className: "text-muted-foreground",
+							children: "Priority"
+						}), /* @__PURE__ */ p("dd", { children: /* @__PURE__ */ p(a, {
+							variant: h[v.priority],
+							children: v.priority
+						}) })]
+					}),
+					/* @__PURE__ */ m("div", {
+						className: "flex justify-between",
+						children: [/* @__PURE__ */ p("dt", {
+							className: "text-muted-foreground",
+							children: "Status"
+						}), /* @__PURE__ */ p("dd", { children: /* @__PURE__ */ p(a, {
+							variant: "outline",
+							children: v.status.replace("_", " ")
+						}) })]
+					}),
+					/* @__PURE__ */ p(d, {}),
+					/* @__PURE__ */ m("div", {
+						className: "flex justify-between",
+						children: [/* @__PURE__ */ p("dt", {
+							className: "text-muted-foreground",
+							children: "Assigned To"
+						}), /* @__PURE__ */ p("dd", {
+							className: "text-xs",
+							children: v.assignedTo
+						})]
+					}),
+					/* @__PURE__ */ m("div", {
+						className: "flex justify-between",
+						children: [/* @__PURE__ */ p("dt", {
+							className: "text-muted-foreground",
+							children: "Created"
+						}), /* @__PURE__ */ p("dd", {
+							className: "text-xs",
+							children: new Date(v.createdAt).toLocaleDateString()
+						})]
+					}),
+					/* @__PURE__ */ m("div", {
+						className: "flex justify-between",
+						children: [/* @__PURE__ */ p("dt", {
+							className: "text-muted-foreground",
+							children: "Updated"
+						}), /* @__PURE__ */ p("dd", {
+							className: "text-xs",
+							children: new Date(v.updatedAt).toLocaleDateString()
+						})]
+					})
+				]
+			}) })] })]
+		})]
+	}) : /* @__PURE__ */ p("div", {
+		className: "p-6",
+		children: /* @__PURE__ */ p("p", {
+			className: "text-muted-foreground",
+			children: "Problem not found."
+		})
+	});
+}
+//#endregion
+export { g as ItilProblemDetailPage };
+
+//# sourceMappingURL=ItilProblemDetailPage.js.map

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

@@ -0,0 +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} 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-muted-foreground\">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\">{problem.id}</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-muted-foreground 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-muted-foreground\">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-muted-foreground\">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-muted-foreground\">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-muted-foreground 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-muted-foreground\">Category</dt>\n                <dd className=\"font-medium\">{problem.category}</dd>\n              </div>\n              <div className=\"flex justify-between\">\n                <dt className=\"text-muted-foreground\">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-muted-foreground\">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-muted-foreground\">Assigned To</dt>\n                <dd className=\"text-xs\">{problem.assignedTo}</dd>\n              </div>\n              <div className=\"flex justify-between\">\n                <dt className=\"text-muted-foreground\">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-muted-foreground\">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":";;;;;;AAaA,IAAM,IAAsF;CAC1F,UAAU;CACV,MAAM;CACN,QAAQ;CACR,KAAK;CACN;AAED,SAAgB,IAAwB;CACtC,IAAM,EAAE,iBAAc,GAAkC,EAClD,EAAE,gBAAa,GAAsB,EACrC,IAAU,EAAS,MAAM,MAAS,EAAK,OAAO,EAAU,IAAI,EAAS;AAS3E,QAPK,IAQH,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAQ,SAAQ;KAAQ,MAAK;eAC3B,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA;KAC1B,CAAA,EACT,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,MAAD;OAAI,WAAU;iBAAsB,EAAQ;OAAQ,CAAA;MACpD,kBAAC,GAAD;OAAO,SAAS,EAAe,EAAQ;iBAAY,EAAQ;OAAiB,CAAA;MAC5E,kBAAC,GAAD;OAAO,SAAQ;iBAAW,EAAQ,OAAO,QAAQ,KAAK,IAAI;OAAS,CAAA;MAC/D;QACN,kBAAC,KAAD;KAAG,WAAU;eAAsC,EAAQ;KAAU,CAAA,CACjE,EAAA,CAAA,CACF;OACN,kBAAC,GAAD;IAAQ,MAAK;cAAb,CACE,kBAAC,GAAD,EAAa,WAAU,gBAAiB,CAAA,EAAA,UAEjC;MACL;MAEN,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD;IAAM,WAAU;cAAhB,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UAAW,mBAA2B,CAAA,EAC3B,CAAA,EACb,kBAAC,GAAD;KAAa,WAAU;eAAvB;MACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;OAAI,WAAU;iBAA4C;OAAgB,CAAA,EAC1E,kBAAC,KAAD;OAAG,WAAU;iBAAgB,EAAQ;OAAgB,CAAA,CACjD,EAAA,CAAA;MACL,EAAQ,aACP,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAa,CAAA,EACb,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;OAAI,WAAU;iBAA4C;OAAe,CAAA,EACzE,kBAAC,KAAD;OAAG,WAAU;iBAAgB,EAAQ;OAAc,CAAA,CAC/C,EAAA,CAAA,CACL,EAAA,CAAA;MAEJ,EAAQ,cACP,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAa,CAAA,EACb,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;OAAI,WAAU;iBAA4C;OAAe,CAAA,EACzE,kBAAC,KAAD;OAAG,WAAU;iBAAgB,EAAQ;OAAe,CAAA,CAChD,EAAA,CAAA,CACL,EAAA,CAAA;MAEL,kBAAC,GAAD,EAAa,CAAA;MACb,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;OAAI,WAAU;iBAAd;QACE,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;;QACT,EAAQ,iBAAiB;QAAO;QACjD;UACL,kBAAC,OAAD;OAAK,WAAU;iBACZ,EAAQ,iBAAiB,KAAK,MAC7B,kBAAC,GAAD;QAAgB,SAAQ;QAAY,WAAU;kBAC3C;QACK,EAFI,EAEJ,CACR;OACE,CAAA,CACF,EAAA,CAAA;MACM;OACT;OAEP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;IAAW,WAAU;cAAY;IAAsB,CAAA,EAC5C,CAAA,EACb,kBAAC,GAAD,EAAA,UACE,kBAAC,MAAD;IAAI,WAAU;cAAd;KACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,MAAD;OAAI,WAAU;iBAAwB;OAAa,CAAA,EACnD,kBAAC,MAAD;OAAI,WAAU;iBAAe,EAAQ;OAAc,CAAA,CAC/C;;KACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,MAAD;OAAI,WAAU;iBAAwB;OAAa,CAAA,EACnD,kBAAC,MAAD,EAAA,UACE,kBAAC,GAAD;OAAO,SAAS,EAAe,EAAQ;iBAAY,EAAQ;OAAiB,CAAA,EACzE,CAAA,CACD;;KACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,MAAD;OAAI,WAAU;iBAAwB;OAAW,CAAA,EACjD,kBAAC,MAAD,EAAA,UACE,kBAAC,GAAD;OAAO,SAAQ;iBAAW,EAAQ,OAAO,QAAQ,KAAK,IAAI;OAAS,CAAA,EAChE,CAAA,CACD;;KACN,kBAAC,GAAD,EAAa,CAAA;KACb,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,MAAD;OAAI,WAAU;iBAAwB;OAAgB,CAAA,EACtD,kBAAC,MAAD;OAAI,WAAU;iBAAW,EAAQ;OAAgB,CAAA,CAC7C;;KACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,MAAD;OAAI,WAAU;iBAAwB;OAAY,CAAA,EAClD,kBAAC,MAAD;OAAI,WAAU;iBAAW,IAAI,KAAK,EAAQ,UAAU,CAAC,oBAAoB;OAAM,CAAA,CAC3E;;KACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,MAAD;OAAI,WAAU;iBAAwB;OAAY,CAAA,EAClD,kBAAC,MAAD;OAAI,WAAU;iBAAW,IAAI,KAAK,EAAQ,UAAU,CAAC,oBAAoB;OAAM,CAAA,CAC3E;;KACH;OACO,CAAA,CACT,EAAA,CAAA,CACH;KACF;MA/GJ,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,KAAD;GAAG,WAAU;aAAwB;GAAsB,CAAA;EACvD,CAAA"}

package/dist/assethandler/pages/ItilProblemManagementPage.d.ts

@@ -0,0 +1,2 @@
+export declare function ItilProblemManagementPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ItilProblemManagementPage.d.ts.map

package/dist/assethandler/pages/ItilProblemManagementPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItilProblemManagementPage.d.ts","sourceRoot":"","sources":["../../../src/assethandler/pages/ItilProblemManagementPage.tsx"],"names":[],"mappings":"AAWA,wBAAgB,yBAAyB,4CA8FxC"}