npm - @burdenoff/microfe-proserviceworld - Versions diffs - 2026.703.1 → 2026.706.1 - Mend

@burdenoff/microfe-proserviceworld 2026.703.1 → 2026.706.1

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

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

@@ -1 +0,0 @@

- {"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 GlassCard,\n AuroraBackground,\n GradientText,\n IllustratedEmptyState,\n PagePurpose,\n NextSteps,\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} 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; dot: string }> = {\n planning: { label: 'Planning', color: 'text-status-warning-text', dot: 'bg-status-warning-text' },\n active: { label: 'Active', color: 'text-accent-blue', dot: 'bg-accent-blue' },\n on_hold: { label: 'On Hold', color: 'text-status-warning-text', dot: 'bg-status-warning-text' },\n completed: {\n label: 'Completed',\n color: 'text-status-success-text',\n dot: 'bg-status-success-text',\n },\n cancelled: { label: 'Cancelled', color: 'text-status-error-text', dot: 'bg-status-error-text' },\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\nconst milestoneStatusDot: Record<string, string> = {\n completed: 'bg-status-success-text',\n in_progress: 'bg-accent-blue',\n pending: 'bg-bg-sunken',\n overdue: 'bg-status-error-text',\n};\n\nconst milestoneStatusColor: Record<string, string> = {\n completed: 'text-status-success-text',\n in_progress: 'text-accent-blue',\n pending: 'text-text-secondary',\n overdue: 'text-status-error-text',\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 bg-bg-canvas min-h-screen\">\n {/* Hero header — the ONE aurora backdrop for this page. */}\n <div className=\"relative overflow-hidden rounded-card -mx-2 px-2 pt-1\">\n <AuroraBackground intensity=\"subtle\" />\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 tracking-tight\">\n <GradientText>Projects</GradientText>\n </h1>\n <p className=\"text-sm text-text-secondary\">\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 </div>\n\n <PagePurpose icon={<Target className=\"h-4 w-4\" />}>\n Run your engagements from kickoff to delivery. Pick a project to see its budget, progress,\n milestones, timeline, and team in one place — so you always know what is on track, what is\n at risk, and what is due next.\n </PagePurpose>\n\n <NextSteps\n storageKey=\"proserviceworld-projects\"\n steps={[\n {\n id: 'timeline',\n label: 'Walk the timeline',\n description: 'See milestones in chronological order to gauge momentum.',\n icon: <Calendar className=\"h-4 w-4\" />,\n onClick: () => setDetailTab('timeline'),\n },\n {\n id: 'milestones',\n label: 'Drill into milestones',\n description: 'Review deliverables, dependencies, and due dates.',\n icon: <Flag className=\"h-4 w-4\" />,\n onClick: () => setDetailTab('milestones'),\n },\n {\n id: 'team',\n label: 'Check the team',\n description: 'See who is assigned and their roles.',\n icon: <Users className=\"h-4 w-4\" />,\n onClick: () => setDetailTab('team'),\n },\n ]}\n />\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-text-secondary\" />\n <Input\n placeholder=\"Search projects...\"\n aria-label=\"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 aria-pressed={statusFilter === status}\n className={`rounded px-2 py-1 text-xs font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus ${\n statusFilter === status\n ? 'bg-accent-blue text-action-primary-text'\n : 'bg-bg-sunken text-text-secondary hover:text-text-primary'\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 <IllustratedEmptyState\n illustration={searchQuery || statusFilter !== 'all' ? 'empty-search' : 'empty-data'}\n title=\"No projects found\"\n description=\"Try adjusting your search or filters.\"\n />\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 aria-pressed={selectedProjectId === project.id}\n className={`w-full rounded-lg border p-3 text-left transition-shadow focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus ${\n selectedProjectId === project.id\n ? 'border-accent-blue bg-accent-blue-subtle'\n : 'border-border-seam hover:shadow-pop'\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-text-secondary\" />\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={`flex items-center gap-1 text-xs ${cfg.color}`}>\n <span\n className={`h-1.5 w-1.5 rounded-full ${cfg.dot} ${project.status === 'active' ? 'motion-safe:animate-vc-glow-pulse' : ''}`}\n />\n {cfg.label}\n </span>\n </div>\n <div className=\"mt-2\">\n <div className=\"flex items-center justify-between text-xs text-text-secondary\">\n <span>Progress</span>\n <span className=\"tabular-nums\">{project.progress}%</span>\n </div>\n <div className=\"mt-1 h-1.5 overflow-hidden rounded-full bg-bg-sunken\">\n <div\n className=\"h-1.5 rounded-full bg-accent-blue 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 <GlassCard treatment=\"insight\" className=\"border-border-seam\">\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 tracking-tight\">{selectedProject.title}</h2>\n <p className=\"text-sm text-text-secondary\">{selectedProject.description}</p>\n </div>\n <div className=\"text-right\">\n <p className=\"text-sm text-text-secondary\">Budget</p>\n <p className=\"text-xl font-bold tabular-nums\">\n ${selectedProject.budget.toLocaleString()}\n </p>\n <p className=\"text-xs text-text-secondary tabular-nums\">\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-text-secondary\">Overall Progress</span>\n <span className=\"font-medium tabular-nums\">{selectedProject.progress}%</span>\n </div>\n <div className=\"mt-1 h-3 overflow-hidden rounded-full bg-bg-sunken\">\n <div\n className=\"h-3 rounded-full bg-accent-blue 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-text-secondary\">\n <Calendar className=\"h-4 w-4\" /> {selectedProject.startDate} -{' '}\n {selectedProject.endDate}\n </span>\n <span className=\"flex items-center gap-1 text-text-secondary\">\n <Users className=\"h-4 w-4\" />\n <span className=\"tabular-nums\">{selectedProject.teamMembers.length}</span>{' '}\n members\n </span>\n <span className=\"flex items-center gap-1 text-text-secondary\">\n <Target className=\"h-4 w-4\" />\n <span className=\"tabular-nums\">{selectedProject.milestones.length}</span>{' '}\n milestones\n </span>\n </div>\n\n {/* Tags */}\n {selectedProject.tags.length > 0 && (\n <div className=\"mt-3 flex flex-wrap items-center gap-2\">\n <Tag className=\"h-4 w-4 text-text-secondary\" />\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 </GlassCard>\n\n {/* Detail tabs */}\n <div className=\"flex gap-1 border-b border-border-seam\">\n {detailTabs.map(({ key, label }) => (\n <button\n key={key}\n onClick={() => setDetailTab(key)}\n aria-pressed={detailTab === key}\n className={`border-b-2 px-4 py-2 text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus ${\n detailTab === key\n ? 'border-accent-blue text-accent-blue'\n : 'border-transparent text-text-secondary hover:text-text-primary'\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 <GlassCard treatment=\"metric\" className=\"border-border-seam\">\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-text-secondary\">Total Budget</span>\n <span className=\"font-medium tabular-nums\">\n ${selectedProject.budget.toLocaleString()}\n </span>\n </div>\n <div className=\"flex justify-between text-sm\">\n <span className=\"text-text-secondary\">Spent</span>\n <span className=\"font-medium tabular-nums\">\n ${selectedProject.spent.toLocaleString()}\n </span>\n </div>\n <div className=\"flex justify-between text-sm\">\n <span className=\"text-text-secondary\">Remaining</span>\n <span className=\"font-medium text-status-success-text tabular-nums\">\n ${(selectedProject.budget - selectedProject.spent).toLocaleString()}\n </span>\n </div>\n <div className=\"h-2 overflow-hidden rounded-full bg-bg-sunken\">\n <div\n className=\"h-2 rounded-full bg-accent-blue\"\n style={{\n width: `${Math.round((selectedProject.spent / selectedProject.budget) * 100)}%`,\n }}\n />\n </div>\n </CardContent>\n </GlassCard>\n <GlassCard treatment=\"metric\" className=\"border-border-seam\">\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=\"flex items-center gap-2 text-text-secondary capitalize\">\n <span\n className={`h-1.5 w-1.5 rounded-full ${milestoneStatusDot[status]}`}\n />\n {status.replace('_', ' ')}\n </span>\n <span className=\"font-medium tabular-nums\">{count}</span>\n </div>\n );\n })}\n </CardContent>\n </GlassCard>\n </div>\n )}\n\n {/* Timeline tab */}\n {detailTab === 'timeline' && (\n <Card className=\"border-border-seam\">\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 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-border-seam\" />\n )}\n {/* Dot */}\n <div\n className={`relative z-10 mt-1 h-6 w-6 shrink-0 rounded-full ${milestoneStatusDot[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-text-secondary\">\n {milestone.description}\n </p>\n <div className=\"mt-2 flex flex-wrap gap-3 text-xs text-text-secondary\">\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-status-success-text\">\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 Icon = statusIcons[milestone.status] ?? Target;\n return (\n <Card key={milestone.id} className=\"border-border-seam\">\n <CardContent className=\"pt-4\">\n <div className=\"flex items-start gap-3\">\n <Icon\n className={`mt-0.5 h-5 w-5 ${milestoneStatusColor[milestone.status]}`}\n />\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-text-secondary\">\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-text-secondary\">\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-text-secondary\">\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-status-success-text\">\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\" />\n <span className=\"tabular-nums\">\n {milestone.dependencies.length}\n </span>{' '}\n dependencies\n </span>\n )}\n </div>\n\n {milestone.notes && (\n <p className=\"mt-2 rounded bg-bg-sunken p-2 text-xs text-text-secondary 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 className=\"border-border-seam\">\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\n key={idx}\n className=\"flex items-center gap-3 rounded-lg border border-border-seam p-3\"\n >\n <div className=\"flex h-10 w-10 items-center justify-center rounded-full bg-accent-soft font-semibold text-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-text-secondary\">{member.role}</p>\n </div>\n </div>\n ))}\n </div>\n </CardContent>\n </Card>\n )}\n </>\n ) : (\n <Card className=\"border-border-seam\">\n <CardContent className=\"py-6\">\n <IllustratedEmptyState\n illustration=\"onboarding\"\n title=\"Select a project\"\n description=\"Pick a project from the sidebar to view its details.\"\n />\n </CardContent>\n </Card>\n )}\n </div>\n </div>\n </div>\n );\n}\n"],"mappings":"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"}

package/dist/proserviceworld/pages/ProviderDetailPage.js DELETED Viewed

@@ -1,538 +0,0 @@
-import { useProServiceWorldStore as e } from "../store/proserviceworldStore.js";
-import { useState as t } from "react";
-import { Award as n, Briefcase as r, Calendar as i, CheckCircle as a, MapPin as o, MessageSquare as s, Share2 as c, Star as l, Users as u } from "lucide-react";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-import { Badge as p, Button as m, CTAOverflowMenu as h, Card as g, CardContent as _, CardHeader as v, CardTitle as y, EmphasisPanel as b, GlassCard as x, IllustratedEmptyState as S, NextSteps as C, PagePurpose as w } from "@burdenoff/fe-libs/ui";
-//#region src/proserviceworld/pages/ProviderDetailPage.tsx
-function T() {
-	let { providers: T, services: E, reviews: D } = e(), [O, k] = t("overview"), A = T[0], j = E.filter((e) => e.providerId === A.id), M = D.filter((e) => e.providerName === A.name), N = [
-		{
-			id: "overview",
-			label: "Overview"
-		},
-		{
-			id: "services",
-			label: `Services (${j.length})`
-		},
-		{
-			id: "reviews",
-			label: `Reviews (${M.length})`
-		}
-	];
-	return /* @__PURE__ */ f("div", {
-		className: "space-y-6 p-6 bg-bg-canvas min-h-screen",
-		children: [
-			/* @__PURE__ */ d(w, {
-				icon: /* @__PURE__ */ d(r, { className: "h-4 w-4" }),
-				children: "A full picture of this provider before you engage. Review their background, specializations, certifications, and ratings, browse the services they offer, and read client reviews — then contact them or book a consultation with confidence."
-			}),
-			/* @__PURE__ */ d(C, {
-				storageKey: "proserviceworld-provider-detail",
-				steps: [
-					{
-						id: "services",
-						label: "Browse their services",
-						description: "See what this provider offers and starting prices.",
-						icon: /* @__PURE__ */ d(r, { className: "h-4 w-4" }),
-						onClick: () => k("services")
-					},
-					{
-						id: "reviews",
-						label: "Read client reviews",
-						description: "Check ratings and feedback from past clients.",
-						icon: /* @__PURE__ */ d(l, { className: "h-4 w-4" }),
-						onClick: () => k("reviews")
-					},
-					{
-						id: "contact",
-						label: "Contact the provider",
-						description: "Start a conversation or book a consultation.",
-						icon: /* @__PURE__ */ d(s, { className: "h-4 w-4" }),
-						onClick: () => k("overview")
-					}
-				]
-			}),
-			/* @__PURE__ */ f("div", {
-				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
-				children: [/* @__PURE__ */ d("div", {
-					className: "lg:col-span-2",
-					children: /* @__PURE__ */ d(b, {
-						className: "relative overflow-hidden",
-						children: /* @__PURE__ */ f("div", {
-							className: "flex items-start space-x-6",
-							children: [/* @__PURE__ */ d("div", {
-								className: "h-20 w-20 rounded-full bg-accent-soft flex items-center justify-center shrink-0",
-								children: /* @__PURE__ */ f("span", {
-									className: "text-text-primary text-2xl font-bold",
-									children: [A.name.charAt(0), A.name.split(" ")[1]?.charAt(0)]
-								})
-							}), /* @__PURE__ */ f("div", {
-								className: "flex-1",
-								children: [
-									/* @__PURE__ */ f("div", {
-										className: "flex items-center gap-3 mb-1",
-										children: [/* @__PURE__ */ d("h1", {
-											className: "text-2xl font-bold tracking-tight",
-											children: A.businessName
-										}), A.verified && /* @__PURE__ */ f(p, {
-											variant: "default",
-											children: [/* @__PURE__ */ d(a, { className: "h-3 w-3 mr-1" }), "Verified"]
-										})]
-									}),
-									/* @__PURE__ */ d("p", {
-										className: "text-text-secondary mb-2",
-										children: A.name
-									}),
-									/* @__PURE__ */ d("p", {
-										className: "text-sm text-text-secondary mb-4",
-										children: A.tagline
-									}),
-									/* @__PURE__ */ f("div", {
-										className: "flex flex-wrap items-center gap-4 text-sm",
-										children: [
-											/* @__PURE__ */ f("div", {
-												className: "flex items-center",
-												children: [
-													/* @__PURE__ */ d(l, { className: "h-4 w-4 text-status-warning-text fill-current mr-1" }),
-													/* @__PURE__ */ d("span", {
-														className: "font-medium tabular-nums",
-														children: A.rating.toFixed(1)
-													}),
-													/* @__PURE__ */ f("span", {
-														className: "text-text-secondary ml-1",
-														children: [
-															"(",
-															A.totalReviews,
-															" reviews)"
-														]
-													})
-												]
-											}),
-											/* @__PURE__ */ f("div", {
-												className: "flex items-center text-text-secondary",
-												children: [/* @__PURE__ */ d(o, { className: "h-4 w-4 mr-1" }), A.location]
-											}),
-											/* @__PURE__ */ f("div", {
-												className: "flex items-center text-text-secondary",
-												children: [
-													/* @__PURE__ */ d(r, { className: "h-4 w-4 mr-1" }),
-													A.yearsExperience,
-													" years"
-												]
-											})
-										]
-									})
-								]
-							})]
-						})
-					})
-				}), /* @__PURE__ */ d(x, {
-					treatment: "glass",
-					glow: !0,
-					className: "border-border-seam",
-					children: /* @__PURE__ */ f(_, {
-						className: "p-6 space-y-4",
-						children: [
-							/* @__PURE__ */ f("div", {
-								className: "text-center",
-								children: [/* @__PURE__ */ f("div", {
-									className: "text-2xl font-bold tabular-nums",
-									children: [
-										"$",
-										A.hourlyRate,
-										"/hr"
-									]
-								}), /* @__PURE__ */ d("p", {
-									className: "text-sm text-text-secondary",
-									children: "Starting rate"
-								})]
-							}),
-							/* @__PURE__ */ f(m, {
-								className: "w-full",
-								children: [/* @__PURE__ */ d(s, { className: "h-4 w-4 mr-2" }), "Contact Provider"]
-							}),
-							/* @__PURE__ */ d(h, {
-								className: "justify-center",
-								actions: [{
-									label: "Book Consultation",
-									onSelect: () => {},
-									icon: /* @__PURE__ */ d(i, { className: "h-4 w-4" })
-								}, {
-									label: "Share Profile",
-									onSelect: () => {},
-									icon: /* @__PURE__ */ d(c, { className: "h-4 w-4" })
-								}]
-							}),
-							/* @__PURE__ */ f("div", {
-								className: "grid grid-cols-2 gap-4 text-sm pt-4 border-t border-border-seam",
-								children: [
-									/* @__PURE__ */ f("div", {
-										className: "text-center p-3 bg-bg-sunken rounded",
-										children: [/* @__PURE__ */ f("div", {
-											className: "font-semibold tabular-nums",
-											children: [A.responseTime, "h"]
-										}), /* @__PURE__ */ d("div", {
-											className: "text-text-secondary",
-											children: "Response"
-										})]
-									}),
-									/* @__PURE__ */ f("div", {
-										className: "text-center p-3 bg-bg-sunken rounded",
-										children: [/* @__PURE__ */ f("div", {
-											className: "font-semibold tabular-nums",
-											children: [A.completionRate, "%"]
-										}), /* @__PURE__ */ d("div", {
-											className: "text-text-secondary",
-											children: "Completion"
-										})]
-									}),
-									/* @__PURE__ */ f("div", {
-										className: "text-center p-3 bg-bg-sunken rounded",
-										children: [/* @__PURE__ */ d("div", {
-											className: "font-semibold tabular-nums",
-											children: A.projectsCompleted
-										}), /* @__PURE__ */ d("div", {
-											className: "text-text-secondary",
-											children: "Projects"
-										})]
-									}),
-									/* @__PURE__ */ f("div", {
-										className: "text-center p-3 bg-bg-sunken rounded",
-										children: [/* @__PURE__ */ d("div", {
-											className: "font-semibold tabular-nums",
-											children: A.activeProjects
-										}), /* @__PURE__ */ d("div", {
-											className: "text-text-secondary",
-											children: "Active"
-										})]
-									})
-								]
-							})
-						]
-					})
-				})]
-			}),
-			/* @__PURE__ */ d("div", {
-				className: "border-b border-border-seam",
-				children: /* @__PURE__ */ d("nav", {
-					className: "-mb-px flex space-x-8",
-					children: N.map((e) => /* @__PURE__ */ d("button", {
-						onClick: () => k(e.id),
-						"aria-pressed": O === e.id,
-						className: `py-3 px-1 border-b-2 font-medium text-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus ${O === e.id ? "border-accent-blue text-accent-blue" : "border-transparent text-text-secondary hover:text-text-primary"}`,
-						children: e.label
-					}, e.id))
-				})
-			}),
-			O === "overview" && /* @__PURE__ */ f("div", {
-				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
-				children: [/* @__PURE__ */ f("div", {
-					className: "lg:col-span-2 space-y-6",
-					children: [
-						/* @__PURE__ */ f(g, {
-							className: "border-border-seam",
-							children: [/* @__PURE__ */ d(v, { children: /* @__PURE__ */ d(y, { children: "About" }) }), /* @__PURE__ */ d(_, { children: /* @__PURE__ */ d("p", {
-								className: "text-text-secondary",
-								children: A.description
-							}) })]
-						}),
-						/* @__PURE__ */ f(g, {
-							className: "border-border-seam",
-							children: [/* @__PURE__ */ d(v, { children: /* @__PURE__ */ d(y, { children: "Specializations" }) }), /* @__PURE__ */ d(_, { children: /* @__PURE__ */ d("div", {
-								className: "flex flex-wrap gap-2",
-								children: A.specializations.map((e) => /* @__PURE__ */ d(p, {
-									variant: "secondary",
-									children: e
-								}, e))
-							}) })]
-						}),
-						/* @__PURE__ */ f(g, {
-							className: "border-border-seam",
-							children: [/* @__PURE__ */ d(v, { children: /* @__PURE__ */ d(y, { children: "Certifications" }) }), /* @__PURE__ */ d(_, {
-								className: "space-y-3",
-								children: A.certifications.map((e) => /* @__PURE__ */ f("div", {
-									className: "flex items-center gap-3",
-									children: [/* @__PURE__ */ d(n, { className: "h-5 w-5 text-accent-blue" }), /* @__PURE__ */ d("span", { children: e })]
-								}, e))
-							})]
-						})
-					]
-				}), /* @__PURE__ */ f("div", {
-					className: "space-y-6",
-					children: [/* @__PURE__ */ f(g, {
-						className: "border-border-seam",
-						children: [/* @__PURE__ */ d(v, { children: /* @__PURE__ */ d(y, { children: "Details" }) }), /* @__PURE__ */ f(_, {
-							className: "space-y-3 text-sm",
-							children: [
-								/* @__PURE__ */ f("div", {
-									className: "flex justify-between",
-									children: [/* @__PURE__ */ d("span", {
-										className: "text-text-secondary",
-										children: "Location"
-									}), /* @__PURE__ */ d("span", { children: A.location })]
-								}),
-								/* @__PURE__ */ f("div", {
-									className: "flex justify-between",
-									children: [/* @__PURE__ */ d("span", {
-										className: "text-text-secondary",
-										children: "Languages"
-									}), /* @__PURE__ */ d("span", { children: A.languages.join(", ") })]
-								}),
-								/* @__PURE__ */ f("div", {
-									className: "flex justify-between",
-									children: [/* @__PURE__ */ d("span", {
-										className: "text-text-secondary",
-										children: "Member Since"
-									}), /* @__PURE__ */ d("span", { children: new Date(A.joinedDate).toLocaleDateString("en-US", {
-										month: "short",
-										year: "numeric"
-									}) })]
-								}),
-								/* @__PURE__ */ f("div", {
-									className: "flex justify-between",
-									children: [/* @__PURE__ */ d("span", {
-										className: "text-text-secondary",
-										children: "Category"
-									}), /* @__PURE__ */ d("span", {
-										className: "capitalize",
-										children: A.category.replace("_", " ")
-									})]
-								})
-							]
-						})]
-					}), /* @__PURE__ */ f(g, {
-						className: "border-border-seam",
-						children: [/* @__PURE__ */ d(v, { children: /* @__PURE__ */ d(y, { children: "Similar Providers" }) }), /* @__PURE__ */ d(_, {
-							className: "space-y-3",
-							children: T.filter((e) => e.id !== A.id).slice(0, 3).map((e) => /* @__PURE__ */ f("div", {
-								className: "flex items-center gap-3",
-								children: [
-									/* @__PURE__ */ d("div", {
-										className: "h-8 w-8 rounded-full bg-bg-sunken flex items-center justify-center text-xs font-medium",
-										children: e.name.charAt(0)
-									}),
-									/* @__PURE__ */ f("div", {
-										className: "flex-1 min-w-0",
-										children: [/* @__PURE__ */ d("p", {
-											className: "text-sm font-medium truncate",
-											children: e.businessName
-										}), /* @__PURE__ */ d("p", {
-											className: "text-xs text-text-secondary",
-											children: e.specializations[0]
-										})]
-									}),
-									/* @__PURE__ */ f("div", {
-										className: "flex items-center text-xs",
-										children: [/* @__PURE__ */ d(l, { className: "h-3 w-3 text-status-warning-text fill-current mr-0.5" }), /* @__PURE__ */ d("span", {
-											className: "tabular-nums",
-											children: e.rating.toFixed(1)
-										})]
-									})
-								]
-							}, e.id))
-						})]
-					})]
-				})]
-			}),
-			O === "services" && /* @__PURE__ */ d("div", {
-				className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6",
-				children: j.length > 0 ? j.map((e) => /* @__PURE__ */ d(x, {
-					treatment: "plain",
-					className: "border-border-seam transition-shadow hover:shadow-pop",
-					children: /* @__PURE__ */ f(_, {
-						className: "p-6",
-						children: [
-							/* @__PURE__ */ d("h3", {
-								className: "font-semibold mb-2",
-								children: e.title
-							}),
-							/* @__PURE__ */ d("p", {
-								className: "text-sm text-text-secondary mb-3 line-clamp-2",
-								children: e.description
-							}),
-							/* @__PURE__ */ d("div", {
-								className: "flex flex-wrap gap-1 mb-3",
-								children: e.tags.slice(0, 3).map((e) => /* @__PURE__ */ d(p, {
-									variant: "outline",
-									className: "text-xs",
-									children: e
-								}, e))
-							}),
-							/* @__PURE__ */ f("div", {
-								className: "flex justify-between border-t border-border-seam pt-3",
-								children: [/* @__PURE__ */ f("span", {
-									className: "font-medium tabular-nums",
-									children: ["From $", e.pricing.basePrice.toLocaleString()]
-								}), /* @__PURE__ */ f("span", {
-									className: "text-sm text-text-secondary tabular-nums",
-									children: [e.duration.typical, " days"]
-								})]
-							}),
-							/* @__PURE__ */ d(m, {
-								variant: "outline",
-								size: "sm",
-								className: "w-full mt-3",
-								children: "View Details"
-							})
-						]
-					})
-				}, e.id)) : /* @__PURE__ */ d("div", {
-					className: "col-span-full",
-					children: /* @__PURE__ */ d(S, {
-						illustration: "empty-data",
-						title: "No services listed yet",
-						description: "This provider has not published any services."
-					})
-				})
-			}),
-			O === "reviews" && /* @__PURE__ */ f("div", {
-				className: "space-y-4",
-				children: [/* @__PURE__ */ d(x, {
-					treatment: "metric",
-					className: "border-border-seam",
-					children: /* @__PURE__ */ d(_, {
-						className: "p-6",
-						children: /* @__PURE__ */ f("div", {
-							className: "flex flex-col gap-8 sm:flex-row sm:items-center",
-							children: [/* @__PURE__ */ f("div", {
-								className: "text-center",
-								children: [
-									/* @__PURE__ */ d("div", {
-										className: "text-4xl font-bold tabular-nums",
-										children: A.rating.toFixed(1)
-									}),
-									/* @__PURE__ */ d("div", {
-										className: "flex justify-center mt-1",
-										children: [
-											1,
-											2,
-											3,
-											4,
-											5
-										].map((e) => /* @__PURE__ */ d(l, { className: `h-4 w-4 ${e <= Math.round(A.rating) ? "text-status-warning-text fill-current" : "text-text-secondary"}` }, e))
-									}),
-									/* @__PURE__ */ f("p", {
-										className: "text-sm text-text-secondary mt-1",
-										children: [A.totalReviews, " reviews"]
-									})
-								]
-							}), /* @__PURE__ */ d("div", {
-								className: "flex-1 space-y-1",
-								children: [
-									5,
-									4,
-									3,
-									2,
-									1
-								].map((e) => {
-									let t = M.filter((t) => Math.round(t.rating) === e).length, n = M.length > 0 ? t / M.length * 100 : 0;
-									return /* @__PURE__ */ f("div", {
-										className: "flex items-center gap-2",
-										children: [
-											/* @__PURE__ */ d("span", {
-												className: "text-sm w-3 tabular-nums",
-												children: e
-											}),
-											/* @__PURE__ */ d(l, { className: "h-3 w-3 text-status-warning-text fill-current" }),
-											/* @__PURE__ */ d("div", {
-												className: "flex-1 bg-bg-sunken rounded-full h-2",
-												children: /* @__PURE__ */ d("div", {
-													className: "bg-status-warning-text h-2 rounded-full",
-													style: { width: `${n}%` }
-												})
-											}),
-											/* @__PURE__ */ d("span", {
-												className: "text-sm text-text-secondary w-6 text-right tabular-nums",
-												children: t
-											})
-										]
-									}, e);
-								})
-							})]
-						})
-					})
-				}), M.map((e) => /* @__PURE__ */ d(g, {
-					className: "border-border-seam",
-					children: /* @__PURE__ */ f(_, {
-						className: "p-6",
-						children: [
-							/* @__PURE__ */ f("div", {
-								className: "flex items-center gap-3 mb-3",
-								children: [/* @__PURE__ */ d("div", {
-									className: "h-10 w-10 rounded-full bg-accent-soft flex items-center justify-center",
-									children: /* @__PURE__ */ d("span", {
-										className: "text-text-primary font-medium",
-										children: e.clientName.charAt(0)
-									})
-								}), /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ f("div", {
-									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ d("span", {
-										className: "font-medium",
-										children: e.clientName
-									}), /* @__PURE__ */ d("div", {
-										className: "flex",
-										children: [
-											1,
-											2,
-											3,
-											4,
-											5
-										].map((t) => /* @__PURE__ */ d(l, { className: `h-3 w-3 ${t <= e.rating ? "text-status-warning-text fill-current" : "text-text-secondary"}` }, t))
-									})]
-								}), /* @__PURE__ */ f("p", {
-									className: "text-xs text-text-secondary",
-									children: [
-										e.serviceName,
-										" -",
-										" ",
-										new Date(e.createdAt).toLocaleDateString("en-US", {
-											month: "long",
-											day: "numeric",
-											year: "numeric"
-										})
-									]
-								})] })]
-							}),
-							/* @__PURE__ */ d("p", {
-								className: "text-sm text-text-secondary mb-3",
-								children: e.comment
-							}),
-							/* @__PURE__ */ f("div", {
-								className: "flex flex-wrap gap-4 text-xs text-text-secondary",
-								children: [
-									/* @__PURE__ */ f("span", {
-										className: "tabular-nums",
-										children: ["Value: $", e.projectValue.toLocaleString()]
-									}),
-									/* @__PURE__ */ f("span", {
-										className: "tabular-nums",
-										children: [
-											"Duration: ",
-											e.projectDuration,
-											" days"
-										]
-									}),
-									/* @__PURE__ */ f("span", {
-										className: "flex items-center",
-										children: [
-											/* @__PURE__ */ d(u, { className: "h-3 w-3 mr-1" }),
-											/* @__PURE__ */ d("span", {
-												className: "tabular-nums",
-												children: e.helpful
-											}),
-											" helpful"
-										]
-									})
-								]
-							})
-						]
-					})
-				}, e.id))]
-			})
-		]
-	});
-}
-//#endregion
-export { T as ProviderDetailPage };
-//# sourceMappingURL=ProviderDetailPage.js.map