@burdenoff/microfe-workspaces 2026.625.1 → 2026.625.3

package/dist/pages/WorkspaceDetailPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"WorkspaceDetailPage.js","names":[],"sources":["../../src/pages/WorkspaceDetailPage.tsx"],"sourcesContent":["import { useParams, useNavigate } from 'react-router-dom';\nimport {\n  Settings,\n  ArrowLeft,\n  FolderKanban,\n  Users,\n  Activity,\n  ChevronRight,\n  UserPlus,\n} from 'lucide-react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { tWithFallback } from '../utils/i18n';\nimport {\n  Button,\n  Card,\n  CardHeader,\n  CardTitle,\n  CardContent,\n  Badge,\n  Skeleton,\n} from '@burdenoff/fe-libs/ui';\nimport { useWorkspace } from '../hooks/useWorkspaces';\nimport { useProjects } from '../hooks/useProjects';\nimport { useWorkspaceMembers } from '../hooks/useWorkspaceMembers';\nimport { useWorkspaceActivity } from '../hooks/useWorkspaceActivity';\nimport { useWorkspacesContext } from '../providers/WorkspacesProvider';\nimport { useScopedNavigation } from '../hooks/useScopedNavigation';\nimport { useWorkspacePermissions } from '../hooks/useWorkspacePermissions';\nimport { useWorkspacesPageView } from '../hooks/useWorkspacesPageView';\n\nexport function WorkspaceDetailPage() {\n  const { workspaceId } = useParams<{ workspaceId: string }>();\n  useWorkspacesPageView('workspaces.detail', { workspaceId, requireParams: true });\n  const { t } = useI18n();\n  const navigate = useNavigate();\n  const { basePath = '/' } = useWorkspacesContext();\n  const { withCurrentSearch } = useScopedNavigation();\n  const { data: workspace, isLoading, error } = useWorkspace(workspaceId || '');\n  const { data: projects } = useProjects({ workspaceId }, { limit: 1 }, workspaceId);\n  const { data: members } = useWorkspaceMembers(workspaceId || '', { limit: 1 });\n  const { data: activities } = useWorkspaceActivity(workspaceId);\n  const {\n    canViewWorkspace,\n    canUpdateWorkspace,\n    canInviteMember,\n    isLoading: permissionsLoading,\n  } = useWorkspacePermissions();\n\n  if (permissionsLoading) {\n    return (\n      <div className=\"space-y-4 sm:space-y-6 p-3 sm:p-6\">\n        <Skeleton className=\"h-10 w-1/3\" />\n        <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\n          <Skeleton className=\"h-32\" />\n          <Skeleton className=\"h-32\" />\n          <Skeleton className=\"h-32\" />\n        </div>\n      </div>\n    );\n  }\n\n  if (!canViewWorkspace) {\n    return (\n      <div className=\"flex items-center justify-center min-h-[400px]\">\n        <div className=\"text-center space-y-2\">\n          <h2 className=\"text-lg font-semibold\">\n            {tWithFallback(t, 'workspaceDetail.accessDenied', 'Access Denied')}\n          </h2>\n          <p className=\"text-sm text-text-secondary\">\n            {tWithFallback(\n              t,\n              'workspaceDetail.accessDeniedDesc',\n              \"You don't have permission to view this workspace.\"\n            )}\n          </p>\n        </div>\n      </div>\n    );\n  }\n\n  if (isLoading) {\n    return (\n      <div className=\"space-y-4 sm:space-y-6 p-3 sm:p-6\">\n        <Skeleton className=\"h-10 w-1/3\" />\n        <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\n          <Skeleton className=\"h-32\" />\n          <Skeleton className=\"h-32\" />\n          <Skeleton className=\"h-32\" />\n        </div>\n      </div>\n    );\n  }\n\n  if (error || !workspace) {\n    return (\n      <div className=\"space-y-4 p-6\">\n        <Button\n          variant=\"ghost\"\n          onClick={() => navigate(withCurrentSearch(`${basePath}/list`))}\n          className=\"gap-2\"\n        >\n          <ArrowLeft size={20} />\n          {tWithFallback(t, 'workspaceDetail.backToWorkspaces', 'Back to Workspaces')}\n        </Button>\n        <div className=\"text-center py-12\">\n          <p className=\"text-status-error-text\">\n            {tWithFallback(t, 'workspaceDetail.notFound', 'Workspace not found')}\n          </p>\n        </div>\n      </div>\n    );\n  }\n\n  const handleCardKeyDown = (e: React.KeyboardEvent, path: string) => {\n    if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault();\n      navigate(path);\n    }\n  };\n\n  return (\n    <div className=\"space-y-4 sm:space-y-6 p-3 sm:p-6\">\n      {/* Header */}\n      <div className=\"flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3\">\n        <div>\n          <Button\n            variant=\"ghost\"\n            onClick={() => navigate(withCurrentSearch(`${basePath}/list`))}\n            className=\"gap-2 mb-2 -ml-2\"\n          >\n            <ArrowLeft size={20} />\n            {tWithFallback(t, 'workspaceDetail.backToWorkspaces', 'Back to Workspaces')}\n          </Button>\n          <h1 className=\"text-2xl sm:text-3xl font-bold\">{workspace.name}</h1>\n          <div className=\"flex items-center gap-2 mt-2\">\n            <Badge variant=\"outline\">{workspace.type}</Badge>\n            <Badge>{workspace.status}</Badge>\n          </div>\n        </div>\n        <div className=\"flex flex-wrap items-center gap-2\">\n          {canInviteMember ? (\n            <Button\n              variant=\"outline\"\n              onClick={() => navigate(withCurrentSearch(`${basePath}/${workspaceId}/invite`))}\n              className=\"gap-2\"\n            >\n              <UserPlus size={18} />\n              {tWithFallback(t, 'workspaceDetail.inviteMembers', 'Invite Member')}\n            </Button>\n          ) : null}\n          {canUpdateWorkspace && (\n            <Button\n              onClick={() => navigate(withCurrentSearch(`${basePath}/${workspaceId}/settings`))}\n              className=\"gap-2\"\n            >\n              <Settings size={20} />\n              {tWithFallback(t, 'workspaceDetail.settings', 'Settings')}\n            </Button>\n          )}\n        </div>\n      </div>\n\n      {/* Stats Cards */}\n      <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\n        <Card\n          className=\"cursor-pointer hover:border-primary/50 hover:shadow-md transition-all duration-200\"\n          onClick={() => navigate(withCurrentSearch(`${basePath}/${workspaceId}/projects`))}\n          role=\"button\"\n          tabIndex={0}\n          onKeyDown={(e) =>\n            handleCardKeyDown(e, withCurrentSearch(`${basePath}/${workspaceId}/projects`))\n          }\n        >\n          <CardHeader className=\"flex flex-row items-center justify-between pb-2\">\n            <CardTitle className=\"flex items-center gap-2\">\n              <FolderKanban size={20} className=\"text-text-secondary\" />\n              {tWithFallback(t, 'workspaceDetail.projects', 'Projects')}\n            </CardTitle>\n            <ChevronRight size={20} className=\"text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <p className=\"text-3xl font-bold\">{projects?.total ?? workspace.projectCount ?? 0}</p>\n            <p className=\"text-sm text-text-secondary\">\n              {tWithFallback(t, 'workspaceDetail.projectsDesc', 'Projects in this workspace')}\n            </p>\n          </CardContent>\n        </Card>\n\n        <Card\n          className=\"cursor-pointer hover:border-primary/50 hover:shadow-md transition-all duration-200\"\n          onClick={() => navigate(withCurrentSearch(`${basePath}/${workspaceId}/members`))}\n          role=\"button\"\n          tabIndex={0}\n          onKeyDown={(e) =>\n            handleCardKeyDown(e, withCurrentSearch(`${basePath}/${workspaceId}/members`))\n          }\n        >\n          <CardHeader className=\"flex flex-row items-center justify-between pb-2\">\n            <CardTitle className=\"flex items-center gap-2\">\n              <Users size={20} className=\"text-text-secondary\" />\n              {tWithFallback(t, 'workspaceDetail.members', 'Members')}\n            </CardTitle>\n            <ChevronRight size={20} className=\"text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <p className=\"text-3xl font-bold\">{members?.total ?? workspace.memberCount ?? 0}</p>\n            <p className=\"text-sm text-text-secondary\">\n              {tWithFallback(t, 'workspaceDetail.membersDesc', 'Workspace members')}\n            </p>\n          </CardContent>\n        </Card>\n\n        <Card\n          className=\"cursor-pointer hover:border-primary/50 hover:shadow-md transition-all duration-200\"\n          onClick={() => navigate(withCurrentSearch(`${basePath}/${workspaceId}/activity`))}\n          role=\"button\"\n          tabIndex={0}\n          onKeyDown={(e) =>\n            handleCardKeyDown(e, withCurrentSearch(`${basePath}/${workspaceId}/activity`))\n          }\n        >\n          <CardHeader className=\"flex flex-row items-center justify-between pb-2\">\n            <CardTitle className=\"flex items-center gap-2\">\n              <Activity size={20} className=\"text-text-secondary\" />\n              {tWithFallback(t, 'workspaceDetail.activity', 'Activity')}\n            </CardTitle>\n            <ChevronRight size={20} className=\"text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <p className=\"text-3xl font-bold\">{activities?.length ?? 0}</p>\n            <p className=\"text-sm text-text-secondary\">\n              {tWithFallback(t, 'workspaceDetail.activityDesc', 'Recent activity items')}\n            </p>\n          </CardContent>\n        </Card>\n      </div>\n\n      {/* Workspace Info */}\n      <Card>\n        <CardHeader>\n          <CardTitle>\n            {tWithFallback(t, 'workspaceDetail.workspaceInformation', 'Workspace Information')}\n          </CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-2\">\n          <div className=\"grid grid-cols-2 gap-2 text-sm\">\n            <span className=\"text-text-secondary\">\n              {tWithFallback(t, 'workspaceDetail.id', 'ID:')}\n            </span>\n            <span className=\"font-mono text-xs\">{workspace.id}</span>\n\n            {workspace.domain && (\n              <>\n                <span className=\"text-text-secondary\">\n                  {tWithFallback(t, 'workspaceDetail.domain', 'Domain:')}\n                </span>\n                <span>{workspace.domain}</span>\n              </>\n            )}\n\n            {workspace.contactEmail && (\n              <>\n                <span className=\"text-text-secondary\">\n                  {tWithFallback(t, 'workspaceDetail.contactEmail', 'Contact Email:')}\n                </span>\n                <span>{workspace.contactEmail}</span>\n              </>\n            )}\n\n            {workspace.website && (\n              <>\n                <span className=\"text-text-secondary\">\n                  {tWithFallback(t, 'workspaceDetail.website', 'Website:')}\n                </span>\n                <a\n                  href={workspace.website}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  className=\"text-primary hover:underline transition-colors duration-200\"\n                >\n                  {workspace.website}\n                </a>\n              </>\n            )}\n\n            <span className=\"text-text-secondary\">\n              {tWithFallback(t, 'workspaceDetail.created', 'Created:')}\n            </span>\n            <span>{new Date(workspace.createdAt).toLocaleDateString()}</span>\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"WorkspaceDetailPage.js","names":[],"sources":["../../src/pages/WorkspaceDetailPage.tsx"],"sourcesContent":["import { useParams, useNavigate } from 'react-router-dom';\nimport {\n  Settings,\n  ArrowLeft,\n  FolderKanban,\n  Users,\n  Activity,\n  ChevronRight,\n  UserPlus,\n} from 'lucide-react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { tWithFallback } from '../utils/i18n';\nimport {\n  Button,\n  GlassCard,\n  CardHeader,\n  CardTitle,\n  CardContent,\n  Badge,\n  Skeleton,\n  CTAOverflowMenu,\n} from '@burdenoff/fe-libs/ui';\nimport { useWorkspace } from '../hooks/useWorkspaces';\nimport { useProjects } from '../hooks/useProjects';\nimport { useWorkspaceMembers } from '../hooks/useWorkspaceMembers';\nimport { useWorkspaceActivity } from '../hooks/useWorkspaceActivity';\nimport { useWorkspacesContext } from '../providers/WorkspacesProvider';\nimport { useScopedNavigation } from '../hooks/useScopedNavigation';\nimport { useWorkspacePermissions } from '../hooks/useWorkspacePermissions';\nimport { useWorkspacesPageView } from '../hooks/useWorkspacesPageView';\n\nexport function WorkspaceDetailPage() {\n  const { workspaceId } = useParams<{ workspaceId: string }>();\n  useWorkspacesPageView('workspaces.detail', { workspaceId, requireParams: true });\n  const { t } = useI18n();\n  const navigate = useNavigate();\n  const { basePath = '/' } = useWorkspacesContext();\n  const { withCurrentSearch } = useScopedNavigation();\n  const { data: workspace, isLoading, error } = useWorkspace(workspaceId || '');\n  const { data: projects } = useProjects({ workspaceId }, { limit: 1 }, workspaceId);\n  const { data: members } = useWorkspaceMembers(workspaceId || '', { limit: 1 });\n  const { data: activities } = useWorkspaceActivity(workspaceId);\n  const {\n    canViewWorkspace,\n    canUpdateWorkspace,\n    canInviteMember,\n    isLoading: permissionsLoading,\n  } = useWorkspacePermissions();\n\n  if (permissionsLoading) {\n    return (\n      <div className=\"space-y-4 sm:space-y-6 p-3 sm:p-6\">\n        <Skeleton className=\"h-10 w-1/3\" />\n        <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\n          <Skeleton className=\"h-32\" />\n          <Skeleton className=\"h-32\" />\n          <Skeleton className=\"h-32\" />\n        </div>\n      </div>\n    );\n  }\n\n  if (!canViewWorkspace) {\n    return (\n      <div className=\"flex items-center justify-center min-h-[400px]\">\n        <div className=\"text-center space-y-2\">\n          <h2 className=\"text-lg font-semibold\">\n            {tWithFallback(t, 'workspaceDetail.accessDenied', 'Access Denied')}\n          </h2>\n          <p className=\"text-sm text-text-secondary\">\n            {tWithFallback(\n              t,\n              'workspaceDetail.accessDeniedDesc',\n              \"You don't have permission to view this workspace.\"\n            )}\n          </p>\n        </div>\n      </div>\n    );\n  }\n\n  if (isLoading) {\n    return (\n      <div className=\"space-y-4 sm:space-y-6 p-3 sm:p-6\">\n        <Skeleton className=\"h-10 w-1/3\" />\n        <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\n          <Skeleton className=\"h-32\" />\n          <Skeleton className=\"h-32\" />\n          <Skeleton className=\"h-32\" />\n        </div>\n      </div>\n    );\n  }\n\n  if (error || !workspace) {\n    return (\n      <div className=\"space-y-4 p-6\">\n        <Button\n          variant=\"ghost\"\n          onClick={() => navigate(withCurrentSearch(`${basePath}/list`))}\n          className=\"gap-2\"\n        >\n          <ArrowLeft size={20} />\n          {tWithFallback(t, 'workspaceDetail.backToWorkspaces', 'Back to Workspaces')}\n        </Button>\n        <div className=\"text-center py-12\">\n          <p className=\"text-status-error-text\">\n            {tWithFallback(t, 'workspaceDetail.notFound', 'Workspace not found')}\n          </p>\n        </div>\n      </div>\n    );\n  }\n\n  const handleCardKeyDown = (e: React.KeyboardEvent, path: string) => {\n    if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault();\n      navigate(path);\n    }\n  };\n\n  return (\n    <div className=\"space-y-4 sm:space-y-6 p-3 sm:p-6\">\n      {/* Header */}\n      <div className=\"flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3\">\n        <div>\n          <Button\n            variant=\"ghost\"\n            onClick={() => navigate(withCurrentSearch(`${basePath}/list`))}\n            className=\"gap-2 mb-2 -ml-2\"\n          >\n            <ArrowLeft size={20} />\n            {tWithFallback(t, 'workspaceDetail.backToWorkspaces', 'Back to Workspaces')}\n          </Button>\n          <h1 className=\"text-2xl sm:text-3xl font-bold\">{workspace.name}</h1>\n          <div className=\"flex items-center gap-2 mt-2\">\n            <Badge variant=\"outline\">{workspace.type}</Badge>\n            <Badge>{workspace.status}</Badge>\n          </div>\n        </div>\n        <CTAOverflowMenu\n          primary={\n            canUpdateWorkspace\n              ? {\n                  label: tWithFallback(t, 'workspaceDetail.settings', 'Settings'),\n                  icon: <Settings size={18} />,\n                  onSelect: () =>\n                    navigate(withCurrentSearch(`${basePath}/${workspaceId}/settings`)),\n                }\n              : canInviteMember\n                ? {\n                    label: tWithFallback(t, 'workspaceDetail.inviteMembers', 'Invite Member'),\n                    icon: <UserPlus size={18} />,\n                    onSelect: () =>\n                      navigate(withCurrentSearch(`${basePath}/${workspaceId}/invite`)),\n                  }\n                : undefined\n          }\n          actions={[\n            ...(canUpdateWorkspace && canInviteMember\n              ? [\n                  {\n                    label: tWithFallback(t, 'workspaceDetail.inviteMembers', 'Invite Member'),\n                    icon: <UserPlus size={16} />,\n                    onSelect: () =>\n                      navigate(withCurrentSearch(`${basePath}/${workspaceId}/invite`)),\n                  },\n                ]\n              : []),\n          ]}\n        />\n      </div>\n\n      {/* Main + detail rail */}\n      <div className=\"grid grid-cols-1 lg:grid-cols-3 gap-4 sm:gap-6\">\n        {/* Main: stat metrics */}\n        <div className=\"lg:col-span-2 space-y-4 sm:space-y-6\">\n          <div className=\"grid grid-cols-1 sm:grid-cols-3 gap-4\">\n            <GlassCard\n              treatment=\"metric\"\n              className=\"cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-action-primary-bg/50\"\n              onClick={() => navigate(withCurrentSearch(`${basePath}/${workspaceId}/projects`))}\n              role=\"button\"\n              tabIndex={0}\n              onKeyDown={(e) =>\n                handleCardKeyDown(e, withCurrentSearch(`${basePath}/${workspaceId}/projects`))\n              }\n            >\n              <CardHeader className=\"flex flex-row items-center justify-between pb-2\">\n                <CardTitle className=\"flex items-center gap-2 text-text-secondary text-sm font-medium\">\n                  <FolderKanban size={18} className=\"text-text-muted\" />\n                  {tWithFallback(t, 'workspaceDetail.projects', 'Projects')}\n                </CardTitle>\n                <ChevronRight size={18} className=\"text-text-muted\" />\n              </CardHeader>\n              <CardContent>\n                <p className=\"text-3xl font-bold tabular-nums\">\n                  {projects?.total ?? workspace.projectCount ?? 0}\n                </p>\n                <p className=\"text-sm text-text-muted\">\n                  {tWithFallback(t, 'workspaceDetail.projectsDesc', 'Projects in this workspace')}\n                </p>\n              </CardContent>\n            </GlassCard>\n\n            <GlassCard\n              treatment=\"metric\"\n              className=\"cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-action-primary-bg/50\"\n              onClick={() => navigate(withCurrentSearch(`${basePath}/${workspaceId}/members`))}\n              role=\"button\"\n              tabIndex={0}\n              onKeyDown={(e) =>\n                handleCardKeyDown(e, withCurrentSearch(`${basePath}/${workspaceId}/members`))\n              }\n            >\n              <CardHeader className=\"flex flex-row items-center justify-between pb-2\">\n                <CardTitle className=\"flex items-center gap-2 text-text-secondary text-sm font-medium\">\n                  <Users size={18} className=\"text-text-muted\" />\n                  {tWithFallback(t, 'workspaceDetail.members', 'Members')}\n                </CardTitle>\n                <ChevronRight size={18} className=\"text-text-muted\" />\n              </CardHeader>\n              <CardContent>\n                <p className=\"text-3xl font-bold tabular-nums\">\n                  {members?.total ?? workspace.memberCount ?? 0}\n                </p>\n                <p className=\"text-sm text-text-muted\">\n                  {tWithFallback(t, 'workspaceDetail.membersDesc', 'Workspace members')}\n                </p>\n              </CardContent>\n            </GlassCard>\n\n            <GlassCard\n              treatment=\"metric\"\n              className=\"cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-action-primary-bg/50\"\n              onClick={() => navigate(withCurrentSearch(`${basePath}/${workspaceId}/activity`))}\n              role=\"button\"\n              tabIndex={0}\n              onKeyDown={(e) =>\n                handleCardKeyDown(e, withCurrentSearch(`${basePath}/${workspaceId}/activity`))\n              }\n            >\n              <CardHeader className=\"flex flex-row items-center justify-between pb-2\">\n                <CardTitle className=\"flex items-center gap-2 text-text-secondary text-sm font-medium\">\n                  <Activity size={18} className=\"text-text-muted\" />\n                  {tWithFallback(t, 'workspaceDetail.activity', 'Activity')}\n                </CardTitle>\n                <ChevronRight size={18} className=\"text-text-muted\" />\n              </CardHeader>\n              <CardContent>\n                <p className=\"text-3xl font-bold tabular-nums\">{activities?.length ?? 0}</p>\n                <p className=\"text-sm text-text-muted\">\n                  {tWithFallback(t, 'workspaceDetail.activityDesc', 'Recent activity items')}\n                </p>\n              </CardContent>\n            </GlassCard>\n          </div>\n        </div>\n\n        {/* Detail rail: workspace info */}\n        <aside className=\"lg:sticky lg:top-6 lg:self-start\">\n          <GlassCard treatment=\"plain\" className=\"border-border-seam\">\n            <CardHeader>\n              <CardTitle>\n                {tWithFallback(t, 'workspaceDetail.workspaceInformation', 'Workspace Information')}\n              </CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-2\">\n              <div className=\"grid grid-cols-2 gap-2 text-sm\">\n                <span className=\"text-text-muted\">\n                  {tWithFallback(t, 'workspaceDetail.id', 'ID:')}\n                </span>\n                <span className=\"font-mono text-xs break-all\">{workspace.id}</span>\n\n                {workspace.domain && (\n                  <>\n                    <span className=\"text-text-muted\">\n                      {tWithFallback(t, 'workspaceDetail.domain', 'Domain:')}\n                    </span>\n                    <span>{workspace.domain}</span>\n                  </>\n                )}\n\n                {workspace.contactEmail && (\n                  <>\n                    <span className=\"text-text-muted\">\n                      {tWithFallback(t, 'workspaceDetail.contactEmail', 'Contact Email:')}\n                    </span>\n                    <span className=\"break-all\">{workspace.contactEmail}</span>\n                  </>\n                )}\n\n                {workspace.website && (\n                  <>\n                    <span className=\"text-text-muted\">\n                      {tWithFallback(t, 'workspaceDetail.website', 'Website:')}\n                    </span>\n                    <a\n                      href={workspace.website}\n                      target=\"_blank\"\n                      rel=\"noopener noreferrer\"\n                      className=\"text-primary hover:underline transition-colors duration-200 break-all\"\n                    >\n                      {workspace.website}\n                    </a>\n                  </>\n                )}\n\n                <span className=\"text-text-muted\">\n                  {tWithFallback(t, 'workspaceDetail.created', 'Created:')}\n                </span>\n                <span>{new Date(workspace.createdAt).toLocaleDateString()}</span>\n              </div>\n            </CardContent>\n          </GlassCard>\n        </aside>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}