npm - @burdenoff/microfe-proserviceworld - Versions diffs - 2026.509.101 - Mend

@burdenoff/microfe-proserviceworld 2026.509.101

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 (106) hide show

package/dist/proserviceworld/pages/ProjectsPage.js ADDED Viewed

@@ -0,0 +1,547 @@
+import { useProServiceWorldStore as e } from "../store/proserviceworldStore.js";
+import { useMemo as t, useState as n } from "react";
+import { AlertTriangle as r, BarChart3 as i, Calendar as a, CheckCircle2 as o, ChevronRight as s, Clock as c, DollarSign as l, Flag as u, Plus as d, Search as f, Tag as p, Target as m, Users as h } from "lucide-react";
+import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+import { Badge as y, Button as b, Card as x, CardContent as S, CardHeader as C, CardTitle as w, Input as T } from "@burdenoff/fe-libs/ui";
+//#region src/proserviceworld/pages/ProjectsPage.tsx
+var E = {
+	planning: {
+		label: "Planning",
+		color: "text-yellow-600",
+		bgColor: "bg-yellow-100 dark:bg-yellow-950"
+	},
+	active: {
+		label: "Active",
+		color: "text-blue-600",
+		bgColor: "bg-blue-100 dark:bg-blue-950"
+	},
+	on_hold: {
+		label: "On Hold",
+		color: "text-orange-600",
+		bgColor: "bg-orange-100 dark:bg-orange-950"
+	},
+	completed: {
+		label: "Completed",
+		color: "text-green-600",
+		bgColor: "bg-green-100 dark:bg-green-950"
+	},
+	cancelled: {
+		label: "Cancelled",
+		color: "text-red-600",
+		bgColor: "bg-red-100 dark:bg-red-950"
+	}
+}, D = {
+	low: {
+		label: "Low",
+		variant: "outline"
+	},
+	medium: {
+		label: "Medium",
+		variant: "secondary"
+	},
+	high: {
+		label: "High",
+		variant: "default"
+	},
+	critical: {
+		label: "Critical",
+		variant: "destructive"
+	}
+};
+function O() {
+	let { projects: O } = e(), [k, A] = n(""), [j, M] = n("all"), [N, P] = n(O[0]?.id ?? ""), [F, I] = n("overview"), L = t(() => {
+		let e = [...O];
+		if (j !== "all" && (e = e.filter((e) => e.status === j)), k.trim()) {
+			let t = k.toLowerCase();
+			e = e.filter((e) => e.title.toLowerCase().includes(t) || e.category.toLowerCase().includes(t));
+		}
+		return e;
+	}, [
+		O,
+		j,
+		k
+	]), R = O.find((e) => e.id === N);
+	return /* @__PURE__ */ v("div", {
+		className: "space-y-6 p-6",
+		children: [/* @__PURE__ */ v("div", {
+			className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
+			children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("h1", {
+				className: "text-2xl font-semibold",
+				children: "Projects"
+			}), /* @__PURE__ */ _("p", {
+				className: "text-sm text-muted-foreground",
+				children: "Track progress and manage your professional service projects."
+			})] }), /* @__PURE__ */ v(b, {
+				size: "sm",
+				children: [/* @__PURE__ */ _(d, { className: "mr-2 h-4 w-4" }), " New Project"]
+			})]
+		}), /* @__PURE__ */ v("div", {
+			className: "grid gap-6 lg:grid-cols-3",
+			children: [/* @__PURE__ */ v("div", {
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ v("div", {
+						className: "relative",
+						children: [/* @__PURE__ */ _(f, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ _(T, {
+							placeholder: "Search projects...",
+							value: k,
+							onChange: (e) => A(e.target.value),
+							className: "pl-10"
+						})]
+					}),
+					/* @__PURE__ */ _("div", {
+						className: "flex flex-wrap gap-1",
+						children: [
+							"all",
+							"active",
+							"planning",
+							"completed",
+							"on_hold",
+							"cancelled"
+						].map((e) => /* @__PURE__ */ _("button", {
+							onClick: () => M(e),
+							className: `rounded px-2 py-1 text-xs font-medium transition-colors ${j === e ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground hover:bg-muted/80"}`,
+							children: e === "all" ? "All" : E[e].label
+						}, e))
+					}),
+					/* @__PURE__ */ _("div", {
+						className: "space-y-2",
+						children: L.length === 0 ? /* @__PURE__ */ _("p", {
+							className: "py-8 text-center text-sm text-muted-foreground",
+							children: "No projects found."
+						}) : L.map((e) => {
+							let t = E[e.status];
+							return /* @__PURE__ */ v("button", {
+								onClick: () => {
+									P(e.id), I("overview");
+								},
+								className: `w-full rounded-lg border p-3 text-left transition-colors ${N === e.id ? "border-primary bg-primary/5" : "hover:bg-muted/50"}`,
+								children: [
+									/* @__PURE__ */ v("div", {
+										className: "flex items-center justify-between",
+										children: [/* @__PURE__ */ _("h3", {
+											className: "font-medium text-sm truncate pr-2",
+											children: e.title
+										}), /* @__PURE__ */ _(s, { className: "h-4 w-4 shrink-0 text-muted-foreground" })]
+									}),
+									/* @__PURE__ */ v("div", {
+										className: "mt-2 flex items-center gap-2",
+										children: [/* @__PURE__ */ _(y, {
+											variant: D[e.priority].variant,
+											className: "text-xs",
+											children: e.priority
+										}), /* @__PURE__ */ _("span", {
+											className: `text-xs ${t.color}`,
+											children: t.label
+										})]
+									}),
+									/* @__PURE__ */ v("div", {
+										className: "mt-2",
+										children: [/* @__PURE__ */ v("div", {
+											className: "flex items-center justify-between text-xs text-muted-foreground",
+											children: [/* @__PURE__ */ _("span", { children: "Progress" }), /* @__PURE__ */ v("span", { children: [e.progress, "%"] })]
+										}), /* @__PURE__ */ _("div", {
+											className: "mt-1 h-1.5 overflow-hidden rounded-full bg-muted",
+											children: /* @__PURE__ */ _("div", {
+												className: "h-1.5 rounded-full bg-primary transition-all",
+												style: { width: `${e.progress}%` }
+											})
+										})]
+									})
+								]
+							}, e.id);
+						})
+					})
+				]
+			}), /* @__PURE__ */ _("div", {
+				className: "space-y-4 lg:col-span-2",
+				children: R ? /* @__PURE__ */ v(g, { children: [
+					/* @__PURE__ */ _(x, { children: /* @__PURE__ */ v(S, {
+						className: "pt-6",
+						children: [
+							/* @__PURE__ */ v("div", {
+								className: "flex flex-wrap items-start justify-between gap-4",
+								children: [/* @__PURE__ */ v("div", {
+									className: "space-y-2",
+									children: [
+										/* @__PURE__ */ v("div", {
+											className: "flex items-center gap-2",
+											children: [/* @__PURE__ */ v(y, {
+												variant: D[R.priority].variant,
+												children: [R.priority, " priority"]
+											}), /* @__PURE__ */ _("span", {
+												className: `text-sm font-medium ${E[R.status].color}`,
+												children: E[R.status].label
+											})]
+										}),
+										/* @__PURE__ */ _("h2", {
+											className: "text-xl font-bold",
+											children: R.title
+										}),
+										/* @__PURE__ */ _("p", {
+											className: "text-sm text-muted-foreground",
+											children: R.description
+										})
+									]
+								}), /* @__PURE__ */ v("div", {
+									className: "text-right",
+									children: [
+										/* @__PURE__ */ _("p", {
+											className: "text-sm text-muted-foreground",
+											children: "Budget"
+										}),
+										/* @__PURE__ */ v("p", {
+											className: "text-xl font-bold",
+											children: ["$", R.budget.toLocaleString()]
+										}),
+										/* @__PURE__ */ v("p", {
+											className: "text-xs text-muted-foreground",
+											children: [
+												"Spent: $",
+												R.spent.toLocaleString(),
+												" (",
+												Math.round(R.spent / R.budget * 100),
+												"%)"
+											]
+										})
+									]
+								})]
+							}),
+							/* @__PURE__ */ v("div", {
+								className: "mt-4",
+								children: [/* @__PURE__ */ v("div", {
+									className: "flex items-center justify-between text-sm",
+									children: [/* @__PURE__ */ _("span", {
+										className: "text-muted-foreground",
+										children: "Overall Progress"
+									}), /* @__PURE__ */ v("span", {
+										className: "font-medium",
+										children: [R.progress, "%"]
+									})]
+								}), /* @__PURE__ */ _("div", {
+									className: "mt-1 h-3 overflow-hidden rounded-full bg-muted",
+									children: /* @__PURE__ */ _("div", {
+										className: "h-3 rounded-full bg-primary transition-all",
+										style: { width: `${R.progress}%` }
+									})
+								})]
+							}),
+							/* @__PURE__ */ v("div", {
+								className: "mt-4 flex flex-wrap gap-4 text-sm",
+								children: [
+									/* @__PURE__ */ v("span", {
+										className: "flex items-center gap-1 text-muted-foreground",
+										children: [
+											/* @__PURE__ */ _(a, { className: "h-4 w-4" }),
+											" ",
+											R.startDate,
+											" -",
+											" ",
+											R.endDate
+										]
+									}),
+									/* @__PURE__ */ v("span", {
+										className: "flex items-center gap-1 text-muted-foreground",
+										children: [
+											/* @__PURE__ */ _(h, { className: "h-4 w-4" }),
+											" ",
+											R.teamMembers.length,
+											" members"
+										]
+									}),
+									/* @__PURE__ */ v("span", {
+										className: "flex items-center gap-1 text-muted-foreground",
+										children: [
+											/* @__PURE__ */ _(m, { className: "h-4 w-4" }),
+											" ",
+											R.milestones.length,
+											" milestones"
+										]
+									})
+								]
+							}),
+							R.tags.length > 0 && /* @__PURE__ */ v("div", {
+								className: "mt-3 flex items-center gap-2",
+								children: [/* @__PURE__ */ _(p, { className: "h-4 w-4 text-muted-foreground" }), R.tags.map((e) => /* @__PURE__ */ _(y, {
+									variant: "outline",
+									className: "text-xs",
+									children: e
+								}, e))]
+							})
+						]
+					}) }),
+					/* @__PURE__ */ _("div", {
+						className: "flex gap-1 border-b",
+						children: [
+							{
+								key: "overview",
+								label: "Overview"
+							},
+							{
+								key: "timeline",
+								label: "Timeline"
+							},
+							{
+								key: "milestones",
+								label: "Milestones"
+							},
+							{
+								key: "team",
+								label: "Team"
+							}
+						].map(({ key: e, label: t }) => /* @__PURE__ */ _("button", {
+							onClick: () => I(e),
+							className: `border-b-2 px-4 py-2 text-sm font-medium transition-colors ${F === e ? "border-primary text-primary" : "border-transparent text-muted-foreground hover:text-foreground"}`,
+							children: t
+						}, e))
+					}),
+					F === "overview" && /* @__PURE__ */ v("div", {
+						className: "grid gap-4 sm:grid-cols-2",
+						children: [/* @__PURE__ */ v(x, { children: [/* @__PURE__ */ _(C, { children: /* @__PURE__ */ v(w, {
+							className: "text-base flex items-center gap-2",
+							children: [/* @__PURE__ */ _(l, { className: "h-4 w-4" }), " Budget Overview"]
+						}) }), /* @__PURE__ */ v(S, {
+							className: "space-y-3",
+							children: [
+								/* @__PURE__ */ v("div", {
+									className: "flex justify-between text-sm",
+									children: [/* @__PURE__ */ _("span", {
+										className: "text-muted-foreground",
+										children: "Total Budget"
+									}), /* @__PURE__ */ v("span", {
+										className: "font-medium",
+										children: ["$", R.budget.toLocaleString()]
+									})]
+								}),
+								/* @__PURE__ */ v("div", {
+									className: "flex justify-between text-sm",
+									children: [/* @__PURE__ */ _("span", {
+										className: "text-muted-foreground",
+										children: "Spent"
+									}), /* @__PURE__ */ v("span", {
+										className: "font-medium",
+										children: ["$", R.spent.toLocaleString()]
+									})]
+								}),
+								/* @__PURE__ */ v("div", {
+									className: "flex justify-between text-sm",
+									children: [/* @__PURE__ */ _("span", {
+										className: "text-muted-foreground",
+										children: "Remaining"
+									}), /* @__PURE__ */ v("span", {
+										className: "font-medium text-green-600",
+										children: ["$", (R.budget - R.spent).toLocaleString()]
+									})]
+								}),
+								/* @__PURE__ */ _("div", {
+									className: "h-2 overflow-hidden rounded-full bg-muted",
+									children: /* @__PURE__ */ _("div", {
+										className: "h-2 rounded-full bg-primary",
+										style: { width: `${Math.round(R.spent / R.budget * 100)}%` }
+									})
+								})
+							]
+						})] }), /* @__PURE__ */ v(x, { children: [/* @__PURE__ */ _(C, { children: /* @__PURE__ */ v(w, {
+							className: "text-base flex items-center gap-2",
+							children: [/* @__PURE__ */ _(i, { className: "h-4 w-4" }), " Milestone Summary"]
+						}) }), /* @__PURE__ */ _(S, {
+							className: "space-y-3",
+							children: [
+								"completed",
+								"in_progress",
+								"pending",
+								"overdue"
+							].map((e) => {
+								let t = R.milestones.filter((t) => t.status === e).length;
+								return /* @__PURE__ */ v("div", {
+									className: "flex items-center justify-between text-sm",
+									children: [/* @__PURE__ */ _("span", {
+										className: "text-muted-foreground capitalize",
+										children: e.replace("_", " ")
+									}), /* @__PURE__ */ _("span", {
+										className: "font-medium",
+										children: t
+									})]
+								}, e);
+							})
+						})] })]
+					}),
+					F === "timeline" && /* @__PURE__ */ _(x, { children: /* @__PURE__ */ _(S, {
+						className: "pt-6",
+						children: /* @__PURE__ */ _("div", {
+							className: "relative space-y-0",
+							children: R.milestones.map((e, t) => /* @__PURE__ */ v("div", {
+								className: "relative flex gap-4 pb-8",
+								children: [
+									t !== R.milestones.length - 1 && /* @__PURE__ */ _("div", { className: "absolute left-[11px] top-6 h-full w-0.5 bg-muted" }),
+									/* @__PURE__ */ v("div", {
+										className: `relative z-10 mt-1 h-6 w-6 shrink-0 rounded-full ${{
+											completed: "bg-green-500",
+											in_progress: "bg-blue-500",
+											pending: "bg-gray-300",
+											overdue: "bg-red-500"
+										}[e.status]} flex items-center justify-center`,
+										children: [e.status === "completed" && /* @__PURE__ */ _(o, { className: "h-4 w-4 text-white" }), e.status === "in_progress" && /* @__PURE__ */ _(c, { className: "h-4 w-4 text-white" })]
+									}),
+									/* @__PURE__ */ v("div", {
+										className: "flex-1",
+										children: [
+											/* @__PURE__ */ v("div", {
+												className: "flex items-center gap-2",
+												children: [/* @__PURE__ */ _("h4", {
+													className: "font-medium",
+													children: e.title
+												}), /* @__PURE__ */ _(y, {
+													variant: D[e.priority].variant,
+													className: "text-xs",
+													children: e.priority
+												})]
+											}),
+											/* @__PURE__ */ _("p", {
+												className: "mt-1 text-sm text-muted-foreground",
+												children: e.description
+											}),
+											/* @__PURE__ */ v("div", {
+												className: "mt-2 flex flex-wrap gap-3 text-xs text-muted-foreground",
+												children: [/* @__PURE__ */ v("span", {
+													className: "flex items-center gap-1",
+													children: [
+														/* @__PURE__ */ _(a, { className: "h-3 w-3" }),
+														" Due: ",
+														e.dueDate
+													]
+												}), e.completedAt && /* @__PURE__ */ v("span", {
+													className: "flex items-center gap-1 text-green-600",
+													children: [
+														/* @__PURE__ */ _(o, { className: "h-3 w-3" }),
+														" Completed:",
+														" ",
+														e.completedAt
+													]
+												})]
+											})
+										]
+									})
+								]
+							}, e.id))
+						})
+					}) }),
+					F === "milestones" && /* @__PURE__ */ _("div", {
+						className: "space-y-3",
+						children: R.milestones.map((e) => /* @__PURE__ */ _(x, { children: /* @__PURE__ */ _(S, {
+							className: "pt-4",
+							children: /* @__PURE__ */ v("div", {
+								className: "flex items-start gap-3",
+								children: [/* @__PURE__ */ _({
+									completed: o,
+									in_progress: c,
+									pending: m,
+									overdue: r
+								}[e.status] ?? m, { className: `mt-0.5 h-5 w-5 ${{
+									completed: "text-green-600",
+									in_progress: "text-blue-600",
+									pending: "text-gray-400",
+									overdue: "text-red-600"
+								}[e.status]}` }), /* @__PURE__ */ v("div", {
+									className: "flex-1",
+									children: [
+										/* @__PURE__ */ v("div", {
+											className: "flex items-center gap-2",
+											children: [/* @__PURE__ */ _("h4", {
+												className: "font-medium",
+												children: e.title
+											}), /* @__PURE__ */ _(y, {
+												variant: D[e.priority].variant,
+												className: "text-xs",
+												children: e.priority
+											})]
+										}),
+										/* @__PURE__ */ _("p", {
+											className: "mt-1 text-sm text-muted-foreground",
+											children: e.description
+										}),
+										e.deliverables.length > 0 && /* @__PURE__ */ v("div", {
+											className: "mt-3",
+											children: [/* @__PURE__ */ _("p", {
+												className: "text-xs font-medium text-muted-foreground",
+												children: "Deliverables"
+											}), /* @__PURE__ */ _("div", {
+												className: "mt-1 flex flex-wrap gap-1",
+												children: e.deliverables.map((e) => /* @__PURE__ */ _(y, {
+													variant: "outline",
+													className: "text-xs",
+													children: e
+												}, e))
+											})]
+										}),
+										/* @__PURE__ */ v("div", {
+											className: "mt-3 flex flex-wrap gap-4 text-xs text-muted-foreground",
+											children: [
+												/* @__PURE__ */ v("span", {
+													className: "flex items-center gap-1",
+													children: [
+														/* @__PURE__ */ _(a, { className: "h-3 w-3" }),
+														" Due: ",
+														e.dueDate
+													]
+												}),
+												e.completedAt && /* @__PURE__ */ v("span", {
+													className: "flex items-center gap-1 text-green-600",
+													children: [
+														/* @__PURE__ */ _(o, { className: "h-3 w-3" }),
+														" ",
+														e.completedAt
+													]
+												}),
+												e.dependencies.length > 0 && /* @__PURE__ */ v("span", {
+													className: "flex items-center gap-1",
+													children: [
+														/* @__PURE__ */ _(u, { className: "h-3 w-3" }),
+														" ",
+														e.dependencies.length,
+														" ",
+														"dependencies"
+													]
+												})
+											]
+										}),
+										e.notes && /* @__PURE__ */ _("p", {
+											className: "mt-2 rounded bg-muted/50 p-2 text-xs text-muted-foreground italic",
+											children: e.notes
+										})
+									]
+								})]
+							})
+						}) }, e.id))
+					}),
+					F === "team" && /* @__PURE__ */ v(x, { children: [/* @__PURE__ */ _(C, { children: /* @__PURE__ */ _(w, {
+						className: "text-base",
+						children: "Team Members"
+					}) }), /* @__PURE__ */ _(S, { children: /* @__PURE__ */ _("div", {
+						className: "space-y-3",
+						children: R.teamMembers.map((e, t) => /* @__PURE__ */ v("div", {
+							className: "flex items-center gap-3 rounded-lg border p-3",
+							children: [/* @__PURE__ */ _("div", {
+								className: "flex h-10 w-10 items-center justify-center rounded-full bg-primary/10 font-semibold text-primary",
+								children: e.name.charAt(0)
+							}), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
+								className: "font-medium",
+								children: e.name
+							}), /* @__PURE__ */ _("p", {
+								className: "text-sm text-muted-foreground",
+								children: e.role
+							})] })]
+						}, t))
+					}) })] })
+				] }) : /* @__PURE__ */ _(x, { children: /* @__PURE__ */ _(S, {
+					className: "py-12 text-center text-muted-foreground",
+					children: "Select a project from the sidebar to view details."
+				}) })
+			})]
+		})]
+	});
+}
+//#endregion
+export { O as ProjectsPage };
+//# sourceMappingURL=ProjectsPage.js.map

package/dist/proserviceworld/pages/ProjectsPage.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ProjectsPage.js","names":[],"sources":["../../../src/proserviceworld/pages/ProjectsPage.tsx"],"sourcesContent":["import { useState, useMemo } from 'react';\nimport {\n Badge,\n Button,\n Card,\n CardContent,\n CardHeader,\n CardTitle,\n Input,\n} from '@burdenoff/fe-libs/ui';\nimport {\n Search,\n Plus,\n Calendar,\n DollarSign,\n Users,\n CheckCircle2,\n Clock,\n AlertTriangle,\n Target,\n Tag,\n ChevronRight,\n BarChart3,\n Flag,\n Milestone as MilestoneIcon,\n} from 'lucide-react';\nimport { useProServiceWorldStore } from '../store/proserviceworldStore';\nimport type { ProjectStatus, Priority } from '../types';\n\ntype DetailTab = 'overview' | 'timeline' | 'milestones' | 'team';\n\nconst statusConfig: Record<ProjectStatus, { label: string; color: string; bgColor: string }> = {\n planning: {\n label: 'Planning',\n color: 'text-yellow-600',\n bgColor: 'bg-yellow-100 dark:bg-yellow-950',\n },\n active: { label: 'Active', color: 'text-blue-600', bgColor: 'bg-blue-100 dark:bg-blue-950' },\n on_hold: {\n label: 'On Hold',\n color: 'text-orange-600',\n bgColor: 'bg-orange-100 dark:bg-orange-950',\n },\n completed: {\n label: 'Completed',\n color: 'text-green-600',\n bgColor: 'bg-green-100 dark:bg-green-950',\n },\n cancelled: { label: 'Cancelled', color: 'text-red-600', bgColor: 'bg-red-100 dark:bg-red-950' },\n};\n\nconst priorityConfig: Record<\n Priority,\n { label: string; variant: 'default' | 'secondary' | 'outline' | 'destructive' }\n> = {\n low: { label: 'Low', variant: 'outline' },\n medium: { label: 'Medium', variant: 'secondary' },\n high: { label: 'High', variant: 'default' },\n critical: { label: 'Critical', variant: 'destructive' },\n};\n\nexport function ProjectsPage() {\n const { projects } = useProServiceWorldStore();\n const [searchQuery, setSearchQuery] = useState('');\n const [statusFilter, setStatusFilter] = useState<ProjectStatus | 'all'>('all');\n const [selectedProjectId, setSelectedProjectId] = useState<string>(projects[0]?.id ?? '');\n const [detailTab, setDetailTab] = useState<DetailTab>('overview');\n\n const filteredProjects = useMemo(() => {\n let result = [...projects];\n if (statusFilter !== 'all') result = result.filter((p) => p.status === statusFilter);\n if (searchQuery.trim()) {\n const q = searchQuery.toLowerCase();\n result = result.filter(\n (p) => p.title.toLowerCase().includes(q) || p.category.toLowerCase().includes(q)\n );\n }\n return result;\n }, [projects, statusFilter, searchQuery]);\n\n const selectedProject = projects.find((p) => p.id === selectedProjectId);\n\n const detailTabs: { key: DetailTab; label: string }[] = [\n { key: 'overview', label: 'Overview' },\n { key: 'timeline', label: 'Timeline' },\n { key: 'milestones', label: 'Milestones' },\n { key: 'team', label: 'Team' },\n ];\n\n return (\n <div className=\"space-y-6 p-6\">\n {/* Header */}\n <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n <div>\n <h1 className=\"text-2xl font-semibold\">Projects</h1>\n <p className=\"text-sm text-muted-foreground\">\n Track progress and manage your professional service projects.\n </p>\n </div>\n <Button size=\"sm\">\n <Plus className=\"mr-2 h-4 w-4\" /> New Project\n </Button>\n </div>\n\n <div className=\"grid gap-6 lg:grid-cols-3\">\n {/* Project sidebar */}\n <div className=\"space-y-4\">\n <div className=\"relative\">\n <Search className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground\" />\n <Input\n placeholder=\"Search projects...\"\n value={searchQuery}\n onChange={(e) => setSearchQuery(e.target.value)}\n className=\"pl-10\"\n />\n </div>\n\n <div className=\"flex flex-wrap gap-1\">\n {(['all', 'active', 'planning', 'completed', 'on_hold', 'cancelled'] as const).map(\n (status) => (\n <button\n key={status}\n onClick={() => setStatusFilter(status)}\n className={`rounded px-2 py-1 text-xs font-medium transition-colors ${\n statusFilter === status\n ? 'bg-primary text-primary-foreground'\n : 'bg-muted text-muted-foreground hover:bg-muted/80'\n }`}\n >\n {status === 'all' ? 'All' : statusConfig[status].label}\n </button>\n )\n )}\n </div>\n\n <div className=\"space-y-2\">\n {filteredProjects.length === 0 ? (\n <p className=\"py-8 text-center text-sm text-muted-foreground\">No projects found.</p>\n ) : (\n filteredProjects.map((project) => {\n const cfg = statusConfig[project.status];\n return (\n <button\n key={project.id}\n onClick={() => {\n setSelectedProjectId(project.id);\n setDetailTab('overview');\n }}\n className={`w-full rounded-lg border p-3 text-left transition-colors ${\n selectedProjectId === project.id\n ? 'border-primary bg-primary/5'\n : 'hover:bg-muted/50'\n }`}\n >\n <div className=\"flex items-center justify-between\">\n <h3 className=\"font-medium text-sm truncate pr-2\">{project.title}</h3>\n <ChevronRight className=\"h-4 w-4 shrink-0 text-muted-foreground\" />\n </div>\n <div className=\"mt-2 flex items-center gap-2\">\n <Badge variant={priorityConfig[project.priority].variant} className=\"text-xs\">\n {project.priority}\n </Badge>\n <span className={`text-xs ${cfg.color}`}>{cfg.label}</span>\n </div>\n <div className=\"mt-2\">\n <div className=\"flex items-center justify-between text-xs text-muted-foreground\">\n <span>Progress</span>\n <span>{project.progress}%</span>\n </div>\n <div className=\"mt-1 h-1.5 overflow-hidden rounded-full bg-muted\">\n <div\n className=\"h-1.5 rounded-full bg-primary transition-all\"\n style={{ width: `${project.progress}%` }}\n />\n </div>\n </div>\n </button>\n );\n })\n )}\n </div>\n </div>\n\n {/* Detail panel */}\n <div className=\"space-y-4 lg:col-span-2\">\n {selectedProject ? (\n <>\n {/* Project header card */}\n <Card>\n <CardContent className=\"pt-6\">\n <div className=\"flex flex-wrap items-start justify-between gap-4\">\n <div className=\"space-y-2\">\n <div className=\"flex items-center gap-2\">\n <Badge variant={priorityConfig[selectedProject.priority].variant}>\n {selectedProject.priority} priority\n </Badge>\n <span\n className={`text-sm font-medium ${statusConfig[selectedProject.status].color}`}\n >\n {statusConfig[selectedProject.status].label}\n </span>\n </div>\n <h2 className=\"text-xl font-bold\">{selectedProject.title}</h2>\n <p className=\"text-sm text-muted-foreground\">{selectedProject.description}</p>\n </div>\n <div className=\"text-right\">\n <p className=\"text-sm text-muted-foreground\">Budget</p>\n <p className=\"text-xl font-bold\">\n ${selectedProject.budget.toLocaleString()}\n </p>\n <p className=\"text-xs text-muted-foreground\">\n Spent: ${selectedProject.spent.toLocaleString()} (\n {Math.round((selectedProject.spent / selectedProject.budget) * 100)}%)\n </p>\n </div>\n </div>\n\n {/* Progress bar */}\n <div className=\"mt-4\">\n <div className=\"flex items-center justify-between text-sm\">\n <span className=\"text-muted-foreground\">Overall Progress</span>\n <span className=\"font-medium\">{selectedProject.progress}%</span>\n </div>\n <div className=\"mt-1 h-3 overflow-hidden rounded-full bg-muted\">\n <div\n className=\"h-3 rounded-full bg-primary transition-all\"\n style={{ width: `${selectedProject.progress}%` }}\n />\n </div>\n </div>\n\n {/* Quick stats */}\n <div className=\"mt-4 flex flex-wrap gap-4 text-sm\">\n <span className=\"flex items-center gap-1 text-muted-foreground\">\n <Calendar className=\"h-4 w-4\" /> {selectedProject.startDate} -{' '}\n {selectedProject.endDate}\n </span>\n <span className=\"flex items-center gap-1 text-muted-foreground\">\n <Users className=\"h-4 w-4\" /> {selectedProject.teamMembers.length} members\n </span>\n <span className=\"flex items-center gap-1 text-muted-foreground\">\n <Target className=\"h-4 w-4\" /> {selectedProject.milestones.length} milestones\n </span>\n </div>\n\n {/* Tags */}\n {selectedProject.tags.length > 0 && (\n <div className=\"mt-3 flex items-center gap-2\">\n <Tag className=\"h-4 w-4 text-muted-foreground\" />\n {selectedProject.tags.map((tag) => (\n <Badge key={tag} variant=\"outline\" className=\"text-xs\">\n {tag}\n </Badge>\n ))}\n </div>\n )}\n </CardContent>\n </Card>\n\n {/* Detail tabs */}\n <div className=\"flex gap-1 border-b\">\n {detailTabs.map(({ key, label }) => (\n <button\n key={key}\n onClick={() => setDetailTab(key)}\n className={`border-b-2 px-4 py-2 text-sm font-medium transition-colors ${\n detailTab === key\n ? 'border-primary text-primary'\n : 'border-transparent text-muted-foreground hover:text-foreground'\n }`}\n >\n {label}\n </button>\n ))}\n </div>\n\n {/* Overview tab */}\n {detailTab === 'overview' && (\n <div className=\"grid gap-4 sm:grid-cols-2\">\n <Card>\n <CardHeader>\n <CardTitle className=\"text-base flex items-center gap-2\">\n <DollarSign className=\"h-4 w-4\" /> Budget Overview\n </CardTitle>\n </CardHeader>\n <CardContent className=\"space-y-3\">\n <div className=\"flex justify-between text-sm\">\n <span className=\"text-muted-foreground\">Total Budget</span>\n <span className=\"font-medium\">\n ${selectedProject.budget.toLocaleString()}\n </span>\n </div>\n <div className=\"flex justify-between text-sm\">\n <span className=\"text-muted-foreground\">Spent</span>\n <span className=\"font-medium\">\n ${selectedProject.spent.toLocaleString()}\n </span>\n </div>\n <div className=\"flex justify-between text-sm\">\n <span className=\"text-muted-foreground\">Remaining</span>\n <span className=\"font-medium text-green-600\">\n ${(selectedProject.budget - selectedProject.spent).toLocaleString()}\n </span>\n </div>\n <div className=\"h-2 overflow-hidden rounded-full bg-muted\">\n <div\n className=\"h-2 rounded-full bg-primary\"\n style={{\n width: `${Math.round((selectedProject.spent / selectedProject.budget) * 100)}%`,\n }}\n />\n </div>\n </CardContent>\n </Card>\n <Card>\n <CardHeader>\n <CardTitle className=\"text-base flex items-center gap-2\">\n <BarChart3 className=\"h-4 w-4\" /> Milestone Summary\n </CardTitle>\n </CardHeader>\n <CardContent className=\"space-y-3\">\n {['completed', 'in_progress', 'pending', 'overdue'].map((status) => {\n const count = selectedProject.milestones.filter(\n (m) => m.status === status\n ).length;\n return (\n <div key={status} className=\"flex items-center justify-between text-sm\">\n <span className=\"text-muted-foreground capitalize\">\n {status.replace('_', ' ')}\n </span>\n <span className=\"font-medium\">{count}</span>\n </div>\n );\n })}\n </CardContent>\n </Card>\n </div>\n )}\n\n {/* Timeline tab */}\n {detailTab === 'timeline' && (\n <Card>\n <CardContent className=\"pt-6\">\n <div className=\"relative space-y-0\">\n {selectedProject.milestones.map((milestone, idx) => {\n const isLast = idx === selectedProject.milestones.length - 1;\n const statusColors: Record<string, string> = {\n completed: 'bg-green-500',\n in_progress: 'bg-blue-500',\n pending: 'bg-gray-300',\n overdue: 'bg-red-500',\n };\n return (\n <div key={milestone.id} className=\"relative flex gap-4 pb-8\">\n {/* Timeline line */}\n {!isLast && (\n <div className=\"absolute left-[11px] top-6 h-full w-0.5 bg-muted\" />\n )}\n {/* Dot */}\n <div\n className={`relative z-10 mt-1 h-6 w-6 shrink-0 rounded-full ${statusColors[milestone.status]} flex items-center justify-center`}\n >\n {milestone.status === 'completed' && (\n <CheckCircle2 className=\"h-4 w-4 text-white\" />\n )}\n {milestone.status === 'in_progress' && (\n <Clock className=\"h-4 w-4 text-white\" />\n )}\n </div>\n {/* Content */}\n <div className=\"flex-1\">\n <div className=\"flex items-center gap-2\">\n <h4 className=\"font-medium\">{milestone.title}</h4>\n <Badge\n variant={priorityConfig[milestone.priority].variant}\n className=\"text-xs\"\n >\n {milestone.priority}\n </Badge>\n </div>\n <p className=\"mt-1 text-sm text-muted-foreground\">\n {milestone.description}\n </p>\n <div className=\"mt-2 flex flex-wrap gap-3 text-xs text-muted-foreground\">\n <span className=\"flex items-center gap-1\">\n <Calendar className=\"h-3 w-3\" /> Due: {milestone.dueDate}\n </span>\n {milestone.completedAt && (\n <span className=\"flex items-center gap-1 text-green-600\">\n <CheckCircle2 className=\"h-3 w-3\" /> Completed:{' '}\n {milestone.completedAt}\n </span>\n )}\n </div>\n </div>\n </div>\n );\n })}\n </div>\n </CardContent>\n </Card>\n )}\n\n {/* Milestones tab */}\n {detailTab === 'milestones' && (\n <div className=\"space-y-3\">\n {selectedProject.milestones.map((milestone) => {\n const statusIcons: Record<string, typeof CheckCircle2> = {\n completed: CheckCircle2,\n in_progress: Clock,\n pending: Target,\n overdue: AlertTriangle,\n };\n const statusColors: Record<string, string> = {\n completed: 'text-green-600',\n in_progress: 'text-blue-600',\n pending: 'text-gray-400',\n overdue: 'text-red-600',\n };\n const Icon = statusIcons[milestone.status] ?? Target;\n return (\n <Card key={milestone.id}>\n <CardContent className=\"pt-4\">\n <div className=\"flex items-start gap-3\">\n <Icon className={`mt-0.5 h-5 w-5 ${statusColors[milestone.status]}`} />\n <div className=\"flex-1\">\n <div className=\"flex items-center gap-2\">\n <h4 className=\"font-medium\">{milestone.title}</h4>\n <Badge\n variant={priorityConfig[milestone.priority].variant}\n className=\"text-xs\"\n >\n {milestone.priority}\n </Badge>\n </div>\n <p className=\"mt-1 text-sm text-muted-foreground\">\n {milestone.description}\n </p>\n\n {/* Deliverables */}\n {milestone.deliverables.length > 0 && (\n <div className=\"mt-3\">\n <p className=\"text-xs font-medium text-muted-foreground\">\n Deliverables\n </p>\n <div className=\"mt-1 flex flex-wrap gap-1\">\n {milestone.deliverables.map((d) => (\n <Badge key={d} variant=\"outline\" className=\"text-xs\">\n {d}\n </Badge>\n ))}\n </div>\n </div>\n )}\n\n <div className=\"mt-3 flex flex-wrap gap-4 text-xs text-muted-foreground\">\n <span className=\"flex items-center gap-1\">\n <Calendar className=\"h-3 w-3\" /> Due: {milestone.dueDate}\n </span>\n {milestone.completedAt && (\n <span className=\"flex items-center gap-1 text-green-600\">\n <CheckCircle2 className=\"h-3 w-3\" /> {milestone.completedAt}\n </span>\n )}\n {milestone.dependencies.length > 0 && (\n <span className=\"flex items-center gap-1\">\n <Flag className=\"h-3 w-3\" /> {milestone.dependencies.length}{' '}\n dependencies\n </span>\n )}\n </div>\n\n {milestone.notes && (\n <p className=\"mt-2 rounded bg-muted/50 p-2 text-xs text-muted-foreground italic\">\n {milestone.notes}\n </p>\n )}\n </div>\n </div>\n </CardContent>\n </Card>\n );\n })}\n </div>\n )}\n\n {/* Team tab */}\n {detailTab === 'team' && (\n <Card>\n <CardHeader>\n <CardTitle className=\"text-base\">Team Members</CardTitle>\n </CardHeader>\n <CardContent>\n <div className=\"space-y-3\">\n {selectedProject.teamMembers.map((member, idx) => (\n <div key={idx} className=\"flex items-center gap-3 rounded-lg border p-3\">\n <div className=\"flex h-10 w-10 items-center justify-center rounded-full bg-primary/10 font-semibold text-primary\">\n {member.name.charAt(0)}\n </div>\n <div>\n <p className=\"font-medium\">{member.name}</p>\n <p className=\"text-sm text-muted-foreground\">{member.role}</p>\n </div>\n </div>\n ))}\n </div>\n </CardContent>\n </Card>\n )}\n </>\n ) : (\n <Card>\n <CardContent className=\"py-12 text-center text-muted-foreground\">\n Select a project from the sidebar to view details.\n </CardContent>\n </Card>\n )}\n </div>\n </div>\n </div>\n );\n}\n"],"mappings":"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"}

package/dist/proserviceworld/pages/ProviderDetailPage.d.ts ADDED Viewed

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

package/dist/proserviceworld/pages/ProviderDetailPage.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"ProviderDetailPage.d.ts","sourceRoot":"","sources":["../../../src/proserviceworld/pages/ProviderDetailPage.tsx"],"names":[],"mappings":"AAmBA,wBAAgB,kBAAkB,4CAkVjC"}