@burdenoff/microfe-crewfoundry 2026.703.2 → 2026.704.2

package/dist/crewfoundry/pages/MarketplaceFreelancerProfilePageEnhancedPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarketplaceFreelancerProfilePageEnhancedPage.js","names":[],"sources":["../../../src/crewfoundry/pages/MarketplaceFreelancerProfilePageEnhancedPage.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  NextSteps,\n  PagePurpose,\n  Separator,\n  Tabs,\n  TabsContent,\n  TabsList,\n  TabsTrigger,\n} from '@burdenoff/fe-libs/ui';\nimport {\n  BarChart3,\n  Briefcase,\n  Calendar,\n  CheckCircle,\n  Clock,\n  DollarSign,\n  Globe,\n  MapPin,\n  MessageSquare,\n  Star,\n  TrendingUp,\n  Users,\n  Video,\n} from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function MarketplaceFreelancerProfilePageEnhancedPage() {\n  const [selectedTab, setSelectedTab] = useState('overview');\n  const { marketplaceServices, clients, candidates } = useCrewFoundryStore();\n\n  const availability = useMemo(\n    () => [\n      { day: 'Monday', slots: ['9:00 AM', '11:00 AM', '2:00 PM'] },\n      { day: 'Tuesday', slots: ['10:00 AM', '1:00 PM', '3:00 PM'] },\n      { day: 'Wednesday', slots: ['9:00 AM', '2:00 PM'] },\n      { day: 'Thursday', slots: ['11:00 AM', '1:00 PM', '4:00 PM'] },\n      { day: 'Friday', slots: ['9:00 AM', '10:00 AM'] },\n    ],\n    []\n  );\n\n  const services = useMemo(\n    () =>\n      marketplaceServices.slice(0, 6).map((service) => ({\n        title: service.title,\n        price:\n          service.priceType === 'hourly'\n            ? `$${service.price}/hr`\n            : service.priceType === 'monthly'\n              ? `$${service.price}/mo`\n              : `$${service.price}`,\n        type: service.priceType,\n        description: service.description,\n        delivery: service.deliveryTime,\n      })),\n    [marketplaceServices]\n  );\n\n  const analytics = useMemo(\n    () => [\n      {\n        label: 'Avg. Placement Time',\n        value: `${Math.max(15, 45 - candidates.filter((candidate) => candidate.status === 'hired').length)} days`,\n        trend: '-3 days vs avg',\n      },\n      {\n        label: 'Offer Acceptance Rate',\n        value: `${Math.round((candidates.filter((candidate) => candidate.status === 'hired').length / Math.max(candidates.filter((candidate) => candidate.status === 'offer').length, 1)) * 100)}%`,\n        trend: '+8% vs avg',\n      },\n      {\n        label: 'Client Retention',\n        value: `${Math.min(99, Math.max(70, Math.round((clients.filter((client) => client.status === 'active').length / Math.max(clients.length, 1)) * 100)))}%`,\n        trend: 'repeat clients',\n      },\n      {\n        label: 'Candidates Placed (YTD)',\n        value: `${candidates.filter((candidate) => candidate.status === 'hired').length}`,\n        trend: '+12% YoY',\n      },\n    ],\n    [candidates, clients]\n  );\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <GlassCard treatment=\"glass\" glow className=\"border-border-seam\">\n        <CardContent className=\"pt-6\">\n          <div className=\"flex items-start gap-6\">\n            <div className=\"flex h-24 w-24 shrink-0 items-center justify-center rounded-2xl bg-gradient-to-br from-primary to-primary/60 text-action-primary-text text-3xl font-semibold\">\n              MS\n            </div>\n            <div className=\"flex-1 space-y-2\">\n              <div className=\"flex items-center gap-3 flex-wrap\">\n                <h1 className=\"text-2xl font-semibold\">\n                  <GradientText>Maria Santos</GradientText>\n                </h1>\n                <Badge>Top Rated Plus</Badge>\n                <Badge variant=\"secondary\">Expert-Vetted</Badge>\n                <Badge\n                  variant=\"outline\"\n                  className=\"text-status-success-text border-status-success-text/30\"\n                >\n                  Available Now\n                </Badge>\n              </div>\n              <p className=\"text-sm font-medium\">Senior HR Consultant & Technical Recruiter</p>\n              <p className=\"text-xs text-text-secondary\">TalentPro Solutions</p>\n              <div className=\"flex flex-wrap items-center gap-4 text-xs text-text-secondary\">\n                <span className=\"flex items-center gap-1\">\n                  <MapPin className=\"h-3 w-3\" /> San Francisco, CA\n                </span>\n                <span className=\"flex items-center gap-1\">\n                  <Globe className=\"h-3 w-3\" /> UTC-8 (PST)\n                </span>\n                <span className=\"flex items-center gap-1\">\n                  <Star className=\"h-3 w-3 text-status-warning-text fill-yellow-500\" /> 4.9 (47\n                  reviews)\n                </span>\n                <span className=\"flex items-center gap-1\">\n                  <Briefcase className=\"h-3 w-3\" /> 47 completed projects\n                </span>\n                <span className=\"flex items-center gap-1\">\n                  <DollarSign className=\"h-3 w-3\" /> $150/hr\n                </span>\n              </div>\n              <div className=\"flex gap-2 pt-2\">\n                <Button size=\"sm\">\n                  <MessageSquare className=\"h-3 w-3 mr-1\" /> Send Proposal\n                </Button>\n                <Button size=\"sm\" variant=\"outline\">\n                  <Video className=\"h-3 w-3 mr-1\" /> Video Intro\n                </Button>\n                <Button size=\"sm\" variant=\"outline\">\n                  <Calendar className=\"h-3 w-3 mr-1\" /> Schedule Call\n                </Button>\n              </div>\n              <PagePurpose className=\"pt-2\">\n                A freelancer&apos;s full profile — skills, track record, services, availability, and\n                performance — so you can vet them thoroughly and decide whether to hire before you\n                reach out.\n              </PagePurpose>\n            </div>\n          </div>\n        </CardContent>\n      </GlassCard>\n\n      <NextSteps\n        storageKey=\"crewfoundry-freelancer-profile-enhanced\"\n        steps={[\n          {\n            id: 'services',\n            label: 'Review their services',\n            description: 'See exactly what this freelancer offers and at what price.',\n            icon: <Briefcase className=\"h-4 w-4\" />,\n            onClick: () => setSelectedTab('services'),\n          },\n          {\n            id: 'availability',\n            label: 'Check availability',\n            description: 'Find open slots before you schedule a call.',\n            icon: <Calendar className=\"h-4 w-4\" />,\n            onClick: () => setSelectedTab('availability'),\n          },\n          {\n            id: 'performance',\n            label: 'Inspect performance',\n            description: 'Look at ratings and delivery history to reduce risk.',\n            icon: <TrendingUp className=\"h-4 w-4\" />,\n            onClick: () => setSelectedTab('analytics'),\n          },\n        ]}\n      />\n\n      <div className=\"grid gap-4 md:grid-cols-4\">\n        {analytics.map((stat) => (\n          <Card key={stat.label}>\n            <CardContent className=\"pt-6\">\n              <p className=\"text-xs text-text-secondary\">{stat.label}</p>\n              <p className=\"text-lg font-bold\">{stat.value}</p>\n              <p className=\"text-[10px] text-status-success-text\">{stat.trend}</p>\n            </CardContent>\n          </Card>\n        ))}\n      </div>\n\n      <Tabs value={selectedTab} onValueChange={setSelectedTab}>\n        <TabsList>\n          <TabsTrigger value=\"overview\">Overview</TabsTrigger>\n          <TabsTrigger value=\"services\">Services</TabsTrigger>\n          <TabsTrigger value=\"availability\">Availability</TabsTrigger>\n          <TabsTrigger value=\"analytics\">Performance</TabsTrigger>\n        </TabsList>\n\n        <TabsContent value=\"overview\" className=\"space-y-6 mt-4\">\n          <div className=\"grid gap-6 lg:grid-cols-3\">\n            <div className=\"lg:col-span-2 space-y-4\">\n              <Card>\n                <CardHeader>\n                  <CardTitle className=\"text-base\">Professional Summary</CardTitle>\n                </CardHeader>\n                <CardContent className=\"text-sm text-text-secondary space-y-3\">\n                  <p>\n                    Award-winning HR consultant with 12+ years specializing in technical recruitment\n                    and talent strategy for high-growth technology companies. Deep expertise in\n                    building engineering teams, executive search, and implementing scalable hiring\n                    processes.\n                  </p>\n                  <p>\n                    Named one of the &quot;Top 50 HR Influencers&quot; by HR Tech Magazine in 2025.\n                    Regular speaker at HR technology conferences and contributor to industry\n                    publications.\n                  </p>\n                  <Separator />\n                  <div className=\"grid grid-cols-2 gap-3 text-xs\">\n                    <div className=\"flex items-center gap-2\">\n                      <CheckCircle className=\"h-3 w-3 text-status-success-text\" /> Background\n                      verified\n                    </div>\n                    <div className=\"flex items-center gap-2\">\n                      <CheckCircle className=\"h-3 w-3 text-status-success-text\" /> Identity\n                      confirmed\n                    </div>\n                    <div className=\"flex items-center gap-2\">\n                      <CheckCircle className=\"h-3 w-3 text-status-success-text\" /> References\n                      checked\n                    </div>\n                    <div className=\"flex items-center gap-2\">\n                      <CheckCircle className=\"h-3 w-3 text-status-success-text\" /> Skills assessed\n                    </div>\n                  </div>\n                </CardContent>\n              </Card>\n            </div>\n            <div className=\"space-y-4\">\n              <Card>\n                <CardHeader>\n                  <CardTitle className=\"text-sm\">Expertise Areas</CardTitle>\n                </CardHeader>\n                <CardContent className=\"flex flex-wrap gap-1.5\">\n                  {[\n                    'Technical Recruitment',\n                    'Executive Search',\n                    'HR Consulting',\n                    'Talent Strategy',\n                    'Employer Branding',\n                    'Comp Analysis',\n                    'ATS Implementation',\n                    'Interview Training',\n                    'DEI Programs',\n                    'Workforce Planning',\n                  ].map((s) => (\n                    <Badge key={s} variant=\"secondary\" className=\"text-xs\">\n                      {s}\n                    </Badge>\n                  ))}\n                </CardContent>\n              </Card>\n              <Card>\n                <CardHeader>\n                  <CardTitle className=\"text-sm\">Response Time</CardTitle>\n                </CardHeader>\n                <CardContent className=\"space-y-2\">\n                  <div className=\"flex items-center gap-2 text-sm\">\n                    <Clock className=\"h-4 w-4 text-status-success-text\" />\n                    <span className=\"font-medium\">Usually responds within 2 hours</span>\n                  </div>\n                  <p className=\"text-xs text-text-secondary\">Available Mon-Fri, 9 AM - 6 PM PST</p>\n                </CardContent>\n              </Card>\n            </div>\n          </div>\n        </TabsContent>\n\n        <TabsContent value=\"services\" className=\"mt-4\">\n          <div className=\"grid gap-4 md:grid-cols-2\">\n            {services.map((svc) => (\n              <Card key={svc.title}>\n                <CardHeader>\n                  <div className=\"flex items-center justify-between\">\n                    <CardTitle className=\"text-sm\">{svc.title}</CardTitle>\n                    <Badge variant=\"outline\" className=\"text-xs\">\n                      {svc.type}\n                    </Badge>\n                  </div>\n                  <CardDescription className=\"text-xs\">{svc.description}</CardDescription>\n                </CardHeader>\n                <CardContent className=\"pt-0\">\n                  <Separator className=\"mb-3\" />\n                  <div className=\"flex items-center justify-between\">\n                    <div className=\"space-y-0.5\">\n                      <p className=\"text-sm font-semibold\">{svc.price}</p>\n                      <p className=\"text-[10px] text-text-secondary\">Delivery: {svc.delivery}</p>\n                    </div>\n                    <Button size=\"sm\">Book Now</Button>\n                  </div>\n                </CardContent>\n              </Card>\n            ))}\n          </div>\n        </TabsContent>\n\n        <TabsContent value=\"availability\" className=\"mt-4\">\n          <Card>\n            <CardHeader>\n              <CardTitle className=\"text-base\">This Week&apos;s Availability</CardTitle>\n              <CardDescription>Select a time slot to schedule a consultation</CardDescription>\n            </CardHeader>\n            <CardContent className=\"space-y-4\">\n              {availability.map((day) => (\n                <div key={day.day} className=\"flex items-center gap-4\">\n                  <span className=\"w-24 text-sm font-medium\">{day.day}</span>\n                  <div className=\"flex flex-wrap gap-2\">\n                    {day.slots.map((slot) => (\n                      <Button key={slot} variant=\"outline\" size=\"sm\" className=\"text-xs h-7\">\n                        {slot}\n                      </Button>\n                    ))}\n                  </div>\n                </div>\n              ))}\n            </CardContent>\n          </Card>\n        </TabsContent>\n\n        <TabsContent value=\"analytics\" className=\"mt-4\">\n          <div className=\"grid gap-4 md:grid-cols-2\">\n            <Card>\n              <CardHeader>\n                <CardTitle className=\"text-base\">Performance Metrics</CardTitle>\n                <CardDescription>Historical performance data</CardDescription>\n              </CardHeader>\n              <CardContent className=\"space-y-3\">\n                {[\n                  { label: 'Total Placements', value: '312', icon: Users },\n                  { label: 'Client Satisfaction', value: '4.9/5.0', icon: Star },\n                  { label: 'On-Time Delivery', value: '97%', icon: Clock },\n                  { label: 'Revenue Generated', value: '$2.1M', icon: TrendingUp },\n                  { label: 'Repeat Client Rate', value: '92%', icon: BarChart3 },\n                ].map((metric) => (\n                  <div key={metric.label} className=\"flex items-center justify-between\">\n                    <div className=\"flex items-center gap-2 text-sm\">\n                      <metric.icon className=\"h-4 w-4 text-text-secondary\" />\n                      <span>{metric.label}</span>\n                    </div>\n                    <span className=\"font-semibold text-sm\">{metric.value}</span>\n                  </div>\n                ))}\n              </CardContent>\n            </Card>\n            <Card>\n              <CardHeader>\n                <CardTitle className=\"text-base\">Industry Specialization</CardTitle>\n                <CardDescription>Experience by industry sector</CardDescription>\n              </CardHeader>\n              <CardContent className=\"space-y-3\">\n                {[\n                  { industry: 'Technology', percentage: 45 },\n                  { industry: 'Healthcare', percentage: 20 },\n                  { industry: 'Finance', percentage: 15 },\n                  { industry: 'E-commerce', percentage: 12 },\n                  { industry: 'Education', percentage: 8 },\n                ].map((item) => (\n                  <div key={item.industry} className=\"space-y-1\">\n                    <div className=\"flex items-center justify-between text-sm\">\n                      <span>{item.industry}</span>\n                      <span className=\"text-xs text-text-secondary\">{item.percentage}%</span>\n                    </div>\n                    <div className=\"h-1.5 rounded-full bg-bg-sunken overflow-hidden\">\n                      <div\n                        className=\"h-full rounded-full bg-action-primary-bg\"\n                        style={{ width: `${item.percentage}%` }}\n                      />\n                    </div>\n                  </div>\n                ))}\n              </CardContent>\n            </Card>\n          </div>\n        </TabsContent>\n      </Tabs>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"MarketplaceFreelancerProfilePageEnhancedPage.js","names":[],"sources":["../../../src/crewfoundry/pages/MarketplaceFreelancerProfilePageEnhancedPage.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  NextSteps,\n  PagePurpose,\n  Separator,\n  Tabs,\n  TabsContent,\n  TabsList,\n  TabsTrigger,\n} from '@burdenoff/fe-libs/ui';\nimport {\n  Briefcase,\n  Calendar,\n  DollarSign,\n  MessageSquare,\n  Star,\n  TrendingUp,\n  Video,\n} from 'lucide-react';\nimport { useLocation, useNavigate } from 'react-router-dom';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nconst initialsOf = (name: string): string =>\n  name\n    .split(' ')\n    .map((part) => part[0] ?? '')\n    .join('')\n    .slice(0, 2)\n    .toUpperCase() || '—';\n\nexport function MarketplaceFreelancerProfilePageEnhancedPage() {\n  const [selectedTab, setSelectedTab] = useState('overview');\n  const navigate = useNavigate();\n  const location = useLocation();\n  const { marketplaceServices } = useCrewFoundryStore();\n  const selectedId = new URLSearchParams(location.search).get('id');\n\n  const baseService =\n    marketplaceServices.find((service) => service.id === selectedId) ?? marketplaceServices[0];\n  const providerName = baseService?.provider ?? '';\n\n  const providerServices = useMemo(\n    () => marketplaceServices.filter((service) => service.provider === providerName),\n    [marketplaceServices, providerName]\n  );\n\n  const skills = useMemo(\n    () => Array.from(new Set(providerServices.flatMap((service) => service.skills))).slice(0, 20),\n    [providerServices]\n  );\n\n  const categories = useMemo(\n    () => Array.from(new Set(providerServices.map((service) => service.category))),\n    [providerServices]\n  );\n\n  const services = useMemo(\n    () =>\n      providerServices.map((service) => ({\n        id: service.id,\n        title: service.title,\n        price:\n          service.priceType === 'hourly'\n            ? `$${service.price}/hr`\n            : service.priceType === 'monthly'\n              ? `$${service.price}/mo`\n              : `$${service.price}`,\n        type: service.priceType,\n        description: service.description,\n        delivery: service.deliveryTime,\n        rating: service.rating,\n        reviews: service.reviews,\n      })),\n    [providerServices]\n  );\n\n  const avgRating =\n    providerServices.length > 0\n      ? (\n          providerServices.reduce((sum, service) => sum + service.rating, 0) /\n          providerServices.length\n        ).toFixed(1)\n      : '0.0';\n  const totalReviews = providerServices.reduce((sum, service) => sum + service.reviews, 0);\n  const startingRate =\n    providerServices.length > 0 ? Math.min(...providerServices.map((service) => service.price)) : 0;\n  const isTopRated = Number(avgRating) >= 4.5 && totalReviews > 0;\n\n  const stats = [\n    { label: 'Services', value: `${providerServices.length}` },\n    { label: 'Avg Rating', value: avgRating },\n    { label: 'Total Reviews', value: `${totalReviews}` },\n    { label: 'Starting Rate', value: `$${startingRate.toLocaleString()}` },\n  ];\n\n  if (!baseService) {\n    return (\n      <div className=\"p-6\">\n        <IllustratedEmptyState\n          illustration=\"empty-search\"\n          title=\"Provider not found\"\n          description=\"This freelancer is no longer available on the marketplace.\"\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <GlassCard treatment=\"glass\" glow className=\"border-border-seam\">\n        <CardContent className=\"pt-6\">\n          <div className=\"flex items-start gap-6\">\n            <div className=\"flex h-24 w-24 shrink-0 items-center justify-center rounded-2xl bg-gradient-to-br from-primary to-primary/60 text-action-primary-text text-3xl font-semibold\">\n              {initialsOf(providerName)}\n            </div>\n            <div className=\"flex-1 space-y-2\">\n              <div className=\"flex items-center gap-3 flex-wrap\">\n                <h1 className=\"text-2xl font-semibold\">\n                  <GradientText>{providerName}</GradientText>\n                </h1>\n                {isTopRated ? <Badge>Top Rated</Badge> : null}\n              </div>\n              <p className=\"text-sm font-medium\">\n                {categories.length > 0 ? categories.join(' · ') : 'Marketplace provider'}\n              </p>\n              <div className=\"flex flex-wrap items-center gap-4 text-xs text-text-secondary\">\n                <span className=\"flex items-center gap-1\">\n                  <Star className=\"h-3 w-3 text-status-warning-text\" /> {avgRating} ({totalReviews}{' '}\n                  reviews)\n                </span>\n                <span className=\"flex items-center gap-1\">\n                  <Briefcase className=\"h-3 w-3\" /> {providerServices.length} services\n                </span>\n                <span className=\"flex items-center gap-1\">\n                  <DollarSign className=\"h-3 w-3\" /> from ${startingRate.toLocaleString()}\n                </span>\n              </div>\n              <div className=\"flex gap-2 pt-2 flex-wrap\">\n                <Button size=\"sm\" onClick={() => navigate('../../marketplace/messaging-page')}>\n                  <MessageSquare className=\"h-3 w-3 mr-1\" /> Send Proposal\n                </Button>\n                {/* No video-intro/call surface exists yet — honest disabled control. */}\n                <Button\n                  size=\"sm\"\n                  variant=\"outline\"\n                  disabled\n                  title=\"Video intro is coming soon\"\n                  aria-label=\"Video intro — coming soon\"\n                >\n                  <Video className=\"h-3 w-3 mr-1\" /> Video Intro · Coming soon\n                </Button>\n                <Button size=\"sm\" variant=\"outline\" onClick={() => setSelectedTab('availability')}>\n                  <Calendar className=\"h-3 w-3 mr-1\" /> Schedule Call\n                </Button>\n              </div>\n              <PagePurpose className=\"pt-2\">\n                A freelancer&apos;s full profile — skills, listed services, and performance — so you\n                can vet them thoroughly and decide whether to hire before you reach out.\n              </PagePurpose>\n            </div>\n          </div>\n        </CardContent>\n      </GlassCard>\n\n      <NextSteps\n        storageKey=\"crewfoundry-freelancer-profile-enhanced\"\n        steps={[\n          {\n            id: 'services',\n            label: 'Review their services',\n            description: 'See exactly what this freelancer offers and at what price.',\n            icon: <Briefcase className=\"h-4 w-4\" />,\n            onClick: () => setSelectedTab('services'),\n          },\n          {\n            id: 'availability',\n            label: 'Check availability',\n            description: 'Find open slots before you schedule a call.',\n            icon: <Calendar className=\"h-4 w-4\" />,\n            onClick: () => setSelectedTab('availability'),\n          },\n          {\n            id: 'performance',\n            label: 'Inspect performance',\n            description: 'Look at ratings and delivery history to reduce risk.',\n            icon: <TrendingUp className=\"h-4 w-4\" />,\n            onClick: () => setSelectedTab('analytics'),\n          },\n        ]}\n      />\n\n      <div className=\"grid gap-4 md:grid-cols-4\">\n        {stats.map((stat) => (\n          <Card key={stat.label}>\n            <CardContent className=\"pt-6\">\n              <p className=\"text-xs text-text-secondary\">{stat.label}</p>\n              <p className=\"text-lg font-bold\">{stat.value}</p>\n            </CardContent>\n          </Card>\n        ))}\n      </div>\n\n      <Tabs value={selectedTab} onValueChange={setSelectedTab}>\n        <TabsList>\n          <TabsTrigger value=\"overview\">Overview</TabsTrigger>\n          <TabsTrigger value=\"services\">Services</TabsTrigger>\n          <TabsTrigger value=\"availability\">Availability</TabsTrigger>\n          <TabsTrigger value=\"analytics\">Performance</TabsTrigger>\n        </TabsList>\n\n        <TabsContent value=\"overview\" className=\"space-y-6 mt-4\">\n          <div className=\"grid gap-6 lg:grid-cols-3\">\n            <div className=\"lg:col-span-2 space-y-4\">\n              <Card>\n                <CardHeader>\n                  <CardTitle className=\"text-base\">Summary</CardTitle>\n                </CardHeader>\n                <CardContent className=\"text-sm text-text-secondary space-y-3\">\n                  <p>\n                    {providerName} offers {providerServices.length}{' '}\n                    {providerServices.length === 1 ? 'service' : 'services'} on the marketplace\n                    {categories.length > 0 ? ` across ${categories.join(', ')}` : ''}.\n                  </p>\n                  <p>\n                    Across all listings the provider holds an average rating of {avgRating} from{' '}\n                    {totalReviews} reviews, with rates starting at ${startingRate.toLocaleString()}.\n                  </p>\n                </CardContent>\n              </Card>\n            </div>\n            <div className=\"space-y-4\">\n              <Card>\n                <CardHeader>\n                  <CardTitle className=\"text-sm\">Expertise Areas</CardTitle>\n                </CardHeader>\n                <CardContent className=\"flex flex-wrap gap-1.5\">\n                  {skills.length > 0 ? (\n                    skills.map((s) => (\n                      <Badge key={s} variant=\"secondary\" className=\"text-xs\">\n                        {s}\n                      </Badge>\n                    ))\n                  ) : (\n                    <p className=\"text-xs text-text-secondary\">No skills listed yet.</p>\n                  )}\n                </CardContent>\n              </Card>\n            </div>\n          </div>\n        </TabsContent>\n\n        <TabsContent value=\"services\" className=\"mt-4\">\n          {services.length > 0 ? (\n            <div className=\"grid gap-4 md:grid-cols-2\">\n              {services.map((svc) => (\n                <Card key={svc.id}>\n                  <CardHeader>\n                    <div className=\"flex items-center justify-between\">\n                      <CardTitle className=\"text-sm\">{svc.title}</CardTitle>\n                      <Badge variant=\"outline\" className=\"text-xs\">\n                        {svc.type}\n                      </Badge>\n                    </div>\n                    <CardDescription className=\"text-xs\">{svc.description}</CardDescription>\n                  </CardHeader>\n                  <CardContent className=\"pt-0\">\n                    <Separator className=\"mb-3\" />\n                    <div className=\"flex items-center justify-between\">\n                      <div className=\"space-y-0.5\">\n                        <p className=\"text-sm font-semibold\">{svc.price}</p>\n                        <p className=\"text-[10px] text-text-secondary\">Delivery: {svc.delivery}</p>\n                      </div>\n                      <Button\n                        size=\"sm\"\n                        variant=\"outline\"\n                        onClick={() =>\n                          navigate(`../../marketplace/service-details-page?id=${svc.id}`)\n                        }\n                      >\n                        View\n                      </Button>\n                    </div>\n                  </CardContent>\n                </Card>\n              ))}\n            </div>\n          ) : (\n            <IllustratedEmptyState\n              illustration=\"empty-generic\"\n              title=\"No services listed\"\n              description=\"This provider has not published any services yet.\"\n            />\n          )}\n        </TabsContent>\n\n        <TabsContent value=\"availability\" className=\"mt-4\">\n          <Card>\n            <CardHeader>\n              <CardTitle className=\"text-base\">Availability</CardTitle>\n              <CardDescription>Real-time scheduling with this provider</CardDescription>\n            </CardHeader>\n            <CardContent>\n              <IllustratedEmptyState\n                illustration=\"empty-generic\"\n                title=\"Scheduling is coming soon\"\n                description=\"Live availability and consultation booking will appear here once the scheduling backend ships. In the meantime, send a message to arrange a time.\"\n                action={\n                  <Button size=\"sm\" onClick={() => navigate('../../marketplace/messaging-page')}>\n                    <MessageSquare className=\"h-3 w-3 mr-1\" /> Message provider\n                  </Button>\n                }\n              />\n            </CardContent>\n          </Card>\n        </TabsContent>\n\n        <TabsContent value=\"analytics\" className=\"mt-4\">\n          <Card>\n            <CardHeader>\n              <CardTitle className=\"text-base\">Service Performance</CardTitle>\n              <CardDescription>Ratings and reviews per listed service</CardDescription>\n            </CardHeader>\n            <CardContent className=\"space-y-3\">\n              {providerServices.length > 0 ? (\n                providerServices.map((service) => (\n                  <div key={service.id} className=\"flex items-center justify-between\">\n                    <div className=\"min-w-0\">\n                      <p className=\"text-sm font-medium truncate\">{service.title}</p>\n                      <p className=\"text-xs text-text-secondary\">{service.category}</p>\n                    </div>\n                    <div className=\"flex items-center gap-2 text-sm shrink-0\">\n                      <Star className=\"h-3.5 w-3.5 text-status-warning-text\" />\n                      <span className=\"font-semibold\">{service.rating}</span>\n                      <span className=\"text-xs text-text-secondary\">({service.reviews})</span>\n                    </div>\n                  </div>\n                ))\n              ) : (\n                <p className=\"text-sm text-text-secondary\">No performance data yet.</p>\n              )}\n            </CardContent>\n          </Card>\n        </TabsContent>\n      </Tabs>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/crewfoundry/pages/MarketplaceFreelancerProfilePagePage.js

@@ -1,277 +1,232 @@
 import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
 import { useMemo as t } from "react";
-import { Award as n, Briefcase as r, Calendar as i, Clock as a, DollarSign as o, Globe as s, Mail as c, MapPin as l, MessageSquare as u, Phone as d, Star as f, ThumbsUp as p } from "lucide-react";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
-import { Badge as g, Button as _, Card as v, CardContent as y, CardDescription as b, CardHeader as x, CardTitle as S, EmphasisPanel as C, GradientText as w, PagePurpose as T, Separator as E } from "@burdenoff/fe-libs/ui";
+import { Award as n, Briefcase as r, DollarSign as i, MessageSquare as a, Star as o } from "lucide-react";
+import { useLocation as s, useNavigate as c } from "react-router-dom";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { Badge as d, Button as f, Card as p, CardContent as m, CardHeader as h, CardTitle as g, EmphasisPanel as _, GradientText as v, IllustratedEmptyState as y, PagePurpose as b } from "@burdenoff/fe-libs/ui";
 //#region src/crewfoundry/pages/MarketplaceFreelancerProfilePagePage.tsx
-function D() {
-	let { marketplaceServices: D, clients: O, announcements: k } = e(), A = t(() => Array.from(new Set(D.flatMap((e) => e.skills))).slice(0, 12), [D]), j = t(() => D.slice(0, 3).map((e, t) => ({
-		title: e.title,
-		client: O[t % Math.max(O.length, 1)]?.name || e.provider,
-		duration: e.deliveryTime,
-		description: e.description,
-		outcome: `${Math.round(e.rating * 20)}% satisfaction`
-	})), [O, D]), M = t(() => k.slice(0, 3).map((e, t) => ({
-		author: e.author,
-		company: O[t % Math.max(O.length, 1)]?.name || "CrewFoundry Client",
-		rating: Math.min(5, Math.max(4, Math.round(D[t % Math.max(D.length, 1)]?.rating || 4.5))),
-		date: new Date(e.createdAt).toLocaleString("en-US", {
-			month: "short",
-			year: "numeric"
-		}),
-		text: e.content
-	})), [
-		k,
-		O,
-		D
-	]), N = D.length > 0 ? (D.reduce((e, t) => e + t.rating, 0) / D.length).toFixed(1) : "4.8", P = D.reduce((e, t) => e + t.reviews, 0);
-	return /* @__PURE__ */ h("div", {
+var x = (e) => e.split(" ").map((e) => e[0] ?? "").join("").slice(0, 2).toUpperCase() || "—";
+function S() {
+	let S = c(), C = s(), { marketplaceServices: w } = e(), T = new URLSearchParams(C.search).get("id"), E = w.find((e) => e.id === T) ?? w[0], D = E?.provider ?? "", O = t(() => w.filter((e) => e.provider === D), [w, D]), k = t(() => Array.from(new Set(O.flatMap((e) => e.skills))).slice(0, 20), [O]), A = t(() => Array.from(new Set(O.map((e) => e.category))), [O]), j = O.length > 0 ? (O.reduce((e, t) => e + t.rating, 0) / O.length).toFixed(1) : "0.0", M = O.reduce((e, t) => e + t.reviews, 0), N = O.length > 0 ? Math.min(...O.map((e) => e.price)) : 0, P = Number(j) >= 4.5 && M > 0;
+	return E ? /* @__PURE__ */ u("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ h("div", {
+			/* @__PURE__ */ u("div", {
 				className: "flex items-start gap-6",
-				children: [/* @__PURE__ */ m("div", {
+				children: [/* @__PURE__ */ l("div", {
 					className: "flex h-20 w-20 shrink-0 items-center justify-center rounded-full bg-action-primary-bg text-action-primary-text text-2xl font-semibold",
-					children: "MS"
-				}), /* @__PURE__ */ h("div", {
+					children: x(D)
+				}), /* @__PURE__ */ u("div", {
 					className: "flex-1 space-y-2",
 					children: [
-						/* @__PURE__ */ h("div", {
+						/* @__PURE__ */ u("div", {
 							className: "flex items-center gap-3",
-							children: [
-								/* @__PURE__ */ m("h1", {
-									className: "text-2xl font-semibold",
-									children: /* @__PURE__ */ m(w, { children: "Maria Santos" })
-								}),
-								/* @__PURE__ */ m(g, { children: "Top Rated" }),
-								/* @__PURE__ */ m(g, {
-									variant: "secondary",
-									children: "Pro"
-								})
-							]
+							children: [/* @__PURE__ */ l("h1", {
+								className: "text-2xl font-semibold",
+								children: /* @__PURE__ */ l(v, { children: D })
+							}), P ? /* @__PURE__ */ l(d, { children: "Top Rated" }) : null]
 						}),
-						/* @__PURE__ */ m("p", {
+						/* @__PURE__ */ l("p", {
 							className: "text-sm text-text-secondary",
-							children: "Senior HR Consultant & Technical Recruiter"
+							children: A.length > 0 ? `Provider · ${A.join(", ")}` : "Marketplace provider"
 						}),
-						/* @__PURE__ */ m(T, {
+						/* @__PURE__ */ l(b, {
 							className: "mt-1",
-							children: "Review a freelancer's full profile — skills, history, and ratings — to decide if they're the right fit before you hire."
+							children: "Review a freelancer's full profile — skills, listed services, and ratings — to decide if they're the right fit before you hire."
 						}),
-						/* @__PURE__ */ h("div", {
+						/* @__PURE__ */ u("div", {
 							className: "flex flex-wrap items-center gap-4 text-xs text-text-secondary",
-							children: [
-								/* @__PURE__ */ h("span", {
-									className: "flex items-center gap-1",
-									children: [/* @__PURE__ */ m(l, { className: "h-3 w-3" }), " San Francisco, CA"]
-								}),
-								/* @__PURE__ */ h("span", {
-									className: "flex items-center gap-1",
-									children: [/* @__PURE__ */ m(s, { className: "h-3 w-3" }), " crewfoundry.com"]
-								}),
-								/* @__PURE__ */ h("span", {
-									className: "flex items-center gap-1",
-									children: [/* @__PURE__ */ m(a, { className: "h-3 w-3" }), " Member since 2022"]
-								}),
-								/* @__PURE__ */ h("span", {
-									className: "flex items-center gap-1",
-									children: [
-										/* @__PURE__ */ m(f, { className: "h-3 w-3 text-status-warning-text" }),
-										" ",
-										N,
-										" (",
-										P,
-										" ",
-										"reviews)"
-									]
-								})
-							]
+							children: [/* @__PURE__ */ u("span", {
+								className: "flex items-center gap-1",
+								children: [
+									/* @__PURE__ */ l(o, { className: "h-3 w-3 text-status-warning-text" }),
+									" ",
+									j,
+									" (",
+									M,
+									" ",
+									"reviews)"
+								]
+							}), /* @__PURE__ */ u("span", {
+								className: "flex items-center gap-1",
+								children: [
+									/* @__PURE__ */ l(r, { className: "h-3 w-3" }),
+									" ",
+									O.length,
+									" services"
+								]
+							})]
 						}),
-						/* @__PURE__ */ h("div", {
+						/* @__PURE__ */ u("div", {
 							className: "flex gap-2 pt-1",
-							children: [/* @__PURE__ */ h(_, {
+							children: [/* @__PURE__ */ u(f, {
 								size: "sm",
-								children: [/* @__PURE__ */ m(u, { className: "h-3 w-3 mr-1" }), " Message"]
-							}), /* @__PURE__ */ h(_, {
+								onClick: () => S("../../marketplace/messaging-page"),
+								children: [/* @__PURE__ */ l(a, { className: "h-3 w-3 mr-1" }), " Message"]
+							}), /* @__PURE__ */ l(f, {
 								size: "sm",
 								variant: "outline",
-								children: [/* @__PURE__ */ m(i, { className: "h-3 w-3 mr-1" }), " Book Consultation"]
+								disabled: !0,
+								title: "Consultation booking is coming soon",
+								"aria-label": "Book consultation — coming soon",
+								children: "Book Consultation · Coming soon"
 							})]
 						})
 					]
 				})]
 			}),
-			/* @__PURE__ */ m("div", {
+			/* @__PURE__ */ l("div", {
 				className: "grid gap-4 md:grid-cols-4",
 				children: [
 					{
 						icon: r,
-						label: "Projects",
-						value: `${P}`,
+						label: "Services",
+						value: `${O.length}`,
 						color: "text-status-info-text"
 					},
-					{
-						icon: p,
-						label: "Success Rate",
-						value: `${Math.min(99, Math.max(80, Math.round(Number(N) * 20)))}%`,
-						color: "text-status-success-text"
-					},
 					{
 						icon: o,
-						label: "Hourly Rate",
-						value: `$${Math.round((D[0]?.price || 150) / 10)}`,
-						color: "text-action-primary-bg"
+						label: "Avg Rating",
+						value: `${j}`,
+						color: "text-status-warning-text"
 					},
 					{
 						icon: n,
-						label: "Certifications",
-						value: `${Math.max(3, Math.round(A.length / 2))}`,
-						color: "text-status-warning-text"
+						label: "Total Reviews",
+						value: `${M}`,
+						color: "text-status-success-text"
+					},
+					{
+						icon: i,
+						label: "Starting Rate",
+						value: `$${N.toLocaleString()}`,
+						color: "text-action-primary-bg"
 					}
-				].map((e) => /* @__PURE__ */ m(v, { children: /* @__PURE__ */ h(y, {
+				].map((e) => /* @__PURE__ */ l(p, { children: /* @__PURE__ */ u(m, {
 					className: "flex items-center gap-3 pt-6",
-					children: [/* @__PURE__ */ m(e.icon, { className: `h-5 w-5 ${e.color}` }), /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("p", {
+					children: [/* @__PURE__ */ l(e.icon, { className: `h-5 w-5 ${e.color}` }), /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("p", {
 						className: "text-xs text-text-secondary",
 						children: e.label
-					}), /* @__PURE__ */ m("p", {
+					}), /* @__PURE__ */ l("p", {
 						className: "text-lg font-bold",
 						children: e.value
 					})] })]
 				}) }, e.label))
 			}),
-			/* @__PURE__ */ h("div", {
+			/* @__PURE__ */ u("div", {
 				className: "grid gap-6 lg:grid-cols-3",
-				children: [/* @__PURE__ */ h("div", {
+				children: [/* @__PURE__ */ u("div", {
 					className: "lg:col-span-2 space-y-6",
-					children: [
-						/* @__PURE__ */ h(C, { children: [/* @__PURE__ */ m("div", {
-							className: "mb-2 text-base font-semibold",
-							children: "About"
-						}), /* @__PURE__ */ h("div", {
-							className: "space-y-3 text-sm text-text-secondary",
-							children: [/* @__PURE__ */ m("p", { children: "With 12+ years of experience in HR consulting and technical recruitment, I specialize in helping companies build world-class teams. My focus areas include executive search, engineering team buildouts, and designing scalable hiring processes for high-growth companies." }), /* @__PURE__ */ m("p", { children: "I've placed 300+ candidates across startups and Fortune 500 companies, with a 98% client satisfaction rate and 95% offer acceptance rate." })]
-						})] }),
-						/* @__PURE__ */ h(v, { children: [/* @__PURE__ */ h(x, { children: [/* @__PURE__ */ m(S, {
-							className: "text-base",
-							children: "Portfolio"
-						}), /* @__PURE__ */ m(b, { children: "Selected projects and outcomes" })] }), /* @__PURE__ */ m(y, {
-							className: "space-y-4",
-							children: j.map((e) => /* @__PURE__ */ h("div", {
-								className: "rounded-lg border p-4 space-y-2",
-								children: [
-									/* @__PURE__ */ h("div", {
-										className: "flex items-center justify-between",
-										children: [/* @__PURE__ */ m("p", {
-											className: "font-medium text-sm",
-											children: e.title
-										}), /* @__PURE__ */ m(g, {
-											variant: "secondary",
-											className: "text-[10px]",
-											children: e.duration
-										})]
-									}),
-									/* @__PURE__ */ m("p", {
-										className: "text-xs text-text-secondary",
-										children: e.client
-									}),
-									/* @__PURE__ */ m("p", {
-										className: "text-xs text-text-secondary",
-										children: e.description
-									}),
-									/* @__PURE__ */ h("div", {
-										className: "flex items-center gap-2 text-xs",
-										children: [/* @__PURE__ */ m(p, { className: "h-3 w-3 text-status-success-text" }), /* @__PURE__ */ m("span", {
-											className: "text-status-success-text font-medium",
-											children: e.outcome
-										})]
-									})
-								]
-							}, e.title))
-						})] }),
-						/* @__PURE__ */ h(v, { children: [/* @__PURE__ */ h(x, { children: [/* @__PURE__ */ m(S, {
-							className: "text-base",
-							children: "Client Reviews"
-						}), /* @__PURE__ */ m(b, { children: "What clients say about working with Maria" })] }), /* @__PURE__ */ m(y, {
-							className: "space-y-4",
-							children: M.map((e) => /* @__PURE__ */ h("div", {
-								className: "space-y-2",
-								children: [
-									/* @__PURE__ */ h("div", {
-										className: "flex items-center justify-between",
-										children: [/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("p", {
-											className: "text-sm font-medium",
-											children: e.author
-										}), /* @__PURE__ */ h("p", {
-											className: "text-xs text-text-secondary",
-											children: [
-												e.company,
-												" - ",
-												e.date
-											]
-										})] }), /* @__PURE__ */ m("div", {
-											className: "flex items-center gap-0.5",
-											children: Array.from({ length: e.rating }).map((e, t) => /* @__PURE__ */ m(f, { className: "h-3 w-3 text-status-warning-text fill-yellow-500" }, t))
-										})]
-									}),
-									/* @__PURE__ */ m("p", {
-										className: "text-xs text-text-secondary",
-										children: e.text
-									}),
-									/* @__PURE__ */ m(E, {})
-								]
-							}, e.author))
-						})] })
-					]
-				}), /* @__PURE__ */ h("div", {
-					className: "space-y-4",
-					children: [
-						/* @__PURE__ */ h(v, { children: [/* @__PURE__ */ m(x, { children: /* @__PURE__ */ m(S, {
-							className: "text-sm",
-							children: "Skills & Expertise"
-						}) }), /* @__PURE__ */ m(y, {
-							className: "flex flex-wrap gap-1.5",
-							children: A.map((e) => /* @__PURE__ */ m(g, {
-								variant: "secondary",
-								className: "text-xs",
-								children: e
-							}, e))
-						})] }),
-						/* @__PURE__ */ h(v, { children: [/* @__PURE__ */ m(x, { children: /* @__PURE__ */ m(S, {
-							className: "text-sm",
-							children: "Certifications"
-						}) }), /* @__PURE__ */ m(y, {
-							className: "space-y-2",
+					children: [/* @__PURE__ */ u(_, { children: [/* @__PURE__ */ l("div", {
+						className: "mb-2 text-base font-semibold",
+						children: "Overview"
+					}), /* @__PURE__ */ u("p", {
+						className: "text-sm text-text-secondary",
+						children: [
+							D,
+							" offers ",
+							O.length,
+							" ",
+							O.length === 1 ? "service" : "services",
+							" on the marketplace",
+							A.length > 0 ? ` across ${A.join(", ")}` : "",
+							", with an average rating of ",
+							j,
+							" from ",
+							M,
+							" reviews."
+						]
+					})] }), /* @__PURE__ */ u(p, { children: [/* @__PURE__ */ l(h, { children: /* @__PURE__ */ l(g, {
+						className: "text-base",
+						children: "Listed Services"
+					}) }), /* @__PURE__ */ l(m, {
+						className: "space-y-4",
+						children: O.map((e) => /* @__PURE__ */ u("button", {
+							type: "button",
+							onClick: () => S(`../../marketplace/service-details-page?id=${e.id}`),
+							className: "w-full rounded-lg border p-4 space-y-2 text-left hover:bg-bg-sunken/50 focus:outline-none focus-visible:ring-2 focus-visible:ring-action-primary-bg",
 							children: [
-								"SHRM-SCP (Senior Certified Professional)",
-								"PHR (Professional in Human Resources)",
-								"LinkedIn Certified Recruiter",
-								"Google Project Management",
-								"DEI in the Workplace - Cornell"
-							].map((e) => /* @__PURE__ */ h("div", {
-								className: "flex items-center gap-2 text-xs",
-								children: [/* @__PURE__ */ m(n, { className: "h-3 w-3 text-status-warning-text shrink-0" }), /* @__PURE__ */ m("span", { children: e })]
-							}, e))
-						})] }),
-						/* @__PURE__ */ h(v, { children: [/* @__PURE__ */ m(x, { children: /* @__PURE__ */ m(S, {
-							className: "text-sm",
-							children: "Contact"
-						}) }), /* @__PURE__ */ h(y, {
-							className: "space-y-2",
-							children: [/* @__PURE__ */ h("div", {
-								className: "flex items-center gap-2 text-sm",
-								children: [/* @__PURE__ */ m(c, { className: "h-3 w-3 text-text-secondary" }), /* @__PURE__ */ m("span", { children: "maria@talentpro.com" })]
-							}), /* @__PURE__ */ h("div", {
-								className: "flex items-center gap-2 text-sm",
-								children: [/* @__PURE__ */ m(d, { className: "h-3 w-3 text-text-secondary" }), /* @__PURE__ */ m("span", { children: "+1-555-0301" })]
-							})]
-						})] })
-					]
+								/* @__PURE__ */ u("div", {
+									className: "flex items-center justify-between",
+									children: [/* @__PURE__ */ l("p", {
+										className: "font-medium text-sm",
+										children: e.title
+									}), /* @__PURE__ */ l(d, {
+										variant: "secondary",
+										className: "text-[10px]",
+										children: e.deliveryTime
+									})]
+								}),
+								/* @__PURE__ */ l("p", {
+									className: "text-xs text-text-secondary",
+									children: e.description
+								}),
+								/* @__PURE__ */ u("div", {
+									className: "flex items-center gap-3 text-xs",
+									children: [/* @__PURE__ */ u("span", {
+										className: "font-medium",
+										children: [
+											"$",
+											e.price.toLocaleString(),
+											"/",
+											e.priceType
+										]
+									}), /* @__PURE__ */ u("span", {
+										className: "flex items-center gap-1",
+										children: [
+											/* @__PURE__ */ l(o, { className: "h-3 w-3 text-status-warning-text" }),
+											e.rating,
+											" (",
+											e.reviews,
+											")"
+										]
+									})]
+								})
+							]
+						}, e.id))
+					})] })]
+				}), /* @__PURE__ */ u("div", {
+					className: "space-y-4",
+					children: [/* @__PURE__ */ u(p, { children: [/* @__PURE__ */ l(h, { children: /* @__PURE__ */ l(g, {
+						className: "text-sm",
+						children: "Skills & Expertise"
+					}) }), /* @__PURE__ */ l(m, {
+						className: "flex flex-wrap gap-1.5",
+						children: k.length > 0 ? k.map((e) => /* @__PURE__ */ l(d, {
+							variant: "secondary",
+							className: "text-xs",
+							children: e
+						}, e)) : /* @__PURE__ */ l("p", {
+							className: "text-xs text-text-secondary",
+							children: "No skills listed yet."
+						})
+					})] }), /* @__PURE__ */ u(p, { children: [/* @__PURE__ */ l(h, { children: /* @__PURE__ */ l(g, {
+						className: "text-sm",
+						children: "Service Categories"
+					}) }), /* @__PURE__ */ l(m, {
+						className: "flex flex-wrap gap-1.5",
+						children: A.length > 0 ? A.map((e) => /* @__PURE__ */ l(d, {
+							variant: "outline",
+							className: "text-xs",
+							children: e
+						}, e)) : /* @__PURE__ */ l("p", {
+							className: "text-xs text-text-secondary",
+							children: "No categories listed yet."
+						})
+					})] })]
 				})]
 			})
 		]
+	}) : /* @__PURE__ */ l("div", {
+		className: "p-6",
+		children: /* @__PURE__ */ l(y, {
+			illustration: "empty-search",
+			title: "Provider not found",
+			description: "This freelancer is no longer available on the marketplace."
+		})
 	});
 }
 //#endregion
-export { D as MarketplaceFreelancerProfilePagePage };
+export { S as MarketplaceFreelancerProfilePagePage };
 
 //# sourceMappingURL=MarketplaceFreelancerProfilePagePage.js.map