@burdenoff/microfe-workspaces 2026.731.1 → 2026.801.1

package/dist/pages/WorkspaceSettingsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"WorkspaceSettingsPage.js","names":[],"sources":["../../src/pages/WorkspaceSettingsPage.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { useParams, useNavigate } from 'react-router-dom';\nimport { ArrowLeft, Save } from 'lucide-react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { type TagItem, TagsWidget } from '@burdenoff/fe-libs/tag';\nimport { tWithFallback } from '../utils/i18n';\nimport {\n  Button,\n  GlassCard,\n  CardHeader,\n  CardTitle,\n  CardContent,\n  OptionalFields,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport {\n  useGetWorkspaceTagsQuery,\n  useReplaceWorkspaceTagsMutation,\n  type WorkspaceTagAssignmentFieldsFragment,\n} from '../generated/wspace-operations';\nimport {\n  Form,\n  FormField,\n  FormItem,\n  FormLabel,\n  FormControl,\n  FormMessage,\n  Input,\n  z,\n} from '@burdenoff/fe-libs/form';\nimport { PermissionGate, AccessDenied } from '@burdenoff/fe-libs/shared/components';\nimport { WORKSPACE_PERMISSIONS } from '../constants/permissions';\nimport { useWorkspace } from '../hooks/useWorkspaces';\nimport { useUpdateWorkspace } from '../hooks/useWorkspaceMutations';\nimport { useWorkspacesContext } from '../providers/WorkspacesProvider';\nimport { useWorkspacesPageView } from '../hooks/useWorkspacesPageView';\n\nconst updateWorkspaceSchema = z.object({\n  name: z.string().min(2).max(100),\n  contactEmail: z.string().email().optional().or(z.literal('')),\n  domain: z.string().optional(),\n  website: z.string().url().optional().or(z.literal('')),\n});\n\ntype UpdateWorkspaceFormData = z.infer<typeof updateWorkspaceSchema>;\n\nexport function WorkspaceSettingsPage() {\n  const { t } = useI18n();\n  const { workspaceId } = useParams<{ workspaceId: string }>();\n  useWorkspacesPageView('workspaces.settings', { workspaceId, requireParams: true });\n  const navigate = useNavigate();\n  const { basePath = '/' } = useWorkspacesContext();\n  const { data: workspace, isLoading } = useWorkspace(workspaceId || '');\n  const { mutate: updateWorkspace, isPending } = useUpdateWorkspace();\n\n  // Workspace tags (universal-tags assignments) — backend exposed via\n  // wspace-workspace-svc workspace-tags.gql; this UI is the canonical\n  // editor for them. Identical pattern to ProjectDetailPage.\n  const { data: tagsData, refetch: refetchTags } = useGetWorkspaceTagsQuery({\n    variables: { input: { workspaceId: workspaceId ?? '' } },\n    skip: !workspaceId,\n    fetchPolicy: 'cache-and-network',\n  });\n  const [replaceWorkspaceTags, { loading: tagsUpdating }] = useReplaceWorkspaceTagsMutation();\n  // The widget keys tags by `id` for add/remove. We store the\n  // assignment's tagId there so the round-trip back to\n  // replaceWorkspaceTags has the right value to send. Display fields\n  // come from the embedded `tag: UniversalTag` resolved by the\n  // assignment — assignments without a hydrated tag (deleted or\n  // unresolved) are dropped so the widget never renders empty badges.\n  const widgetTags = useMemo<TagItem[]>(() => {\n    const assignments = tagsData?.getWorkspaceTags ?? [];\n    return assignments.flatMap((a: WorkspaceTagAssignmentFieldsFragment) => {\n      if (!a.tag) return [];\n      return [\n        {\n          id: a.tagId,\n          key: a.tag.key,\n          label: a.tag.label,\n          value: a.tag.value ?? null,\n          vocabularyId: a.tag.vocabularyId ?? null,\n          parentId: a.tag.parentId ?? null,\n          hierarchyPath: a.tag.hierarchyPath ?? null,\n          color: a.tag.color ?? null,\n          icon: a.tag.icon ?? null,\n          description: a.tag.description ?? null,\n        } satisfies TagItem,\n      ];\n    });\n  }, [tagsData?.getWorkspaceTags]);\n\n  const persistTags = async (next: TagItem[]) => {\n    if (!workspaceId) return;\n    await replaceWorkspaceTags({\n      variables: {\n        input: {\n          workspaceId,\n          tagIds: next.map((t) => t.id),\n        },\n      },\n    });\n    await refetchTags();\n  };\n\n  const handleAddTag = (tag: TagItem) => persistTags([...widgetTags, tag]);\n  const handleRemoveTag = (tagId: string) => persistTags(widgetTags.filter((t) => t.id !== tagId));\n\n  const handleSubmit = (data: UpdateWorkspaceFormData) => {\n    if (!workspaceId) return;\n\n    updateWorkspace(\n      {\n        id: workspaceId,\n        input: {\n          ...data,\n          contactEmail: data.contactEmail || undefined,\n          domain: data.domain || undefined,\n          website: data.website || undefined,\n        },\n      },\n      {\n        onSuccess: () => {\n          navigate(`${basePath}/${workspaceId}`);\n        },\n      }\n    );\n  };\n\n  if (isLoading) {\n    return <div className=\"p-6\">{tWithFallback(t, 'workspaceSettings.loading', 'Loading...')}</div>;\n  }\n\n  if (!workspace) {\n    return (\n      <div className=\"p-6\">\n        {tWithFallback(t, 'workspaceSettings.notFound', 'Workspace not found')}\n      </div>\n    );\n  }\n\n  return (\n    <PermissionGate\n      permission={WORKSPACE_PERMISSIONS.WORKSPACE_UPDATE}\n      fallback={\n        <div className=\"p-6\">\n          <Button\n            variant=\"ghost\"\n            onClick={() => navigate(`${basePath}/${workspaceId}`)}\n            className=\"gap-2 mb-6 -ml-2\"\n          >\n            <ArrowLeft size={20} />\n            {tWithFallback(t, 'workspaceSettings.backToWorkspace', 'Back to Workspace')}\n          </Button>\n          <AccessDenied\n            variant=\"card\"\n            title={tWithFallback(t, 'workspaceSettings.permissionRequired', 'Permission Required')}\n            description={tWithFallback(\n              t,\n              'workspaceSettings.permissionRequiredDesc',\n              \"You don't have permission to edit workspace settings.\"\n            )}\n            details={tWithFallback(\n              t,\n              'workspaceSettings.permissionRequiredDetails',\n              'Required: workspace:update'\n            )}\n            primaryAction={{\n              label: tWithFallback(t, 'workspaceSettings.goBack', 'Go Back'),\n              onClick: () => navigate(`${basePath}/${workspaceId}`),\n            }}\n          />\n        </div>\n      }\n    >\n      <div className=\"space-y-4 sm:space-y-6 p-3 sm:p-6\">\n        <div>\n          <Button\n            variant=\"ghost\"\n            onClick={() => navigate(`${basePath}/${workspaceId}`)}\n            className=\"gap-2 mb-2 -ml-2\"\n          >\n            <ArrowLeft size={20} />\n            {tWithFallback(t, 'workspaceSettings.backToWorkspace', 'Back to Workspace')}\n          </Button>\n          <h1 className=\"text-2xl sm:text-3xl font-bold\">\n            {tWithFallback(t, 'workspaceSettings.title', 'Workspace Settings')}\n          </h1>\n          <p className=\"text-text-secondary\">\n            {tWithFallback(t, 'workspaceSettings.subtitle', 'Manage workspace configuration')}\n          </p>\n        </div>\n\n        <PagePurpose>\n          {tWithFallback(\n            t,\n            'workspaceSettings.purpose',\n            \"This is where you control how the workspace presents itself and how it's organised — its display name, a contact email, an optional custom domain and website, and the tags used to classify and filter it. Update these to keep the workspace's identity accurate as your team grows.\"\n          )}\n        </PagePurpose>\n\n        <GlassCard treatment=\"glass\" glow className=\"border-border-seam\">\n          <CardHeader>\n            <CardTitle>\n              {tWithFallback(t, 'workspaceSettings.generalSettings', 'General Settings')}\n            </CardTitle>\n          </CardHeader>\n          <CardContent>\n            <Form\n              schema={updateWorkspaceSchema}\n              onSubmit={handleSubmit}\n              formOptions={{\n                defaultValues: {\n                  name: workspace?.name || '',\n                  contactEmail: workspace?.contactEmail || '',\n                  domain: workspace?.domain || '',\n                  website: workspace?.website || '',\n                },\n              }}\n            >\n              {(form) => (\n                <div className=\"space-y-4\">\n                  <FormField\n                    control={form.control}\n                    name=\"name\"\n                    render={({ field }) => (\n                      <FormItem>\n                        <FormLabel>\n                          {tWithFallback(t, 'workspaceSettings.workspaceName', 'Workspace Name')}\n                        </FormLabel>\n                        <FormControl>\n                          <Input {...field} />\n                        </FormControl>\n                        <FormMessage />\n                      </FormItem>\n                    )}\n                  />\n\n                  <FormField\n                    control={form.control}\n                    name=\"contactEmail\"\n                    render={({ field }) => (\n                      <FormItem>\n                        <FormLabel>\n                          {tWithFallback(t, 'workspaceSettings.contactEmail', 'Contact Email')}\n                        </FormLabel>\n                        <FormControl>\n                          <Input type=\"email\" {...field} />\n                        </FormControl>\n                        <FormMessage />\n                      </FormItem>\n                    )}\n                  />\n\n                  <OptionalFields\n                    title={tWithFallback(t, 'workspaceSettings.advancedTitle', 'Advanced settings')}\n                    description={tWithFallback(\n                      t,\n                      'workspaceSettings.advancedDescription',\n                      'Custom domain + website. Most workspaces leave these blank.'\n                    )}\n                  >\n                    <FormField\n                      control={form.control}\n                      name=\"domain\"\n                      render={({ field }) => (\n                        <FormItem>\n                          <FormLabel>\n                            {tWithFallback(t, 'workspaceSettings.domain', 'Domain')}\n                          </FormLabel>\n                          <FormControl>\n                            <Input {...field} />\n                          </FormControl>\n                          <FormMessage />\n                        </FormItem>\n                      )}\n                    />\n\n                    <FormField\n                      control={form.control}\n                      name=\"website\"\n                      render={({ field }) => (\n                        <FormItem>\n                          <FormLabel>\n                            {tWithFallback(t, 'workspaceSettings.website', 'Website')}\n                          </FormLabel>\n                          <FormControl>\n                            <Input type=\"url\" {...field} />\n                          </FormControl>\n                          <FormMessage />\n                        </FormItem>\n                      )}\n                    />\n                  </OptionalFields>\n\n                  <div className=\"flex gap-2\">\n                    <Button type=\"submit\" disabled={isPending} className=\"gap-2\">\n                      <Save size={20} />\n                      {isPending\n                        ? tWithFallback(t, 'workspaceSettings.saving', 'Saving...')\n                        : tWithFallback(t, 'workspaceSettings.saveChanges', 'Save Changes')}\n                    </Button>\n                    <Button\n                      type=\"button\"\n                      variant=\"outline\"\n                      onClick={() => navigate(`${basePath}/${workspaceId}`)}\n                    >\n                      {tWithFallback(t, 'workspaceSettings.cancel', 'Cancel')}\n                    </Button>\n                  </div>\n                </div>\n              )}\n            </Form>\n          </CardContent>\n        </GlassCard>\n\n        {workspaceId && (\n          <GlassCard treatment=\"plain\" className=\"border-border-seam\">\n            <CardHeader>\n              <CardTitle>{tWithFallback(t, 'workspaceSettings.tags', 'Tags')}</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-3\">\n              <p className=\"text-sm text-text-muted\">\n                {tWithFallback(\n                  t,\n                  'workspaceSettings.tagsDescription',\n                  'Use universal tags to classify and filter this workspace.'\n                )}\n              </p>\n              <TagsWidget\n                entityType=\"Workspace\"\n                entityId={workspaceId}\n                workspaceId={workspaceId}\n                tags={widgetTags}\n                onAdd={handleAddTag}\n                onRemove={handleRemoveTag}\n                syncGraphNotifications={false}\n                className={tagsUpdating ? 'pointer-events-none opacity-75' : undefined}\n              />\n            </CardContent>\n          </GlassCard>\n        )}\n      </div>\n    </PermissionGate>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"WorkspaceSettingsPage.js","names":[],"sources":["../../src/pages/WorkspaceSettingsPage.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { useParams, useNavigate } from 'react-router';\nimport { ArrowLeft, Save } from 'lucide-react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { type TagItem, TagsWidget } from '@burdenoff/fe-libs/tag';\nimport { tWithFallback } from '../utils/i18n';\nimport {\n  Button,\n  GlassCard,\n  CardHeader,\n  CardTitle,\n  CardContent,\n  OptionalFields,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport {\n  useGetWorkspaceTagsQuery,\n  useReplaceWorkspaceTagsMutation,\n  type WorkspaceTagAssignmentFieldsFragment,\n} from '../generated/wspace-operations';\nimport {\n  Form,\n  FormField,\n  FormItem,\n  FormLabel,\n  FormControl,\n  FormMessage,\n  Input,\n  z,\n} from '@burdenoff/fe-libs/form';\nimport { PermissionGate, AccessDenied } from '@burdenoff/fe-libs/shared/components';\nimport { WORKSPACE_PERMISSIONS } from '../constants/permissions';\nimport { useWorkspace } from '../hooks/useWorkspaces';\nimport { useUpdateWorkspace } from '../hooks/useWorkspaceMutations';\nimport { useWorkspacesContext } from '../providers/WorkspacesProvider';\nimport { useWorkspacesPageView } from '../hooks/useWorkspacesPageView';\n\nconst updateWorkspaceSchema = z.object({\n  name: z.string().min(2).max(100),\n  contactEmail: z.string().email().optional().or(z.literal('')),\n  domain: z.string().optional(),\n  website: z.string().url().optional().or(z.literal('')),\n});\n\ntype UpdateWorkspaceFormData = z.infer<typeof updateWorkspaceSchema>;\n\nexport function WorkspaceSettingsPage() {\n  const { t } = useI18n();\n  const { workspaceId } = useParams<{ workspaceId: string }>();\n  useWorkspacesPageView('workspaces.settings', { workspaceId, requireParams: true });\n  const navigate = useNavigate();\n  const { basePath = '/' } = useWorkspacesContext();\n  const { data: workspace, isLoading } = useWorkspace(workspaceId || '');\n  const { mutate: updateWorkspace, isPending } = useUpdateWorkspace();\n\n  // Workspace tags (universal-tags assignments) — backend exposed via\n  // wspace-workspace-svc workspace-tags.gql; this UI is the canonical\n  // editor for them. Identical pattern to ProjectDetailPage.\n  const { data: tagsData, refetch: refetchTags } = useGetWorkspaceTagsQuery({\n    variables: { input: { workspaceId: workspaceId ?? '' } },\n    skip: !workspaceId,\n    fetchPolicy: 'cache-and-network',\n  });\n  const [replaceWorkspaceTags, { loading: tagsUpdating }] = useReplaceWorkspaceTagsMutation();\n  // The widget keys tags by `id` for add/remove. We store the\n  // assignment's tagId there so the round-trip back to\n  // replaceWorkspaceTags has the right value to send. Display fields\n  // come from the embedded `tag: UniversalTag` resolved by the\n  // assignment — assignments without a hydrated tag (deleted or\n  // unresolved) are dropped so the widget never renders empty badges.\n  const widgetTags = useMemo<TagItem[]>(() => {\n    const assignments = tagsData?.getWorkspaceTags ?? [];\n    return assignments.flatMap((a: WorkspaceTagAssignmentFieldsFragment) => {\n      if (!a.tag) return [];\n      return [\n        {\n          id: a.tagId,\n          key: a.tag.key,\n          label: a.tag.label,\n          value: a.tag.value ?? null,\n          vocabularyId: a.tag.vocabularyId ?? null,\n          parentId: a.tag.parentId ?? null,\n          hierarchyPath: a.tag.hierarchyPath ?? null,\n          color: a.tag.color ?? null,\n          icon: a.tag.icon ?? null,\n          description: a.tag.description ?? null,\n        } satisfies TagItem,\n      ];\n    });\n  }, [tagsData?.getWorkspaceTags]);\n\n  const persistTags = async (next: TagItem[]) => {\n    if (!workspaceId) return;\n    await replaceWorkspaceTags({\n      variables: {\n        input: {\n          workspaceId,\n          tagIds: next.map((t) => t.id),\n        },\n      },\n    });\n    await refetchTags();\n  };\n\n  const handleAddTag = (tag: TagItem) => persistTags([...widgetTags, tag]);\n  const handleRemoveTag = (tagId: string) => persistTags(widgetTags.filter((t) => t.id !== tagId));\n\n  const handleSubmit = (data: UpdateWorkspaceFormData) => {\n    if (!workspaceId) return;\n\n    updateWorkspace(\n      {\n        id: workspaceId,\n        input: {\n          ...data,\n          contactEmail: data.contactEmail || undefined,\n          domain: data.domain || undefined,\n          website: data.website || undefined,\n        },\n      },\n      {\n        onSuccess: () => {\n          navigate(`${basePath}/${workspaceId}`);\n        },\n      }\n    );\n  };\n\n  if (isLoading) {\n    return <div className=\"p-6\">{tWithFallback(t, 'workspaceSettings.loading', 'Loading...')}</div>;\n  }\n\n  if (!workspace) {\n    return (\n      <div className=\"p-6\">\n        {tWithFallback(t, 'workspaceSettings.notFound', 'Workspace not found')}\n      </div>\n    );\n  }\n\n  return (\n    <PermissionGate\n      permission={WORKSPACE_PERMISSIONS.WORKSPACE_UPDATE}\n      fallback={\n        <div className=\"p-6\">\n          <Button\n            variant=\"ghost\"\n            onClick={() => navigate(`${basePath}/${workspaceId}`)}\n            className=\"gap-2 mb-6 -ml-2\"\n          >\n            <ArrowLeft size={20} />\n            {tWithFallback(t, 'workspaceSettings.backToWorkspace', 'Back to Workspace')}\n          </Button>\n          <AccessDenied\n            variant=\"card\"\n            title={tWithFallback(t, 'workspaceSettings.permissionRequired', 'Permission Required')}\n            description={tWithFallback(\n              t,\n              'workspaceSettings.permissionRequiredDesc',\n              \"You don't have permission to edit workspace settings.\"\n            )}\n            details={tWithFallback(\n              t,\n              'workspaceSettings.permissionRequiredDetails',\n              'Required: workspace:update'\n            )}\n            primaryAction={{\n              label: tWithFallback(t, 'workspaceSettings.goBack', 'Go Back'),\n              onClick: () => navigate(`${basePath}/${workspaceId}`),\n            }}\n          />\n        </div>\n      }\n    >\n      <div className=\"space-y-4 sm:space-y-6 p-3 sm:p-6\">\n        <div>\n          <Button\n            variant=\"ghost\"\n            onClick={() => navigate(`${basePath}/${workspaceId}`)}\n            className=\"gap-2 mb-2 -ml-2\"\n          >\n            <ArrowLeft size={20} />\n            {tWithFallback(t, 'workspaceSettings.backToWorkspace', 'Back to Workspace')}\n          </Button>\n          <h1 className=\"text-2xl sm:text-3xl font-bold\">\n            {tWithFallback(t, 'workspaceSettings.title', 'Workspace Settings')}\n          </h1>\n          <p className=\"text-text-secondary\">\n            {tWithFallback(t, 'workspaceSettings.subtitle', 'Manage workspace configuration')}\n          </p>\n        </div>\n\n        <PagePurpose>\n          {tWithFallback(\n            t,\n            'workspaceSettings.purpose',\n            \"This is where you control how the workspace presents itself and how it's organised — its display name, a contact email, an optional custom domain and website, and the tags used to classify and filter it. Update these to keep the workspace's identity accurate as your team grows.\"\n          )}\n        </PagePurpose>\n\n        <GlassCard treatment=\"glass\" glow className=\"border-border-seam\">\n          <CardHeader>\n            <CardTitle>\n              {tWithFallback(t, 'workspaceSettings.generalSettings', 'General Settings')}\n            </CardTitle>\n          </CardHeader>\n          <CardContent>\n            <Form\n              schema={updateWorkspaceSchema}\n              onSubmit={handleSubmit}\n              formOptions={{\n                defaultValues: {\n                  name: workspace?.name || '',\n                  contactEmail: workspace?.contactEmail || '',\n                  domain: workspace?.domain || '',\n                  website: workspace?.website || '',\n                },\n              }}\n            >\n              {(form) => (\n                <div className=\"space-y-4\">\n                  <FormField\n                    control={form.control}\n                    name=\"name\"\n                    render={({ field }) => (\n                      <FormItem>\n                        <FormLabel>\n                          {tWithFallback(t, 'workspaceSettings.workspaceName', 'Workspace Name')}\n                        </FormLabel>\n                        <FormControl>\n                          <Input {...field} />\n                        </FormControl>\n                        <FormMessage />\n                      </FormItem>\n                    )}\n                  />\n\n                  <FormField\n                    control={form.control}\n                    name=\"contactEmail\"\n                    render={({ field }) => (\n                      <FormItem>\n                        <FormLabel>\n                          {tWithFallback(t, 'workspaceSettings.contactEmail', 'Contact Email')}\n                        </FormLabel>\n                        <FormControl>\n                          <Input type=\"email\" {...field} />\n                        </FormControl>\n                        <FormMessage />\n                      </FormItem>\n                    )}\n                  />\n\n                  <OptionalFields\n                    title={tWithFallback(t, 'workspaceSettings.advancedTitle', 'Advanced settings')}\n                    description={tWithFallback(\n                      t,\n                      'workspaceSettings.advancedDescription',\n                      'Custom domain + website. Most workspaces leave these blank.'\n                    )}\n                  >\n                    <FormField\n                      control={form.control}\n                      name=\"domain\"\n                      render={({ field }) => (\n                        <FormItem>\n                          <FormLabel>\n                            {tWithFallback(t, 'workspaceSettings.domain', 'Domain')}\n                          </FormLabel>\n                          <FormControl>\n                            <Input {...field} />\n                          </FormControl>\n                          <FormMessage />\n                        </FormItem>\n                      )}\n                    />\n\n                    <FormField\n                      control={form.control}\n                      name=\"website\"\n                      render={({ field }) => (\n                        <FormItem>\n                          <FormLabel>\n                            {tWithFallback(t, 'workspaceSettings.website', 'Website')}\n                          </FormLabel>\n                          <FormControl>\n                            <Input type=\"url\" {...field} />\n                          </FormControl>\n                          <FormMessage />\n                        </FormItem>\n                      )}\n                    />\n                  </OptionalFields>\n\n                  <div className=\"flex gap-2\">\n                    <Button type=\"submit\" disabled={isPending} className=\"gap-2\">\n                      <Save size={20} />\n                      {isPending\n                        ? tWithFallback(t, 'workspaceSettings.saving', 'Saving...')\n                        : tWithFallback(t, 'workspaceSettings.saveChanges', 'Save Changes')}\n                    </Button>\n                    <Button\n                      type=\"button\"\n                      variant=\"outline\"\n                      onClick={() => navigate(`${basePath}/${workspaceId}`)}\n                    >\n                      {tWithFallback(t, 'workspaceSettings.cancel', 'Cancel')}\n                    </Button>\n                  </div>\n                </div>\n              )}\n            </Form>\n          </CardContent>\n        </GlassCard>\n\n        {workspaceId && (\n          <GlassCard treatment=\"plain\" className=\"border-border-seam\">\n            <CardHeader>\n              <CardTitle>{tWithFallback(t, 'workspaceSettings.tags', 'Tags')}</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-3\">\n              <p className=\"text-sm text-text-muted\">\n                {tWithFallback(\n                  t,\n                  'workspaceSettings.tagsDescription',\n                  'Use universal tags to classify and filter this workspace.'\n                )}\n              </p>\n              <TagsWidget\n                entityType=\"Workspace\"\n                entityId={workspaceId}\n                workspaceId={workspaceId}\n                tags={widgetTags}\n                onAdd={handleAddTag}\n                onRemove={handleRemoveTag}\n                syncGraphNotifications={false}\n                className={tagsUpdating ? 'pointer-events-none opacity-75' : undefined}\n              />\n            </CardContent>\n          </GlassCard>\n        )}\n      </div>\n    </PermissionGate>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAqCA,IAAM,IAAwB,EAAE,OAAO;CACrC,MAAM,EAAE,QAAQ,CAAC,IAAI,EAAE,CAAC,IAAI,IAAI;CAChC,cAAc,EAAE,QAAQ,CAAC,OAAO,CAAC,UAAU,CAAC,GAAG,EAAE,QAAQ,GAAG,CAAC;CAC7D,QAAQ,EAAE,QAAQ,CAAC,UAAU;CAC7B,SAAS,EAAE,QAAQ,CAAC,KAAK,CAAC,UAAU,CAAC,GAAG,EAAE,QAAQ,GAAG,CAAC;CACvD,CAAC;AAIF,SAAgB,IAAwB;CACtC,IAAM,EAAE,SAAM,GAAS,EACjB,EAAE,mBAAgB,GAAoC;AAC5D,GAAsB,uBAAuB;EAAE;EAAa,eAAe;EAAM,CAAC;CAClF,IAAM,IAAW,GAAa,EACxB,EAAE,cAAW,QAAQ,GAAsB,EAC3C,EAAE,MAAM,GAAW,iBAAc,EAAa,KAAe,GAAG,EAChE,EAAE,QAAQ,GAAiB,iBAAc,GAAoB,EAK7D,EAAE,MAAM,GAAU,SAAS,MAAgB,EAAyB;EACxE,WAAW,EAAE,OAAO,EAAE,aAAa,KAAe,IAAI,EAAE;EACxD,MAAM,CAAC;EACP,aAAa;EACd,CAAC,EACI,CAAC,GAAsB,EAAE,SAAS,OAAkB,GAAiC,EAOrF,IAAa,SACG,GAAU,oBAAoB,EAAE,EACjC,SAAS,MACrB,EAAE,MACA,CACL;EACE,IAAI,EAAE;EACN,KAAK,EAAE,IAAI;EACX,OAAO,EAAE,IAAI;EACb,OAAO,EAAE,IAAI,SAAS;EACtB,cAAc,EAAE,IAAI,gBAAgB;EACpC,UAAU,EAAE,IAAI,YAAY;EAC5B,eAAe,EAAE,IAAI,iBAAiB;EACtC,OAAO,EAAE,IAAI,SAAS;EACtB,MAAM,EAAE,IAAI,QAAQ;EACpB,aAAa,EAAE,IAAI,eAAe;EACnC,CACF,GAdkB,EAAE,CAerB,EACD,CAAC,GAAU,iBAAiB,CAAC,EAE1B,IAAc,OAAO,MAAoB;AACxC,QACL,MAAM,EAAqB,EACzB,WAAW,EACT,OAAO;GACL;GACA,QAAQ,EAAK,KAAK,MAAM,EAAE,GAAG;GAC9B,EACF,EACF,CAAC,EACF,MAAM,GAAa;;AAuCrB,QAZI,IACK,kBAAC,OAAD;EAAK,WAAU;YAAO,EAAc,GAAG,6BAA6B,aAAa;EAAO,CAAA,GAG5F,IASH,kBAAC,GAAD;EACE,YAAY,EAAsB;EAClC,UACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD;IACE,SAAQ;IACR,eAAe,EAAS,GAAG,EAAS,GAAG,IAAc;IACrD,WAAU;cAHZ,CAKE,kBAAC,GAAD,EAAW,MAAM,IAAM,CAAA,EACtB,EAAc,GAAG,qCAAqC,oBAAoB,CACpE;OACT,kBAAC,GAAD;IACE,SAAQ;IACR,OAAO,EAAc,GAAG,wCAAwC,sBAAsB;IACtF,aAAa,EACX,GACA,4CACA,wDACD;IACD,SAAS,EACP,GACA,+CACA,6BACD;IACD,eAAe;KACb,OAAO,EAAc,GAAG,4BAA4B,UAAU;KAC9D,eAAe,EAAS,GAAG,EAAS,GAAG,IAAc;KACtD;IACD,CAAA,CACE;;YAGR,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,OAAD,EAAA,UAAA;KACE,kBAAC,GAAD;MACE,SAAQ;MACR,eAAe,EAAS,GAAG,EAAS,GAAG,IAAc;MACrD,WAAU;gBAHZ,CAKE,kBAAC,GAAD,EAAW,MAAM,IAAM,CAAA,EACtB,EAAc,GAAG,qCAAqC,oBAAoB,CACpE;;KACT,kBAAC,MAAD;MAAI,WAAU;gBACX,EAAc,GAAG,2BAA2B,qBAAqB;MAC/D,CAAA;KACL,kBAAC,KAAD;MAAG,WAAU;gBACV,EAAc,GAAG,8BAA8B,iCAAiC;MAC/E,CAAA;KACA,EAAA,CAAA;IAEN,kBAAC,GAAD,EAAA,UACG,EACC,GACA,6BACA,yRACD,EACW,CAAA;IAEd,kBAAC,GAAD;KAAW,WAAU;KAAQ,MAAA;KAAK,WAAU;eAA5C,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UACG,EAAc,GAAG,qCAAqC,mBAAmB,EAChE,CAAA,EACD,CAAA,EACb,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;MACE,QAAQ;MACR,WAtGU,MAAkC;AACjD,YAEL,EACE;QACE,IAAI;QACJ,OAAO;SACL,GAAG;SACH,cAAc,EAAK,gBAAgB,KAAA;SACnC,QAAQ,EAAK,UAAU,KAAA;SACvB,SAAS,EAAK,WAAW,KAAA;SAC1B;QACF,EACD,EACE,iBAAiB;AACf,UAAS,GAAG,EAAS,GAAG,IAAc;UAEzC,CACF;;MAqFS,aAAa,EACX,eAAe;OACb,MAAM,GAAW,QAAQ;OACzB,cAAc,GAAW,gBAAgB;OACzC,QAAQ,GAAW,UAAU;OAC7B,SAAS,GAAW,WAAW;OAChC,EACF;iBAEC,MACA,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,kBAAC,GAAD;SACE,SAAS,EAAK;SACd,MAAK;SACL,SAAS,EAAE,eACT,kBAAC,GAAD,EAAA,UAAA;UACE,kBAAC,GAAD,EAAA,UACG,EAAc,GAAG,mCAAmC,iBAAiB,EAC5D,CAAA;UACZ,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAO,GAAI,GAAS,CAAA,EACR,CAAA;UACd,kBAAC,GAAD,EAAe,CAAA;UACN,EAAA,CAAA;SAEb,CAAA;QAEF,kBAAC,GAAD;SACE,SAAS,EAAK;SACd,MAAK;SACL,SAAS,EAAE,eACT,kBAAC,GAAD,EAAA,UAAA;UACE,kBAAC,GAAD,EAAA,UACG,EAAc,GAAG,kCAAkC,gBAAgB,EAC1D,CAAA;UACZ,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;WAAO,MAAK;WAAQ,GAAI;WAAS,CAAA,EACrB,CAAA;UACd,kBAAC,GAAD,EAAe,CAAA;UACN,EAAA,CAAA;SAEb,CAAA;QAEF,kBAAC,GAAD;SACE,OAAO,EAAc,GAAG,mCAAmC,oBAAoB;SAC/E,aAAa,EACX,GACA,yCACA,8DACD;mBANH,CAQE,kBAAC,GAAD;UACE,SAAS,EAAK;UACd,MAAK;UACL,SAAS,EAAE,eACT,kBAAC,GAAD,EAAA,UAAA;WACE,kBAAC,GAAD,EAAA,UACG,EAAc,GAAG,4BAA4B,SAAS,EAC7C,CAAA;WACZ,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAO,GAAI,GAAS,CAAA,EACR,CAAA;WACd,kBAAC,GAAD,EAAe,CAAA;WACN,EAAA,CAAA;UAEb,CAAA,EAEF,kBAAC,GAAD;UACE,SAAS,EAAK;UACd,MAAK;UACL,SAAS,EAAE,eACT,kBAAC,GAAD,EAAA,UAAA;WACE,kBAAC,GAAD,EAAA,UACG,EAAc,GAAG,6BAA6B,UAAU,EAC/C,CAAA;WACZ,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;YAAO,MAAK;YAAM,GAAI;YAAS,CAAA,EACnB,CAAA;WACd,kBAAC,GAAD,EAAe,CAAA;WACN,EAAA,CAAA;UAEb,CAAA,CACa;;QAEjB,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,GAAD;UAAQ,MAAK;UAAS,UAAU;UAAW,WAAU;oBAArD,CACE,kBAAC,GAAD,EAAM,MAAM,IAAM,CAAA,EACjB,IACG,EAAc,GAAG,4BAA4B,YAAY,GACzD,EAAc,GAAG,iCAAiC,eAAe,CAC9D;aACT,kBAAC,GAAD;UACE,MAAK;UACL,SAAQ;UACR,eAAe,EAAS,GAAG,EAAS,GAAG,IAAc;oBAEpD,EAAc,GAAG,4BAA4B,SAAS;UAChD,CAAA,CACL;;QACF;;MAEH,CAAA,EACK,CAAA,CACJ;;IAEX,KACC,kBAAC,GAAD;KAAW,WAAU;KAAQ,WAAU;eAAvC,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UAAY,EAAc,GAAG,0BAA0B,OAAO,EAAa,CAAA,EAChE,CAAA,EACb,kBAAC,GAAD;MAAa,WAAU;gBAAvB,CACE,kBAAC,KAAD;OAAG,WAAU;iBACV,EACC,GACA,qCACA,4DACD;OACC,CAAA,EACJ,kBAAC,GAAD;OACE,YAAW;OACX,UAAU;OACG;OACb,MAAM;OACN,QArOQ,MAAiB,EAAY,CAAC,GAAG,GAAY,EAAI,CAAC;OAsO1D,WArOW,MAAkB,EAAY,EAAW,QAAQ,MAAM,EAAE,OAAO,EAAM,CAAC;OAsOlF,wBAAwB;OACxB,WAAW,IAAe,mCAAmC,KAAA;OAC7D,CAAA,CACU;QACJ;;IAEV;;EACS,CAAA,GAhNf,kBAAC,OAAD;EAAK,WAAU;YACZ,EAAc,GAAG,8BAA8B,sBAAsB;EAClE,CAAA"}

package/dist/pages/WorkspacesListPage.js

@@ -11,7 +11,7 @@ import { useEffect as l, useState as u } from "react";
 import { Grid3X3 as d, List as f, Mail as p, MoreHorizontal as m, Plus as h, Search as g, UserPlus as _ } from "lucide-react";
 import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
 import { AuroraBackground as x, Badge as S, Button as C, DropdownMenu as w, DropdownMenuContent as T, DropdownMenuItem as E, DropdownMenuTrigger as ee, GradientText as te, IllustratedEmptyState as D, Input as O, PagePurpose as k, Skeleton as A } from "@burdenoff/fe-libs/ui";
-import { useNavigate as j } from "react-router-dom";
+import { useNavigate as j } from "react-router";
 import { useDebounce as M } from "@burdenoff/fe-libs/shared/hooks";
 import { PermissionButton as N } from "@burdenoff/fe-libs/shared/components";
 import { useI18n as P } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";

package/dist/pages/WorkspacesListPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"WorkspacesListPage.js","names":[],"sources":["../../src/pages/WorkspacesListPage.tsx"],"sourcesContent":["import { Plus, Grid3X3, List as ListIcon, Search, Mail, UserPlus } from 'lucide-react';\nimport {\n  Badge,\n  Button,\n  Input,\n  Skeleton,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n  AuroraBackground,\n  GradientText,\n  IllustratedEmptyState,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport { MoreHorizontal } from 'lucide-react';\nimport { useNavigate } from 'react-router-dom';\nimport { useWorkspacesStore } from '../store/workspacesStore';\nimport { useMyWorkspaces } from '../hooks/useWorkspaces';\nimport { useMyPendingInvitations } from '../hooks/usePendingInvitations';\nimport { WorkspaceCard } from '../components/WorkspaceCard';\nimport { useWorkspacesContext } from '../providers/WorkspacesProvider';\nimport { useDebounce } from '@burdenoff/fe-libs/shared/hooks';\nimport { PermissionButton } from '@burdenoff/fe-libs/shared/components';\nimport { WORKSPACE_PERMISSIONS } from '../constants/permissions';\nimport { useState, useEffect } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { tWithFallback } from '../utils/i18n';\nimport { useScopedNavigation } from '../hooks/useScopedNavigation';\nimport { useWorkspacesPageView } from '../hooks/useWorkspacesPageView';\n\nexport function WorkspacesListPage() {\n  useWorkspacesPageView('workspaces.list');\n  const { t } = useI18n();\n\n  const navigate = useNavigate();\n  const { basePath = '/', currentUser, workspaceId: currentWorkspaceId } = useWorkspacesContext();\n  const { withCurrentSearch } = useScopedNavigation();\n  const { viewMode, setViewMode, workspaceFilters, setWorkspaceFilters } = useWorkspacesStore();\n\n  // Navigate to unified workspace creation page\n  const handleCreateWorkspace = () => {\n    navigate(withCurrentSearch(`${basePath}/new`));\n  };\n\n  const [searchValue, setSearchValue] = useState(workspaceFilters.search || '');\n  const debouncedSearch = useDebounce(searchValue, 500);\n\n  // Update filters when debounced search changes\n  useEffect(() => {\n    if (debouncedSearch !== workspaceFilters.search) {\n      setWorkspaceFilters({ search: debouncedSearch });\n    }\n  }, [debouncedSearch, workspaceFilters.search, setWorkspaceFilters]);\n\n  const { data: rawData, isLoading, error } = useMyWorkspaces();\n  const { data: pendingInvitations = [] } = useMyPendingInvitations(currentUser?.email);\n  const pendingInvitesCount = pendingInvitations.length;\n\n  const handleOpenPendingInvites = () => {\n    navigate(withCurrentSearch(`${basePath}/invites`));\n  };\n\n  const handleInviteMember = () => {\n    if (!currentWorkspaceId) {\n      return;\n    }\n\n    navigate(withCurrentSearch(`${basePath}/${currentWorkspaceId}/invite`));\n  };\n\n  // Client-side search filtering (myWorkspaces doesn't accept filter args)\n  const data = rawData\n    ? {\n        ...rawData,\n        items: debouncedSearch\n          ? rawData.items.filter((ws) =>\n              ws.name.toLowerCase().includes(debouncedSearch.toLowerCase())\n            )\n          : rawData.items,\n        total: debouncedSearch\n          ? rawData.items.filter((ws) =>\n              ws.name.toLowerCase().includes(debouncedSearch.toLowerCase())\n            ).length\n          : rawData.total,\n      }\n    : undefined;\n\n  const handleSearchChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    setSearchValue(e.target.value);\n  };\n\n  if (error) {\n    return (\n      <div className=\"space-y-4 sm:space-y-6 p-3 sm:p-6\">\n        <div className=\"flex flex-col items-center justify-center py-12\">\n          <p className=\"text-status-error-text text-lg font-semibold\">\n            {tWithFallback(t, 'workspacesList.loadError', 'Error loading workspaces')}\n          </p>\n          <p className=\"text-text-secondary text-sm mt-2\">\n            {error instanceof Error\n              ? error.message\n              : tWithFallback(t, 'workspacesList.unknownError', 'Unknown error')}\n          </p>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"space-y-4 sm:space-y-6 p-3 sm:p-6\">\n      {/* Header with title + actions */}\n      <div\n        className=\"relative overflow-hidden rounded-card flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3 px-3 py-3 sm:px-4 sm:py-4\"\n        data-tour=\"workspaces-list-header\"\n      >\n        <AuroraBackground intensity=\"subtle\" />\n        <div>\n          <h1 className=\"text-2xl sm:text-3xl font-bold\">\n            <GradientText>{tWithFallback(t, 'workspacesList.title', 'Workspaces')}</GradientText>\n          </h1>\n          <p className=\"text-sm sm:text-base text-text-secondary\">\n            {tWithFallback(t, 'workspacesList.description', 'Manage and organize your workspaces')}\n          </p>\n        </div>\n        <div className=\"flex items-center gap-2\" data-tour=\"workspaces-list-actions\">\n          {/* View mode toggle */}\n          <Button\n            variant={viewMode === 'grid' ? 'default' : 'outline'}\n            size=\"icon\"\n            onClick={() => setViewMode('grid')}\n            className=\"hidden sm:flex\"\n            aria-label={tWithFallback(\n              t,\n              'workspacesList.gridViewAriaLabel',\n              'Show workspaces in grid view'\n            )}\n            title={tWithFallback(t, 'workspacesList.gridViewTitle', 'Grid view')}\n          >\n            <Grid3X3 size={20} />\n          </Button>\n          <Button\n            variant={viewMode === 'list' ? 'default' : 'outline'}\n            size=\"icon\"\n            onClick={() => setViewMode('list')}\n            className=\"hidden sm:flex\"\n            aria-label={tWithFallback(\n              t,\n              'workspacesList.listViewAriaLabel',\n              'Show workspaces in list view'\n            )}\n            title={tWithFallback(t, 'workspacesList.listViewTitle', 'List view')}\n          >\n            <ListIcon size={20} />\n          </Button>\n          {/* Secondary actions collapsed into an overflow \"More\" menu */}\n          <DropdownMenu>\n            <DropdownMenuTrigger asChild>\n              <Button variant=\"outline\" size=\"icon\" aria-label=\"More actions\" className=\"relative\">\n                <MoreHorizontal size={18} />\n                {pendingInvitesCount > 0 ? (\n                  <span className=\"absolute -top-1 -right-1 flex size-2 rounded-full bg-action-primary-bg\" />\n                ) : null}\n              </Button>\n            </DropdownMenuTrigger>\n            <DropdownMenuContent align=\"end\">\n              <PermissionButton\n                permission={WORKSPACE_PERMISSIONS.MEMBER_CREATE}\n                deniedBehavior=\"disable\"\n                deniedTooltip={tWithFallback(\n                  t,\n                  'workspacesList.inviteDeniedTooltip',\n                  \"You don't have permission to invite members into the current workspace\"\n                )}\n              >\n                <DropdownMenuItem\n                  onSelect={handleInviteMember}\n                  disabled={!currentWorkspaceId}\n                  className=\"gap-2\"\n                >\n                  <UserPlus size={16} />\n                  {tWithFallback(t, 'workspacesList.inviteMemberButton', 'Invite Member')}\n                </DropdownMenuItem>\n              </PermissionButton>\n              <DropdownMenuItem onSelect={handleOpenPendingInvites} className=\"gap-2\">\n                <Mail size={16} />\n                <span className=\"flex-1\">\n                  {tWithFallback(t, 'workspacesList.pendingInvitesButton', 'Pending Invites')}\n                </span>\n                {pendingInvitesCount > 0 ? (\n                  <Badge variant=\"secondary\">{pendingInvitesCount}</Badge>\n                ) : null}\n              </DropdownMenuItem>\n            </DropdownMenuContent>\n          </DropdownMenu>\n          <PermissionButton\n            permission={WORKSPACE_PERMISSIONS.WORKSPACE_CREATE}\n            deniedBehavior=\"disable\"\n            deniedTooltip={tWithFallback(\n              t,\n              'workspacesList.createDeniedTooltip',\n              \"You don't have permission to create workspaces\"\n            )}\n          >\n            <Button\n              onClick={handleCreateWorkspace}\n              className=\"gap-2\"\n              data-tour=\"workspaces-create-button\"\n            >\n              <Plus size={20} />\n              <span className=\"hidden sm:inline\">\n                {tWithFallback(t, 'workspacesList.createButton', 'Create Workspace')}\n              </span>\n              <span className=\"sm:hidden\">\n                {tWithFallback(t, 'workspacesList.createButtonShort', 'Create')}\n              </span>\n            </Button>\n          </PermissionButton>\n        </div>\n      </div>\n\n      <PagePurpose>\n        {tWithFallback(\n          t,\n          'workspacesList.purpose',\n          'Workspaces are shared homes for a team or initiative — each one groups its own projects, members, agents and activity. Create one per team, client or product line to keep work isolated, then switch between them from the sidebar.'\n        )}\n      </PagePurpose>\n\n      {/* Search */}\n      <div className=\"relative\" data-tour=\"workspaces-search-input\">\n        <Search\n          className=\"absolute left-3 top-1/2 -translate-y-1/2 text-text-secondary\"\n          size={20}\n        />\n        <Input\n          placeholder={tWithFallback(t, 'workspacesList.searchPlaceholder', 'Search workspaces...')}\n          value={searchValue}\n          onChange={handleSearchChange}\n          className=\"pl-[3.25rem]\"\n        />\n      </div>\n\n      {/* Content */}\n      <div className=\"space-y-4 sm:space-y-6\" data-tour=\"workspaces-view-container\">\n        {isLoading ? (\n          <div className=\"grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4\">\n            {Array.from({ length: 6 }).map((_, i) => (\n              <div key={i} className=\"space-y-3 p-6 border border-border-seam rounded-lg\">\n                <div className=\"flex items-center gap-3\">\n                  <Skeleton className=\"size-12 rounded-lg\" />\n                  <div className=\"space-y-2 flex-1\">\n                    <Skeleton className=\"h-4 w-3/4\" />\n                    <Skeleton className=\"h-3 w-1/2\" />\n                  </div>\n                </div>\n                <Skeleton className=\"h-3 w-1/3\" />\n              </div>\n            ))}\n          </div>\n        ) : data?.items.length === 0 ? (\n          <IllustratedEmptyState\n            illustration={workspaceFilters.search ? 'empty-search' : 'onboarding'}\n            title={tWithFallback(t, 'workspacesList.emptyTitle', 'No workspaces found')}\n            description={\n              workspaceFilters.search\n                ? tWithFallback(\n                    t,\n                    'workspacesList.emptySearchHint',\n                    'Try adjusting your search criteria'\n                  )\n                : tWithFallback(\n                    t,\n                    'workspacesList.emptyCreateHint',\n                    'Get started by creating your first workspace'\n                  )\n            }\n            action={\n              !workspaceFilters.search ? (\n                <PermissionButton\n                  permission={WORKSPACE_PERMISSIONS.WORKSPACE_CREATE}\n                  deniedBehavior=\"disable\"\n                  deniedTooltip={tWithFallback(\n                    t,\n                    'workspacesList.createDeniedTooltip',\n                    \"You don't have permission to create workspaces\"\n                  )}\n                >\n                  <Button onClick={handleCreateWorkspace} className=\"gap-2\">\n                    <Plus size={20} />\n                    {tWithFallback(\n                      t,\n                      'workspacesList.createFirstButton',\n                      'Create Your First Workspace'\n                    )}\n                  </Button>\n                </PermissionButton>\n              ) : undefined\n            }\n          />\n        ) : (\n          <>\n            {/* View */}\n            {viewMode === 'list' ? (\n              <div className=\"space-y-3\">\n                {data?.items.map((workspace) => (\n                  <WorkspaceCard key={workspace.id} workspace={workspace} />\n                ))}\n              </div>\n            ) : (\n              <div className=\"grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4\">\n                {data?.items.map((workspace) => (\n                  <WorkspaceCard key={workspace.id} workspace={workspace} />\n                ))}\n              </div>\n            )}\n\n            {/* Pagination info */}\n            {data && data.total > 0 && (\n              <div className=\"flex items-center justify-between text-sm text-text-secondary\">\n                <p>\n                  {tWithFallback(t, 'workspacesList.showing', 'Showing')} {data.items.length}{' '}\n                  {tWithFallback(t, 'workspacesList.of', 'of')} {data.total}{' '}\n                  {data.total !== 1\n                    ? tWithFallback(t, 'workspacesList.workspaces', 'workspaces')\n                    : tWithFallback(t, 'workspacesList.workspace', 'workspace')}\n                </p>\n                {data.hasMore && (\n                  <p className=\"text-xs\">\n                    {tWithFallback(\n                      t,\n                      'workspacesList.moreAvailable',\n                      'More workspaces available - pagination coming soon'\n                    )}\n                  </p>\n                )}\n              </div>\n            )}\n          </>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AA+BA,SAAgB,IAAqB;AACnC,GAAsB,kBAAkB;CACxC,IAAM,EAAE,SAAM,GAAS,EAEjB,IAAW,GAAa,EACxB,EAAE,cAAW,KAAK,gBAAa,aAAa,MAAuB,GAAsB,EACzF,EAAE,yBAAsB,GAAqB,EAC7C,EAAE,aAAU,gBAAa,qBAAkB,2BAAwB,GAAoB,EAGvF,UAA8B;AAClC,IAAS,EAAkB,GAAG,EAAS,MAAM,CAAC;IAG1C,CAAC,GAAa,KAAkB,EAAS,EAAiB,UAAU,GAAG,EACvE,IAAkB,EAAY,GAAa,IAAI;AAGrD,SAAgB;AACd,EAAI,MAAoB,EAAiB,UACvC,EAAoB,EAAE,QAAQ,GAAiB,CAAC;IAEjD;EAAC;EAAiB,EAAiB;EAAQ;EAAoB,CAAC;CAEnE,IAAM,EAAE,MAAM,GAAS,cAAW,aAAU,GAAiB,EACvD,EAAE,MAAM,KAAqB,EAAE,KAAK,EAAwB,GAAa,MAAM,EAC/E,IAAsB,GAAmB,QAEzC,WAAiC;AACrC,IAAS,EAAkB,GAAG,EAAS,UAAU,CAAC;IAG9C,WAA2B;AAC1B,OAIL,EAAS,EAAkB,GAAG,EAAS,GAAG,EAAmB,SAAS,CAAC;IAInE,IAAO,IACT;EACE,GAAG;EACH,OAAO,IACH,EAAQ,MAAM,QAAQ,MACpB,EAAG,KAAK,aAAa,CAAC,SAAS,EAAgB,aAAa,CAAC,CAC9D,GACD,EAAQ;EACZ,OAAO,IACH,EAAQ,MAAM,QAAQ,MACpB,EAAG,KAAK,aAAa,CAAC,SAAS,EAAgB,aAAa,CAAC,CAC9D,CAAC,SACF,EAAQ;EACb,GACD,KAAA;AAuBJ,QAjBI,IAEA,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,KAAD;IAAG,WAAU;cACV,EAAc,GAAG,4BAA4B,2BAA2B;IACvE,CAAA,EACJ,kBAAC,KAAD;IAAG,WAAU;cACV,aAAiB,QACd,EAAM,UACN,EAAc,GAAG,+BAA+B,gBAAgB;IAClE,CAAA,CACA;;EACF,CAAA,GAKR,kBAAC,OAAD;EAAK,WAAU;YAAf;GAEE,kBAAC,OAAD;IACE,WAAU;IACV,aAAU;cAFZ;KAIE,kBAAC,GAAD,EAAkB,WAAU,UAAW,CAAA;KACvC,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;MAAI,WAAU;gBACZ,kBAAC,IAAD,EAAA,UAAe,EAAc,GAAG,wBAAwB,aAAa,EAAgB,CAAA;MAClF,CAAA,EACL,kBAAC,KAAD;MAAG,WAAU;gBACV,EAAc,GAAG,8BAA8B,sCAAsC;MACpF,CAAA,CACA,EAAA,CAAA;KACN,kBAAC,OAAD;MAAK,WAAU;MAA0B,aAAU;gBAAnD;OAEE,kBAAC,GAAD;QACE,SAAS,MAAa,SAAS,YAAY;QAC3C,MAAK;QACL,eAAe,EAAY,OAAO;QAClC,WAAU;QACV,cAAY,EACV,GACA,oCACA,+BACD;QACD,OAAO,EAAc,GAAG,gCAAgC,YAAY;kBAEpE,kBAAC,GAAD,EAAS,MAAM,IAAM,CAAA;QACd,CAAA;OACT,kBAAC,GAAD;QACE,SAAS,MAAa,SAAS,YAAY;QAC3C,MAAK;QACL,eAAe,EAAY,OAAO;QAClC,WAAU;QACV,cAAY,EACV,GACA,oCACA,+BACD;QACD,OAAO,EAAc,GAAG,gCAAgC,YAAY;kBAEpE,kBAAC,GAAD,EAAU,MAAM,IAAM,CAAA;QACf,CAAA;OAET,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,IAAD;QAAqB,SAAA;kBACnB,kBAAC,GAAD;SAAQ,SAAQ;SAAU,MAAK;SAAO,cAAW;SAAe,WAAU;mBAA1E,CACE,kBAAC,GAAD,EAAgB,MAAM,IAAM,CAAA,EAC3B,IAAsB,IACrB,kBAAC,QAAD,EAAM,WAAU,0EAA2E,CAAA,GACzF,KACG;;QACW,CAAA,EACtB,kBAAC,GAAD;QAAqB,OAAM;kBAA3B,CACE,kBAAC,GAAD;SACE,YAAY,EAAsB;SAClC,gBAAe;SACf,eAAe,EACb,GACA,sCACA,yEACD;mBAED,kBAAC,GAAD;UACE,UAAU;UACV,UAAU,CAAC;UACX,WAAU;oBAHZ,CAKE,kBAAC,GAAD,EAAU,MAAM,IAAM,CAAA,EACrB,EAAc,GAAG,qCAAqC,gBAAgB,CACtD;;SACF,CAAA,EACnB,kBAAC,GAAD;SAAkB,UAAU;SAA0B,WAAU;mBAAhE;UACE,kBAAC,GAAD,EAAM,MAAM,IAAM,CAAA;UAClB,kBAAC,QAAD;WAAM,WAAU;qBACb,EAAc,GAAG,uCAAuC,kBAAkB;WACtE,CAAA;UACN,IAAsB,IACrB,kBAAC,GAAD;WAAO,SAAQ;qBAAa;WAA4B,CAAA,GACtD;UACa;WACC;UACT,EAAA,CAAA;OACf,kBAAC,GAAD;QACE,YAAY,EAAsB;QAClC,gBAAe;QACf,eAAe,EACb,GACA,sCACA,iDACD;kBAED,kBAAC,GAAD;SACE,SAAS;SACT,WAAU;SACV,aAAU;mBAHZ;UAKE,kBAAC,GAAD,EAAM,MAAM,IAAM,CAAA;UAClB,kBAAC,QAAD;WAAM,WAAU;qBACb,EAAc,GAAG,+BAA+B,mBAAmB;WAC/D,CAAA;UACP,kBAAC,QAAD;WAAM,WAAU;qBACb,EAAc,GAAG,oCAAoC,SAAS;WAC1D,CAAA;UACA;;QACQ,CAAA;OACf;;KACF;;GAEN,kBAAC,GAAD,EAAA,UACG,EACC,GACA,0BACA,uOACD,EACW,CAAA;GAGd,kBAAC,OAAD;IAAK,WAAU;IAAW,aAAU;cAApC,CACE,kBAAC,GAAD;KACE,WAAU;KACV,MAAM;KACN,CAAA,EACF,kBAAC,GAAD;KACE,aAAa,EAAc,GAAG,oCAAoC,uBAAuB;KACzF,OAAO;KACP,WAtJoB,MAA2C;AACrE,QAAe,EAAE,OAAO,MAAM;;KAsJxB,WAAU;KACV,CAAA,CACE;;GAGN,kBAAC,OAAD;IAAK,WAAU;IAAyB,aAAU;cAC/C,IACC,kBAAC,OAAD;KAAK,WAAU;eACZ,MAAM,KAAK,EAAE,QAAQ,GAAG,CAAC,CAAC,KAAK,GAAG,MACjC,kBAAC,OAAD;MAAa,WAAU;gBAAvB,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD,EAAU,WAAU,sBAAuB,CAAA,EAC3C,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,GAAD,EAAU,WAAU,aAAc,CAAA,EAClC,kBAAC,GAAD,EAAU,WAAU,aAAc,CAAA,CAC9B;UACF;UACN,kBAAC,GAAD,EAAU,WAAU,aAAc,CAAA,CAC9B;QATI,EASJ,CACN;KACE,CAAA,GACJ,GAAM,MAAM,WAAW,IACzB,kBAAC,GAAD;KACE,cAAc,EAAiB,SAAS,iBAAiB;KACzD,OAAO,EAAc,GAAG,6BAA6B,sBAAsB;KAC3E,aACE,EAAiB,SACb,EACE,GACA,kCACA,qCACD,GACD,EACE,GACA,kCACA,+CACD;KAEP,QACG,EAAiB,SAmBd,KAAA,IAlBF,kBAAC,GAAD;MACE,YAAY,EAAsB;MAClC,gBAAe;MACf,eAAe,EACb,GACA,sCACA,iDACD;gBAED,kBAAC,GAAD;OAAQ,SAAS;OAAuB,WAAU;iBAAlD,CACE,kBAAC,GAAD,EAAM,MAAM,IAAM,CAAA,EACjB,EACC,GACA,oCACA,8BACD,CACM;;MACQ,CAAA;KAGvB,CAAA,GAEF,kBAAA,GAAA,EAAA,UAAA,CAEG,MAAa,SACZ,kBAAC,OAAD;KAAK,WAAU;eACZ,GAAM,MAAM,KAAK,MAChB,kBAAC,GAAD,EAA6C,cAAa,EAAtC,EAAU,GAA4B,CAC1D;KACE,CAAA,GAEN,kBAAC,OAAD;KAAK,WAAU;eACZ,GAAM,MAAM,KAAK,MAChB,kBAAC,GAAD,EAA6C,cAAa,EAAtC,EAAU,GAA4B,CAC1D;KACE,CAAA,EAIP,KAAQ,EAAK,QAAQ,KACpB,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,KAAD,EAAA,UAAA;MACG,EAAc,GAAG,0BAA0B,UAAU;MAAC;MAAE,EAAK,MAAM;MAAQ;MAC3E,EAAc,GAAG,qBAAqB,KAAK;MAAC;MAAE,EAAK;MAAO;MAC1D,EAAK,UAAU,IAEZ,EAAc,GAAG,4BAA4B,YAAY,GADzD,EAAc,GAAG,6BAA6B,aAAa;MAE7D,EAAA,CAAA,EACH,EAAK,WACJ,kBAAC,KAAD;MAAG,WAAU;gBACV,EACC,GACA,gCACA,qDACD;MACC,CAAA,CAEF;OAEP,EAAA,CAAA;IAED,CAAA;GACF"}
+{"version":3,"file":"WorkspacesListPage.js","names":[],"sources":["../../src/pages/WorkspacesListPage.tsx"],"sourcesContent":["import { Plus, Grid3X3, List as ListIcon, Search, Mail, UserPlus } from 'lucide-react';\nimport {\n  Badge,\n  Button,\n  Input,\n  Skeleton,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n  AuroraBackground,\n  GradientText,\n  IllustratedEmptyState,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport { MoreHorizontal } from 'lucide-react';\nimport { useNavigate } from 'react-router';\nimport { useWorkspacesStore } from '../store/workspacesStore';\nimport { useMyWorkspaces } from '../hooks/useWorkspaces';\nimport { useMyPendingInvitations } from '../hooks/usePendingInvitations';\nimport { WorkspaceCard } from '../components/WorkspaceCard';\nimport { useWorkspacesContext } from '../providers/WorkspacesProvider';\nimport { useDebounce } from '@burdenoff/fe-libs/shared/hooks';\nimport { PermissionButton } from '@burdenoff/fe-libs/shared/components';\nimport { WORKSPACE_PERMISSIONS } from '../constants/permissions';\nimport { useState, useEffect } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { tWithFallback } from '../utils/i18n';\nimport { useScopedNavigation } from '../hooks/useScopedNavigation';\nimport { useWorkspacesPageView } from '../hooks/useWorkspacesPageView';\n\nexport function WorkspacesListPage() {\n  useWorkspacesPageView('workspaces.list');\n  const { t } = useI18n();\n\n  const navigate = useNavigate();\n  const { basePath = '/', currentUser, workspaceId: currentWorkspaceId } = useWorkspacesContext();\n  const { withCurrentSearch } = useScopedNavigation();\n  const { viewMode, setViewMode, workspaceFilters, setWorkspaceFilters } = useWorkspacesStore();\n\n  // Navigate to unified workspace creation page\n  const handleCreateWorkspace = () => {\n    navigate(withCurrentSearch(`${basePath}/new`));\n  };\n\n  const [searchValue, setSearchValue] = useState(workspaceFilters.search || '');\n  const debouncedSearch = useDebounce(searchValue, 500);\n\n  // Update filters when debounced search changes\n  useEffect(() => {\n    if (debouncedSearch !== workspaceFilters.search) {\n      setWorkspaceFilters({ search: debouncedSearch });\n    }\n  }, [debouncedSearch, workspaceFilters.search, setWorkspaceFilters]);\n\n  const { data: rawData, isLoading, error } = useMyWorkspaces();\n  const { data: pendingInvitations = [] } = useMyPendingInvitations(currentUser?.email);\n  const pendingInvitesCount = pendingInvitations.length;\n\n  const handleOpenPendingInvites = () => {\n    navigate(withCurrentSearch(`${basePath}/invites`));\n  };\n\n  const handleInviteMember = () => {\n    if (!currentWorkspaceId) {\n      return;\n    }\n\n    navigate(withCurrentSearch(`${basePath}/${currentWorkspaceId}/invite`));\n  };\n\n  // Client-side search filtering (myWorkspaces doesn't accept filter args)\n  const data = rawData\n    ? {\n        ...rawData,\n        items: debouncedSearch\n          ? rawData.items.filter((ws) =>\n              ws.name.toLowerCase().includes(debouncedSearch.toLowerCase())\n            )\n          : rawData.items,\n        total: debouncedSearch\n          ? rawData.items.filter((ws) =>\n              ws.name.toLowerCase().includes(debouncedSearch.toLowerCase())\n            ).length\n          : rawData.total,\n      }\n    : undefined;\n\n  const handleSearchChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    setSearchValue(e.target.value);\n  };\n\n  if (error) {\n    return (\n      <div className=\"space-y-4 sm:space-y-6 p-3 sm:p-6\">\n        <div className=\"flex flex-col items-center justify-center py-12\">\n          <p className=\"text-status-error-text text-lg font-semibold\">\n            {tWithFallback(t, 'workspacesList.loadError', 'Error loading workspaces')}\n          </p>\n          <p className=\"text-text-secondary text-sm mt-2\">\n            {error instanceof Error\n              ? error.message\n              : tWithFallback(t, 'workspacesList.unknownError', 'Unknown error')}\n          </p>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"space-y-4 sm:space-y-6 p-3 sm:p-6\">\n      {/* Header with title + actions */}\n      <div\n        className=\"relative overflow-hidden rounded-card flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3 px-3 py-3 sm:px-4 sm:py-4\"\n        data-tour=\"workspaces-list-header\"\n      >\n        <AuroraBackground intensity=\"subtle\" />\n        <div>\n          <h1 className=\"text-2xl sm:text-3xl font-bold\">\n            <GradientText>{tWithFallback(t, 'workspacesList.title', 'Workspaces')}</GradientText>\n          </h1>\n          <p className=\"text-sm sm:text-base text-text-secondary\">\n            {tWithFallback(t, 'workspacesList.description', 'Manage and organize your workspaces')}\n          </p>\n        </div>\n        <div className=\"flex items-center gap-2\" data-tour=\"workspaces-list-actions\">\n          {/* View mode toggle */}\n          <Button\n            variant={viewMode === 'grid' ? 'default' : 'outline'}\n            size=\"icon\"\n            onClick={() => setViewMode('grid')}\n            className=\"hidden sm:flex\"\n            aria-label={tWithFallback(\n              t,\n              'workspacesList.gridViewAriaLabel',\n              'Show workspaces in grid view'\n            )}\n            title={tWithFallback(t, 'workspacesList.gridViewTitle', 'Grid view')}\n          >\n            <Grid3X3 size={20} />\n          </Button>\n          <Button\n            variant={viewMode === 'list' ? 'default' : 'outline'}\n            size=\"icon\"\n            onClick={() => setViewMode('list')}\n            className=\"hidden sm:flex\"\n            aria-label={tWithFallback(\n              t,\n              'workspacesList.listViewAriaLabel',\n              'Show workspaces in list view'\n            )}\n            title={tWithFallback(t, 'workspacesList.listViewTitle', 'List view')}\n          >\n            <ListIcon size={20} />\n          </Button>\n          {/* Secondary actions collapsed into an overflow \"More\" menu */}\n          <DropdownMenu>\n            <DropdownMenuTrigger asChild>\n              <Button variant=\"outline\" size=\"icon\" aria-label=\"More actions\" className=\"relative\">\n                <MoreHorizontal size={18} />\n                {pendingInvitesCount > 0 ? (\n                  <span className=\"absolute -top-1 -right-1 flex size-2 rounded-full bg-action-primary-bg\" />\n                ) : null}\n              </Button>\n            </DropdownMenuTrigger>\n            <DropdownMenuContent align=\"end\">\n              <PermissionButton\n                permission={WORKSPACE_PERMISSIONS.MEMBER_CREATE}\n                deniedBehavior=\"disable\"\n                deniedTooltip={tWithFallback(\n                  t,\n                  'workspacesList.inviteDeniedTooltip',\n                  \"You don't have permission to invite members into the current workspace\"\n                )}\n              >\n                <DropdownMenuItem\n                  onSelect={handleInviteMember}\n                  disabled={!currentWorkspaceId}\n                  className=\"gap-2\"\n                >\n                  <UserPlus size={16} />\n                  {tWithFallback(t, 'workspacesList.inviteMemberButton', 'Invite Member')}\n                </DropdownMenuItem>\n              </PermissionButton>\n              <DropdownMenuItem onSelect={handleOpenPendingInvites} className=\"gap-2\">\n                <Mail size={16} />\n                <span className=\"flex-1\">\n                  {tWithFallback(t, 'workspacesList.pendingInvitesButton', 'Pending Invites')}\n                </span>\n                {pendingInvitesCount > 0 ? (\n                  <Badge variant=\"secondary\">{pendingInvitesCount}</Badge>\n                ) : null}\n              </DropdownMenuItem>\n            </DropdownMenuContent>\n          </DropdownMenu>\n          <PermissionButton\n            permission={WORKSPACE_PERMISSIONS.WORKSPACE_CREATE}\n            deniedBehavior=\"disable\"\n            deniedTooltip={tWithFallback(\n              t,\n              'workspacesList.createDeniedTooltip',\n              \"You don't have permission to create workspaces\"\n            )}\n          >\n            <Button\n              onClick={handleCreateWorkspace}\n              className=\"gap-2\"\n              data-tour=\"workspaces-create-button\"\n            >\n              <Plus size={20} />\n              <span className=\"hidden sm:inline\">\n                {tWithFallback(t, 'workspacesList.createButton', 'Create Workspace')}\n              </span>\n              <span className=\"sm:hidden\">\n                {tWithFallback(t, 'workspacesList.createButtonShort', 'Create')}\n              </span>\n            </Button>\n          </PermissionButton>\n        </div>\n      </div>\n\n      <PagePurpose>\n        {tWithFallback(\n          t,\n          'workspacesList.purpose',\n          'Workspaces are shared homes for a team or initiative — each one groups its own projects, members, agents and activity. Create one per team, client or product line to keep work isolated, then switch between them from the sidebar.'\n        )}\n      </PagePurpose>\n\n      {/* Search */}\n      <div className=\"relative\" data-tour=\"workspaces-search-input\">\n        <Search\n          className=\"absolute left-3 top-1/2 -translate-y-1/2 text-text-secondary\"\n          size={20}\n        />\n        <Input\n          placeholder={tWithFallback(t, 'workspacesList.searchPlaceholder', 'Search workspaces...')}\n          value={searchValue}\n          onChange={handleSearchChange}\n          className=\"pl-[3.25rem]\"\n        />\n      </div>\n\n      {/* Content */}\n      <div className=\"space-y-4 sm:space-y-6\" data-tour=\"workspaces-view-container\">\n        {isLoading ? (\n          <div className=\"grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4\">\n            {Array.from({ length: 6 }).map((_, i) => (\n              <div key={i} className=\"space-y-3 p-6 border border-border-seam rounded-lg\">\n                <div className=\"flex items-center gap-3\">\n                  <Skeleton className=\"size-12 rounded-lg\" />\n                  <div className=\"space-y-2 flex-1\">\n                    <Skeleton className=\"h-4 w-3/4\" />\n                    <Skeleton className=\"h-3 w-1/2\" />\n                  </div>\n                </div>\n                <Skeleton className=\"h-3 w-1/3\" />\n              </div>\n            ))}\n          </div>\n        ) : data?.items.length === 0 ? (\n          <IllustratedEmptyState\n            illustration={workspaceFilters.search ? 'empty-search' : 'onboarding'}\n            title={tWithFallback(t, 'workspacesList.emptyTitle', 'No workspaces found')}\n            description={\n              workspaceFilters.search\n                ? tWithFallback(\n                    t,\n                    'workspacesList.emptySearchHint',\n                    'Try adjusting your search criteria'\n                  )\n                : tWithFallback(\n                    t,\n                    'workspacesList.emptyCreateHint',\n                    'Get started by creating your first workspace'\n                  )\n            }\n            action={\n              !workspaceFilters.search ? (\n                <PermissionButton\n                  permission={WORKSPACE_PERMISSIONS.WORKSPACE_CREATE}\n                  deniedBehavior=\"disable\"\n                  deniedTooltip={tWithFallback(\n                    t,\n                    'workspacesList.createDeniedTooltip',\n                    \"You don't have permission to create workspaces\"\n                  )}\n                >\n                  <Button onClick={handleCreateWorkspace} className=\"gap-2\">\n                    <Plus size={20} />\n                    {tWithFallback(\n                      t,\n                      'workspacesList.createFirstButton',\n                      'Create Your First Workspace'\n                    )}\n                  </Button>\n                </PermissionButton>\n              ) : undefined\n            }\n          />\n        ) : (\n          <>\n            {/* View */}\n            {viewMode === 'list' ? (\n              <div className=\"space-y-3\">\n                {data?.items.map((workspace) => (\n                  <WorkspaceCard key={workspace.id} workspace={workspace} />\n                ))}\n              </div>\n            ) : (\n              <div className=\"grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4\">\n                {data?.items.map((workspace) => (\n                  <WorkspaceCard key={workspace.id} workspace={workspace} />\n                ))}\n              </div>\n            )}\n\n            {/* Pagination info */}\n            {data && data.total > 0 && (\n              <div className=\"flex items-center justify-between text-sm text-text-secondary\">\n                <p>\n                  {tWithFallback(t, 'workspacesList.showing', 'Showing')} {data.items.length}{' '}\n                  {tWithFallback(t, 'workspacesList.of', 'of')} {data.total}{' '}\n                  {data.total !== 1\n                    ? tWithFallback(t, 'workspacesList.workspaces', 'workspaces')\n                    : tWithFallback(t, 'workspacesList.workspace', 'workspace')}\n                </p>\n                {data.hasMore && (\n                  <p className=\"text-xs\">\n                    {tWithFallback(\n                      t,\n                      'workspacesList.moreAvailable',\n                      'More workspaces available - pagination coming soon'\n                    )}\n                  </p>\n                )}\n              </div>\n            )}\n          </>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/microfe-workspaces",
-  "version": "2026.731.1",
+  "version": "2026.801.1",
   "description": "Workspaces microfrontend for Burdenoff products",
   "type": "module",
   "files": [
@@ -44,7 +44,7 @@
   },
   "dependencies": {
     "@apollo/client": "^4.0.11",
-    "@burdenoff/fe-libs": "2026.625.5",
+    "@burdenoff/fe-libs": "2026.801.1",
     "@radix-ui/react-icons": "^1.3.2",
     "@tanstack/react-query": "^5.62.13",
     "axios": "^1.15.2",
@@ -56,7 +56,7 @@
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "react-hook-form": "^7.56.4",
-    "react-router-dom": "^7.1.3",
+    "react-router": "^8.3.0",
     "sonner": "^2.0.7",
     "zustand": "^5.0.3"
   },