@burdenoff/microfe-workspaces 2026.624.1 → 2026.625.1

package/dist/pages/CreateWorkspacePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreateWorkspacePage.js","names":[],"sources":["../../src/pages/CreateWorkspacePage.tsx"],"sourcesContent":["import { useEffect, useMemo } from 'react';\nimport { ArrowLeft, AlertCircle } from 'lucide-react';\nimport { Link, useNavigate } from 'react-router-dom';\nimport {\n  Button,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  Skeleton,\n} from '@burdenoff/fe-libs/ui';\nimport { useForm, z } from '@burdenoff/fe-libs/form';\nimport { AccessDenied, UpgradeInlineBanner } from '@burdenoff/fe-libs/shared/components';\nimport { useUpgradePrompt } from '@burdenoff/fe-libs/shared/hooks';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { useCreateWorkspace } from '../hooks/useWorkspaceMutations';\nimport { useMyTenants, useMyOrganizations } from '../hooks/useTenants';\nimport { useOrgsWithPermission } from '../hooks/useOrgsWithPermission';\nimport { useWorkspacesContext } from '../providers/WorkspacesProvider';\nimport { useWorkspacesPageView } from '../hooks/useWorkspacesPageView';\nimport { generateSlug } from '../utils/slug';\nimport { tWithFallback } from '../utils/i18n';\n\ntype CreateWorkspaceFormData = {\n  name: string;\n  slug: string;\n  tenantId: string;\n  organizationId: string;\n};\n\nexport function CreateWorkspacePage() {\n  useWorkspacesPageView('workspaces.create');\n  const { t } = useI18n();\n  const {\n    isFree,\n    approachingLimits,\n    plan: planSnapshot,\n  } = useUpgradePrompt({ resource: 'workspaces' });\n  const workspacesUsage = approachingLimits[0];\n  const atWorkspaceCap =\n    !!workspacesUsage &&\n    typeof workspacesUsage.limit === 'number' &&\n    workspacesUsage.current >= workspacesUsage.limit;\n  const showUpgradeBanner = isFree && !!workspacesUsage;\n  const createWorkspaceSchema = useMemo(\n    () =>\n      z.object({\n        name: z\n          .string()\n          .min(\n            2,\n            tWithFallback(\n              t,\n              'createWorkspace.validation.nameMin',\n              'Name must be at least 2 characters'\n            )\n          )\n          .max(100),\n        slug: z\n          .string()\n          .min(\n            2,\n            tWithFallback(\n              t,\n              'createWorkspace.validation.slugMin',\n              'Slug must be at least 2 characters'\n            )\n          )\n          .max(50)\n          .regex(\n            /^[a-z0-9-]+$/,\n            tWithFallback(\n              t,\n              'createWorkspace.validation.slugFormat',\n              'Slug can only contain lowercase letters, numbers, and hyphens'\n            )\n          ),\n        tenantId: z\n          .string()\n          .min(\n            1,\n            tWithFallback(t, 'createWorkspace.validation.tenantRequired', 'Please select a tenant')\n          ),\n        organizationId: z\n          .string()\n          .min(\n            1,\n            tWithFallback(\n              t,\n              'createWorkspace.validation.organizationRequired',\n              'Please select an organization'\n            )\n          ),\n      }),\n    [t]\n  );\n\n  const navigate = useNavigate();\n  const { basePath = '/' } = useWorkspacesContext();\n  const { mutate: createWorkspace, isPending } = useCreateWorkspace();\n  const { data: tenantsData, isLoading: isLoadingTenants, error: tenantsError } = useMyTenants();\n  const {\n    data: organizationsData,\n    isLoading: isLoadingOrganizations,\n    error: organizationsError,\n  } = useMyOrganizations();\n\n  const tenants = useMemo(() => tenantsData?.items ?? [], [tenantsData]);\n  const allOrganizations = useMemo(() => organizationsData?.items ?? [], [organizationsData]);\n\n  const defaultTenantId = useMemo(() => {\n    const sharedTenant = tenants.find(\n      (tenant) => tenant.type === 'SHARED' || tenant.slug === 'burdenoff-shared'\n    );\n    return sharedTenant?.id ?? tenants[0]?.id ?? '';\n  }, [tenants]);\n\n  const form = useForm<CreateWorkspaceFormData>({\n    schema: createWorkspaceSchema,\n    defaultValues: {\n      name: '',\n      slug: '',\n      tenantId: '',\n      organizationId: '',\n    },\n  });\n\n  const selectedTenantId = form.watch('tenantId');\n  const workspaceName = form.watch('name');\n\n  // Check workspace:create permission across ALL the user's orgs up front\n  // (bulk-checked in a single rbac round-trip). This is the authoritative\n  // gate — only orgs where the user can actually create a workspace make\n  // it into the dropdown, and the page can decisively render the \"no\n  // permissions anywhere\" state once the check resolves.\n  const allOrgIds = useMemo(() => allOrganizations.map((o) => o.id), [allOrganizations]);\n  const {\n    allowedIds: workspaceCreateAllowedOrgIds,\n    loading: isCheckingOrgPermissions,\n    isError: orgPermissionsHadError,\n  } = useOrgsWithPermission(allOrgIds, 'workspace', 'create');\n\n  // Filter organizations by selected tenant AND permission. When the rbac\n  // permission lookup errored we deliberately skip the permission filter\n  // (see `orgPermissionsHadError` block below) — the gateway @rbac\n  // directive on `createWorkspace` is the authoritative gate, so it's\n  // safer to let the user pick from the full tenant list and hit a 403 on\n  // submit than to lock them out of a flow they actually have access to.\n  const tenantOrganizations = useMemo(() => {\n    if (!selectedTenantId) return [];\n    return allOrganizations.filter((org) => org.tenantId === selectedTenantId);\n  }, [selectedTenantId, allOrganizations]);\n  const filteredOrganizations = useMemo(() => {\n    if (orgPermissionsHadError) return tenantOrganizations;\n    return tenantOrganizations.filter((org) => workspaceCreateAllowedOrgIds.has(org.id));\n  }, [tenantOrganizations, workspaceCreateAllowedOrgIds, orgPermissionsHadError]);\n\n  // Auto-generate slug from name (clear when name is empty)\n  useEffect(() => {\n    form.setValue('slug', workspaceName ? generateSlug(workspaceName) : '');\n  }, [workspaceName, form]);\n\n  // Reset organizationId when tenant changes\n  useEffect(() => {\n    form.setValue('organizationId', '');\n  }, [selectedTenantId, form]);\n\n  useEffect(() => {\n    if (!form.getValues('tenantId') && defaultTenantId) {\n      form.setValue('tenantId', defaultTenantId, {\n        shouldDirty: false,\n        shouldTouch: false,\n      });\n    }\n  }, [defaultTenantId, form]);\n\n  useEffect(() => {\n    const currentOrganizationId = form.getValues('organizationId');\n    const hasCurrentOrganization = filteredOrganizations.some(\n      (organization) => organization.id === currentOrganizationId\n    );\n\n    if (!hasCurrentOrganization && filteredOrganizations[0]?.id) {\n      form.setValue('organizationId', filteredOrganizations[0].id, {\n        shouldDirty: false,\n        shouldTouch: false,\n      });\n    }\n  }, [filteredOrganizations, form]);\n\n  const onSubmit = (data: CreateWorkspaceFormData) => {\n    createWorkspace(\n      {\n        name: data.name,\n        slug: data.slug,\n        tenantId: data.tenantId,\n        organizationId: data.organizationId,\n      },\n      {\n        onSuccess: (newWorkspace) => {\n          // Navigate to the new workspace\n          navigate(`${basePath}/${newWorkspace.id}`);\n        },\n      }\n    );\n  };\n\n  // `workspace:create` is an org-scoped permission. Page-level `PermissionGate`\n  // resolved at the outer shell scope and incorrectly denied users who *do*\n  // have the permission inside at least one of their orgs. The authoritative\n  // gate now lives on the org dropdown (only orgs where the user has\n  // workspace:create are listed via useOrgsWithPermission) and on the gateway\n  // @rbac directive enforcing the createWorkspace mutation. We still want a\n  // clear \"you can't create anywhere\" empty state — once tenants and org\n  // permission lookups have settled, if no org is eligible we render it.\n  // The AccessDenied empty-state should ONLY render when we know with\n  // certainty that the user has no creatable org. That requires:\n  //   1. tenants + organizations queries both succeeded (otherwise an\n  //      empty `allOrganizations` is a data-fetch failure, not an authz\n  //      failure — masking it as \"permission denied\" hides the real\n  //      error and offers the user no path to retry),\n  //   2. the rbac permission lookup also succeeded (errors there fall\n  //      through to the unfiltered form via the warning banner below),\n  //   3. and even then, only when the user has at least one org but none\n  //      of them allow workspace:create.\n  // If `allOrganizations` is empty because the user genuinely belongs to\n  // no orgs, the inner \"no organizations found for this tenant\" message\n  // is a better surface than an authz-denied page.\n  const hasAnyCreatableOrg = workspaceCreateAllowedOrgIds.size > 0;\n  const stillResolvingPermissions =\n    isLoadingTenants || isLoadingOrganizations || isCheckingOrgPermissions;\n  const orgDataLoadedSuccessfully =\n    !tenantsError && !organizationsError && allOrganizations.length > 0;\n  if (\n    !stillResolvingPermissions &&\n    !orgPermissionsHadError &&\n    orgDataLoadedSuccessfully &&\n    !hasAnyCreatableOrg\n  ) {\n    return (\n      <div className=\"p-6\">\n        <Link\n          to={`${basePath}/list`}\n          className=\"inline-flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors mb-6\"\n        >\n          <ArrowLeft size={20} />\n          {tWithFallback(t, 'createWorkspace.backToWorkspaces', 'Back to Workspaces')}\n        </Link>\n        <AccessDenied\n          variant=\"card\"\n          title={tWithFallback(t, 'createWorkspace.permissionRequiredTitle', 'Permission Required')}\n          description={tWithFallback(\n            t,\n            'createWorkspace.permissionRequiredDescription',\n            \"You don't have permission to create workspaces in any of your organizations.\"\n          )}\n          details={tWithFallback(\n            t,\n            'createWorkspace.permissionRequiredDetails',\n            'Required: workspace:create'\n          )}\n          primaryAction={{\n            label: tWithFallback(t, 'createWorkspace.goBack', 'Go Back'),\n            onClick: () => navigate(`${basePath}/list`),\n          }}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"space-y-4 sm:space-y-6 p-3 sm:p-6\">\n      {/* Back link */}\n      <Link\n        to={`${basePath}/list`}\n        className=\"inline-flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors\"\n      >\n        <ArrowLeft size={20} />\n        {tWithFallback(t, 'createWorkspace.backToWorkspaces', 'Back to Workspaces')}\n      </Link>\n\n      {showUpgradeBanner && (\n        <div className=\"max-w-2xl mx-auto w-full\">\n          <UpgradeInlineBanner\n            resource=\"workspaces\"\n            current={workspacesUsage.current}\n            limit={workspacesUsage.limit ?? undefined}\n            severity={atWorkspaceCap ? 'critical' : undefined}\n            message={\n              atWorkspaceCap\n                ? tWithFallback(\n                    t,\n                    'createWorkspace.upgradeCapMessage',\n                    `You've used all workspaces in the ${planSnapshot?.planName ?? 'free'} plan.`\n                  )\n                : tWithFallback(\n                    t,\n                    'createWorkspace.upgradeApproachingMessage',\n                    'Upgrade to create more workspaces.'\n                  )\n            }\n          />\n        </div>\n      )}\n\n      {/* Form card */}\n      <Card className=\"max-w-2xl mx-auto\">\n        <CardHeader>\n          <CardTitle>{tWithFallback(t, 'createWorkspace.title', 'Create New Workspace')}</CardTitle>\n          <CardDescription>\n            {tWithFallback(t, 'createWorkspace.subtitle', 'Set up a new workspace for your team')}\n          </CardDescription>\n        </CardHeader>\n        <CardContent>\n          {orgPermissionsHadError && (\n            <div\n              role=\"alert\"\n              className=\"mb-4 flex items-start gap-2 rounded-md border border-warning/30 bg-warning/10 p-3 text-sm text-text-primary\"\n            >\n              <AlertCircle size={16} className=\"mt-0.5 shrink-0 text-warning\" />\n              <span>\n                {tWithFallback(\n                  t,\n                  'createWorkspace.permissionCheckUnavailable',\n                  \"We couldn't verify your workspace-create permissions just now, so the organization list isn't filtered. If you submit and don't have access, the request will be rejected and you can retry.\"\n                )}\n              </span>\n            </div>\n          )}\n          <form onSubmit={form.handleSubmit(onSubmit)} className=\"space-y-6\">\n            <div className=\"space-y-2\">\n              <label htmlFor=\"workspace-name\" className=\"text-sm font-medium text-text-primary\">\n                {tWithFallback(t, 'createWorkspace.nameLabel', 'Workspace Name *')}\n              </label>\n              <input\n                id=\"workspace-name\"\n                placeholder={tWithFallback(t, 'createWorkspace.namePlaceholder', 'My Workspace')}\n                className=\"h-10 w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary\"\n                {...form.register('name')}\n              />\n              <p className=\"text-xs text-text-secondary\">\n                {tWithFallback(\n                  t,\n                  'createWorkspace.nameHint',\n                  'A descriptive name for your workspace'\n                )}\n              </p>\n              {form.formState.errors.name?.message && (\n                <p className=\"text-sm text-status-error-text\">{form.formState.errors.name.message}</p>\n              )}\n            </div>\n\n            <div className=\"space-y-2\">\n              <label htmlFor=\"workspace-slug\" className=\"text-sm font-medium text-text-primary\">\n                {tWithFallback(t, 'createWorkspace.slugLabel', 'Slug *')}\n              </label>\n              <input\n                id=\"workspace-slug\"\n                placeholder={tWithFallback(t, 'createWorkspace.slugPlaceholder', 'my-workspace')}\n                className=\"h-10 w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary\"\n                {...form.register('slug')}\n              />\n              <p className=\"text-xs text-text-secondary\">\n                {tWithFallback(\n                  t,\n                  'createWorkspace.slugHint',\n                  'URL-friendly identifier (auto-generated, but you can edit it)'\n                )}\n              </p>\n              {form.formState.errors.slug?.message && (\n                <p className=\"text-sm text-status-error-text\">{form.formState.errors.slug.message}</p>\n              )}\n            </div>\n\n            {/* Tenant picker — shown only when the user has more than one\n                tenant to choose between. With a single shared tenant there is\n                nothing to choose, so it is hidden and auto-selected. The\n                loading / error / empty branches still render (length !== 1). */}\n            {tenants.length !== 1 ? (\n              <div className=\"space-y-2\">\n                <label htmlFor=\"workspace-tenant\" className=\"text-sm font-medium text-text-primary\">\n                  {tWithFallback(t, 'createWorkspace.tenantLabel', 'Tenant *')}\n                </label>\n                {isLoadingTenants ? (\n                  <Skeleton className=\"h-10 w-full\" />\n                ) : tenantsError ? (\n                  <div className=\"flex items-center gap-2 text-sm text-status-error-text\">\n                    <AlertCircle size={16} />\n                    {tWithFallback(\n                      t,\n                      'createWorkspace.failedToLoadTenants',\n                      'Failed to load tenants'\n                    )}\n                  </div>\n                ) : tenants.length === 0 ? (\n                  <div className=\"text-sm text-text-secondary\">\n                    {tWithFallback(\n                      t,\n                      'createWorkspace.noTenantsAvailable',\n                      'No tenants available. Contact your administrator.'\n                    )}\n                  </div>\n                ) : (\n                  <select\n                    id=\"workspace-tenant\"\n                    className=\"h-10 w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary\"\n                    {...form.register('tenantId')}\n                  >\n                    <option value=\"\">\n                      {tWithFallback(\n                        t,\n                        'createWorkspace.selectTenantPlaceholder',\n                        'Select a tenant'\n                      )}\n                    </option>\n                    {tenants.map((tenant) => (\n                      <option key={tenant.id} value={tenant.id}>\n                        {tenant.name}\n                      </option>\n                    ))}\n                  </select>\n                )}\n                <p className=\"text-xs text-text-secondary\">\n                  {tWithFallback(\n                    t,\n                    'createWorkspace.tenantHint',\n                    'Select which tenant this workspace belongs to'\n                  )}\n                </p>\n                {form.formState.errors.tenantId?.message && (\n                  <p className=\"text-sm text-status-error-text\">\n                    {form.formState.errors.tenantId.message}\n                  </p>\n                )}\n              </div>\n            ) : null}\n\n            <div className=\"space-y-2\">\n              <label\n                htmlFor=\"workspace-organization\"\n                className=\"text-sm font-medium text-text-primary\"\n              >\n                {tWithFallback(t, 'createWorkspace.organizationLabel', 'Organization *')}\n              </label>\n              {isLoadingOrganizations || isCheckingOrgPermissions ? (\n                // While the permission check is in flight,\n                // `workspaceCreateAllowedOrgIds` is empty so\n                // `filteredOrganizations` is also empty. Render the same\n                // skeleton we use for the org-load itself instead of the\n                // \"no organizations found\" empty-state — otherwise a slow\n                // rbac response briefly looks like an authorization\n                // failure for users who DO have workspace:create.\n                <Skeleton className=\"h-10 w-full\" />\n              ) : organizationsError ? (\n                <div className=\"flex items-center gap-2 text-sm text-status-error-text\">\n                  <AlertCircle size={16} />\n                  {tWithFallback(\n                    t,\n                    'createWorkspace.failedToLoadOrganizations',\n                    'Failed to load organizations'\n                  )}\n                </div>\n              ) : !selectedTenantId ? (\n                <div className=\"text-sm text-text-secondary\">\n                  {tWithFallback(\n                    t,\n                    'createWorkspace.selectTenantFirst',\n                    'Please select a tenant first'\n                  )}\n                </div>\n              ) : filteredOrganizations.length === 0 ? (\n                <div className=\"text-sm text-text-secondary\">\n                  {tWithFallback(\n                    t,\n                    'createWorkspace.noOrganizationsFound',\n                    'No organizations found for this tenant'\n                  )}\n                </div>\n              ) : (\n                <select\n                  id=\"workspace-organization\"\n                  className=\"h-10 w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary\"\n                  disabled={!selectedTenantId}\n                  {...form.register('organizationId')}\n                >\n                  <option value=\"\">\n                    {tWithFallback(\n                      t,\n                      'createWorkspace.selectOrganizationPlaceholder',\n                      'Select an organization'\n                    )}\n                  </option>\n                  {filteredOrganizations.map((org) => (\n                    <option key={org.id} value={org.id}>\n                      {org.name}\n                    </option>\n                  ))}\n                </select>\n              )}\n              <p className=\"text-xs text-text-secondary\">\n                {tWithFallback(\n                  t,\n                  'createWorkspace.organizationHint',\n                  'Select which organization owns this workspace'\n                )}\n              </p>\n              {form.formState.errors.organizationId?.message && (\n                <p className=\"text-sm text-status-error-text\">\n                  {form.formState.errors.organizationId.message}\n                </p>\n              )}\n            </div>\n\n            <div className=\"flex justify-end gap-3 pt-4\">\n              <Button\n                type=\"button\"\n                variant=\"outline\"\n                onClick={() => navigate(`${basePath}/list`)}\n                disabled={isPending}\n              >\n                {tWithFallback(t, 'createWorkspace.cancel', 'Cancel')}\n              </Button>\n              <Button\n                type=\"submit\"\n                disabled={\n                  isPending ||\n                  isLoadingTenants ||\n                  isLoadingOrganizations ||\n                  isCheckingOrgPermissions ||\n                  atWorkspaceCap\n                }\n                title={\n                  atWorkspaceCap\n                    ? tWithFallback(\n                        t,\n                        'createWorkspace.disabledAtCap',\n                        'Workspace limit reached — upgrade your plan to create more.'\n                      )\n                    : undefined\n                }\n              >\n                {isPending\n                  ? tWithFallback(t, 'createWorkspace.creating', 'Creating...')\n                  : tWithFallback(t, 'createWorkspace.submit', 'Create Workspace')}\n              </Button>\n            </div>\n          </form>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"CreateWorkspacePage.js","names":[],"sources":["../../src/pages/CreateWorkspacePage.tsx"],"sourcesContent":["import { useEffect, useMemo } from 'react';\nimport { ArrowLeft, AlertCircle } from 'lucide-react';\nimport { Link, useNavigate } from 'react-router-dom';\nimport {\n  Button,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  Skeleton,\n} from '@burdenoff/fe-libs/ui';\nimport { useForm, z } from '@burdenoff/fe-libs/form';\nimport { AccessDenied, UpgradeInlineBanner } from '@burdenoff/fe-libs/shared/components';\nimport { useUpgradePrompt } from '@burdenoff/fe-libs/shared/hooks';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { useCreateWorkspace } from '../hooks/useWorkspaceMutations';\nimport { useMyTenants, useMyOrganizations } from '../hooks/useTenants';\nimport { useOrgsWithPermission } from '../hooks/useOrgsWithPermission';\nimport { useWorkspacesContext } from '../providers/WorkspacesProvider';\nimport { useWorkspacesPageView } from '../hooks/useWorkspacesPageView';\nimport { generateSlug } from '../utils/slug';\nimport { tWithFallback } from '../utils/i18n';\n\ntype CreateWorkspaceFormData = {\n  name: string;\n  slug: string;\n  tenantId: string;\n  organizationId: string;\n};\n\nexport function CreateWorkspacePage() {\n  useWorkspacesPageView('workspaces.create');\n  const { t } = useI18n();\n  const {\n    isFree,\n    approachingLimits,\n    plan: planSnapshot,\n  } = useUpgradePrompt({ resource: 'workspaces' });\n  const workspacesUsage = approachingLimits[0];\n  const atWorkspaceCap =\n    !!workspacesUsage &&\n    typeof workspacesUsage.limit === 'number' &&\n    workspacesUsage.current >= workspacesUsage.limit;\n  const showUpgradeBanner = isFree && !!workspacesUsage;\n  const createWorkspaceSchema = useMemo(\n    () =>\n      z.object({\n        name: z\n          .string()\n          .min(\n            2,\n            tWithFallback(\n              t,\n              'createWorkspace.validation.nameMin',\n              'Name must be at least 2 characters'\n            )\n          )\n          .max(100),\n        slug: z\n          .string()\n          .min(\n            2,\n            tWithFallback(\n              t,\n              'createWorkspace.validation.slugMin',\n              'Slug must be at least 2 characters'\n            )\n          )\n          .max(50)\n          .regex(\n            /^[a-z0-9-]+$/,\n            tWithFallback(\n              t,\n              'createWorkspace.validation.slugFormat',\n              'Slug can only contain lowercase letters, numbers, and hyphens'\n            )\n          ),\n        tenantId: z\n          .string()\n          .min(\n            1,\n            tWithFallback(t, 'createWorkspace.validation.tenantRequired', 'Please select a tenant')\n          ),\n        organizationId: z\n          .string()\n          .min(\n            1,\n            tWithFallback(\n              t,\n              'createWorkspace.validation.organizationRequired',\n              'Please select an organization'\n            )\n          ),\n      }),\n    [t]\n  );\n\n  const navigate = useNavigate();\n  const { basePath = '/' } = useWorkspacesContext();\n  const { mutate: createWorkspace, isPending } = useCreateWorkspace();\n  const { data: tenantsData, isLoading: isLoadingTenants, error: tenantsError } = useMyTenants();\n  const {\n    data: organizationsData,\n    isLoading: isLoadingOrganizations,\n    error: organizationsError,\n  } = useMyOrganizations();\n\n  const tenants = useMemo(() => tenantsData?.items ?? [], [tenantsData]);\n  const allOrganizations = useMemo(() => organizationsData?.items ?? [], [organizationsData]);\n\n  const defaultTenantId = useMemo(() => {\n    const sharedTenant = tenants.find(\n      (tenant) => tenant.type === 'SHARED' || tenant.slug === 'burdenoff-shared'\n    );\n    return sharedTenant?.id ?? tenants[0]?.id ?? '';\n  }, [tenants]);\n\n  const form = useForm<CreateWorkspaceFormData>({\n    schema: createWorkspaceSchema,\n    defaultValues: {\n      name: '',\n      slug: '',\n      tenantId: '',\n      organizationId: '',\n    },\n  });\n\n  const selectedTenantId = form.watch('tenantId');\n  const workspaceName = form.watch('name');\n\n  // Check workspace:create permission across ALL the user's orgs up front\n  // (bulk-checked in a single rbac round-trip). This is the authoritative\n  // gate — only orgs where the user can actually create a workspace make\n  // it into the dropdown, and the page can decisively render the \"no\n  // permissions anywhere\" state once the check resolves.\n  const allOrgIds = useMemo(() => allOrganizations.map((o) => o.id), [allOrganizations]);\n  const {\n    allowedIds: workspaceCreateAllowedOrgIds,\n    loading: isCheckingOrgPermissions,\n    isError: orgPermissionsHadError,\n  } = useOrgsWithPermission(allOrgIds, 'workspace', 'create');\n\n  // Filter organizations by selected tenant AND permission. When the rbac\n  // permission lookup errored we deliberately skip the permission filter\n  // (see `orgPermissionsHadError` block below) — the gateway @rbac\n  // directive on `createWorkspace` is the authoritative gate, so it's\n  // safer to let the user pick from the full tenant list and hit a 403 on\n  // submit than to lock them out of a flow they actually have access to.\n  const tenantOrganizations = useMemo(() => {\n    if (!selectedTenantId) return [];\n    return allOrganizations.filter((org) => org.tenantId === selectedTenantId);\n  }, [selectedTenantId, allOrganizations]);\n  const filteredOrganizations = useMemo(() => {\n    if (orgPermissionsHadError) return tenantOrganizations;\n    return tenantOrganizations.filter((org) => workspaceCreateAllowedOrgIds.has(org.id));\n  }, [tenantOrganizations, workspaceCreateAllowedOrgIds, orgPermissionsHadError]);\n\n  // Auto-generate slug from name (clear when name is empty)\n  useEffect(() => {\n    form.setValue('slug', workspaceName ? generateSlug(workspaceName) : '');\n  }, [workspaceName, form]);\n\n  // Reset organizationId when tenant changes\n  useEffect(() => {\n    form.setValue('organizationId', '');\n  }, [selectedTenantId, form]);\n\n  useEffect(() => {\n    if (!form.getValues('tenantId') && defaultTenantId) {\n      form.setValue('tenantId', defaultTenantId, {\n        shouldDirty: false,\n        shouldTouch: false,\n      });\n    }\n  }, [defaultTenantId, form]);\n\n  useEffect(() => {\n    const currentOrganizationId = form.getValues('organizationId');\n    const hasCurrentOrganization = filteredOrganizations.some(\n      (organization) => organization.id === currentOrganizationId\n    );\n\n    if (!hasCurrentOrganization && filteredOrganizations[0]?.id) {\n      form.setValue('organizationId', filteredOrganizations[0].id, {\n        shouldDirty: false,\n        shouldTouch: false,\n      });\n    }\n  }, [filteredOrganizations, form]);\n\n  const onSubmit = (data: CreateWorkspaceFormData) => {\n    createWorkspace(\n      {\n        name: data.name,\n        slug: data.slug,\n        tenantId: data.tenantId,\n        organizationId: data.organizationId,\n      },\n      {\n        onSuccess: (newWorkspace) => {\n          // Navigate to the new workspace\n          navigate(`${basePath}/${newWorkspace.id}`);\n        },\n      }\n    );\n  };\n\n  // `workspace:create` is an org-scoped permission. Page-level `PermissionGate`\n  // resolved at the outer shell scope and incorrectly denied users who *do*\n  // have the permission inside at least one of their orgs. The authoritative\n  // gate now lives on the org dropdown (only orgs where the user has\n  // workspace:create are listed via useOrgsWithPermission) and on the gateway\n  // @rbac directive enforcing the createWorkspace mutation. We still want a\n  // clear \"you can't create anywhere\" empty state — once tenants and org\n  // permission lookups have settled, if no org is eligible we render it.\n  // The AccessDenied empty-state should ONLY render when we know with\n  // certainty that the user has no creatable org. That requires:\n  //   1. tenants + organizations queries both succeeded (otherwise an\n  //      empty `allOrganizations` is a data-fetch failure, not an authz\n  //      failure — masking it as \"permission denied\" hides the real\n  //      error and offers the user no path to retry),\n  //   2. the rbac permission lookup also succeeded (errors there fall\n  //      through to the unfiltered form via the warning banner below),\n  //   3. and even then, only when the user has at least one org but none\n  //      of them allow workspace:create.\n  // If `allOrganizations` is empty because the user genuinely belongs to\n  // no orgs, the inner \"no organizations found for this tenant\" message\n  // is a better surface than an authz-denied page.\n  const hasAnyCreatableOrg = workspaceCreateAllowedOrgIds.size > 0;\n  const stillResolvingPermissions =\n    isLoadingTenants || isLoadingOrganizations || isCheckingOrgPermissions;\n  const orgDataLoadedSuccessfully =\n    !tenantsError && !organizationsError && allOrganizations.length > 0;\n  if (\n    !stillResolvingPermissions &&\n    !orgPermissionsHadError &&\n    orgDataLoadedSuccessfully &&\n    !hasAnyCreatableOrg\n  ) {\n    return (\n      <div className=\"p-6\">\n        <Link\n          to={`${basePath}/list`}\n          className=\"inline-flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors mb-6\"\n        >\n          <ArrowLeft size={20} />\n          {tWithFallback(t, 'createWorkspace.backToWorkspaces', 'Back to Workspaces')}\n        </Link>\n        <AccessDenied\n          variant=\"card\"\n          title={tWithFallback(t, 'createWorkspace.permissionRequiredTitle', 'Permission Required')}\n          description={tWithFallback(\n            t,\n            'createWorkspace.permissionRequiredDescription',\n            \"You don't have permission to create workspaces in any of your organizations.\"\n          )}\n          details={tWithFallback(\n            t,\n            'createWorkspace.permissionRequiredDetails',\n            'Required: workspace:create'\n          )}\n          primaryAction={{\n            label: tWithFallback(t, 'createWorkspace.goBack', 'Go Back'),\n            onClick: () => navigate(`${basePath}/list`),\n          }}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"space-y-4 sm:space-y-6 p-3 sm:p-6\">\n      {/* Back link */}\n      <Link\n        to={`${basePath}/list`}\n        className=\"inline-flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors\"\n      >\n        <ArrowLeft size={20} />\n        {tWithFallback(t, 'createWorkspace.backToWorkspaces', 'Back to Workspaces')}\n      </Link>\n\n      {showUpgradeBanner && (\n        <div className=\"max-w-2xl mx-auto w-full\">\n          <UpgradeInlineBanner\n            resource=\"workspaces\"\n            current={workspacesUsage.current}\n            limit={workspacesUsage.limit ?? undefined}\n            severity={atWorkspaceCap ? 'critical' : undefined}\n            message={\n              atWorkspaceCap\n                ? tWithFallback(\n                    t,\n                    'createWorkspace.upgradeCapMessage',\n                    `You've used all workspaces in the ${planSnapshot?.planName ?? 'free'} plan.`\n                  )\n                : tWithFallback(\n                    t,\n                    'createWorkspace.upgradeApproachingMessage',\n                    'Upgrade to create more workspaces.'\n                  )\n            }\n          />\n        </div>\n      )}\n\n      {/* Form card */}\n      <Card className=\"max-w-2xl mx-auto\">\n        <CardHeader>\n          <CardTitle>{tWithFallback(t, 'createWorkspace.title', 'Create New Workspace')}</CardTitle>\n          <CardDescription>\n            {tWithFallback(t, 'createWorkspace.subtitle', 'Set up a new workspace for your team')}\n          </CardDescription>\n        </CardHeader>\n        <CardContent>\n          {orgPermissionsHadError && (\n            <div\n              role=\"alert\"\n              className=\"mb-4 flex items-start gap-2 rounded-md border border-warning/30 bg-warning/10 p-3 text-sm text-text-primary\"\n            >\n              <AlertCircle size={16} className=\"mt-0.5 shrink-0 text-warning\" />\n              <span>\n                {tWithFallback(\n                  t,\n                  'createWorkspace.permissionCheckUnavailable',\n                  \"We couldn't verify your workspace-create permissions just now, so the organization list isn't filtered. If you submit and don't have access, the request will be rejected and you can retry.\"\n                )}\n              </span>\n            </div>\n          )}\n          <form onSubmit={form.handleSubmit(onSubmit)} className=\"space-y-6\">\n            <div className=\"space-y-2\">\n              <label htmlFor=\"workspace-name\" className=\"text-sm font-medium text-text-primary\">\n                {tWithFallback(t, 'createWorkspace.nameLabel', 'Workspace Name *')}\n              </label>\n              <input\n                id=\"workspace-name\"\n                placeholder={tWithFallback(t, 'createWorkspace.namePlaceholder', 'My Workspace')}\n                className=\"h-10 w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary\"\n                {...form.register('name')}\n              />\n              <p className=\"text-xs text-text-secondary\">\n                {tWithFallback(\n                  t,\n                  'createWorkspace.nameHint',\n                  'A descriptive name for your workspace'\n                )}\n              </p>\n              {form.formState.errors.name?.message && (\n                <p className=\"text-sm text-status-error-text\">\n                  {form.formState.errors.name.message}\n                </p>\n              )}\n            </div>\n\n            <div className=\"space-y-2\">\n              <label htmlFor=\"workspace-slug\" className=\"text-sm font-medium text-text-primary\">\n                {tWithFallback(t, 'createWorkspace.slugLabel', 'Slug *')}\n              </label>\n              <input\n                id=\"workspace-slug\"\n                placeholder={tWithFallback(t, 'createWorkspace.slugPlaceholder', 'my-workspace')}\n                className=\"h-10 w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary\"\n                {...form.register('slug')}\n              />\n              <p className=\"text-xs text-text-secondary\">\n                {tWithFallback(\n                  t,\n                  'createWorkspace.slugHint',\n                  'URL-friendly identifier (auto-generated, but you can edit it)'\n                )}\n              </p>\n              {form.formState.errors.slug?.message && (\n                <p className=\"text-sm text-status-error-text\">\n                  {form.formState.errors.slug.message}\n                </p>\n              )}\n            </div>\n\n            {/* Tenant picker — shown only when the user has more than one\n                tenant to choose between. With a single shared tenant there is\n                nothing to choose, so it is hidden and auto-selected. The\n                loading / error / empty branches still render (length !== 1). */}\n            {tenants.length !== 1 ? (\n              <div className=\"space-y-2\">\n                <label htmlFor=\"workspace-tenant\" className=\"text-sm font-medium text-text-primary\">\n                  {tWithFallback(t, 'createWorkspace.tenantLabel', 'Tenant *')}\n                </label>\n                {isLoadingTenants ? (\n                  <Skeleton className=\"h-10 w-full\" />\n                ) : tenantsError ? (\n                  <div className=\"flex items-center gap-2 text-sm text-status-error-text\">\n                    <AlertCircle size={16} />\n                    {tWithFallback(\n                      t,\n                      'createWorkspace.failedToLoadTenants',\n                      'Failed to load tenants'\n                    )}\n                  </div>\n                ) : tenants.length === 0 ? (\n                  <div className=\"text-sm text-text-secondary\">\n                    {tWithFallback(\n                      t,\n                      'createWorkspace.noTenantsAvailable',\n                      'No tenants available. Contact your administrator.'\n                    )}\n                  </div>\n                ) : (\n                  <select\n                    id=\"workspace-tenant\"\n                    className=\"h-10 w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary\"\n                    {...form.register('tenantId')}\n                  >\n                    <option value=\"\">\n                      {tWithFallback(\n                        t,\n                        'createWorkspace.selectTenantPlaceholder',\n                        'Select a tenant'\n                      )}\n                    </option>\n                    {tenants.map((tenant) => (\n                      <option key={tenant.id} value={tenant.id}>\n                        {tenant.name}\n                      </option>\n                    ))}\n                  </select>\n                )}\n                <p className=\"text-xs text-text-secondary\">\n                  {tWithFallback(\n                    t,\n                    'createWorkspace.tenantHint',\n                    'Select which tenant this workspace belongs to'\n                  )}\n                </p>\n                {form.formState.errors.tenantId?.message && (\n                  <p className=\"text-sm text-status-error-text\">\n                    {form.formState.errors.tenantId.message}\n                  </p>\n                )}\n              </div>\n            ) : null}\n\n            <div className=\"space-y-2\">\n              <label\n                htmlFor=\"workspace-organization\"\n                className=\"text-sm font-medium text-text-primary\"\n              >\n                {tWithFallback(t, 'createWorkspace.organizationLabel', 'Organization *')}\n              </label>\n              {isLoadingOrganizations || isCheckingOrgPermissions ? (\n                // While the permission check is in flight,\n                // `workspaceCreateAllowedOrgIds` is empty so\n                // `filteredOrganizations` is also empty. Render the same\n                // skeleton we use for the org-load itself instead of the\n                // \"no organizations found\" empty-state — otherwise a slow\n                // rbac response briefly looks like an authorization\n                // failure for users who DO have workspace:create.\n                <Skeleton className=\"h-10 w-full\" />\n              ) : organizationsError ? (\n                <div className=\"flex items-center gap-2 text-sm text-status-error-text\">\n                  <AlertCircle size={16} />\n                  {tWithFallback(\n                    t,\n                    'createWorkspace.failedToLoadOrganizations',\n                    'Failed to load organizations'\n                  )}\n                </div>\n              ) : !selectedTenantId ? (\n                <div className=\"text-sm text-text-secondary\">\n                  {tWithFallback(\n                    t,\n                    'createWorkspace.selectTenantFirst',\n                    'Please select a tenant first'\n                  )}\n                </div>\n              ) : filteredOrganizations.length === 0 ? (\n                <div className=\"text-sm text-text-secondary\">\n                  {tWithFallback(\n                    t,\n                    'createWorkspace.noOrganizationsFound',\n                    'No organizations found for this tenant'\n                  )}\n                </div>\n              ) : (\n                <select\n                  id=\"workspace-organization\"\n                  className=\"h-10 w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary\"\n                  disabled={!selectedTenantId}\n                  {...form.register('organizationId')}\n                >\n                  <option value=\"\">\n                    {tWithFallback(\n                      t,\n                      'createWorkspace.selectOrganizationPlaceholder',\n                      'Select an organization'\n                    )}\n                  </option>\n                  {filteredOrganizations.map((org) => (\n                    <option key={org.id} value={org.id}>\n                      {org.name}\n                    </option>\n                  ))}\n                </select>\n              )}\n              <p className=\"text-xs text-text-secondary\">\n                {tWithFallback(\n                  t,\n                  'createWorkspace.organizationHint',\n                  'Select which organization owns this workspace'\n                )}\n              </p>\n              {form.formState.errors.organizationId?.message && (\n                <p className=\"text-sm text-status-error-text\">\n                  {form.formState.errors.organizationId.message}\n                </p>\n              )}\n            </div>\n\n            <div className=\"flex justify-end gap-3 pt-4\">\n              <Button\n                type=\"button\"\n                variant=\"outline\"\n                onClick={() => navigate(`${basePath}/list`)}\n                disabled={isPending}\n              >\n                {tWithFallback(t, 'createWorkspace.cancel', 'Cancel')}\n              </Button>\n              <Button\n                type=\"submit\"\n                disabled={\n                  isPending ||\n                  isLoadingTenants ||\n                  isLoadingOrganizations ||\n                  isCheckingOrgPermissions ||\n                  atWorkspaceCap\n                }\n                title={\n                  atWorkspaceCap\n                    ? tWithFallback(\n                        t,\n                        'createWorkspace.disabledAtCap',\n                        'Workspace limit reached — upgrade your plan to create more.'\n                      )\n                    : undefined\n                }\n              >\n                {isPending\n                  ? tWithFallback(t, 'createWorkspace.creating', 'Creating...')\n                  : tWithFallback(t, 'createWorkspace.submit', 'Create Workspace')}\n              </Button>\n            </div>\n          </form>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/pages/MembersListPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"MembersListPage.js","names":[],"sources":["../../src/pages/MembersListPage.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport { useNavigate, useParams, useSearchParams } from 'react-router-dom';\nimport { Users, UserPlus, Search, AlertCircle, RefreshCw } from 'lucide-react';\nimport { Button, Input, Skeleton, Badge, PageContainer } from '@burdenoff/fe-libs/ui';\nimport { useDebounce } from '@burdenoff/fe-libs/shared/hooks';\nimport { useActorProfiles, type ActorInput, type ActorProfileMap } from '@burdenoff/fe-libs/shared';\nimport { nativeConfirm, nativeImpact } from '../utils/nativeBridge';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { tWithFallback } from '../utils/i18n';\nimport { PermissionButton } from '@burdenoff/fe-libs/shared/components';\nimport { WORKSPACE_PERMISSIONS } from '../constants/permissions';\nimport { useWorkspacePermissions } from '../hooks/useWorkspacePermissions';\nimport { useWorkspacesStore } from '../store/workspacesStore';\nimport { useWorkspaceMembers, useWorkspaceInvitations } from '../hooks/useWorkspaceMembers';\nimport { useRemoveUserFromWorkspace, useResendInvitation } from '../hooks/useMemberMutations';\nimport { useWorkspacesContext } from '../providers/WorkspacesProvider';\nimport { useWorkspacesPageView } from '../hooks/useWorkspacesPageView';\nimport { MemberListItem } from '../components/MemberListItem';\nimport { useScopedNavigation } from '../hooks/useScopedNavigation';\n\nexport function MembersListPage() {\n  const { t } = useI18n();\n\n  const {\n    memberFilters,\n    setMemberFilters,\n    selectedMemberIds,\n    toggleMemberSelection,\n    clearMemberSelection,\n  } = useWorkspacesStore();\n  const navigate = useNavigate();\n  const { workspaceId: contextWorkspaceId } = useWorkspacesContext();\n  const { basePath = '/workspaces' } = useWorkspacesContext();\n  const { withCurrentSearch } = useScopedNavigation();\n  const { workspaceId: urlWorkspaceId } = useParams<{ workspaceId: string }>();\n\n  // Prefer URL workspaceId over context (user navigated to specific workspace)\n  const workspaceId = urlWorkspaceId || contextWorkspaceId;\n\n  useWorkspacesPageView('workspaces.members', { workspaceId, requireParams: true });\n\n  const [searchValue, setSearchValue] = useState(memberFilters.search || '');\n  const debouncedSearch = useDebounce(searchValue, 500);\n\n  // Update filters when debounced search changes\n  useEffect(() => {\n    setMemberFilters({ search: debouncedSearch });\n  }, [debouncedSearch, setMemberFilters]);\n\n  // Fetch members and invitations\n  const {\n    data: membersData,\n    isLoading: isLoadingMembers,\n    error: membersError,\n  } = useWorkspaceMembers(workspaceId || '');\n\n  const { data: invitationsData, isLoading: isLoadingInvitations } = useWorkspaceInvitations(\n    workspaceId || '',\n    'PENDING'\n  );\n\n  const { mutate: resendInvitation, isPending: isResending } = useResendInvitation();\n  const { mutate: removeUserFromWorkspace, isPending: isRemovingMembers } =\n    useRemoveUserFromWorkspace();\n  const [resendingId, setResendingId] = useState<string | null>(null);\n  const [selectedInvitationIds, setSelectedInvitationIds] = useState<Set<string>>(new Set());\n\n  const handleResendInvitation = (invitationId: string) => {\n    setResendingId(invitationId);\n    resendInvitation(invitationId, {\n      onSuccess: () => {\n        setResendingId(null);\n      },\n      onError: (error) => {\n        console.error('Failed to resend invitation:', error);\n        setResendingId(null);\n      },\n    });\n  };\n\n  const members = useMemo(() => membersData?.items || [], [membersData?.items]);\n  const pendingInvitations = useMemo(() => invitationsData?.items || [], [invitationsData?.items]);\n  const isLoading = isLoadingMembers || isLoadingInvitations;\n  const hasMembers = members.length > 0;\n  const hasPendingInvitations = pendingInvitations.length > 0;\n\n  // Resolve every member's userId to displayName + email via the shared\n  // ActorProfile cache so search can match human-friendly fields instead of\n  // raw UUIDs.\n  const { apiGatewayUrl, authToken, organizationId } = useWorkspacesContext();\n  const memberActors = useMemo<ActorInput[]>(\n    () => members.map((m) => ({ actorId: m.userId, actorType: 'user' })),\n    [members]\n  );\n  const profileMap: ActorProfileMap = useActorProfiles(memberActors, {\n    apiGatewayUrl,\n    authToken,\n    orgId: organizationId,\n    workspaceId,\n  });\n\n  // Filter members by resolved identity (displayName, email) — fall back to\n  // raw userId only if the profile hasn't resolved yet so search still works\n  // during the brief loading window.\n  const filteredMembers = members.filter((member) => {\n    if (!debouncedSearch) return true;\n    const needle = debouncedSearch.toLowerCase();\n\n    // Primary: the shared ActorProfile cache — canonical, works for every\n    // member regardless of how they joined.\n    const profile = profileMap[member.userId];\n    if (profile) {\n      if (profile.displayName.toLowerCase().includes(needle)) return true;\n      if (profile.email?.toLowerCase().includes(needle)) return true;\n    }\n\n    // Fallback: the denormalized identity surfaced by the backend through\n    // `WorkspaceMember.context.metadata` (populated from\n    // `WorkspaceMember.email` for members who joined via invitation — PR #66).\n    // Available synchronously, so search still matches during the brief window\n    // before the ActorProfile lookup resolves.\n    //\n    // The metadata field is typed `Record<string, unknown>`, so we MUST guard\n    // every read with `typeof === 'string'`. A non-string value (e.g. a number,\n    // null, or a nested object accidentally surfaced by a future backend\n    // mapper) would otherwise crash the page on `.toLowerCase()`. Reviewed:\n    // PR #24 codex (P2).\n    const meta = member.context?.metadata;\n    const metaEmail = typeof meta?.email === 'string' ? meta.email : '';\n    const metaDisplayRaw =\n      typeof meta?.displayName === 'string'\n        ? meta.displayName\n        : typeof meta?.name === 'string'\n          ? meta.name\n          : '';\n    if (metaEmail.toLowerCase().includes(needle)) return true;\n    if (metaDisplayRaw.toLowerCase().includes(needle)) return true;\n\n    // Last resort: raw userId — keeps the previous behaviour for members with\n    // neither a resolved profile nor a denormalized identity yet.\n    return member.userId.toLowerCase().includes(needle);\n  });\n\n  const selectedMembers = useMemo(\n    () => filteredMembers.filter((member) => selectedMemberIds.has(member.id)),\n    [filteredMembers, selectedMemberIds]\n  );\n\n  const selectedInvitations = useMemo(\n    () => pendingInvitations.filter((invitation) => selectedInvitationIds.has(invitation.id)),\n    [pendingInvitations, selectedInvitationIds]\n  );\n\n  const allVisibleMembersSelected =\n    filteredMembers.length > 0 &&\n    filteredMembers.every((member) => selectedMemberIds.has(member.id));\n  const partiallySelectedMembers =\n    filteredMembers.some((member) => selectedMemberIds.has(member.id)) &&\n    !allVisibleMembersSelected;\n\n  const allVisibleInvitationsSelected =\n    pendingInvitations.length > 0 &&\n    pendingInvitations.every((invitation) => selectedInvitationIds.has(invitation.id));\n  const partiallySelectedInvitations =\n    pendingInvitations.some((invitation) => selectedInvitationIds.has(invitation.id)) &&\n    !allVisibleInvitationsSelected;\n\n  // Clear selection on unmount\n  useEffect(() => {\n    return () => clearMemberSelection();\n  }, [clearMemberSelection]);\n\n  // Redirect to the canonical workspace invite page when arriving through\n  // older members deep links that used ?invite=true.\n  const [searchParams, setSearchParams] = useSearchParams();\n  useEffect(() => {\n    if (searchParams.get('invite') === 'true' && workspaceId) {\n      const next = new URLSearchParams(searchParams);\n      next.delete('invite');\n      setSearchParams(next, { replace: true });\n      navigate(withCurrentSearch(`${basePath}/${workspaceId}/invite`), { replace: true });\n    }\n  }, [searchParams, setSearchParams, workspaceId, navigate, withCurrentSearch, basePath]);\n\n  const {\n    canListMembers,\n    canInviteMember,\n    canRemoveMember,\n    isLoading: permissionsLoading,\n  } = useWorkspacePermissions();\n\n  if (permissionsLoading) {\n    return (\n      <div className=\"space-y-4 p-6\">\n        <Skeleton className=\"h-10 w-1/3\" />\n        <Skeleton className=\"h-64\" />\n      </div>\n    );\n  }\n\n  if (!canListMembers && !canInviteMember) {\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, 'membersList.accessDenied', 'Access Denied')}\n          </h2>\n          <p className=\"text-sm text-text-secondary\">\n            {tWithFallback(\n              t,\n              'membersList.noPermissionToViewMembers',\n              \"You don't have permission to view workspace members.\"\n            )}\n          </p>\n        </div>\n      </div>\n    );\n  }\n\n  const handleInviteMember = () => {\n    if (workspaceId) {\n      navigate(withCurrentSearch(`${basePath}/${workspaceId}/invite`));\n    }\n  };\n\n  const toggleAllMembers = (checked: boolean) => {\n    filteredMembers.forEach((member) => {\n      const isSelected = selectedMemberIds.has(member.id);\n      if (checked !== isSelected) {\n        toggleMemberSelection(member.id);\n      }\n    });\n  };\n\n  const toggleInvitationSelection = (invitationId: string, checked: boolean) => {\n    setSelectedInvitationIds((prev) => {\n      const next = new Set(prev);\n      if (checked) {\n        next.add(invitationId);\n      } else {\n        next.delete(invitationId);\n      }\n      return next;\n    });\n  };\n\n  const toggleAllInvitations = (checked: boolean) => {\n    setSelectedInvitationIds((prev) => {\n      const next = new Set(prev);\n      pendingInvitations.forEach((invitation) => {\n        if (checked) {\n          next.add(invitation.id);\n        } else {\n          next.delete(invitation.id);\n        }\n      });\n      return next;\n    });\n  };\n\n  const handleBulkRemoveMembers = async () => {\n    if (selectedMembers.length === 0) return;\n    void nativeImpact('medium');\n    const message = `${tWithFallback(t, 'membersList.bulkRemoveConfirmPrefix', 'Remove')} ${selectedMembers.length} ${\n      selectedMembers.length === 1\n        ? tWithFallback(t, 'membersList.bulkRemoveConfirmSingular', 'selected member')\n        : tWithFallback(t, 'membersList.bulkRemoveConfirmPlural', 'selected members')\n    } ${tWithFallback(t, 'membersList.bulkRemoveConfirmSuffix', 'from this workspace?')}`;\n    const native = await nativeConfirm({\n      title: 'Remove members',\n      message,\n      okButtonTitle: 'Remove',\n      cancelButtonTitle: 'Cancel',\n    });\n    const confirmed = native === null ? window.confirm(message) : native;\n    if (!confirmed) return;\n\n    selectedMembers.forEach((member) => {\n      removeUserFromWorkspace(member.userId);\n    });\n    clearMemberSelection();\n  };\n\n  const handleBulkResendInvitations = () => {\n    if (selectedInvitations.length === 0) return;\n    selectedInvitations.forEach((invitation) => {\n      resendInvitation(invitation.id, {\n        onSuccess: () => {\n          setSelectedInvitationIds((prev) => {\n            const next = new Set(prev);\n            next.delete(invitation.id);\n            return next;\n          });\n        },\n      });\n    });\n  };\n\n  return (\n    <PageContainer padded={false}>\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-4\">\n          <div>\n            <h1 className=\"text-2xl sm:text-3xl font-bold\">\n              {tWithFallback(t, 'membersList.pageTitle', 'Members')}\n            </h1>\n            <p className=\"text-text-secondary text-sm sm:text-base\">\n              {tWithFallback(\n                t,\n                'membersList.pageSubtitle',\n                'Manage workspace members and invitations'\n              )}\n            </p>\n          </div>\n\n          <div className=\"flex gap-2\">\n            <PermissionButton\n              permission={WORKSPACE_PERMISSIONS.MEMBER_CREATE}\n              deniedBehavior=\"disable\"\n              deniedTooltip={tWithFallback(\n                t,\n                'membersList.noPermissionToInvite',\n                \"You don't have permission to invite members\"\n              )}\n            >\n              <Button onClick={handleInviteMember} disabled={!workspaceId}>\n                <UserPlus className=\"size-4 sm:mr-2\" />\n                <span className=\"hidden sm:inline\">\n                  {tWithFallback(t, 'membersList.inviteMember', 'Invite Member')}\n                </span>\n              </Button>\n            </PermissionButton>\n          </div>\n        </div>\n\n        {/* Search & Stats */}\n        <div className=\"flex flex-col sm:flex-row gap-3 sm:gap-4\">\n          <div className=\"relative flex-1\">\n            <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 size-4 text-text-secondary\" />\n            <Input\n              placeholder={tWithFallback(t, 'membersList.searchPlaceholder', 'Search members...')}\n              value={searchValue}\n              onChange={(e) => setSearchValue(e.target.value)}\n              className=\"pl-9\"\n            />\n          </div>\n\n          {hasPendingInvitations && (\n            <div className=\"flex items-center gap-2\">\n              <Badge variant=\"secondary\" className=\"text-sm\">\n                {pendingInvitations.length}{' '}\n                {pendingInvitations.length !== 1\n                  ? tWithFallback(t, 'membersList.pendingInvitations', 'Pending Invitations')\n                  : tWithFallback(t, 'membersList.pendingInvitation', 'Pending Invitation')}\n              </Badge>\n            </div>\n          )}\n        </div>\n\n        {filteredMembers.length > 0 && (\n          <div className=\"flex flex-col gap-3 rounded-lg border bg-bg-surface p-4 sm:flex-row sm:items-center sm:justify-between\">\n            <label className=\"flex items-center gap-2 text-sm text-text-primary\">\n              <input\n                type=\"checkbox\"\n                checked={allVisibleMembersSelected}\n                ref={(input) => {\n                  if (input) {\n                    input.indeterminate = partiallySelectedMembers && !allVisibleMembersSelected;\n                  }\n                }}\n                onChange={(event) => toggleAllMembers(event.target.checked)}\n                aria-label={tWithFallback(\n                  t,\n                  'membersList.selectAllMembersAriaLabel',\n                  'Select all workspace members'\n                )}\n                className=\"size-4 rounded border-border-subtle text-primary\"\n              />\n              <span>\n                {tWithFallback(\n                  t,\n                  'membersList.selectAllVisibleMembers',\n                  'Select all visible members'\n                )}\n              </span>\n            </label>\n\n            <div className=\"flex flex-wrap items-center gap-2\">\n              <span className=\"text-sm text-text-secondary\">\n                {selectedMemberIds.size} {tWithFallback(t, 'membersList.selected', 'selected')}\n              </span>\n              {selectedMemberIds.size > 0 && (\n                <Button variant=\"ghost\" size=\"sm\" onClick={clearMemberSelection}>\n                  {tWithFallback(t, 'membersList.clearSelection', 'Clear selection')}\n                </Button>\n              )}\n              {canRemoveMember && (\n                <Button\n                  variant=\"outline\"\n                  size=\"sm\"\n                  onClick={handleBulkRemoveMembers}\n                  disabled={selectedMembers.length === 0 || isRemovingMembers}\n                  className=\"text-status-error-text\"\n                >\n                  {tWithFallback(t, 'membersList.removeSelected', 'Remove Selected')}\n                  {selectedMembers.length > 0 ? ` (${selectedMembers.length})` : ''}\n                </Button>\n              )}\n            </div>\n          </div>\n        )}\n\n        {/* Loading State */}\n        {isLoading && (\n          <div className=\"space-y-3\">\n            {[...Array(5)].map((_, i) => (\n              <Skeleton key={i} className=\"h-20 w-full\" />\n            ))}\n          </div>\n        )}\n\n        {/* Error State */}\n        {!isLoading && membersError && (\n          <div className=\"flex flex-col items-center justify-center py-12 text-center\">\n            <div className=\"rounded-full bg-status-error-bg/10 p-6 mb-4\">\n              <AlertCircle size={48} className=\"text-status-error-text\" />\n            </div>\n            <h3 className=\"text-lg font-semibold mb-2\">\n              {tWithFallback(t, 'membersList.failedToLoad', 'Failed to Load Members')}\n            </h3>\n            <p className=\"text-text-secondary max-w-sm\">\n              {membersError instanceof Error\n                ? membersError.message\n                : tWithFallback(\n                    t,\n                    'membersList.errorLoadingMembers',\n                    'An error occurred while loading members'\n                  )}\n            </p>\n          </div>\n        )}\n\n        {/* Empty State - No Workspace */}\n        {!isLoading && !membersError && !workspaceId && (\n          <div className=\"flex flex-col items-center justify-center py-12 text-center\">\n            <div className=\"rounded-full bg-bg-sunken p-6 mb-4\">\n              <Users size={48} className=\"text-text-secondary\" />\n            </div>\n            <h3 className=\"text-lg font-semibold mb-2\">\n              {tWithFallback(t, 'membersList.noWorkspaceSelected', 'No Workspace Selected')}\n            </h3>\n            <p className=\"text-text-secondary max-w-sm\">\n              {tWithFallback(\n                t,\n                'membersList.selectWorkspacePrompt',\n                'Select a workspace to view and manage its members'\n              )}\n            </p>\n          </div>\n        )}\n\n        {/* Empty State - No Members */}\n        {!isLoading && !membersError && workspaceId && !hasMembers && (\n          <div className=\"flex flex-col items-center justify-center py-12 text-center\">\n            <div className=\"rounded-full bg-bg-sunken p-6 mb-4\">\n              <Users size={48} className=\"text-text-secondary\" />\n            </div>\n            <h3 className=\"text-lg font-semibold mb-2\">\n              {tWithFallback(t, 'membersList.noMembersYet', 'No Members Yet')}\n            </h3>\n            <p className=\"text-text-secondary max-w-sm mb-4\">\n              {tWithFallback(\n                t,\n                'membersList.noMembersPrompt',\n                'Start building your team by inviting members to this workspace'\n              )}\n            </p>\n            <PermissionButton\n              permission={WORKSPACE_PERMISSIONS.MEMBER_CREATE}\n              deniedBehavior=\"disable\"\n              deniedTooltip={tWithFallback(\n                t,\n                'membersList.noPermissionToInvite',\n                \"You don't have permission to invite members\"\n              )}\n            >\n              <Button onClick={handleInviteMember}>\n                <UserPlus className=\"mr-2 size-4\" />\n                {tWithFallback(t, 'membersList.inviteFirstMember', 'Invite Your First Member')}\n              </Button>\n            </PermissionButton>\n          </div>\n        )}\n\n        {/* Empty State - No Search Results */}\n        {!isLoading &&\n          !membersError &&\n          workspaceId &&\n          hasMembers &&\n          filteredMembers.length === 0 && (\n            <div className=\"flex flex-col items-center justify-center py-12 text-center\">\n              <div className=\"rounded-full bg-bg-sunken p-6 mb-4\">\n                <Search size={48} className=\"text-text-secondary\" />\n              </div>\n              <h3 className=\"text-lg font-semibold mb-2\">\n                {tWithFallback(t, 'membersList.noMembersFound', 'No Members Found')}\n              </h3>\n              <p className=\"text-text-secondary max-w-sm\">\n                {tWithFallback(\n                  t,\n                  'membersList.noMembersFoundPrompt',\n                  'No members match your search criteria. Try adjusting your search.'\n                )}\n              </p>\n            </div>\n          )}\n\n        {/* Members List */}\n        {!isLoading && filteredMembers.length > 0 && (\n          <div className=\"space-y-3\">\n            <div className=\"flex items-center justify-between\">\n              <h2 className=\"text-lg font-semibold\">\n                {tWithFallback(t, 'membersList.activeMembers', 'Active Members')} (\n                {filteredMembers.length})\n              </h2>\n            </div>\n            <div className=\"space-y-2\">\n              {filteredMembers.map((member) => (\n                <MemberListItem\n                  key={member.id}\n                  member={member}\n                  selected={selectedMemberIds.has(member.id)}\n                  onToggleSelect={(checked) => {\n                    const isSelected = selectedMemberIds.has(member.id);\n                    if (checked !== isSelected) {\n                      toggleMemberSelection(member.id);\n                    }\n                  }}\n                  canRemove={canRemoveMember}\n                />\n              ))}\n            </div>\n          </div>\n        )}\n\n        {/* Pending Invitations Section - Now at bottom */}\n        {!isLoading && hasPendingInvitations && (\n          <div className=\"space-y-3\">\n            <h2 className=\"text-lg font-semibold\">\n              {tWithFallback(t, 'membersList.pendingInvitationsHeader', 'Pending Invitations')}\n            </h2>\n            <div className=\"flex flex-col gap-3 rounded-lg border bg-bg-surface p-4 sm:flex-row sm:items-center sm:justify-between\">\n              <label className=\"flex items-center gap-2 text-sm text-text-primary\">\n                <input\n                  type=\"checkbox\"\n                  checked={allVisibleInvitationsSelected}\n                  ref={(input) => {\n                    if (input) {\n                      input.indeterminate =\n                        partiallySelectedInvitations && !allVisibleInvitationsSelected;\n                    }\n                  }}\n                  onChange={(event) => toggleAllInvitations(event.target.checked)}\n                  aria-label={tWithFallback(\n                    t,\n                    'membersList.selectAllInvitationsAriaLabel',\n                    'Select all pending invitations'\n                  )}\n                  className=\"size-4 rounded border-border-subtle text-primary\"\n                />\n                <span>\n                  {tWithFallback(t, 'membersList.selectAllInvitations', 'Select all invitations')}\n                </span>\n              </label>\n\n              <div className=\"flex flex-wrap items-center gap-2\">\n                <span className=\"text-sm text-text-secondary\">\n                  {selectedInvitationIds.size}{' '}\n                  {tWithFallback(t, 'membersList.selected', 'selected')}\n                </span>\n                {selectedInvitationIds.size > 0 && (\n                  <Button\n                    variant=\"ghost\"\n                    size=\"sm\"\n                    onClick={() => setSelectedInvitationIds(new Set())}\n                  >\n                    {tWithFallback(t, 'membersList.clearSelection', 'Clear selection')}\n                  </Button>\n                )}\n                {canInviteMember && (\n                  <Button\n                    variant=\"outline\"\n                    size=\"sm\"\n                    onClick={handleBulkResendInvitations}\n                    disabled={selectedInvitations.length === 0 || isResending}\n                  >\n                    {tWithFallback(t, 'membersList.resendSelected', 'Resend Selected')}\n                    {selectedInvitations.length > 0 ? ` (${selectedInvitations.length})` : ''}\n                  </Button>\n                )}\n              </div>\n            </div>\n            <div className=\"space-y-2\">\n              {pendingInvitations.map((invitation) => (\n                <div\n                  key={invitation.id}\n                  className=\"flex items-center justify-between p-4 border rounded-lg bg-bg-surface\"\n                >\n                  <div className=\"flex items-center gap-3\">\n                    <input\n                      type=\"checkbox\"\n                      checked={selectedInvitationIds.has(invitation.id)}\n                      onChange={(event) =>\n                        toggleInvitationSelection(invitation.id, event.target.checked)\n                      }\n                      aria-label={`${tWithFallback(t, 'membersList.selectInvitationAriaLabel', 'Select invitation')} ${invitation.email}`}\n                      className=\"size-4 rounded border-border-subtle text-primary\"\n                    />\n                    <div className=\"size-10 rounded-full bg-status-warning/10 flex items-center justify-center transition-colors\">\n                      <Users className=\"size-5 text-status-warning\" />\n                    </div>\n                    <div>\n                      <p className=\"font-medium text-sm\">{invitation.email}</p>\n                      <p className=\"text-xs text-text-secondary\">\n                        {tWithFallback(t, 'membersList.invited', 'Invited')}{' '}\n                        {new Date(invitation.createdAt).toLocaleDateString()}\n                      </p>\n                    </div>\n                  </div>\n                  <div className=\"flex items-center gap-2\">\n                    <PermissionButton\n                      permission={WORKSPACE_PERMISSIONS.MEMBER_CREATE}\n                      deniedBehavior=\"disable\"\n                      deniedTooltip={tWithFallback(\n                        t,\n                        'membersList.noPermissionToResend',\n                        \"You don't have permission to resend invitations\"\n                      )}\n                    >\n                      <Button\n                        variant=\"outline\"\n                        size=\"sm\"\n                        onClick={() => handleResendInvitation(invitation.id)}\n                        disabled={isResending && resendingId === invitation.id}\n                      >\n                        <RefreshCw\n                          className={`size-4 mr-1 ${isResending && resendingId === invitation.id ? 'animate-spin' : ''}`}\n                        />\n                        {isResending && resendingId === invitation.id\n                          ? tWithFallback(t, 'membersList.sending', 'Sending...')\n                          : tWithFallback(t, 'membersList.resend', 'Resend')}\n                      </Button>\n                    </PermissionButton>\n                    <Badge\n                      variant=\"outline\"\n                      className=\"bg-status-warning/10 text-status-warning border-status-warning/30 transition-colors\"\n                    >\n                      {tWithFallback(t, 'membersList.pending', 'Pending')}\n                    </Badge>\n                  </div>\n                </div>\n              ))}\n            </div>\n          </div>\n        )}\n      </div>\n    </PageContainer>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"MembersListPage.js","names":[],"sources":["../../src/pages/MembersListPage.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport { useNavigate, useParams, useSearchParams } from 'react-router-dom';\nimport { Users, UserPlus, Search, AlertCircle, RefreshCw } from 'lucide-react';\nimport { Button, Input, Skeleton, Badge, PageContainer } from '@burdenoff/fe-libs/ui';\nimport { useDebounce } from '@burdenoff/fe-libs/shared/hooks';\nimport { useActorProfiles, type ActorInput, type ActorProfileMap } from '@burdenoff/fe-libs/shared';\nimport { nativeConfirm, nativeImpact } from '../utils/nativeBridge';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { tWithFallback } from '../utils/i18n';\nimport { PermissionButton } from '@burdenoff/fe-libs/shared/components';\nimport { WORKSPACE_PERMISSIONS } from '../constants/permissions';\nimport { useWorkspacePermissions } from '../hooks/useWorkspacePermissions';\nimport { useWorkspacesStore } from '../store/workspacesStore';\nimport { useWorkspaceMembers, useWorkspaceInvitations } from '../hooks/useWorkspaceMembers';\nimport { useRemoveUserFromWorkspace, useResendInvitation } from '../hooks/useMemberMutations';\nimport { useWorkspacesContext } from '../providers/WorkspacesProvider';\nimport { useWorkspacesPageView } from '../hooks/useWorkspacesPageView';\nimport { MemberListItem } from '../components/MemberListItem';\nimport { useScopedNavigation } from '../hooks/useScopedNavigation';\n\nexport function MembersListPage() {\n  const { t } = useI18n();\n\n  const {\n    memberFilters,\n    setMemberFilters,\n    selectedMemberIds,\n    toggleMemberSelection,\n    clearMemberSelection,\n  } = useWorkspacesStore();\n  const navigate = useNavigate();\n  const { workspaceId: contextWorkspaceId } = useWorkspacesContext();\n  const { basePath = '/workspaces' } = useWorkspacesContext();\n  const { withCurrentSearch } = useScopedNavigation();\n  const { workspaceId: urlWorkspaceId } = useParams<{ workspaceId: string }>();\n\n  // Prefer URL workspaceId over context (user navigated to specific workspace).\n  // WorkspaceContextPathSync keeps this URL segment in step with the active context\n  // on a context switch, so the override can't point at a stale workspace.\n  // (BOFF-2805 follow-up)\n  const workspaceId = urlWorkspaceId || contextWorkspaceId;\n\n  useWorkspacesPageView('workspaces.members', { workspaceId, requireParams: true });\n\n  const [searchValue, setSearchValue] = useState(memberFilters.search || '');\n  const debouncedSearch = useDebounce(searchValue, 500);\n\n  // Update filters when debounced search changes\n  useEffect(() => {\n    setMemberFilters({ search: debouncedSearch });\n  }, [debouncedSearch, setMemberFilters]);\n\n  // Fetch members and invitations\n  const {\n    data: membersData,\n    isLoading: isLoadingMembers,\n    error: membersError,\n  } = useWorkspaceMembers(workspaceId || '');\n\n  const { data: invitationsData, isLoading: isLoadingInvitations } = useWorkspaceInvitations(\n    workspaceId || '',\n    'PENDING'\n  );\n\n  const { mutate: resendInvitation, isPending: isResending } = useResendInvitation();\n  const { mutate: removeUserFromWorkspace, isPending: isRemovingMembers } =\n    useRemoveUserFromWorkspace();\n  const [resendingId, setResendingId] = useState<string | null>(null);\n  const [selectedInvitationIds, setSelectedInvitationIds] = useState<Set<string>>(new Set());\n\n  const handleResendInvitation = (invitationId: string) => {\n    setResendingId(invitationId);\n    resendInvitation(invitationId, {\n      onSuccess: () => {\n        setResendingId(null);\n      },\n      onError: (error) => {\n        console.error('Failed to resend invitation:', error);\n        setResendingId(null);\n      },\n    });\n  };\n\n  const members = useMemo(() => membersData?.items || [], [membersData?.items]);\n  const pendingInvitations = useMemo(() => invitationsData?.items || [], [invitationsData?.items]);\n  const isLoading = isLoadingMembers || isLoadingInvitations;\n  const hasMembers = members.length > 0;\n  const hasPendingInvitations = pendingInvitations.length > 0;\n\n  // Resolve every member's userId to displayName + email via the shared\n  // ActorProfile cache so search can match human-friendly fields instead of\n  // raw UUIDs.\n  const { apiGatewayUrl, authToken, organizationId } = useWorkspacesContext();\n  const memberActors = useMemo<ActorInput[]>(\n    () => members.map((m) => ({ actorId: m.userId, actorType: 'user' })),\n    [members]\n  );\n  const profileMap: ActorProfileMap = useActorProfiles(memberActors, {\n    apiGatewayUrl,\n    authToken,\n    orgId: organizationId,\n    workspaceId,\n  });\n\n  // Filter members by resolved identity (displayName, email) — fall back to\n  // raw userId only if the profile hasn't resolved yet so search still works\n  // during the brief loading window.\n  const filteredMembers = members.filter((member) => {\n    if (!debouncedSearch) return true;\n    const needle = debouncedSearch.toLowerCase();\n\n    // Primary: the shared ActorProfile cache — canonical, works for every\n    // member regardless of how they joined.\n    const profile = profileMap[member.userId];\n    if (profile) {\n      if (profile.displayName.toLowerCase().includes(needle)) return true;\n      if (profile.email?.toLowerCase().includes(needle)) return true;\n    }\n\n    // Fallback: the denormalized identity surfaced by the backend through\n    // `WorkspaceMember.context.metadata` (populated from\n    // `WorkspaceMember.email` for members who joined via invitation — PR #66).\n    // Available synchronously, so search still matches during the brief window\n    // before the ActorProfile lookup resolves.\n    //\n    // The metadata field is typed `Record<string, unknown>`, so we MUST guard\n    // every read with `typeof === 'string'`. A non-string value (e.g. a number,\n    // null, or a nested object accidentally surfaced by a future backend\n    // mapper) would otherwise crash the page on `.toLowerCase()`. Reviewed:\n    // PR #24 codex (P2).\n    const meta = member.context?.metadata;\n    const metaEmail = typeof meta?.email === 'string' ? meta.email : '';\n    const metaDisplayRaw =\n      typeof meta?.displayName === 'string'\n        ? meta.displayName\n        : typeof meta?.name === 'string'\n          ? meta.name\n          : '';\n    if (metaEmail.toLowerCase().includes(needle)) return true;\n    if (metaDisplayRaw.toLowerCase().includes(needle)) return true;\n\n    // Last resort: raw userId — keeps the previous behaviour for members with\n    // neither a resolved profile nor a denormalized identity yet.\n    return member.userId.toLowerCase().includes(needle);\n  });\n\n  const selectedMembers = useMemo(\n    () => filteredMembers.filter((member) => selectedMemberIds.has(member.id)),\n    [filteredMembers, selectedMemberIds]\n  );\n\n  const selectedInvitations = useMemo(\n    () => pendingInvitations.filter((invitation) => selectedInvitationIds.has(invitation.id)),\n    [pendingInvitations, selectedInvitationIds]\n  );\n\n  const allVisibleMembersSelected =\n    filteredMembers.length > 0 &&\n    filteredMembers.every((member) => selectedMemberIds.has(member.id));\n  const partiallySelectedMembers =\n    filteredMembers.some((member) => selectedMemberIds.has(member.id)) &&\n    !allVisibleMembersSelected;\n\n  const allVisibleInvitationsSelected =\n    pendingInvitations.length > 0 &&\n    pendingInvitations.every((invitation) => selectedInvitationIds.has(invitation.id));\n  const partiallySelectedInvitations =\n    pendingInvitations.some((invitation) => selectedInvitationIds.has(invitation.id)) &&\n    !allVisibleInvitationsSelected;\n\n  // Clear selection on unmount\n  useEffect(() => {\n    return () => clearMemberSelection();\n  }, [clearMemberSelection]);\n\n  // Redirect to the canonical workspace invite page when arriving through\n  // older members deep links that used ?invite=true.\n  const [searchParams, setSearchParams] = useSearchParams();\n  useEffect(() => {\n    if (searchParams.get('invite') === 'true' && workspaceId) {\n      const next = new URLSearchParams(searchParams);\n      next.delete('invite');\n      setSearchParams(next, { replace: true });\n      navigate(withCurrentSearch(`${basePath}/${workspaceId}/invite`), { replace: true });\n    }\n  }, [searchParams, setSearchParams, workspaceId, navigate, withCurrentSearch, basePath]);\n\n  const {\n    canListMembers,\n    canInviteMember,\n    canRemoveMember,\n    isLoading: permissionsLoading,\n  } = useWorkspacePermissions();\n\n  if (permissionsLoading) {\n    return (\n      <div className=\"space-y-4 p-6\">\n        <Skeleton className=\"h-10 w-1/3\" />\n        <Skeleton className=\"h-64\" />\n      </div>\n    );\n  }\n\n  if (!canListMembers && !canInviteMember) {\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, 'membersList.accessDenied', 'Access Denied')}\n          </h2>\n          <p className=\"text-sm text-text-secondary\">\n            {tWithFallback(\n              t,\n              'membersList.noPermissionToViewMembers',\n              \"You don't have permission to view workspace members.\"\n            )}\n          </p>\n        </div>\n      </div>\n    );\n  }\n\n  const handleInviteMember = () => {\n    if (workspaceId) {\n      navigate(withCurrentSearch(`${basePath}/${workspaceId}/invite`));\n    }\n  };\n\n  const toggleAllMembers = (checked: boolean) => {\n    filteredMembers.forEach((member) => {\n      const isSelected = selectedMemberIds.has(member.id);\n      if (checked !== isSelected) {\n        toggleMemberSelection(member.id);\n      }\n    });\n  };\n\n  const toggleInvitationSelection = (invitationId: string, checked: boolean) => {\n    setSelectedInvitationIds((prev) => {\n      const next = new Set(prev);\n      if (checked) {\n        next.add(invitationId);\n      } else {\n        next.delete(invitationId);\n      }\n      return next;\n    });\n  };\n\n  const toggleAllInvitations = (checked: boolean) => {\n    setSelectedInvitationIds((prev) => {\n      const next = new Set(prev);\n      pendingInvitations.forEach((invitation) => {\n        if (checked) {\n          next.add(invitation.id);\n        } else {\n          next.delete(invitation.id);\n        }\n      });\n      return next;\n    });\n  };\n\n  const handleBulkRemoveMembers = async () => {\n    if (selectedMembers.length === 0) return;\n    void nativeImpact('medium');\n    const message = `${tWithFallback(t, 'membersList.bulkRemoveConfirmPrefix', 'Remove')} ${selectedMembers.length} ${\n      selectedMembers.length === 1\n        ? tWithFallback(t, 'membersList.bulkRemoveConfirmSingular', 'selected member')\n        : tWithFallback(t, 'membersList.bulkRemoveConfirmPlural', 'selected members')\n    } ${tWithFallback(t, 'membersList.bulkRemoveConfirmSuffix', 'from this workspace?')}`;\n    const native = await nativeConfirm({\n      title: 'Remove members',\n      message,\n      okButtonTitle: 'Remove',\n      cancelButtonTitle: 'Cancel',\n    });\n    const confirmed = native === null ? window.confirm(message) : native;\n    if (!confirmed) return;\n\n    selectedMembers.forEach((member) => {\n      removeUserFromWorkspace(member.userId);\n    });\n    clearMemberSelection();\n  };\n\n  const handleBulkResendInvitations = () => {\n    if (selectedInvitations.length === 0) return;\n    selectedInvitations.forEach((invitation) => {\n      resendInvitation(invitation.id, {\n        onSuccess: () => {\n          setSelectedInvitationIds((prev) => {\n            const next = new Set(prev);\n            next.delete(invitation.id);\n            return next;\n          });\n        },\n      });\n    });\n  };\n\n  return (\n    <PageContainer padded={false}>\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-4\">\n          <div>\n            <h1 className=\"text-2xl sm:text-3xl font-bold\">\n              {tWithFallback(t, 'membersList.pageTitle', 'Members')}\n            </h1>\n            <p className=\"text-text-secondary text-sm sm:text-base\">\n              {tWithFallback(\n                t,\n                'membersList.pageSubtitle',\n                'Manage workspace members and invitations'\n              )}\n            </p>\n          </div>\n\n          <div className=\"flex gap-2\">\n            <PermissionButton\n              permission={WORKSPACE_PERMISSIONS.MEMBER_CREATE}\n              deniedBehavior=\"disable\"\n              deniedTooltip={tWithFallback(\n                t,\n                'membersList.noPermissionToInvite',\n                \"You don't have permission to invite members\"\n              )}\n            >\n              <Button onClick={handleInviteMember} disabled={!workspaceId}>\n                <UserPlus className=\"size-4 sm:mr-2\" />\n                <span className=\"hidden sm:inline\">\n                  {tWithFallback(t, 'membersList.inviteMember', 'Invite Member')}\n                </span>\n              </Button>\n            </PermissionButton>\n          </div>\n        </div>\n\n        {/* Search & Stats */}\n        <div className=\"flex flex-col sm:flex-row gap-3 sm:gap-4\">\n          <div className=\"relative flex-1\">\n            <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 size-4 text-text-secondary\" />\n            <Input\n              placeholder={tWithFallback(t, 'membersList.searchPlaceholder', 'Search members...')}\n              value={searchValue}\n              onChange={(e) => setSearchValue(e.target.value)}\n              className=\"pl-9\"\n            />\n          </div>\n\n          {hasPendingInvitations && (\n            <div className=\"flex items-center gap-2\">\n              <Badge variant=\"secondary\" className=\"text-sm\">\n                {pendingInvitations.length}{' '}\n                {pendingInvitations.length !== 1\n                  ? tWithFallback(t, 'membersList.pendingInvitations', 'Pending Invitations')\n                  : tWithFallback(t, 'membersList.pendingInvitation', 'Pending Invitation')}\n              </Badge>\n            </div>\n          )}\n        </div>\n\n        {filteredMembers.length > 0 && (\n          <div className=\"flex flex-col gap-3 rounded-lg border bg-bg-surface p-4 sm:flex-row sm:items-center sm:justify-between\">\n            <label className=\"flex items-center gap-2 text-sm text-text-primary\">\n              <input\n                type=\"checkbox\"\n                checked={allVisibleMembersSelected}\n                ref={(input) => {\n                  if (input) {\n                    input.indeterminate = partiallySelectedMembers && !allVisibleMembersSelected;\n                  }\n                }}\n                onChange={(event) => toggleAllMembers(event.target.checked)}\n                aria-label={tWithFallback(\n                  t,\n                  'membersList.selectAllMembersAriaLabel',\n                  'Select all workspace members'\n                )}\n                className=\"size-4 rounded border-border-subtle text-primary\"\n              />\n              <span>\n                {tWithFallback(\n                  t,\n                  'membersList.selectAllVisibleMembers',\n                  'Select all visible members'\n                )}\n              </span>\n            </label>\n\n            <div className=\"flex flex-wrap items-center gap-2\">\n              <span className=\"text-sm text-text-secondary\">\n                {selectedMemberIds.size} {tWithFallback(t, 'membersList.selected', 'selected')}\n              </span>\n              {selectedMemberIds.size > 0 && (\n                <Button variant=\"ghost\" size=\"sm\" onClick={clearMemberSelection}>\n                  {tWithFallback(t, 'membersList.clearSelection', 'Clear selection')}\n                </Button>\n              )}\n              {canRemoveMember && (\n                <Button\n                  variant=\"outline\"\n                  size=\"sm\"\n                  onClick={handleBulkRemoveMembers}\n                  disabled={selectedMembers.length === 0 || isRemovingMembers}\n                  className=\"text-status-error-text\"\n                >\n                  {tWithFallback(t, 'membersList.removeSelected', 'Remove Selected')}\n                  {selectedMembers.length > 0 ? ` (${selectedMembers.length})` : ''}\n                </Button>\n              )}\n            </div>\n          </div>\n        )}\n\n        {/* Loading State */}\n        {isLoading && (\n          <div className=\"space-y-3\">\n            {[...Array(5)].map((_, i) => (\n              <Skeleton key={i} className=\"h-20 w-full\" />\n            ))}\n          </div>\n        )}\n\n        {/* Error State */}\n        {!isLoading && membersError && (\n          <div className=\"flex flex-col items-center justify-center py-12 text-center\">\n            <div className=\"rounded-full bg-status-error-bg/10 p-6 mb-4\">\n              <AlertCircle size={48} className=\"text-status-error-text\" />\n            </div>\n            <h3 className=\"text-lg font-semibold mb-2\">\n              {tWithFallback(t, 'membersList.failedToLoad', 'Failed to Load Members')}\n            </h3>\n            <p className=\"text-text-secondary max-w-sm\">\n              {membersError instanceof Error\n                ? membersError.message\n                : tWithFallback(\n                    t,\n                    'membersList.errorLoadingMembers',\n                    'An error occurred while loading members'\n                  )}\n            </p>\n          </div>\n        )}\n\n        {/* Empty State - No Workspace */}\n        {!isLoading && !membersError && !workspaceId && (\n          <div className=\"flex flex-col items-center justify-center py-12 text-center\">\n            <div className=\"rounded-full bg-bg-sunken p-6 mb-4\">\n              <Users size={48} className=\"text-text-secondary\" />\n            </div>\n            <h3 className=\"text-lg font-semibold mb-2\">\n              {tWithFallback(t, 'membersList.noWorkspaceSelected', 'No Workspace Selected')}\n            </h3>\n            <p className=\"text-text-secondary max-w-sm\">\n              {tWithFallback(\n                t,\n                'membersList.selectWorkspacePrompt',\n                'Select a workspace to view and manage its members'\n              )}\n            </p>\n          </div>\n        )}\n\n        {/* Empty State - No Members */}\n        {!isLoading && !membersError && workspaceId && !hasMembers && (\n          <div className=\"flex flex-col items-center justify-center py-12 text-center\">\n            <div className=\"rounded-full bg-bg-sunken p-6 mb-4\">\n              <Users size={48} className=\"text-text-secondary\" />\n            </div>\n            <h3 className=\"text-lg font-semibold mb-2\">\n              {tWithFallback(t, 'membersList.noMembersYet', 'No Members Yet')}\n            </h3>\n            <p className=\"text-text-secondary max-w-sm mb-4\">\n              {tWithFallback(\n                t,\n                'membersList.noMembersPrompt',\n                'Start building your team by inviting members to this workspace'\n              )}\n            </p>\n            <PermissionButton\n              permission={WORKSPACE_PERMISSIONS.MEMBER_CREATE}\n              deniedBehavior=\"disable\"\n              deniedTooltip={tWithFallback(\n                t,\n                'membersList.noPermissionToInvite',\n                \"You don't have permission to invite members\"\n              )}\n            >\n              <Button onClick={handleInviteMember}>\n                <UserPlus className=\"mr-2 size-4\" />\n                {tWithFallback(t, 'membersList.inviteFirstMember', 'Invite Your First Member')}\n              </Button>\n            </PermissionButton>\n          </div>\n        )}\n\n        {/* Empty State - No Search Results */}\n        {!isLoading &&\n          !membersError &&\n          workspaceId &&\n          hasMembers &&\n          filteredMembers.length === 0 && (\n            <div className=\"flex flex-col items-center justify-center py-12 text-center\">\n              <div className=\"rounded-full bg-bg-sunken p-6 mb-4\">\n                <Search size={48} className=\"text-text-secondary\" />\n              </div>\n              <h3 className=\"text-lg font-semibold mb-2\">\n                {tWithFallback(t, 'membersList.noMembersFound', 'No Members Found')}\n              </h3>\n              <p className=\"text-text-secondary max-w-sm\">\n                {tWithFallback(\n                  t,\n                  'membersList.noMembersFoundPrompt',\n                  'No members match your search criteria. Try adjusting your search.'\n                )}\n              </p>\n            </div>\n          )}\n\n        {/* Members List */}\n        {!isLoading && filteredMembers.length > 0 && (\n          <div className=\"space-y-3\">\n            <div className=\"flex items-center justify-between\">\n              <h2 className=\"text-lg font-semibold\">\n                {tWithFallback(t, 'membersList.activeMembers', 'Active Members')} (\n                {filteredMembers.length})\n              </h2>\n            </div>\n            <div className=\"space-y-2\">\n              {filteredMembers.map((member) => (\n                <MemberListItem\n                  key={member.id}\n                  member={member}\n                  selected={selectedMemberIds.has(member.id)}\n                  onToggleSelect={(checked) => {\n                    const isSelected = selectedMemberIds.has(member.id);\n                    if (checked !== isSelected) {\n                      toggleMemberSelection(member.id);\n                    }\n                  }}\n                  canRemove={canRemoveMember}\n                />\n              ))}\n            </div>\n          </div>\n        )}\n\n        {/* Pending Invitations Section - Now at bottom */}\n        {!isLoading && hasPendingInvitations && (\n          <div className=\"space-y-3\">\n            <h2 className=\"text-lg font-semibold\">\n              {tWithFallback(t, 'membersList.pendingInvitationsHeader', 'Pending Invitations')}\n            </h2>\n            <div className=\"flex flex-col gap-3 rounded-lg border bg-bg-surface p-4 sm:flex-row sm:items-center sm:justify-between\">\n              <label className=\"flex items-center gap-2 text-sm text-text-primary\">\n                <input\n                  type=\"checkbox\"\n                  checked={allVisibleInvitationsSelected}\n                  ref={(input) => {\n                    if (input) {\n                      input.indeterminate =\n                        partiallySelectedInvitations && !allVisibleInvitationsSelected;\n                    }\n                  }}\n                  onChange={(event) => toggleAllInvitations(event.target.checked)}\n                  aria-label={tWithFallback(\n                    t,\n                    'membersList.selectAllInvitationsAriaLabel',\n                    'Select all pending invitations'\n                  )}\n                  className=\"size-4 rounded border-border-subtle text-primary\"\n                />\n                <span>\n                  {tWithFallback(t, 'membersList.selectAllInvitations', 'Select all invitations')}\n                </span>\n              </label>\n\n              <div className=\"flex flex-wrap items-center gap-2\">\n                <span className=\"text-sm text-text-secondary\">\n                  {selectedInvitationIds.size}{' '}\n                  {tWithFallback(t, 'membersList.selected', 'selected')}\n                </span>\n                {selectedInvitationIds.size > 0 && (\n                  <Button\n                    variant=\"ghost\"\n                    size=\"sm\"\n                    onClick={() => setSelectedInvitationIds(new Set())}\n                  >\n                    {tWithFallback(t, 'membersList.clearSelection', 'Clear selection')}\n                  </Button>\n                )}\n                {canInviteMember && (\n                  <Button\n                    variant=\"outline\"\n                    size=\"sm\"\n                    onClick={handleBulkResendInvitations}\n                    disabled={selectedInvitations.length === 0 || isResending}\n                  >\n                    {tWithFallback(t, 'membersList.resendSelected', 'Resend Selected')}\n                    {selectedInvitations.length > 0 ? ` (${selectedInvitations.length})` : ''}\n                  </Button>\n                )}\n              </div>\n            </div>\n            <div className=\"space-y-2\">\n              {pendingInvitations.map((invitation) => (\n                <div\n                  key={invitation.id}\n                  className=\"flex items-center justify-between p-4 border rounded-lg bg-bg-surface\"\n                >\n                  <div className=\"flex items-center gap-3\">\n                    <input\n                      type=\"checkbox\"\n                      checked={selectedInvitationIds.has(invitation.id)}\n                      onChange={(event) =>\n                        toggleInvitationSelection(invitation.id, event.target.checked)\n                      }\n                      aria-label={`${tWithFallback(t, 'membersList.selectInvitationAriaLabel', 'Select invitation')} ${invitation.email}`}\n                      className=\"size-4 rounded border-border-subtle text-primary\"\n                    />\n                    <div className=\"size-10 rounded-full bg-status-warning/10 flex items-center justify-center transition-colors\">\n                      <Users className=\"size-5 text-status-warning\" />\n                    </div>\n                    <div>\n                      <p className=\"font-medium text-sm\">{invitation.email}</p>\n                      <p className=\"text-xs text-text-secondary\">\n                        {tWithFallback(t, 'membersList.invited', 'Invited')}{' '}\n                        {new Date(invitation.createdAt).toLocaleDateString()}\n                      </p>\n                    </div>\n                  </div>\n                  <div className=\"flex items-center gap-2\">\n                    <PermissionButton\n                      permission={WORKSPACE_PERMISSIONS.MEMBER_CREATE}\n                      deniedBehavior=\"disable\"\n                      deniedTooltip={tWithFallback(\n                        t,\n                        'membersList.noPermissionToResend',\n                        \"You don't have permission to resend invitations\"\n                      )}\n                    >\n                      <Button\n                        variant=\"outline\"\n                        size=\"sm\"\n                        onClick={() => handleResendInvitation(invitation.id)}\n                        disabled={isResending && resendingId === invitation.id}\n                      >\n                        <RefreshCw\n                          className={`size-4 mr-1 ${isResending && resendingId === invitation.id ? 'animate-spin' : ''}`}\n                        />\n                        {isResending && resendingId === invitation.id\n                          ? tWithFallback(t, 'membersList.sending', 'Sending...')\n                          : tWithFallback(t, 'membersList.resend', 'Resend')}\n                      </Button>\n                    </PermissionButton>\n                    <Badge\n                      variant=\"outline\"\n                      className=\"bg-status-warning/10 text-status-warning border-status-warning/30 transition-colors\"\n                    >\n                      {tWithFallback(t, 'membersList.pending', 'Pending')}\n                    </Badge>\n                  </div>\n                </div>\n              ))}\n            </div>\n          </div>\n        )}\n      </div>\n    </PageContainer>\n  );\n}\n"],"mappings":"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"}

package/dist/pages/ProjectsListPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProjectsListPage.js","names":[],"sources":["../../src/pages/ProjectsListPage.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { FolderKanban, Plus, Grid3x3, List, Search } from 'lucide-react';\nimport { TagBadge } from '@burdenoff/fe-libs/tag';\nimport {\n  Button,\n  Input,\n  Card,\n  CardContent,\n  PageContainer,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n  Skeleton,\n} from '@burdenoff/fe-libs/ui';\nimport { useDebounce } from '@burdenoff/fe-libs/shared/hooks';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { useWorkspacesStore } from '../store/workspacesStore';\nimport { nativeConfirm, nativeImpact } from '../utils/nativeBridge';\nimport { useMyProjects } from '../hooks/useProjects';\nimport {\n  useArchiveProject,\n  useDeleteProject,\n  useUnarchiveProject,\n} from '../hooks/useProjectMutations';\nimport { ProjectCard } from '../components/ProjectCard';\nimport { CreateProjectDialog } from '../components/CreateProjectDialog';\nimport { useWorkspacePermissions } from '../hooks/useWorkspacePermissions';\nimport { useWorkspacesPageView } from '../hooks/useWorkspacesPageView';\nimport { tWithFallback } from '../utils/i18n';\nimport { getProjectDisplayTags } from '../utils/projectTags';\nimport type { ProjectTag, Workspace } from '../types';\n\nexport function ProjectsListPage() {\n  const { t } = useI18n();\n\n  const { workspaceId } = useParams<{ workspaceId: string }>();\n  useWorkspacesPageView('workspaces.projects', { workspaceId, requireParams: true });\n  const {\n    viewMode,\n    setViewMode,\n    projectFilters,\n    setProjectFilters,\n    clearProjectFilters,\n    selectedProjectIds,\n    toggleProjectSelection,\n    clearProjectSelection,\n    openCreateProjectDialog,\n    isCreateProjectDialogOpen,\n  } = useWorkspacesStore();\n\n  const [searchValue, setSearchValue] = useState(projectFilters.search || '');\n  const [activeTagFilters, setActiveTagFilters] = useState<ProjectTag[]>([]);\n  const [matchAllTagFilters, setMatchAllTagFilters] = useState(true);\n  const debouncedSearch = useDebounce(searchValue, 500);\n\n  // Update filters when debounced search changes\n  useEffect(() => {\n    setProjectFilters({ search: debouncedSearch });\n  }, [debouncedSearch, setProjectFilters]);\n\n  useEffect(() => {\n    if (activeTagFilters.length === 0) {\n      setProjectFilters({\n        tagIds: undefined,\n        tagHierarchyPaths: undefined,\n        matchAllTags: undefined,\n        includeDescendants: undefined,\n      });\n      return;\n    }\n\n    setProjectFilters({\n      tagIds: activeTagFilters.map((tag) => tag.tagId),\n      tagHierarchyPaths: activeTagFilters\n        .map((tag) => tag.hierarchyPath)\n        .filter((tagPath): tagPath is string => typeof tagPath === 'string' && tagPath.length > 0),\n      matchAllTags: matchAllTagFilters,\n      includeDescendants: true,\n    });\n  }, [activeTagFilters, matchAllTagFilters, setProjectFilters]);\n\n  useEffect(() => {\n    return () => clearProjectSelection();\n  }, [clearProjectSelection]);\n\n  // Membership-scoped query: backend filters by actorId, so no client-side\n  // permission gate is needed. Page is shared by `/workspaces/projects` and\n  // `/workspaces/:workspaceId/projects`; the latter narrows the list below.\n  const PROJECTS_PAGE_SIZE = 500;\n  const {\n    data: myData,\n    isLoading,\n    error,\n  } = useMyProjects({\n    limit: PROJECTS_PAGE_SIZE,\n    offset: 0,\n  });\n\n  const data = useMemo(() => {\n    const all = myData?.items ?? [];\n    const q = (projectFilters.search ?? '').trim().toLowerCase();\n    const tagIds = projectFilters.tagIds ?? [];\n    const matchAllTags = projectFilters.matchAllTags ?? true;\n\n    const matchesWorkspace = (project: (typeof all)[number]) =>\n      !workspaceId || project.workspaceId === workspaceId;\n    const matchesSearch = (project: (typeof all)[number]) =>\n      !q || project.name.toLowerCase().includes(q) || project.key.toLowerCase().includes(q);\n    const matchesStatus = (project: (typeof all)[number]) =>\n      !projectFilters.status || project.status === projectFilters.status;\n    const matchesArchived = (project: (typeof all)[number]) =>\n      typeof projectFilters.archived === 'undefined' ||\n      project.archived === projectFilters.archived;\n    const matchesTags = (project: (typeof all)[number]) => {\n      if (tagIds.length === 0) return true;\n      const projectTagIds = new Set(getProjectDisplayTags(project).map((t) => t.tagId));\n      return matchAllTags\n        ? tagIds.every((id) => projectTagIds.has(id))\n        : tagIds.some((id) => projectTagIds.has(id));\n    };\n\n    const filtered = all.filter(\n      (project) =>\n        matchesWorkspace(project) &&\n        matchesSearch(project) &&\n        matchesStatus(project) &&\n        matchesArchived(project) &&\n        matchesTags(project)\n    );\n\n    // Surface the real backend totals so the \"Showing X of Y\" footer can flag\n    // truncation. For narrowed views (workspace/tag filter), the backend total\n    // doesn't reflect the post-filter count, so we report the filtered size as\n    // total. But we MUST preserve `hasMore` from upstream — if the upstream\n    // query was capped (hasMore=true), matches outside the first page are\n    // silently hidden, and the footer needs to keep flagging that.\n    const apiTotal = myData?.total ?? filtered.length;\n    const apiHasMore = myData?.hasMore ?? false;\n    const isNarrowed = !!workspaceId || tagIds.length > 0;\n    return {\n      items: filtered,\n      total: isNarrowed ? filtered.length : apiTotal,\n      hasMore: apiHasMore,\n    };\n  }, [myData?.items, myData?.total, myData?.hasMore, projectFilters, workspaceId]);\n\n  const { mutateAsync: archiveProject } = useArchiveProject(workspaceId);\n  const { mutateAsync: unarchiveProject } = useUnarchiveProject(workspaceId);\n  const { mutateAsync: deleteProject } = useDeleteProject(workspaceId);\n\n  const selectedProjects = useMemo(\n    () => data?.items.filter((project) => selectedProjectIds.has(project.id)) ?? [],\n    [data?.items, selectedProjectIds]\n  );\n\n  const archivableProjects = useMemo(\n    () => selectedProjects.filter((project) => !project.archived),\n    [selectedProjects]\n  );\n\n  const unarchivableProjects = useMemo(\n    () => selectedProjects.filter((project) => project.archived),\n    [selectedProjects]\n  );\n\n  const allVisibleSelected =\n    (data?.items.length ?? 0) > 0 &&\n    (data?.items ?? []).every((project) => selectedProjectIds.has(project.id));\n  const partiallySelected =\n    (data?.items ?? []).some((project) => selectedProjectIds.has(project.id)) &&\n    !allVisibleSelected;\n\n  const {\n    canCreateProject,\n    canDeleteProject,\n    canArchiveProject,\n    isLoading: permissionsLoading,\n  } = useWorkspacePermissions();\n\n  if (permissionsLoading) {\n    return (\n      <div className=\"space-y-4 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  // No client-side list gate: this page calls `myProjects` which is\n  // membership-scoped — the resolver filters by actorId on the backend, so the\n  // data set returned IS the access list. If the user is in zero projects, the\n  // page renders the empty state below. Per-action checks (canCreateProject,\n  // canDeleteProject, canArchiveProject) remain in place to hide buttons the\n  // user isn't authorized for on their workspace.\n\n  const handleCreateProject = () => {\n    openCreateProjectDialog({} as Workspace);\n  };\n\n  const handleStatusFilter = (value: string) => {\n    if (value === 'all') {\n      const nextFilters = { ...projectFilters };\n      delete nextFilters.status;\n      setProjectFilters(nextFilters);\n    } else {\n      setProjectFilters({ status: value as 'ACTIVE' | 'INACTIVE' | 'ARCHIVED' });\n    }\n  };\n\n  const handleArchivedFilter = (value: string) => {\n    if (value === 'all') {\n      const nextFilters = { ...projectFilters };\n      delete nextFilters.archived;\n      setProjectFilters(nextFilters);\n    } else {\n      setProjectFilters({ archived: value === 'true' });\n    }\n  };\n\n  const toggleTagFilter = (tag: ProjectTag) => {\n    setActiveTagFilters((current) => {\n      const exists = current.some((entry) => entry.tagId === tag.tagId);\n      if (exists) {\n        return current.filter((entry) => entry.tagId !== tag.tagId);\n      }\n\n      return [...current, tag];\n    });\n  };\n\n  const clearAllProjectFilters = () => {\n    setSearchValue('');\n    setActiveTagFilters([]);\n    setMatchAllTagFilters(true);\n    clearProjectFilters();\n  };\n\n  const toggleAllProjects = (checked: boolean) => {\n    (data?.items ?? []).forEach((project) => {\n      const isSelected = selectedProjectIds.has(project.id);\n      if (checked !== isSelected) {\n        toggleProjectSelection(project.id);\n      }\n    });\n  };\n\n  const handleBulkArchive = async () => {\n    if (archivableProjects.length === 0) return;\n    await Promise.allSettled(archivableProjects.map((project) => archiveProject(project.id)));\n    clearProjectSelection();\n  };\n\n  const handleBulkUnarchive = async () => {\n    if (unarchivableProjects.length === 0) return;\n    await Promise.allSettled(unarchivableProjects.map((project) => unarchiveProject(project.id)));\n    clearProjectSelection();\n  };\n\n  const handleBulkDelete = async () => {\n    if (selectedProjects.length === 0) return;\n    void nativeImpact('medium');\n    const message =\n      tWithFallback(t, 'projectsList.bulkDeleteConfirmPrefix', 'Delete ') +\n      selectedProjects.length +\n      ' ' +\n      tWithFallback(t, 'projectsList.bulkDeleteConfirmProject', 'selected project') +\n      (selectedProjects.length === 1\n        ? ''\n        : tWithFallback(t, 'projectsList.bulkDeleteConfirmPluralSuffix', 's')) +\n      tWithFallback(t, 'projectsList.bulkDeleteConfirmSuffix', '? This cannot be undone.');\n    const native = await nativeConfirm({\n      title: 'Delete projects',\n      message,\n      okButtonTitle: 'Delete',\n      cancelButtonTitle: 'Cancel',\n    });\n    const confirmed = native === null ? window.confirm(message) : native;\n    if (!confirmed) return;\n\n    await Promise.allSettled(selectedProjects.map((project) => deleteProject(project.id)));\n    clearProjectSelection();\n  };\n\n  return (\n    <PageContainer padded={false}>\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 justify-between gap-4\">\n          <div>\n            <h1 className=\"text-2xl sm:text-3xl font-bold\">\n              {tWithFallback(t, 'projectsList.pageTitle', 'Projects')}\n            </h1>\n            <p className=\"text-text-secondary\">\n              {tWithFallback(t, 'projectsList.pageSubtitle', 'Manage and organize your projects')}\n            </p>\n          </div>\n          <div className=\"flex items-center gap-2\">\n            {/* View mode toggle */}\n            <div className=\"flex items-center gap-1 border rounded-lg p-1\">\n              <Button\n                variant={viewMode === 'grid' ? 'secondary' : 'ghost'}\n                size=\"sm\"\n                onClick={() => setViewMode('grid')}\n                className=\"size-8 p-0\"\n                aria-label={tWithFallback(\n                  t,\n                  'projectsList.gridViewAriaLabel',\n                  'Show projects in grid view'\n                )}\n              >\n                <Grid3x3 size={16} />\n              </Button>\n              <Button\n                variant={viewMode === 'list' ? 'secondary' : 'ghost'}\n                size=\"sm\"\n                onClick={() => setViewMode('list')}\n                className=\"size-8 p-0\"\n                aria-label={tWithFallback(\n                  t,\n                  'projectsList.listViewAriaLabel',\n                  'Show projects in list view'\n                )}\n              >\n                <List size={16} />\n              </Button>\n            </div>\n            {canCreateProject && (\n              <Button onClick={handleCreateProject}>\n                <Plus className=\"size-4 sm:mr-2\" />\n                <span className=\"hidden sm:inline\">\n                  {tWithFallback(t, 'projectsList.createProject', 'Create Project')}\n                </span>\n              </Button>\n            )}\n          </div>\n        </div>\n\n        {/* Filters & Search */}\n        <div className=\"flex flex-col sm:flex-row gap-3\">\n          <div className=\"relative flex-1\">\n            <Search\n              className=\"absolute left-3 top-1/2 transform -translate-y-1/2 text-text-secondary\"\n              size={18}\n            />\n            <Input\n              placeholder={tWithFallback(t, 'projectsList.searchPlaceholder', 'Search projects...')}\n              value={searchValue}\n              onChange={(e) => setSearchValue(e.target.value)}\n              className=\"pl-[3.25rem]\"\n            />\n          </div>\n          <Select value={projectFilters.status || 'all'} onValueChange={handleStatusFilter}>\n            <SelectTrigger className=\"w-full sm:w-[180px]\">\n              <SelectValue\n                placeholder={tWithFallback(t, 'projectsList.filterByStatus', 'Filter by status')}\n              />\n            </SelectTrigger>\n            <SelectContent>\n              <SelectItem value=\"all\">\n                {tWithFallback(t, 'projectsList.statusAll', 'All Statuses')}\n              </SelectItem>\n              <SelectItem value=\"ACTIVE\">\n                {tWithFallback(t, 'projectsList.statusActive', 'Active')}\n              </SelectItem>\n              <SelectItem value=\"INACTIVE\">\n                {tWithFallback(t, 'projectsList.statusInactive', 'Inactive')}\n              </SelectItem>\n            </SelectContent>\n          </Select>\n          <Select\n            value={\n              projectFilters.archived === undefined\n                ? 'all'\n                : projectFilters.archived\n                  ? 'true'\n                  : 'false'\n            }\n            onValueChange={handleArchivedFilter}\n          >\n            <SelectTrigger className=\"w-full sm:w-[180px]\">\n              <SelectValue\n                placeholder={tWithFallback(t, 'projectsList.filterByArchive', 'Filter by archive')}\n              />\n            </SelectTrigger>\n            <SelectContent>\n              <SelectItem value=\"all\">\n                {tWithFallback(t, 'projectsList.archiveAll', 'All Projects')}\n              </SelectItem>\n              <SelectItem value=\"false\">\n                {tWithFallback(t, 'projectsList.archiveActiveProjects', 'Active Projects')}\n              </SelectItem>\n              <SelectItem value=\"true\">\n                {tWithFallback(t, 'projectsList.archiveArchived', 'Archived')}\n              </SelectItem>\n            </SelectContent>\n          </Select>\n          {(projectFilters.search ||\n            projectFilters.status ||\n            projectFilters.archived !== undefined ||\n            activeTagFilters.length > 0) && (\n            <Button variant=\"outline\" onClick={clearAllProjectFilters}>\n              {tWithFallback(t, 'projectsList.clearFilters', 'Clear Filters')}\n            </Button>\n          )}\n        </div>\n\n        {activeTagFilters.length > 0 && (\n          <div className=\"flex flex-col gap-3 rounded-lg border border-border-subtle bg-bg-surface px-4 py-3\">\n            <div className=\"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n              <div>\n                <p className=\"text-sm font-medium\">\n                  {tWithFallback(t, 'projectsList.activeTagFilters', 'Active tag filters')}\n                </p>\n                <p className=\"text-xs text-text-secondary\">\n                  {tWithFallback(\n                    t,\n                    'projectsList.activeTagFiltersDescription',\n                    'Click a project tag to add or remove it from the current filter set.'\n                  )}\n                </p>\n              </div>\n              <Select\n                value={matchAllTagFilters ? 'all' : 'any'}\n                onValueChange={(value) => setMatchAllTagFilters(value === 'all')}\n              >\n                <SelectTrigger className=\"w-full sm:w-[180px]\">\n                  <SelectValue\n                    placeholder={tWithFallback(t, 'projectsList.tagMatchMode', 'Tag match mode')}\n                  />\n                </SelectTrigger>\n                <SelectContent>\n                  <SelectItem value=\"all\">\n                    {tWithFallback(t, 'projectsList.tagMatchAll', 'Match all tags')}\n                  </SelectItem>\n                  <SelectItem value=\"any\">\n                    {tWithFallback(t, 'projectsList.tagMatchAny', 'Match any tag')}\n                  </SelectItem>\n                </SelectContent>\n              </Select>\n            </div>\n\n            <div className=\"flex flex-wrap gap-2\">\n              {activeTagFilters.map((tag) => (\n                <TagBadge\n                  key={tag.tagId}\n                  id={tag.tagId}\n                  label={tag.label}\n                  color={tag.color ?? undefined}\n                  icon={tag.icon ?? undefined}\n                  description={tag.description ?? undefined}\n                  removable\n                  onRemove={() => toggleTagFilter(tag)}\n                  size=\"sm\"\n                />\n              ))}\n            </div>\n          </div>\n        )}\n\n        {/* Error State */}\n        {error && (\n          <Card className=\"border-status-error-border\">\n            <CardContent className=\"pt-6\">\n              <div className=\"flex flex-col items-center justify-center py-8 text-center\">\n                <p className=\"text-status-error-text font-semibold mb-2\">\n                  {tWithFallback(t, 'projectsList.errorLoading', 'Error loading projects')}\n                </p>\n                <p className=\"text-sm text-text-secondary\">\n                  {error instanceof Error\n                    ? error.message\n                    : tWithFallback(t, 'projectsList.unknownError', 'An unknown error occurred')}\n                </p>\n              </div>\n            </CardContent>\n          </Card>\n        )}\n\n        {/* Loading State */}\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              <Card key={i}>\n                <CardContent className=\"pt-6\">\n                  <div className=\"space-y-3\">\n                    <Skeleton className=\"size-12 rounded-lg\" />\n                    <Skeleton className=\"h-4 w-3/4\" />\n                    <Skeleton className=\"h-4 w-1/2\" />\n                  </div>\n                </CardContent>\n              </Card>\n            ))}\n          </div>\n        )}\n\n        {/* Empty State */}\n        {!isLoading && !error && data?.items.length === 0 && (\n          <Card>\n            <CardContent className=\"pt-6\">\n              <div className=\"flex flex-col items-center justify-center py-12 text-center\">\n                <div className=\"rounded-full bg-bg-sunken p-6 mb-4\">\n                  <FolderKanban size={48} className=\"text-text-secondary\" />\n                </div>\n                <h3 className=\"text-lg font-semibold mb-2\">\n                  {tWithFallback(t, 'projectsList.noProjectsFound', 'No projects found')}\n                </h3>\n                <p className=\"text-text-secondary max-w-sm mb-4\">\n                  {projectFilters.search\n                    ? tWithFallback(\n                        t,\n                        'projectsList.adjustSearchOrFilters',\n                        'Try adjusting your search or filters'\n                      )\n                    : tWithFallback(\n                        t,\n                        'projectsList.createFirstProject',\n                        'Create your first project to get started organizing your work'\n                      )}\n                </p>\n                {!projectFilters.search && canCreateProject && (\n                  <Button onClick={handleCreateProject}>\n                    <Plus size={16} className=\"mr-2\" />\n                    {tWithFallback(t, 'projectsList.createProject', 'Create Project')}\n                  </Button>\n                )}\n              </div>\n            </CardContent>\n          </Card>\n        )}\n\n        {/* Projects Grid */}\n        {!isLoading && !error && data && data.items.length > 0 && (\n          <>\n            <div className=\"flex flex-col gap-3 rounded-lg border bg-bg-surface p-4 sm:flex-row sm:items-center sm:justify-between\">\n              <label className=\"flex items-center gap-2 text-sm text-text-primary\">\n                <input\n                  type=\"checkbox\"\n                  checked={allVisibleSelected}\n                  ref={(input) => {\n                    if (input) {\n                      input.indeterminate = partiallySelected && !allVisibleSelected;\n                    }\n                  }}\n                  onChange={(event) => toggleAllProjects(event.target.checked)}\n                  aria-label={tWithFallback(\n                    t,\n                    'projectsList.selectAllAriaLabel',\n                    'Select all projects'\n                  )}\n                  className=\"size-4 rounded border-border-subtle text-primary\"\n                />\n                <span>\n                  {tWithFallback(t, 'projectsList.selectAllVisible', 'Select all visible')}\n                </span>\n              </label>\n\n              <div className=\"flex flex-wrap items-center gap-2\">\n                <span className=\"text-sm text-text-secondary\">\n                  {selectedProjectIds.size} {tWithFallback(t, 'projectsList.selected', 'selected')}\n                </span>\n                {selectedProjectIds.size > 0 && (\n                  <Button variant=\"ghost\" size=\"sm\" onClick={clearProjectSelection}>\n                    {tWithFallback(t, 'projectsList.clearSelection', 'Clear selection')}\n                  </Button>\n                )}\n                {/* Bulk mutations are bound to a single workspaceId via the\n                  archive/unarchive/delete hooks. On the cross-workspace\n                  /workspaces/projects route (workspaceId is undefined),\n                  hide them — selections can span workspaces and the bound\n                  hook would fail authorization for projects outside the\n                  caller's context. The per-card actions in ProjectCard\n                  still work because they resolve per-project. */}\n                {workspaceId && canArchiveProject && (\n                  <Button\n                    variant=\"outline\"\n                    size=\"sm\"\n                    onClick={handleBulkArchive}\n                    disabled={archivableProjects.length === 0}\n                  >\n                    {tWithFallback(t, 'projectsList.archiveSelected', 'Archive Selected')}\n                    {archivableProjects.length > 0 ? ` (${archivableProjects.length})` : ''}\n                  </Button>\n                )}\n                {workspaceId && canArchiveProject && (\n                  <Button\n                    variant=\"outline\"\n                    size=\"sm\"\n                    onClick={handleBulkUnarchive}\n                    disabled={unarchivableProjects.length === 0}\n                  >\n                    {tWithFallback(t, 'projectsList.unarchiveSelected', 'Unarchive Selected')}\n                    {unarchivableProjects.length > 0 ? ` (${unarchivableProjects.length})` : ''}\n                  </Button>\n                )}\n                {workspaceId && canDeleteProject && (\n                  <Button\n                    variant=\"outline\"\n                    size=\"sm\"\n                    onClick={handleBulkDelete}\n                    disabled={selectedProjects.length === 0}\n                    className=\"text-status-error-text\"\n                  >\n                    {tWithFallback(t, 'projectsList.deleteSelected', 'Delete Selected')}\n                    {selectedProjects.length > 0 ? ` (${selectedProjects.length})` : ''}\n                  </Button>\n                )}\n              </div>\n            </div>\n\n            <div\n              className={\n                viewMode === 'list'\n                  ? 'space-y-3'\n                  : 'grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4'\n              }\n            >\n              {data.items.map((project) => (\n                <ProjectCard\n                  key={project.id}\n                  project={project}\n                  selected={selectedProjectIds.has(project.id)}\n                  canArchive={canArchiveProject}\n                  canDelete={canDeleteProject}\n                  onTagClick={toggleTagFilter}\n                  onToggleSelect={(checked) => {\n                    const isSelected = selectedProjectIds.has(project.id);\n                    if (checked !== isSelected) {\n                      toggleProjectSelection(project.id);\n                    }\n                  }}\n                />\n              ))}\n            </div>\n\n            {/* Pagination Info */}\n            {data.total > data.items.length && (\n              <div className=\"text-center text-sm text-text-secondary\">\n                {tWithFallback(t, 'projectsList.showingPrefix', 'Showing')} {data.items.length}{' '}\n                {tWithFallback(t, 'projectsList.showingOf', 'of')} {data.total}{' '}\n                {tWithFallback(t, 'projectsList.showingProjects', 'projects')}\n              </div>\n            )}\n          </>\n        )}\n\n        {/* Create Project Dialog */}\n        {isCreateProjectDialogOpen && <CreateProjectDialog workspaceId={workspaceId} />}\n      </div>\n    </PageContainer>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ProjectsListPage.js","names":[],"sources":["../../src/pages/ProjectsListPage.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { FolderKanban, Plus, Grid3x3, List, Search } from 'lucide-react';\nimport { TagBadge } from '@burdenoff/fe-libs/tag';\nimport {\n  Button,\n  Input,\n  Card,\n  CardContent,\n  PageContainer,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n  Skeleton,\n} from '@burdenoff/fe-libs/ui';\nimport { useDebounce } from '@burdenoff/fe-libs/shared/hooks';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { useWorkspacesStore } from '../store/workspacesStore';\nimport { nativeConfirm, nativeImpact } from '../utils/nativeBridge';\nimport { useMyProjects } from '../hooks/useProjects';\nimport {\n  useArchiveProject,\n  useDeleteProject,\n  useUnarchiveProject,\n} from '../hooks/useProjectMutations';\nimport { ProjectCard } from '../components/ProjectCard';\nimport { CreateProjectDialog } from '../components/CreateProjectDialog';\nimport { useWorkspacePermissions } from '../hooks/useWorkspacePermissions';\nimport { useWorkspacesPageView } from '../hooks/useWorkspacesPageView';\nimport { tWithFallback } from '../utils/i18n';\nimport { getProjectDisplayTags } from '../utils/projectTags';\nimport type { ProjectTag, Workspace } from '../types';\n\nexport function ProjectsListPage() {\n  const { t } = useI18n();\n\n  // The URL path `:workspaceId` (when present) intentionally OVERRIDES the active\n  // context — it scopes this page to a specific workspace for deep-links/drill-in.\n  // The cross-workspace route (`/workspaces/projects`, no path param) leaves it\n  // undefined so the list stays cross-workspace. The stale-path-after-context-switch\n  // problem is handled by WorkspaceContextPathSync (it rewrites this segment when the\n  // active context changes), so the override never points at a stale workspace.\n  // (BOFF-2805 follow-up)\n  const { workspaceId } = useParams<{ workspaceId: string }>();\n  useWorkspacesPageView('workspaces.projects', { workspaceId, requireParams: true });\n  const {\n    viewMode,\n    setViewMode,\n    projectFilters,\n    setProjectFilters,\n    clearProjectFilters,\n    selectedProjectIds,\n    toggleProjectSelection,\n    clearProjectSelection,\n    openCreateProjectDialog,\n    isCreateProjectDialogOpen,\n  } = useWorkspacesStore();\n\n  const [searchValue, setSearchValue] = useState(projectFilters.search || '');\n  const [activeTagFilters, setActiveTagFilters] = useState<ProjectTag[]>([]);\n  const [matchAllTagFilters, setMatchAllTagFilters] = useState(true);\n  const debouncedSearch = useDebounce(searchValue, 500);\n\n  // Update filters when debounced search changes\n  useEffect(() => {\n    setProjectFilters({ search: debouncedSearch });\n  }, [debouncedSearch, setProjectFilters]);\n\n  useEffect(() => {\n    if (activeTagFilters.length === 0) {\n      setProjectFilters({\n        tagIds: undefined,\n        tagHierarchyPaths: undefined,\n        matchAllTags: undefined,\n        includeDescendants: undefined,\n      });\n      return;\n    }\n\n    setProjectFilters({\n      tagIds: activeTagFilters.map((tag) => tag.tagId),\n      tagHierarchyPaths: activeTagFilters\n        .map((tag) => tag.hierarchyPath)\n        .filter((tagPath): tagPath is string => typeof tagPath === 'string' && tagPath.length > 0),\n      matchAllTags: matchAllTagFilters,\n      includeDescendants: true,\n    });\n  }, [activeTagFilters, matchAllTagFilters, setProjectFilters]);\n\n  useEffect(() => {\n    return () => clearProjectSelection();\n  }, [clearProjectSelection]);\n\n  // Membership-scoped query: backend filters by actorId, so no client-side\n  // permission gate is needed. Page is shared by `/workspaces/projects` and\n  // `/workspaces/:workspaceId/projects`; the latter narrows the list below.\n  const PROJECTS_PAGE_SIZE = 500;\n  const {\n    data: myData,\n    isLoading,\n    error,\n  } = useMyProjects({\n    limit: PROJECTS_PAGE_SIZE,\n    offset: 0,\n  });\n\n  const data = useMemo(() => {\n    const all = myData?.items ?? [];\n    const q = (projectFilters.search ?? '').trim().toLowerCase();\n    const tagIds = projectFilters.tagIds ?? [];\n    const matchAllTags = projectFilters.matchAllTags ?? true;\n\n    const matchesWorkspace = (project: (typeof all)[number]) =>\n      !workspaceId || project.workspaceId === workspaceId;\n    const matchesSearch = (project: (typeof all)[number]) =>\n      !q || project.name.toLowerCase().includes(q) || project.key.toLowerCase().includes(q);\n    const matchesStatus = (project: (typeof all)[number]) =>\n      !projectFilters.status || project.status === projectFilters.status;\n    const matchesArchived = (project: (typeof all)[number]) =>\n      typeof projectFilters.archived === 'undefined' ||\n      project.archived === projectFilters.archived;\n    const matchesTags = (project: (typeof all)[number]) => {\n      if (tagIds.length === 0) return true;\n      const projectTagIds = new Set(getProjectDisplayTags(project).map((t) => t.tagId));\n      return matchAllTags\n        ? tagIds.every((id) => projectTagIds.has(id))\n        : tagIds.some((id) => projectTagIds.has(id));\n    };\n\n    const filtered = all.filter(\n      (project) =>\n        matchesWorkspace(project) &&\n        matchesSearch(project) &&\n        matchesStatus(project) &&\n        matchesArchived(project) &&\n        matchesTags(project)\n    );\n\n    // Surface the real backend totals so the \"Showing X of Y\" footer can flag\n    // truncation. For narrowed views (workspace/tag filter), the backend total\n    // doesn't reflect the post-filter count, so we report the filtered size as\n    // total. But we MUST preserve `hasMore` from upstream — if the upstream\n    // query was capped (hasMore=true), matches outside the first page are\n    // silently hidden, and the footer needs to keep flagging that.\n    const apiTotal = myData?.total ?? filtered.length;\n    const apiHasMore = myData?.hasMore ?? false;\n    const isNarrowed = !!workspaceId || tagIds.length > 0;\n    return {\n      items: filtered,\n      total: isNarrowed ? filtered.length : apiTotal,\n      hasMore: apiHasMore,\n    };\n  }, [myData?.items, myData?.total, myData?.hasMore, projectFilters, workspaceId]);\n\n  const { mutateAsync: archiveProject } = useArchiveProject(workspaceId);\n  const { mutateAsync: unarchiveProject } = useUnarchiveProject(workspaceId);\n  const { mutateAsync: deleteProject } = useDeleteProject(workspaceId);\n\n  const selectedProjects = useMemo(\n    () => data?.items.filter((project) => selectedProjectIds.has(project.id)) ?? [],\n    [data?.items, selectedProjectIds]\n  );\n\n  const archivableProjects = useMemo(\n    () => selectedProjects.filter((project) => !project.archived),\n    [selectedProjects]\n  );\n\n  const unarchivableProjects = useMemo(\n    () => selectedProjects.filter((project) => project.archived),\n    [selectedProjects]\n  );\n\n  const allVisibleSelected =\n    (data?.items.length ?? 0) > 0 &&\n    (data?.items ?? []).every((project) => selectedProjectIds.has(project.id));\n  const partiallySelected =\n    (data?.items ?? []).some((project) => selectedProjectIds.has(project.id)) &&\n    !allVisibleSelected;\n\n  const {\n    canCreateProject,\n    canDeleteProject,\n    canArchiveProject,\n    isLoading: permissionsLoading,\n  } = useWorkspacePermissions();\n\n  if (permissionsLoading) {\n    return (\n      <div className=\"space-y-4 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  // No client-side list gate: this page calls `myProjects` which is\n  // membership-scoped — the resolver filters by actorId on the backend, so the\n  // data set returned IS the access list. If the user is in zero projects, the\n  // page renders the empty state below. Per-action checks (canCreateProject,\n  // canDeleteProject, canArchiveProject) remain in place to hide buttons the\n  // user isn't authorized for on their workspace.\n\n  const handleCreateProject = () => {\n    openCreateProjectDialog({} as Workspace);\n  };\n\n  const handleStatusFilter = (value: string) => {\n    if (value === 'all') {\n      const nextFilters = { ...projectFilters };\n      delete nextFilters.status;\n      setProjectFilters(nextFilters);\n    } else {\n      setProjectFilters({ status: value as 'ACTIVE' | 'INACTIVE' | 'ARCHIVED' });\n    }\n  };\n\n  const handleArchivedFilter = (value: string) => {\n    if (value === 'all') {\n      const nextFilters = { ...projectFilters };\n      delete nextFilters.archived;\n      setProjectFilters(nextFilters);\n    } else {\n      setProjectFilters({ archived: value === 'true' });\n    }\n  };\n\n  const toggleTagFilter = (tag: ProjectTag) => {\n    setActiveTagFilters((current) => {\n      const exists = current.some((entry) => entry.tagId === tag.tagId);\n      if (exists) {\n        return current.filter((entry) => entry.tagId !== tag.tagId);\n      }\n\n      return [...current, tag];\n    });\n  };\n\n  const clearAllProjectFilters = () => {\n    setSearchValue('');\n    setActiveTagFilters([]);\n    setMatchAllTagFilters(true);\n    clearProjectFilters();\n  };\n\n  const toggleAllProjects = (checked: boolean) => {\n    (data?.items ?? []).forEach((project) => {\n      const isSelected = selectedProjectIds.has(project.id);\n      if (checked !== isSelected) {\n        toggleProjectSelection(project.id);\n      }\n    });\n  };\n\n  const handleBulkArchive = async () => {\n    if (archivableProjects.length === 0) return;\n    await Promise.allSettled(archivableProjects.map((project) => archiveProject(project.id)));\n    clearProjectSelection();\n  };\n\n  const handleBulkUnarchive = async () => {\n    if (unarchivableProjects.length === 0) return;\n    await Promise.allSettled(unarchivableProjects.map((project) => unarchiveProject(project.id)));\n    clearProjectSelection();\n  };\n\n  const handleBulkDelete = async () => {\n    if (selectedProjects.length === 0) return;\n    void nativeImpact('medium');\n    const message =\n      tWithFallback(t, 'projectsList.bulkDeleteConfirmPrefix', 'Delete ') +\n      selectedProjects.length +\n      ' ' +\n      tWithFallback(t, 'projectsList.bulkDeleteConfirmProject', 'selected project') +\n      (selectedProjects.length === 1\n        ? ''\n        : tWithFallback(t, 'projectsList.bulkDeleteConfirmPluralSuffix', 's')) +\n      tWithFallback(t, 'projectsList.bulkDeleteConfirmSuffix', '? This cannot be undone.');\n    const native = await nativeConfirm({\n      title: 'Delete projects',\n      message,\n      okButtonTitle: 'Delete',\n      cancelButtonTitle: 'Cancel',\n    });\n    const confirmed = native === null ? window.confirm(message) : native;\n    if (!confirmed) return;\n\n    await Promise.allSettled(selectedProjects.map((project) => deleteProject(project.id)));\n    clearProjectSelection();\n  };\n\n  return (\n    <PageContainer padded={false}>\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 justify-between gap-4\">\n          <div>\n            <h1 className=\"text-2xl sm:text-3xl font-bold\">\n              {tWithFallback(t, 'projectsList.pageTitle', 'Projects')}\n            </h1>\n            <p className=\"text-text-secondary\">\n              {tWithFallback(t, 'projectsList.pageSubtitle', 'Manage and organize your projects')}\n            </p>\n          </div>\n          <div className=\"flex items-center gap-2\">\n            {/* View mode toggle */}\n            <div className=\"flex items-center gap-1 border rounded-lg p-1\">\n              <Button\n                variant={viewMode === 'grid' ? 'secondary' : 'ghost'}\n                size=\"sm\"\n                onClick={() => setViewMode('grid')}\n                className=\"size-8 p-0\"\n                aria-label={tWithFallback(\n                  t,\n                  'projectsList.gridViewAriaLabel',\n                  'Show projects in grid view'\n                )}\n              >\n                <Grid3x3 size={16} />\n              </Button>\n              <Button\n                variant={viewMode === 'list' ? 'secondary' : 'ghost'}\n                size=\"sm\"\n                onClick={() => setViewMode('list')}\n                className=\"size-8 p-0\"\n                aria-label={tWithFallback(\n                  t,\n                  'projectsList.listViewAriaLabel',\n                  'Show projects in list view'\n                )}\n              >\n                <List size={16} />\n              </Button>\n            </div>\n            {canCreateProject && (\n              <Button onClick={handleCreateProject}>\n                <Plus className=\"size-4 sm:mr-2\" />\n                <span className=\"hidden sm:inline\">\n                  {tWithFallback(t, 'projectsList.createProject', 'Create Project')}\n                </span>\n              </Button>\n            )}\n          </div>\n        </div>\n\n        {/* Filters & Search */}\n        <div className=\"flex flex-col sm:flex-row gap-3\">\n          <div className=\"relative flex-1\">\n            <Search\n              className=\"absolute left-3 top-1/2 transform -translate-y-1/2 text-text-secondary\"\n              size={18}\n            />\n            <Input\n              placeholder={tWithFallback(t, 'projectsList.searchPlaceholder', 'Search projects...')}\n              value={searchValue}\n              onChange={(e) => setSearchValue(e.target.value)}\n              className=\"pl-[3.25rem]\"\n            />\n          </div>\n          <Select value={projectFilters.status || 'all'} onValueChange={handleStatusFilter}>\n            <SelectTrigger className=\"w-full sm:w-[180px]\">\n              <SelectValue\n                placeholder={tWithFallback(t, 'projectsList.filterByStatus', 'Filter by status')}\n              />\n            </SelectTrigger>\n            <SelectContent>\n              <SelectItem value=\"all\">\n                {tWithFallback(t, 'projectsList.statusAll', 'All Statuses')}\n              </SelectItem>\n              <SelectItem value=\"ACTIVE\">\n                {tWithFallback(t, 'projectsList.statusActive', 'Active')}\n              </SelectItem>\n              <SelectItem value=\"INACTIVE\">\n                {tWithFallback(t, 'projectsList.statusInactive', 'Inactive')}\n              </SelectItem>\n            </SelectContent>\n          </Select>\n          <Select\n            value={\n              projectFilters.archived === undefined\n                ? 'all'\n                : projectFilters.archived\n                  ? 'true'\n                  : 'false'\n            }\n            onValueChange={handleArchivedFilter}\n          >\n            <SelectTrigger className=\"w-full sm:w-[180px]\">\n              <SelectValue\n                placeholder={tWithFallback(t, 'projectsList.filterByArchive', 'Filter by archive')}\n              />\n            </SelectTrigger>\n            <SelectContent>\n              <SelectItem value=\"all\">\n                {tWithFallback(t, 'projectsList.archiveAll', 'All Projects')}\n              </SelectItem>\n              <SelectItem value=\"false\">\n                {tWithFallback(t, 'projectsList.archiveActiveProjects', 'Active Projects')}\n              </SelectItem>\n              <SelectItem value=\"true\">\n                {tWithFallback(t, 'projectsList.archiveArchived', 'Archived')}\n              </SelectItem>\n            </SelectContent>\n          </Select>\n          {(projectFilters.search ||\n            projectFilters.status ||\n            projectFilters.archived !== undefined ||\n            activeTagFilters.length > 0) && (\n            <Button variant=\"outline\" onClick={clearAllProjectFilters}>\n              {tWithFallback(t, 'projectsList.clearFilters', 'Clear Filters')}\n            </Button>\n          )}\n        </div>\n\n        {activeTagFilters.length > 0 && (\n          <div className=\"flex flex-col gap-3 rounded-lg border border-border-subtle bg-bg-surface px-4 py-3\">\n            <div className=\"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n              <div>\n                <p className=\"text-sm font-medium\">\n                  {tWithFallback(t, 'projectsList.activeTagFilters', 'Active tag filters')}\n                </p>\n                <p className=\"text-xs text-text-secondary\">\n                  {tWithFallback(\n                    t,\n                    'projectsList.activeTagFiltersDescription',\n                    'Click a project tag to add or remove it from the current filter set.'\n                  )}\n                </p>\n              </div>\n              <Select\n                value={matchAllTagFilters ? 'all' : 'any'}\n                onValueChange={(value) => setMatchAllTagFilters(value === 'all')}\n              >\n                <SelectTrigger className=\"w-full sm:w-[180px]\">\n                  <SelectValue\n                    placeholder={tWithFallback(t, 'projectsList.tagMatchMode', 'Tag match mode')}\n                  />\n                </SelectTrigger>\n                <SelectContent>\n                  <SelectItem value=\"all\">\n                    {tWithFallback(t, 'projectsList.tagMatchAll', 'Match all tags')}\n                  </SelectItem>\n                  <SelectItem value=\"any\">\n                    {tWithFallback(t, 'projectsList.tagMatchAny', 'Match any tag')}\n                  </SelectItem>\n                </SelectContent>\n              </Select>\n            </div>\n\n            <div className=\"flex flex-wrap gap-2\">\n              {activeTagFilters.map((tag) => (\n                <TagBadge\n                  key={tag.tagId}\n                  id={tag.tagId}\n                  label={tag.label}\n                  color={tag.color ?? undefined}\n                  icon={tag.icon ?? undefined}\n                  description={tag.description ?? undefined}\n                  removable\n                  onRemove={() => toggleTagFilter(tag)}\n                  size=\"sm\"\n                />\n              ))}\n            </div>\n          </div>\n        )}\n\n        {/* Error State */}\n        {error && (\n          <Card className=\"border-status-error-border\">\n            <CardContent className=\"pt-6\">\n              <div className=\"flex flex-col items-center justify-center py-8 text-center\">\n                <p className=\"text-status-error-text font-semibold mb-2\">\n                  {tWithFallback(t, 'projectsList.errorLoading', 'Error loading projects')}\n                </p>\n                <p className=\"text-sm text-text-secondary\">\n                  {error instanceof Error\n                    ? error.message\n                    : tWithFallback(t, 'projectsList.unknownError', 'An unknown error occurred')}\n                </p>\n              </div>\n            </CardContent>\n          </Card>\n        )}\n\n        {/* Loading State */}\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              <Card key={i}>\n                <CardContent className=\"pt-6\">\n                  <div className=\"space-y-3\">\n                    <Skeleton className=\"size-12 rounded-lg\" />\n                    <Skeleton className=\"h-4 w-3/4\" />\n                    <Skeleton className=\"h-4 w-1/2\" />\n                  </div>\n                </CardContent>\n              </Card>\n            ))}\n          </div>\n        )}\n\n        {/* Empty State */}\n        {!isLoading && !error && data?.items.length === 0 && (\n          <Card>\n            <CardContent className=\"pt-6\">\n              <div className=\"flex flex-col items-center justify-center py-12 text-center\">\n                <div className=\"rounded-full bg-bg-sunken p-6 mb-4\">\n                  <FolderKanban size={48} className=\"text-text-secondary\" />\n                </div>\n                <h3 className=\"text-lg font-semibold mb-2\">\n                  {tWithFallback(t, 'projectsList.noProjectsFound', 'No projects found')}\n                </h3>\n                <p className=\"text-text-secondary max-w-sm mb-4\">\n                  {projectFilters.search\n                    ? tWithFallback(\n                        t,\n                        'projectsList.adjustSearchOrFilters',\n                        'Try adjusting your search or filters'\n                      )\n                    : tWithFallback(\n                        t,\n                        'projectsList.createFirstProject',\n                        'Create your first project to get started organizing your work'\n                      )}\n                </p>\n                {!projectFilters.search && canCreateProject && (\n                  <Button onClick={handleCreateProject}>\n                    <Plus size={16} className=\"mr-2\" />\n                    {tWithFallback(t, 'projectsList.createProject', 'Create Project')}\n                  </Button>\n                )}\n              </div>\n            </CardContent>\n          </Card>\n        )}\n\n        {/* Projects Grid */}\n        {!isLoading && !error && data && data.items.length > 0 && (\n          <>\n            <div className=\"flex flex-col gap-3 rounded-lg border bg-bg-surface p-4 sm:flex-row sm:items-center sm:justify-between\">\n              <label className=\"flex items-center gap-2 text-sm text-text-primary\">\n                <input\n                  type=\"checkbox\"\n                  checked={allVisibleSelected}\n                  ref={(input) => {\n                    if (input) {\n                      input.indeterminate = partiallySelected && !allVisibleSelected;\n                    }\n                  }}\n                  onChange={(event) => toggleAllProjects(event.target.checked)}\n                  aria-label={tWithFallback(\n                    t,\n                    'projectsList.selectAllAriaLabel',\n                    'Select all projects'\n                  )}\n                  className=\"size-4 rounded border-border-subtle text-primary\"\n                />\n                <span>\n                  {tWithFallback(t, 'projectsList.selectAllVisible', 'Select all visible')}\n                </span>\n              </label>\n\n              <div className=\"flex flex-wrap items-center gap-2\">\n                <span className=\"text-sm text-text-secondary\">\n                  {selectedProjectIds.size} {tWithFallback(t, 'projectsList.selected', 'selected')}\n                </span>\n                {selectedProjectIds.size > 0 && (\n                  <Button variant=\"ghost\" size=\"sm\" onClick={clearProjectSelection}>\n                    {tWithFallback(t, 'projectsList.clearSelection', 'Clear selection')}\n                  </Button>\n                )}\n                {/* Bulk mutations are bound to a single workspaceId via the\n                  archive/unarchive/delete hooks. On the cross-workspace\n                  /workspaces/projects route (workspaceId is undefined),\n                  hide them — selections can span workspaces and the bound\n                  hook would fail authorization for projects outside the\n                  caller's context. The per-card actions in ProjectCard\n                  still work because they resolve per-project. */}\n                {workspaceId && canArchiveProject && (\n                  <Button\n                    variant=\"outline\"\n                    size=\"sm\"\n                    onClick={handleBulkArchive}\n                    disabled={archivableProjects.length === 0}\n                  >\n                    {tWithFallback(t, 'projectsList.archiveSelected', 'Archive Selected')}\n                    {archivableProjects.length > 0 ? ` (${archivableProjects.length})` : ''}\n                  </Button>\n                )}\n                {workspaceId && canArchiveProject && (\n                  <Button\n                    variant=\"outline\"\n                    size=\"sm\"\n                    onClick={handleBulkUnarchive}\n                    disabled={unarchivableProjects.length === 0}\n                  >\n                    {tWithFallback(t, 'projectsList.unarchiveSelected', 'Unarchive Selected')}\n                    {unarchivableProjects.length > 0 ? ` (${unarchivableProjects.length})` : ''}\n                  </Button>\n                )}\n                {workspaceId && canDeleteProject && (\n                  <Button\n                    variant=\"outline\"\n                    size=\"sm\"\n                    onClick={handleBulkDelete}\n                    disabled={selectedProjects.length === 0}\n                    className=\"text-status-error-text\"\n                  >\n                    {tWithFallback(t, 'projectsList.deleteSelected', 'Delete Selected')}\n                    {selectedProjects.length > 0 ? ` (${selectedProjects.length})` : ''}\n                  </Button>\n                )}\n              </div>\n            </div>\n\n            <div\n              className={\n                viewMode === 'list'\n                  ? 'space-y-3'\n                  : 'grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4'\n              }\n            >\n              {data.items.map((project) => (\n                <ProjectCard\n                  key={project.id}\n                  project={project}\n                  selected={selectedProjectIds.has(project.id)}\n                  canArchive={canArchiveProject}\n                  canDelete={canDeleteProject}\n                  onTagClick={toggleTagFilter}\n                  onToggleSelect={(checked) => {\n                    const isSelected = selectedProjectIds.has(project.id);\n                    if (checked !== isSelected) {\n                      toggleProjectSelection(project.id);\n                    }\n                  }}\n                />\n              ))}\n            </div>\n\n            {/* Pagination Info */}\n            {data.total > data.items.length && (\n              <div className=\"text-center text-sm text-text-secondary\">\n                {tWithFallback(t, 'projectsList.showingPrefix', 'Showing')} {data.items.length}{' '}\n                {tWithFallback(t, 'projectsList.showingOf', 'of')} {data.total}{' '}\n                {tWithFallback(t, 'projectsList.showingProjects', 'projects')}\n              </div>\n            )}\n          </>\n        )}\n\n        {/* Create Project Dialog */}\n        {isCreateProjectDialogOpen && <CreateProjectDialog workspaceId={workspaceId} />}\n      </div>\n    </PageContainer>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAmCA,SAAgB,IAAmB;CACjC,IAAM,EAAE,SAAM,IAAS,EASjB,EAAE,mBAAgB,IAAoC;AAC5D,GAAsB,uBAAuB;EAAE;EAAa,eAAe;EAAM,CAAC;CAClF,IAAM,EACJ,aACA,gBACA,mBACA,sBACA,yBACA,uBACA,2BACA,0BACA,6BACA,kCACE,GAAoB,EAElB,CAAC,GAAa,KAAkB,EAAS,EAAe,UAAU,GAAG,EACrE,CAAC,GAAkB,KAAuB,EAAuB,EAAE,CAAC,EACpE,CAAC,GAAoB,KAAyB,EAAS,GAAK,EAC5D,IAAkB,GAAY,GAAa,IAAI;AA4BrD,CAzBA,QAAgB;AACd,IAAkB,EAAE,QAAQ,GAAiB,CAAC;IAC7C,CAAC,GAAiB,EAAkB,CAAC,EAExC,QAAgB;AACd,MAAI,EAAiB,WAAW,GAAG;AACjC,KAAkB;IAChB,QAAQ,KAAA;IACR,mBAAmB,KAAA;IACnB,cAAc,KAAA;IACd,oBAAoB,KAAA;IACrB,CAAC;AACF;;AAGF,IAAkB;GAChB,QAAQ,EAAiB,KAAK,MAAQ,EAAI,MAAM;GAChD,mBAAmB,EAChB,KAAK,MAAQ,EAAI,cAAc,CAC/B,QAAQ,MAA+B,OAAO,KAAY,YAAY,EAAQ,SAAS,EAAE;GAC5F,cAAc;GACd,oBAAoB;GACrB,CAAC;IACD;EAAC;EAAkB;EAAoB;EAAkB,CAAC,EAE7D,cACe,GAAuB,EACnC,CAAC,EAAsB,CAAC;CAM3B,IAAM,EACJ,MAAM,GACN,cACA,aACE,EAAc;EAChB,OANyB;EAOzB,QAAQ;EACT,CAAC,EAEI,IAAO,QAAc;EACzB,IAAM,IAAM,GAAQ,SAAS,EAAE,EACzB,KAAK,EAAe,UAAU,IAAI,MAAM,CAAC,aAAa,EACtD,IAAS,EAAe,UAAU,EAAE,EACpC,IAAe,EAAe,gBAAgB,IAE9C,KAAoB,MACxB,CAAC,KAAe,EAAQ,gBAAgB,GACpC,KAAiB,MACrB,CAAC,KAAK,EAAQ,KAAK,aAAa,CAAC,SAAS,EAAE,IAAI,EAAQ,IAAI,aAAa,CAAC,SAAS,EAAE,EACjF,KAAiB,MACrB,CAAC,EAAe,UAAU,EAAQ,WAAW,EAAe,QACxD,KAAmB,MAChB,EAAe,aAAa,UACnC,EAAQ,aAAa,EAAe,UAChC,KAAe,MAAkC;AACrD,OAAI,EAAO,WAAW,EAAG,QAAO;GAChC,IAAM,IAAgB,IAAI,IAAI,GAAsB,EAAQ,CAAC,KAAK,MAAM,EAAE,MAAM,CAAC;AACjF,UAAO,IACH,EAAO,OAAO,MAAO,EAAc,IAAI,EAAG,CAAC,GAC3C,EAAO,MAAM,MAAO,EAAc,IAAI,EAAG,CAAC;KAG1C,IAAW,EAAI,QAClB,MACC,EAAiB,EAAQ,IACzB,EAAc,EAAQ,IACtB,EAAc,EAAQ,IACtB,EAAgB,EAAQ,IACxB,EAAY,EAAQ,CACvB,EAQK,IAAW,GAAQ,SAAS,EAAS,QACrC,IAAa,GAAQ,WAAW;AAEtC,SAAO;GACL,OAAO;GACP,OAHmB,KAAe,EAAO,SAAS,IAG9B,EAAS,SAAS;GACtC,SAAS;GACV;IACA;EAAC,GAAQ;EAAO,GAAQ;EAAO,GAAQ;EAAS;EAAgB;EAAY,CAAC,EAE1E,EAAE,aAAa,OAAmB,EAAkB,EAAY,EAChE,EAAE,aAAa,OAAqB,EAAoB,EAAY,EACpE,EAAE,aAAa,OAAkB,EAAiB,EAAY,EAE9D,IAAmB,QACjB,GAAM,MAAM,QAAQ,MAAY,EAAmB,IAAI,EAAQ,GAAG,CAAC,IAAI,EAAE,EAC/E,CAAC,GAAM,OAAO,EAAmB,CAClC,EAEK,IAAqB,QACnB,EAAiB,QAAQ,MAAY,CAAC,EAAQ,SAAS,EAC7D,CAAC,EAAiB,CACnB,EAEK,IAAuB,QACrB,EAAiB,QAAQ,MAAY,EAAQ,SAAS,EAC5D,CAAC,EAAiB,CACnB,EAEK,KACH,GAAM,MAAM,UAAU,KAAK,MAC3B,GAAM,SAAS,EAAE,EAAE,OAAO,MAAY,EAAmB,IAAI,EAAQ,GAAG,CAAC,EACtE,MACH,GAAM,SAAS,EAAE,EAAE,MAAM,MAAY,EAAmB,IAAI,EAAQ,GAAG,CAAC,IACzE,CAAC,GAEG,EACJ,sBACA,sBACA,sBACA,WAAW,OACT,GAAyB;AAE7B,KAAI,GACF,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD,EAAU,WAAU,cAAe,CAAA,EACnC,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,GAAD,EAAU,WAAU,QAAS,CAAA;IAC7B,kBAAC,GAAD,EAAU,WAAU,QAAS,CAAA;IAC7B,kBAAC,GAAD,EAAU,WAAU,QAAS,CAAA;IACzB;KACF;;CAWV,IAAM,UAA4B;AAChC,KAAwB,EAAE,CAAc;IAGpC,MAAsB,MAAkB;AAC5C,MAAI,MAAU,OAAO;GACnB,IAAM,IAAc,EAAE,GAAG,GAAgB;AAEzC,GADA,OAAO,EAAY,QACnB,EAAkB,EAAY;QAE9B,GAAkB,EAAE,QAAQ,GAA6C,CAAC;IAIxE,MAAwB,MAAkB;AAC9C,MAAI,MAAU,OAAO;GACnB,IAAM,IAAc,EAAE,GAAG,GAAgB;AAEzC,GADA,OAAO,EAAY,UACnB,EAAkB,EAAY;QAE9B,GAAkB,EAAE,UAAU,MAAU,QAAQ,CAAC;IAI/C,KAAmB,MAAoB;AAC3C,KAAqB,MACJ,EAAQ,MAAM,MAAU,EAAM,UAAU,EAAI,MAAM,GAExD,EAAQ,QAAQ,MAAU,EAAM,UAAU,EAAI,MAAM,GAGtD,CAAC,GAAG,GAAS,EAAI,CACxB;IAGE,WAA+B;AAInC,EAHA,EAAe,GAAG,EAClB,EAAoB,EAAE,CAAC,EACvB,EAAsB,GAAK,EAC3B,IAAqB;IAGjB,MAAqB,MAAqB;AAC9C,GAAC,GAAM,SAAS,EAAE,EAAE,SAAS,MAAY;AAEvC,GAAI,MADe,EAAmB,IAAI,EAAQ,GAAG,IAEnD,EAAuB,EAAQ,GAAG;IAEpC;;AAwCJ,QACE,kBAAC,IAAD;EAAe,QAAQ;YACrB,kBAAC,OAAD;GAAK,WAAU;aAAf;IAEE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;MAAI,WAAU;gBACX,EAAc,GAAG,0BAA0B,WAAW;MACpD,CAAA,EACL,kBAAC,KAAD;MAAG,WAAU;gBACV,EAAc,GAAG,6BAA6B,oCAAoC;MACjF,CAAA,CACA,EAAA,CAAA,EACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CAEE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD;QACE,SAAS,MAAa,SAAS,cAAc;QAC7C,MAAK;QACL,eAAe,EAAY,OAAO;QAClC,WAAU;QACV,cAAY,EACV,GACA,kCACA,6BACD;kBAED,kBAAC,IAAD,EAAS,MAAM,IAAM,CAAA;QACd,CAAA,EACT,kBAAC,GAAD;QACE,SAAS,MAAa,SAAS,cAAc;QAC7C,MAAK;QACL,eAAe,EAAY,OAAO;QAClC,WAAU;QACV,cAAY,EACV,GACA,kCACA,6BACD;kBAED,kBAAC,IAAD,EAAM,MAAM,IAAM,CAAA;QACX,CAAA,CACL;UACL,MACC,kBAAC,GAAD;OAAQ,SAAS;iBAAjB,CACE,kBAAC,GAAD,EAAM,WAAU,kBAAmB,CAAA,EACnC,kBAAC,QAAD;QAAM,WAAU;kBACb,EAAc,GAAG,8BAA8B,iBAAiB;QAC5D,CAAA,CACA;SAEP;QACF;;IAGN,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,IAAD;QACE,WAAU;QACV,MAAM;QACN,CAAA,EACF,kBAAC,IAAD;QACE,aAAa,EAAc,GAAG,kCAAkC,qBAAqB;QACrF,OAAO;QACP,WAAW,MAAM,EAAe,EAAE,OAAO,MAAM;QAC/C,WAAU;QACV,CAAA,CACE;;MACN,kBAAC,GAAD;OAAQ,OAAO,EAAe,UAAU;OAAO,eAAe;iBAA9D,CACE,kBAAC,GAAD;QAAe,WAAU;kBACvB,kBAAC,GAAD,EACE,aAAa,EAAc,GAAG,+BAA+B,mBAAmB,EAChF,CAAA;QACY,CAAA,EAChB,kBAAC,GAAD,EAAA,UAAA;QACE,kBAAC,GAAD;SAAY,OAAM;mBACf,EAAc,GAAG,0BAA0B,eAAe;SAChD,CAAA;QACb,kBAAC,GAAD;SAAY,OAAM;mBACf,EAAc,GAAG,6BAA6B,SAAS;SAC7C,CAAA;QACb,kBAAC,GAAD;SAAY,OAAM;mBACf,EAAc,GAAG,+BAA+B,WAAW;SACjD,CAAA;QACC,EAAA,CAAA,CACT;;MACT,kBAAC,GAAD;OACE,OACE,EAAe,aAAa,KAAA,IACxB,QACA,EAAe,WACb,SACA;OAER,eAAe;iBARjB,CAUE,kBAAC,GAAD;QAAe,WAAU;kBACvB,kBAAC,GAAD,EACE,aAAa,EAAc,GAAG,gCAAgC,oBAAoB,EAClF,CAAA;QACY,CAAA,EAChB,kBAAC,GAAD,EAAA,UAAA;QACE,kBAAC,GAAD;SAAY,OAAM;mBACf,EAAc,GAAG,2BAA2B,eAAe;SACjD,CAAA;QACb,kBAAC,GAAD;SAAY,OAAM;mBACf,EAAc,GAAG,sCAAsC,kBAAkB;SAC/D,CAAA;QACb,kBAAC,GAAD;SAAY,OAAM;mBACf,EAAc,GAAG,gCAAgC,WAAW;SAClD,CAAA;QACC,EAAA,CAAA,CACT;;OACP,EAAe,UACf,EAAe,UACf,EAAe,aAAa,KAAA,KAC5B,EAAiB,SAAS,MAC1B,kBAAC,GAAD;OAAQ,SAAQ;OAAU,SAAS;iBAChC,EAAc,GAAG,6BAA6B,gBAAgB;OACxD,CAAA;MAEP;;IAEL,EAAiB,SAAS,KACzB,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;OAAG,WAAU;iBACV,EAAc,GAAG,iCAAiC,qBAAqB;OACtE,CAAA,EACJ,kBAAC,KAAD;OAAG,WAAU;iBACV,EACC,GACA,4CACA,uEACD;OACC,CAAA,CACA,EAAA,CAAA,EACN,kBAAC,GAAD;OACE,OAAO,IAAqB,QAAQ;OACpC,gBAAgB,MAAU,EAAsB,MAAU,MAAM;iBAFlE,CAIE,kBAAC,GAAD;QAAe,WAAU;kBACvB,kBAAC,GAAD,EACE,aAAa,EAAc,GAAG,6BAA6B,iBAAiB,EAC5E,CAAA;QACY,CAAA,EAChB,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;QAAY,OAAM;kBACf,EAAc,GAAG,4BAA4B,iBAAiB;QACpD,CAAA,EACb,kBAAC,GAAD;QAAY,OAAM;kBACf,EAAc,GAAG,4BAA4B,gBAAgB;QACnD,CAAA,CACC,EAAA,CAAA,CACT;SACL;SAEN,kBAAC,OAAD;MAAK,WAAU;gBACZ,EAAiB,KAAK,MACrB,kBAAC,IAAD;OAEE,IAAI,EAAI;OACR,OAAO,EAAI;OACX,OAAO,EAAI,SAAS,KAAA;OACpB,MAAM,EAAI,QAAQ,KAAA;OAClB,aAAa,EAAI,eAAe,KAAA;OAChC,WAAA;OACA,gBAAgB,EAAgB,EAAI;OACpC,MAAK;OACL,EATK,EAAI,MAST,CACF;MACE,CAAA,CACF;;IAIP,KACC,kBAAC,GAAD;KAAM,WAAU;eACd,kBAAC,GAAD;MAAa,WAAU;gBACrB,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,KAAD;QAAG,WAAU;kBACV,EAAc,GAAG,6BAA6B,yBAAyB;QACtE,CAAA,EACJ,kBAAC,KAAD;QAAG,WAAU;kBACV,aAAiB,QACd,EAAM,UACN,EAAc,GAAG,6BAA6B,4BAA4B;QAC5E,CAAA,CACA;;MACM,CAAA;KACT,CAAA;IAIR,KACC,kBAAC,OAAD;KAAK,WAAU;eACZ,MAAM,KAAK,EAAE,QAAQ,GAAG,CAAC,CAAC,KAAK,GAAG,MACjC,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;MAAa,WAAU;gBACrB,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,kBAAC,GAAD,EAAU,WAAU,sBAAuB,CAAA;QAC3C,kBAAC,GAAD,EAAU,WAAU,aAAc,CAAA;QAClC,kBAAC,GAAD,EAAU,WAAU,aAAc,CAAA;QAC9B;;MACM,CAAA,EACT,EARI,EAQJ,CACP;KACE,CAAA;IAIP,CAAC,KAAa,CAAC,KAAS,GAAM,MAAM,WAAW,KAC9C,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;KAAa,WAAU;eACrB,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,OAAD;QAAK,WAAU;kBACb,kBAAC,IAAD;SAAc,MAAM;SAAI,WAAU;SAAwB,CAAA;QACtD,CAAA;OACN,kBAAC,MAAD;QAAI,WAAU;kBACX,EAAc,GAAG,gCAAgC,oBAAoB;QACnE,CAAA;OACL,kBAAC,KAAD;QAAG,WAAU;kBACV,EAAe,SACZ,EACE,GACA,sCACA,uCACD,GACD,EACE,GACA,mCACA,gEACD;QACH,CAAA;OACH,CAAC,EAAe,UAAU,MACzB,kBAAC,GAAD;QAAQ,SAAS;kBAAjB,CACE,kBAAC,GAAD;SAAM,MAAM;SAAI,WAAU;SAAS,CAAA,EAClC,EAAc,GAAG,8BAA8B,iBAAiB,CAC1D;;OAEP;;KACM,CAAA,EACT,CAAA;IAIR,CAAC,KAAa,CAAC,KAAS,KAAQ,EAAK,MAAM,SAAS,KACnD,kBAAA,IAAA,EAAA,UAAA;KACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,SAAD;OAAO,WAAU;iBAAjB,CACE,kBAAC,SAAD;QACE,MAAK;QACL,SAAS;QACT,MAAM,MAAU;AACd,SAAI,MACF,EAAM,gBAAgB,MAAqB,CAAC;;QAGhD,WAAW,MAAU,GAAkB,EAAM,OAAO,QAAQ;QAC5D,cAAY,EACV,GACA,mCACA,sBACD;QACD,WAAU;QACV,CAAA,EACF,kBAAC,QAAD,EAAA,UACG,EAAc,GAAG,iCAAiC,qBAAqB,EACnE,CAAA,CACD;UAER,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,kBAAC,QAAD;SAAM,WAAU;mBAAhB;UACG,EAAmB;UAAK;UAAE,EAAc,GAAG,yBAAyB,WAAW;UAC3E;;QACN,EAAmB,OAAO,KACzB,kBAAC,GAAD;SAAQ,SAAQ;SAAQ,MAAK;SAAK,SAAS;mBACxC,EAAc,GAAG,+BAA+B,kBAAkB;SAC5D,CAAA;QASV,KAAe,KACd,kBAAC,GAAD;SACE,SAAQ;SACR,MAAK;SACL,SAzUQ,YAAY;AAChC,YAAmB,WAAW,MAClC,MAAM,QAAQ,WAAW,EAAmB,KAAK,MAAY,GAAe,EAAQ,GAAG,CAAC,CAAC,EACzF,GAAuB;;SAuUP,UAAU,EAAmB,WAAW;mBAJ1C,CAMG,EAAc,GAAG,gCAAgC,mBAAmB,EACpE,EAAmB,SAAS,IAAI,KAAK,EAAmB,OAAO,KAAK,GAC9D;;QAEV,KAAe,KACd,kBAAC,GAAD;SACE,SAAQ;SACR,MAAK;SACL,SA9UU,YAAY;AAClC,YAAqB,WAAW,MACpC,MAAM,QAAQ,WAAW,EAAqB,KAAK,MAAY,GAAiB,EAAQ,GAAG,CAAC,CAAC,EAC7F,GAAuB;;SA4UP,UAAU,EAAqB,WAAW;mBAJ5C,CAMG,EAAc,GAAG,kCAAkC,qBAAqB,EACxE,EAAqB,SAAS,IAAI,KAAK,EAAqB,OAAO,KAAK,GAClE;;QAEV,KAAe,MACd,kBAAC,GAAD;SACE,SAAQ;SACR,MAAK;SACL,SAnVO,YAAY;AACnC,cAAI,EAAiB,WAAW,EAAG;AAC9B,YAAa,SAAS;UAC3B,IAAM,IACJ,EAAc,GAAG,wCAAwC,UAAU,GACnE,EAAiB,SACjB,MACA,EAAc,GAAG,yCAAyC,mBAAmB,IAC5E,EAAiB,WAAW,IACzB,KACA,EAAc,GAAG,8CAA8C,IAAI,IACvE,EAAc,GAAG,wCAAwC,2BAA2B,EAChF,IAAS,MAAM,EAAc;WACjC,OAAO;WACP;WACA,eAAe;WACf,mBAAmB;WACpB,CAAC;AACgB,iBAAW,OAAO,OAAO,QAAQ,EAAQ,GAAG,OAG9D,MAAM,QAAQ,WAAW,EAAiB,KAAK,MAAY,GAAc,EAAQ,GAAG,CAAC,CAAC,EACtF,GAAuB;;SA8TP,UAAU,EAAiB,WAAW;SACtC,WAAU;mBALZ,CAOG,EAAc,GAAG,+BAA+B,kBAAkB,EAClE,EAAiB,SAAS,IAAI,KAAK,EAAiB,OAAO,KAAK,GAC1D;;QAEP;SACF;;KAEN,kBAAC,OAAD;MACE,WACE,MAAa,SACT,cACA;gBAGL,EAAK,MAAM,KAAK,MACf,kBAAC,GAAD;OAEW;OACT,UAAU,EAAmB,IAAI,EAAQ,GAAG;OAC5C,YAAY;OACZ,WAAW;OACX,YAAY;OACZ,iBAAiB,MAAY;AAE3B,QAAI,MADe,EAAmB,IAAI,EAAQ,GAAG,IAEnD,EAAuB,EAAQ,GAAG;;OAGtC,EAZK,EAAQ,GAYb,CACF;MACE,CAAA;KAGL,EAAK,QAAQ,EAAK,MAAM,UACvB,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACG,EAAc,GAAG,8BAA8B,UAAU;OAAC;OAAE,EAAK,MAAM;OAAQ;OAC/E,EAAc,GAAG,0BAA0B,KAAK;OAAC;OAAE,EAAK;OAAO;OAC/D,EAAc,GAAG,gCAAgC,WAAW;OACzD;;KAEP,EAAA,CAAA;IAIJ,MAA6B,kBAAC,GAAD,EAAkC,gBAAe,CAAA;IAC3E;;EACQ,CAAA"}